BAB IV IMPLEMENTASI DAN PENGUJIAN Setelah melakukan analisa dan perancangan terhadap aplikasi informasi seluruh provider perdana di indonesia yang ada di kota Jakarta, pada bab ini akan dibahas mengenai implementasi dan pengujian. Implementasi merupakan tahap realisasi dari rancangan sistem ke dalam struktur pemrograman dan menghasilkan aplikasi yang siap untuk di uji dan dioperasikan oleh target pengguna. Pembahasan tersebut akan dijelaskan pada subbab berikut ini.
4.1
Perangkat Pendukung Pengembangan Untuk melaksanakan penelitian ini tentunya membutuhkan alat pendukung
berupa perangkat keras (Hardware) dan perangkat lunak (Software), alat-alat yang digunakan akan dijelaskan sebagai berikut.
4.1.1 Perangkat Keras (Hardware) Berikut adalah spesifikasi perangkat keras yang digunakan selama pengembangan sistem :
Spesifikasi Laptop
1. Processor: Intel® Core ™ i3-2330M CPU @2.20 GHz 2. Memory
: 2.00 GB
3. Harddisk Drive : 5.00 GB 4. Video Graphic Adapter (VGA) : Intel® HD Graphics Family 5. Keyboard: Include Laptop
Spesifikasi Ponsel
1. Device: Samsung Galaxy V 2. Chipset: Spreadtrum SC6815 3. Operating System : Android Versi : 4.4.2 (Kitkat) 4. Memory Internal : 4.00 GB
37 http://digilib.mercubuana.ac.id/
38
4.1.2 Perangkat Lunak (Software) Spesifikasi perangkat lunak yang dipakai dalam proses pembuatan aplikasi informasi seluruh provider perdana diIndonesia khususnya yang ada di kota Jakarta:
Laptop
1. Windows 7 Ultimate sebagai sistem operasi. 2. Eclipse Version: v21.1.0-569685 3. Adobe Photoshop CS3 untuk membuat button pada aplikasi. 4. Android SDK sebagai compiler untuk membuat Android Package(APK file). 5. Java Development Kit (Versi 8) 6. SQLite 7. BlueStack Agent (0.9.6.4092) Android Versi 4.4.2(Kit-Kat)
Ponsel Android
1. Android 4.4.2 sebagai sistem operasi.
4.2
Implementasi Basis Data Database untuk aplikasi informasi seluruh provider perdana di Indonesia
yang
ada
di
kota
Jakarta
ini
menggunakan
SQLite
yang
bernama
DatabaseAdapter, yang terdiri dari 3 tabel didalamnya dan dibuat didalam class java pada eclipse. Adapun ketiga tabel tersebut adalah sebagai berikut: 4.2.1 Tabel InformasiPerdana Tabel InformasiPerdana ini digunakan untuk menempatkan informasi tentang alamat perusahaan provider. Tabel 4.1 Structure Table InformasiPerdana No
Nama
Tipe Data
Key
1
ID
INT
PrimaryKey
2
Provider
Varchar (50)
ForeignKey
http://digilib.mercubuana.ac.id/
39
3
Judul
Varchar (50)
4
Image
BLOB
5
Keterangan
TEXT
ForeignKey
4.2.2 Tabel Provider Tabel Provider ini digunakan untuk menempatkan Galeri atau kantor perusahaan provider yang akan dipilih user. Tabel 4.2 Structure Tabel Provider No
Nama
Tipe Data
Key
1
ID
INT
PrimaryKey
2
Provider
Varchar (50)
ForeignKey
4.3
Implementasi Antarmuka Aplikasi
4.3.1 Antarmuka Splash Screen Aplikasi akan menampilkan splash screen selama 4 detik sebelum masuk ke menu utama.
Gambar 4.1 Antarmuka Splash Screen Kode 4.1 Tampilan Layout Splash Screen
http://digilib.mercubuana.ac.id/
40
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/backgroundawal" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" >
4.3.2 Antarmuka Menu Utama Pada menu utama berisi button Galeri, Maps, Call Center dan Bantuan (?). Button Galeri, Maps dan Call Center untuk membawa kita ke xml layout masingmasing fungsi, sedangkan button Bantuan (?) akan menampilkan popup bantuan panduan aplikasi. .
http://digilib.mercubuana.ac.id/
41
Gambar 4.2 Antarmuka Menu Utama Kode 4.2 Tampilan Layout Menu Utama
<Button
http://digilib.mercubuana.ac.id/
42
android:id="@+id/btnGaleri" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:background="@drawable/battengaleri" />
<Button android:id="@+id/btnmaps" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/btnGaleri" android:layout_below="@+id/btnGaleri" android:layout_marginTop="19dp" android:background="@drawable/battenmaps" /> <Button android:id="@+id/btncallcenter" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/btnGaleri" android:layout_below="@+id/btnmaps" android:layout_marginTop="19dp" android:background="@drawable/battencallcenter" /> <Button android:id="@+id/btnbantuan" android:layout_width="40dp" android:layout_height="33dp" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:background="@drawable/battenbantuan" />
4.3.3 Antarmuka Galeri Perusahaan Provider Pada layout galeri perusahaan provider ini untuk user bisa memilih dan melihat informasi alamat perusahaan provider.
http://digilib.mercubuana.ac.id/
43
Gambar 4.3 Antarmuka Galeri Perusahaan Provider Kode 4.3 Tampilan Layout Galeri Perusahaan Provider
http://digilib.mercubuana.ac.id/
44
<Spinner android:id="@+id/provider" android:layout_width="250dip" android:layout_height="40dip" android:drawSelectorOnTop="true" android:prompt="@string/spinner_provider_prompt" android:textSize="25sp" />
4.3.4 Antarmuka Maps Pada layout Maps ini user bisa memilih perusahaan provider mana yang ingin diketahui lokasinya , sehingga layout ini akan menampilkan maps perusahaan tersebut.
http://digilib.mercubuana.ac.id/
45
Gambar 4.4 Antarmuka Maps Kode 4.4 Tampilan Layout Maps
<Button android:id="@+id/btnIndosat" android:layout_width="320dp" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_gravity="center_horizontal" android:layout_marginTop="60dp" android:onClick="Indosat"
http://digilib.mercubuana.ac.id/
46
android:text="Indosat" android:textColor="#FFFFFF" android:textStyle="bold" /> <Button android:id="@+id/btnTelkomsel" android:layout_width="320dp" android:layout_height="wrap_content" android:onClick="Telkomsel" android:prompt="@string/title_activity_mapss" android:text="Telkomsel" android:textColor="#FFFFFF" android:textStyle="bold" android:typeface="serif" /> <Button android:id="@+id/btnSmartfreen" android:layout_width="320dp" android:layout_height="wrap_content" android:onClick="Smartfreen" android:prompt="@string/title_activity_mapss" android:text="Smartfreen" android:textColor="#FFFFFF" android:textStyle="bold" android:typeface="serif" /> <Button android:id="@+id/btnXL" android:layout_width="320dp" android:layout_height="wrap_content" android:onClick="XL" android:prompt="@string/title_activity_mapss" android:text="XL" android:textColor="#FFFFFF" android:textStyle="bold" android:typeface="serif" /> <Button android:id="@+id/btnAxis" android:layout_width="320dp" android:layout_height="wrap_content" android:onClick="Axis" android:prompt="@string/title_activity_mapss" android:text="Axis" android:textColor="#FFFFFF" android:textStyle="bold" android:typeface="serif" /> <Button android:id="@+id/btnTree" android:layout_width="320dp" android:layout_height="wrap_content" android:onClick="Tree"
http://digilib.mercubuana.ac.id/
47
android:prompt="@string/title_activity_mapss" android:text="Tree" android:textColor="#FFFFFF" android:textStyle="bold" android:typeface="serif" /> <Button android:id="@+id/btnEsia" android:layout_width="320dp" android:layout_height="wrap_content" android:onClick="Esia" android:prompt="@string/title_activity_mapss" android:text="Esia" android:textColor="#FFFFFF" android:textStyle="bold" android:typeface="serif" />
4.3.5 Antarmuka Call Center Pada layout call center ini user bisa memilih nomor call center dari setiap perusahaan provider yang tercantum pada layout ini.
http://digilib.mercubuana.ac.id/
48
Gambar 4.5 Antarmuka Call Center Kode 4.5 Tampilan Layout Call Center
4.3.6 Antarmuka Popup Bantuan (?) Antarmuka Bantuan berisi tentang panduan fungsi button yang ada pada halaman utama, seperti terlihat pada gambar 4.6.
http://digilib.mercubuana.ac.id/
49
Gambar 4.6 Antarmuka Bantuan (?)
Pengujian Aplikasi
4.4
Pengujian pada sistem dilakukan sebagai verifikasi atas sistem yang telah dibangun. Hal ini dimaksudkan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungsi-fungsi pada sistem akan berjalan dengan baik. Pengujian yang penulis lakukan menggunakan metode pengujian Black-box. Metode Black-box merupakan metode pengujian berdasarkan pada fungsionalitas perangkat lunak, serta bertujuan untuk menemukan kemungkinan kesalahan fungsi-fungsi tertentu.
4.4.1 Hasil Pengujian Tabel 4.3 Hasil Pengujian No.
1
Event
Rencana
Button galeri
Klik button galeri
http://digilib.mercubuana.ac.id/
Hasil yang
Hasil
diharapkan
Pengujian
Terbuka layout galeri
SUKSES
50
2
Select box
Memilih galeri
Menampilkan
galeri
perusahaan provider
alamat perusahaan
SUKSES
Menampilkan 3
Button maps
Klik button maps
lokasi perusahaan
SUKSES
pada maps 4
Button call
Klik button call
Terbuka layout call
center
center
center
Select call 5
center perusahaan
6
Button Bantuan
SUKSES
Melakukan Klik call center perusahaan
Klik button bantuan
panggilan ke call
SUKSES
center perusahaan Menampilkan jendela popup yang berisi informasi fungsi masing masing button
http://digilib.mercubuana.ac.id/
SUKSES
