BAB IV IMPLEMENTASI DAN PENGUJIAN

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

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

39 3 Judul Varchar (50) ForeignKey 4 Image BLOB 5 Keterangan TEXT 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 <RelativeLayout

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" > <ProgressBar android:id="@+id/progressbar1" style="?android:attr/progressbarstylelarge" android:layout_width="wrap_content" android:layout_centerhorizontal="true" android:layout_centervertical="true" android:maxheight="80dp" android:maxwidth="80dp" /> </RelativeLayout> 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..

41 Kode 4.2 Tampilan Layout Menu Utama Gambar 4.2 Antarmuka Menu Utama <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/backgroundmenu"> <TextView android:id="@+id/textview" android:layout_width="wrap_content" android:layout_alignparentright="true" android:layout_centerhorizontal="true" android:layout_gravity="center_horizontal" android:text="aplikasi Informasi Seluruh Provider Perdana Di Kota Jakarta" android:textcolor="#000000" android:textsize="17sp" android:typeface="serif"/>

42 android:id="@+id/btngaleri" android:layout_width="wrap_content" android:layout_centerhorizontal="true" android:layout_centervertical="true" android:background="@drawable/battengaleri" /> android:id="@+id/btnmaps" android:layout_width="wrap_content" android:layout_alignright="@+id/btngaleri" android:layout_below="@+id/btngaleri" android:layout_margintop="19dp" android:background="@drawable/battenmaps" /> android:id="@+id/btncallcenter" android:layout_width="wrap_content" android:layout_alignright="@+id/btngaleri" android:layout_below="@+id/btnmaps" android:layout_margintop="19dp" android:background="@drawable/battencallcenter" /> android:id="@+id/btnbantuan" android:layout_width="40dp" android:layout_height="33dp" android:layout_alignparentbottom="true" android:layout_centerhorizontal="true" android:background="@drawable/battenbantuan" /> </RelativeLayout> 4.3.3 Antarmuka Galeri Perusahaan Provider Pada layout galeri perusahaan provider ini untuk user bisa memilih dan melihat informasi alamat perusahaan provider.

43 Gambar 4.3 Antarmuka Galeri Perusahaan Provider Kode 4.3 Tampilan Layout Galeri Perusahaan Provider <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/tentang" android:orientation="vertical"> <TextView android:layout_width="fill_parent" android:gravity="center_vertical center_horizontal" android:text="@string/judul" android:textsize="17sp" <TableLayout android:layout_width="fill_parent" android:layout_height="75dip" android:stretchcolumns="1" android:layout_marginleft="5dip" android:layout_marginright="5dip"> <TableRow android:layout_margintop="20dip">

44 <TextView android:layout_width="fill_parent" android:layout_marginleft="3dip" android:text="@string/galeri" android:textcolor="#000000" android:textsize="18sp" /> </TableRow> <TableRow > <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" /> </TableRow> </TableLayout> <ListView android:id="@android:id/list" android:layout_width="fill_parent" android:layout_marginleft="5dip" android:layout_marginright="5dip" android:layout_margintop="10dip"> </ListView> </LinearLayout> 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.

45 Kode 4.4 Tampilan Layout Maps Gambar 4.4 Antarmuka Maps <RelativeLayout 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/perdana3 tools:context=".mapss" > <TextView android:id="@+id/textview1" android:layout_width="fill_parent" android:text="@string/judul2" android:textsize="17sp" android:id="@+id/btnindosat" android:layout_width="320dp" android:layout_alignparenttop="true" android:layout_centerhorizontal="true" android:layout_gravity="center_horizontal" android:layout_margintop="60dp" android:onclick="indosat"

46 android:text="indosat" /> android:id="@+id/btntelkomsel" android:layout_width="320dp" android:onclick="telkomsel" android:prompt="@string/title_activity_mapss" android:text="telkomsel" android:id="@+id/btnsmartfreen" android:layout_width="320dp" android:onclick="smartfreen" android:prompt="@string/title_activity_mapss" android:text="smartfreen" android:id="@+id/btnxl" android:layout_width="320dp" android:onclick="xl" android:prompt="@string/title_activity_mapss" android:text="xl" android:id="@+id/btnaxis" android:layout_width="320dp" android:onclick="axis" android:prompt="@string/title_activity_mapss" android:text="axis" android:id="@+id/btntree" android:layout_width="320dp" android:onclick="tree"

47 android:prompt="@string/title_activity_mapss" android:text="tree" android:id="@+id/btnesia" android:layout_width="320dp" android:onclick="esia" android:prompt="@string/title_activity_mapss" android:text="esia" </RelativeLayout> 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.

48 Kode 4.5 Tampilan Layout Call Center Gambar 4.5 Antarmuka Call Center <LinearLayout 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/perdana3" 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=".callcenterprovider" > </LinearLayout> 4.3.6 Antarmuka Popup Bantuan (?) Antarmuka Bantuan berisi tentang panduan fungsi button yang ada pada halaman utama, seperti terlihat pada gambar 4.6.

49 Gambar 4.6 Antarmuka Bantuan (?) 4.4 Pengujian Aplikasi 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. Event Rencana 1 Button galeri Klik button galeri Hasil yang diharapkan Terbuka layout galeri Hasil Pengujian SUKSES

50 2 Select box Memilih galeri Menampilkan galeri perusahaan provider alamat perusahaan Menampilkan SUKSES 3 Button maps Klik button maps lokasi perusahaan SUKSES 4 pada maps Button call Klik button call Terbuka layout call center center center SUKSES Select call Melakukan Klik call center 5 center panggilan ke call SUKSES perusahaan perusahaan center perusahaan 6 Menampilkan jendela popup yang Button Bantuan Klik button bantuan berisi informasi SUKSES fungsi masing masing button