BAB IV IMPLEMENTASI DAN PENGUJIAN

dokumen-dokumen yang mirip
Bab 4 Hasil dan Pembahasan

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN UJI COBA

BAB IV IMPLEMENTASI DAN PENGUJIAN

Halaman Login Halaman Staff

BAB III ANALISIS DAN PERANCANGAN

Sistem Informasi Pendistribusian Penjualan Velg

BAB IV IMPLEMENTASI DAN EVALUASI. aplikasi yang dibangun baik aplikasi berbasis mobile maupun web.

PETUNJUK PENGGUNAAN APLIKASI e- PURCHASING OBAT PANITIA

Cara menggunakan aplikasi Logbook TAS

BUKU PANDUAN UNTUK PENGGUNA

20. Halaman Detail Produk Setelah Login

Gambar 4.13 STD Layar Menu Project Level Akses 4 dan Level Akses 3. Gambar 4.14 STD Layar Menu Project Level Akses 2 dan Level Akses 1

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB III ANALISA DAN DESAIN

Aplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser

BAB IV IMPLEMENTASI DAN ANALISA

BAB IV IMPLEMENTASI DAN ANALISA

BAB IV PERANCANGAN USER INTERFACE

BAB 4 HASIL DAN PEMBAHASAN

BAB IV HASIL DAN UJI COBA

smartphone Android melalui komputer : menggunakan kabel USB. 2. Salin file IndeKost.apk ke folder pada smartphone.

CARA MENJALANKAN PROGRAM. Langkah awal membuka Aplikasi Perhitungan Anggaran Penjualan

8. Berita Daftar Berita Tambah Berita Pengumuman Daftar Pengumuman Tambah Data Pengumuman Kotak Pesan...

Bab IV. Analisa Perancangan Desain

Aplikasi Surat Keluar Masuk Versi 1.0

PETUNJUK PENGGUNAAN SI BORANG AKREDITASI.

BAB III ANALISA DAN DESAIN. yang jelas untuk perbaikan ataupun pengembangan dari suatu sistem.

Petunjuk Pemakaian Sistem

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB 4. Perancangan e-hrm

MOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR

BAB IV HASIL DAN UJI COBA

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI PERANCANGAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

Call Phone Permission pada Android

SIAM Sistem Informasi Akademik Mahasiswa

BAB III ANALISIS DAN PERANCANGAN SISTEM

Bab 4 Hasil dan Pembahasan

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN UJI COBA

BAB III ANALISIS DAN DESAIN SISTEM

Gambar 4.63 Halaman Jenis Download (buat baru) (Admin)

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN. sistem yang akan dirancang, evaluasi pada masalah yang ada adalah : informasi lokasi SMU dan SMK di kota medan.

BAB IV HASIL DAN PEMBAHASAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISIS DAN PERANCANGAN SISTEM

pengguna memilih menu forum.

BUKU MA TERI PA NDUA N A PLIKA SI PARE

BAB IV HASIL DAN PEMBAHASAN

BAB IV ANALISIS DAN PERANCANGAN SISTEM. Analisis sistem merupakan suatu kegiatan penguraian dari suatu sistem yang

Sistem Informasi Pengadaan ATK ( Alat Tulis Kantor )

BAB IV HASIL DAN PEMBAHASAN

Bab IV. HASIL DAN ANALISIS

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III PERANCANGAN SISTEM

BAB IV. HASIL & ANALISIS

BAB III ANALISA DAN PERANCANGAN. Proses yang sedang berjalan dalam pencarian lokasi Stokis dan sub stokis

Daftar Isi PETUNJUK PEMAKAIAN APLIKASI NOMOR POKOK PERPUSTAKAAN

BAB IV IMPLEMENTASI DAN PENGUJIAN


BAB IV IMPLEMENTASI DAN EVALUASI. mempersiapkan kebutuhan system (baik hardware maupun software), persiapan

BAB III ANALISIS DAN RANCANGAN SISTEM

Prosedur Penggunaan Program Gambar 4.7 Halaman Home

Contents Daftar Member Baru... 1

BAB III ANALISA DAN DESAIN SISTEM

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN UJI COBA

Sistem Informasi Persediaan Barang Jadi & Setengah Jadi

MANUAL BOOK SISFO UTA 45 UNTUK JENIS USER MAHASISWA

BAB IV ANALISA DAN PERANCANGAN SISTEM

Gambar 4.52 Tampilan halaman Help untuk admin. Pada halaman Help milik admin, terdapat daftar FAQ (Frequent Ask Question)

BAB IV HASIL DAN ANALISIS

Petunjuk Penggunaan Aplikasi

BAB 5 IMPLEMENTASI DAN EVALUASI. adalah penginstalan perangkat lunak SQL server terlebih dahulu lalu mengkopi sistem

BAB IV IMPLEMENTASI DAN ANALISA

BAB IV IMPLEMENTASI DAN PEMBAHASAN. API yang digunakan dalam sistem adalah MapBox. Untuk menampilkan

BAB IV HASIL DAN UJI COBA

PANDUAN APLIKASI MITRA KERJA PENILAI TANAH

BAB IV TESTING DAN IMPLEMENTASI SISTEM

BAB III ANALISIS DAN PERANCANGAN

Bab 3 Metode dan Perancangan Sistem

BAB III ANALISIS DAN PERANCANGAN

BAB IV HASIL DAN UJI COBA

DEPOK AIR UNLIMITED NETWORK TAHUN ANGGARAN 2012

BAB III. PERANCANGAN SISTEM

PETUNJUK PENGGUNAAN APLIKASI e- PURCHASING PRODUK BARANG/JASA PEMERINTAH PPK

PETUNJUK PENGGUNAAN APLIKASI e- PURCHASING PRODUK BARANG/JASA PEMERINTAH PEJABAT PENGADAAN

Setting local IP address dan subnet mask dari VoIP Gateway tersebut. Berikut adalah cara mengkonfigurasi modem ADSL:

PETUNJUK PENGGUNAAN BARANG/JASA PEMERINTAH PEJABAT PENGADAAN

Transkripsi:

1 BAB IV IMPLEMENTASI DAN PENGUJIAN Aplikasi penyajian info mobil dan detail spesifikasinya berbasis Android didesain untuk diimplementasikan untuk masyarakat umum. Pengguna yang ditargetkan untuk menggunkan aplikasi ini dibedakan menjadi : 1. Implementasi aplikasi berbasis web Implementasi aplikasi berbasis web didesain untuk digunakan oleh Amin. Admin bertugas untuk memanajemen yang akan ditampilkan pada aplikasi Android. 2. Implementasi aplikasi berbasis Android Implementasi aplikasi berbasis Android didesain untuk digunakan oleh User yang ingin melihat harga mobil dan detail spesifikasi mobil. Hasil dari perancangan dan pembangunan dari Tugas Akhir dijelaskan pada sub bab implementasi, pengujian sistem dan pengujian kompabilitas ukuran layar device. Berikut adalah penjelasan masing masing sub bab. 4.1. Implementasi Implementasi aplikasi selanjutnya dijelaskan menjadi dua poin yaitu implementasi aplikasi berbasis web dan implementasi berbasis Android. 4.1.1. Implementasi Interface Aplikasi Berbasis Web Berikut adalah implementasi desain halaman aplikasi web yang ditampilkan tiap menunya. 1. Halaman Login Halaman login digunkan aministrator untuk dapat masuk ke dalam sistem manajemen. Berikut adalah hasil implementasi halaman login : 71

2 Gambar 4. 1 Implementasi Halaman Login 2. Halaman Administrator Halaman administrator berisi enam menu utama yaitu menu jenis mobil, merk mobil, mobil, komentar spesifikasi dan menu logout. Menu logout digunkan admistrator untuk keluar dari halaman administrator. Sedangkan ke-5 menu lainnya digunakan administrator untuk memanajemen. Berikut adalah hasil implementasi halaman administrator : Gambar 4. 2 Implementasi Halaman Administrator 3. Halaman Tampil Data

3 Halaman tampil merupakan halaman yang menampilkan semua yang telah diinputkan maupun diupdate oleh administrator. Keempat menu utama yaitu menu jenis mobil, merk mobil, mobil, dan spesifikasi mempunyai tampilan implementasi yang sama. Berikut adalah hasil implementasi halaman tampil : Gambar 4. 3 Implementasi Halaman Tampil Data 4. Halaman Input Data Halaman input tampil ketikas administrator memilih button + yang teletak di halaman tampil. Halaman input berisi form form yang digunakan untuk mengisi. Jika administrator sudah menginputkan maka pilih button simpan maka akan tersimpan pada base. Berikut adalah hasil implementasi halaman input :

4 Gambar 4. 4 Implementasi Halaman Input Data 5. Halaman Update Data Halaman update tampil ketikas administrator memilih button baris ketiga dari kiri yang teletak di halaman tampil. Halaman update berisi form form yang digunakan untuk menhubah yang sebelumnya sudah diiputkan oleh administrator. Jika administrator sudah meng-update maka pilih button simpan maka yang baru akan tersimpan pada base. Berikut adalah hasil implementasi halaman update : 6. Halaman Delete Data Gambar 4. 5 Implementasi Halaman Update Data

5 Halaman delete digunakan untuk menghapus dari base. Jika administrator memilih button X pada halaman tampil maka sistem menampilkan konfirmasi apakah akan menghapus tersebut atau tidak. Jika ya maka pilih button Oke, jika tidak maka pilih button Batal. Jika administrator memilih button Oke maka akan dihapus dari base. Berikut adalah hasil implementasi halaman delete : Gambar 4. 6 Implementasi Halaman Delete Data 7. Halaman Detail Halaman detail berisi secara detail yang telah di-input-kan oleh administrator. Halaman detail akan tampil jika administrator memilih button pertama dari kanan pada halaman tampil. Berikut adalah hasil implementasi halaman detail :

6 Gambar 4. 7 Implementasi Halaman Detail 8. Halaman Komentar Halaman komentar menampilkan semua komentar yang telah dikirim oleh user di aplikasi Android. Halaman komentar tampil saat administrator memilih button menu Komentar. Berikut adalah hasil implementasi halaman komentar : Gambar 4. 8 Implementasi Halaman Detail 9. Halaman Balas Komentar Halaman balas komentar digunakan administrator untuk membalas komentar maupun mengirim komentar di halaman aplikasi Android. Halaman balas komentar

7 tampil saat administrator memilih button Balas. Berikut adalah hasil implementasi halaman balas komentar : Gambar 4. 9 Implementasi Halaman Detail 4.1.2. Implementasi Interface Aplikasi Berbasis Android Berikut adalah implementasi desain halaman aplikasi Android yang ditampilkan tiap menunya. 1. Halaman Home Halaman home berisi logo dari InspekCar dan sekilas penjelasan tentang aplikasi InspekCar. Halaman home tampil saat pertama kali user menjalankan InspekCar di Android. Berikut adalah hasil implementasi halaman home : 2. Halaman Menu Gambar 4. 10 Implementasi Halaman Home

8 Halaman menu berisi lima menu utama yaitu home, type, brand, perbandingan dan search. Menu aplikasi berbentuk slide left menu yang dapat ditampilkan dengan memilih icon drawer pada toolbar. Berikut adalah hasil implementasi halaman menu: Gambar 4. 11 Implementasi Halaman Menu 3. Halaman Menu Type Halaman menu type menampilkan kategori jenis mobil dalam bentuk gridview yang dapat discroll. Setiap gridview item akan menampilkan tipe mobil sesuai dengan kategori jenis yang dipilih. Berikut adalah hasil implementasi halaman menu type:

9 Gambar 4. 12 Implementasi Halaman Menu Type 4. Halaman Menu Brand Halaman menu brand menampilkan kategori brand mobil dalam bentuk gridview yang dapat discroll. Setiap gridview item akan menampilkan brand mobil sesuai dengan kategori brand yang dipilih. Berikut adalah hasil implementasi halaman menu brand: Gambar 4. 13 Implementasi Halaman Menu Brand 5. Halaman List Mobil Halaman list mobil menampilkan mobil. Data mobil ditampilkan dalam bentuk listview. Setiap listview yang dipilih akan menampilkan spesifikasi mobil. Berikut adalah hasil implementasi halaman list mobil:

10 Gambar 4. 14 Implementasi Halaman List Mobil 6. Halaman Detail Spesifikasi Mobil Halaman detail spesifikasi mobil menampilkan informasi detail spesifikasi mobil seperti tipe mesin, suspensi depan, suspensi belakang, steering dan sebagainya. Halaman ini terdapat tampilan rating dan komentar user. Berikut adalah hasil implementasi halaman detail spesifikasi mobil:

11 Gambar 4. 15 Implementasi Halaman Detail Spesifikasi Mobil 7. Halaman Menu Ratio Halaman menu ratio menampilkan tabel perbandingan spesifikasi antara mobil A dengan mobil B. Dalam menu ratio terdapat 4 menu dropdown yaitu brand mobil A, nama mobil A, brand mobil B, nama mobil B. Terdapat button GO untuk menjalankan proses perbandingan. Spesifikasi yang besar akan dicetak tebal oleh sistem. Berikut adalah hasil implementasi halaman ratio mobil:

12 Gambar 4. 16 Implementasi Halaman Ratio Untuk source code utama dari halaman perbandingan adalah sebagai berikut : public class RatioActivity extends AppCompatActivity implements AdapterView.OnItemClickListener { private String mobilid1; private String mobilid2; ListView listview; ImageView imgview1; ImageView imgview2; private String JSON_STRING; @Override protected void oncreate(bundle savedinstancestate) {

13 super.oncreate(savedinstancestate); setcontentview(r.layout.activity_ratio); ColorDrawable colordrawable = new ColorDrawable(Color.parseColor("#b53f3f")); getsupportactionbar().setbackgrounddrawable(colordrawable); Intent intent = getintent(); setmobilid1((string) intent.getstringextra(config.intent_mobil_id_1)); setmobilid2((string) intent.getstringextra(config.intent_mobil_id_2)); listview = (ListView) findviewbyid(r.id.listviewratiomobil); imgview1 = (ImageView) findviewbyid(r.id.imgcar1); imgview2 = (ImageView) findviewbyid(r.id.imgcar2); listview.setonitemclicklistener(this); getjson(); } private void getdata(){ JSONObject jsonobject = null; ArrayList<HashMap<String,String>> list = new ArrayList<HashMap<String, String>>(); try { jsonobject = new JSONObject(JSON_STRING); JSONArray result = jsonobject.getjsonarray(config.tag_json_array); String curidmobil1, curnamamobil1, curnamajenis1, curnamamerk1, curharga1, curtahun1, curfoto1, curthumb1, curtipemesin1,

14 cursistembahanbakar1, curisisilinder1, curdayamaksimummesin1, curjenisbahanbakar1, curkapasitastangki1, curdimensi1, curkapasitaspenumpang1, curwarna1, curukuranban1, curradiusputar1, cursuspendidepan1, cursuspensibelakang1, cursteering1, curjarakporosroda1, currem1, curkeamanan1, curpowerwindow1, curaudio1, curtipeac1, curidmobil2, curnamamobil2, curnamajenis2, curnamamerk2, curharga2, curtahun2, curfoto2, curthumb2, curtipemesin2, cursistembahanbakar2, curisisilinder2, curdayamaksimummesin2, curjenisbahanbakar2, curkapasitastangki2, curdimensi2, curkapasitaspenumpang2, curwarna2, curukuranban2, curradiusputar2, cursuspendidepan2, cursuspensibelakang2, cursteering2, curjarakporosroda2, currem2, curkeamanan2, curpowerwindow2, curaudio2, curtipeac2; DecimalFormat nf = new DecimalFormat("###,###"); JSONObject jo = result.getjsonobject(0); curidmobil1 = jo.getstring(config.mobil_id+ "_1"); curnamamobil1 = jo.getstring(config.mobil_nama+ "_1"); curnamajenis1 = jo.getstring(config.jenis_nama+ "_1"); curnamamerk1 = jo.getstring(config.merk_nama+ "_1"); curharga1 = "Rp. " + nf.format(integer.valueof(jo.getstring(config.mobil_harga+ "_1"))) + ",-"; curtahun1 = jo.getstring(config.mobil_tahun+ "_1"); curfoto1 = Config.URL_GET_IMG_CAR + jo.getstring(config.mobil_foto+ "_1"); curthumb1 = Config.URL_GET_IMG_CAR_THUMB + jo.getstring(config.mobil_thumb+ "_1"); curtipemesin1 = jo.getstring(config.spesifikasi_tipe_mesin+ "_1"); cursistembahanbakar1 = jo.getstring(config.spesifikasi_sistem_bahan_bakar+ "_1");

15 curisisilinder1 = nf.format(integer.valueof(jo.getstring(config.spesifikasi_isi_silinder+ "_1"))) + " CC"; curdayamaksimummesin1 = jo.getstring(config.spesifikasi_daya_maksimum_mesin+ "_1"); "_1"); "_1"); curjenisbahanbakar1 = jo.getstring(config.spesifikasi_jenis_bahan_bakar+ curkapasitastangki1 = jo.getstring(config.spesifikasi_kapasitas_tangki+ curdimensi1 = jo.getstring(config.spesifikasi_dimensi+ "_1"); curkapasitaspenumpang1 = jo.getstring(config.spesifikasi_kapasitas_penumpang+ "_1"); curwarna1 = jo.getstring(config.spesifikasi_warna+ "_1"); curukuranban1 = jo.getstring(config.spesifikasi_ukuran_ban+ "_1"); curradiusputar1 = jo.getstring(config.spesifikasi_radius_putar+ "_1"); cursuspendidepan1 = jo.getstring(config.spesifikasi_suspensi_depan+ "_1"); "_1"); cursuspensibelakang1 = jo.getstring(config.spesifikasi_suspensi_belakang+ cursteering1 = jo.getstring(config.spesifikasi_steering+ "_1"); "_1"); curjarakporosroda1 = jo.getstring(config.spesifikasi_jarak_poros_roda+ currem1 = jo.getstring(config.spesifikasi_rem+ "_1"); curkeamanan1 = jo.getstring(config.spesifikasi_kemananan+ "_1"); curpowerwindow1 = jo.getstring(config.spesifikasi_power_window + "_1"); curaudio1 = jo.getstring(config.spesifikasi_audio+ "_1"); curtipeac1 = jo.getstring(config.spesifikasi_tipe_ac+ "_1"); curidmobil2 = jo.getstring(config.mobil_id+ "_2"); curnamamobil2 = jo.getstring(config.mobil_nama+ "_2"); curnamajenis2 = jo.getstring(config.jenis_nama+ "_2"); curnamamerk2 = jo.getstring(config.merk_nama+ "_2");

16 curharga2 = "Rp. " + nf.format(integer.valueof(jo.getstring(config.mobil_harga+ "_2"))) + ",-"; curtahun2 = jo.getstring(config.mobil_tahun+ "_2"); curfoto2 = Config.URL_GET_IMG_CAR + jo.getstring(config.mobil_foto+ "_2"); curthumb2 = Config.URL_GET_IMG_CAR_THUMB + jo.getstring(config.mobil_thumb+ "_2"); curtipemesin2 = jo.getstring(config.spesifikasi_tipe_mesin+ "_2"); cursistembahanbakar2 = jo.getstring(config.spesifikasi_sistem_bahan_bakar+ "_2"); curisisilinder2 = nf.format(integer.valueof(jo.getstring(config.spesifikasi_isi_silinder+ "_2"))) + " CC"; curdayamaksimummesin2 = jo.getstring(config.spesifikasi_daya_maksimum_mesin+ "_2"); "_2"); "_2"); curjenisbahanbakar2 = jo.getstring(config.spesifikasi_jenis_bahan_bakar+ curkapasitastangki2 = jo.getstring(config.spesifikasi_kapasitas_tangki+ curdimensi2 = jo.getstring(config.spesifikasi_dimensi+ "_2"); curkapasitaspenumpang2 = jo.getstring(config.spesifikasi_kapasitas_penumpang+ "_2"); curwarna2 = jo.getstring(config.spesifikasi_warna+ "_2"); curukuranban2 = jo.getstring(config.spesifikasi_ukuran_ban+ "_2"); curradiusputar2 = jo.getstring(config.spesifikasi_radius_putar+ "_2"); cursuspendidepan2 = jo.getstring(config.spesifikasi_suspensi_depan+ "_2"); "_2"); cursuspensibelakang2 = jo.getstring(config.spesifikasi_suspensi_belakang+ cursteering2 = jo.getstring(config.spesifikasi_steering+ "_2"); "_2"); curjarakporosroda2 = jo.getstring(config.spesifikasi_jarak_poros_roda+ currem2 = jo.getstring(config.spesifikasi_rem+ "_2"); curkeamanan2 = jo.getstring(config.spesifikasi_kemananan+ "_2"); curpowerwindow2 = jo.getstring(config.spesifikasi_power_window+ "_2");

17 curaudio2 = jo.getstring(config.spesifikasi_audio+ "_2"); curtipeac2 = jo.getstring(config.spesifikasi_tipe_ac+ "_2"); HashMap<String,String> 1 = new HashMap<>(); HashMap<String,String> 2 = new HashMap<>(); HashMap<String,String> 3 = new HashMap<>(); HashMap<String,String> 4 = new HashMap<>(); HashMap<String,String> 5 = new HashMap<>(); HashMap<String,String> 6 = new HashMap<>(); HashMap<String,String> 7 = new HashMap<>(); HashMap<String,String> 8 = new HashMap<>(); HashMap<String,String> 9 = new HashMap<>(); HashMap<String,String> 10 = new HashMap<>(); HashMap<String,String> 11 = new HashMap<>(); HashMap<String,String> 12 = new HashMap<>(); HashMap<String,String> 13 = new HashMap<>(); HashMap<String,String> 14 = new HashMap<>(); HashMap<String,String> 15 = new HashMap<>(); HashMap<String,String> 16 = new HashMap<>(); HashMap<String,String> 17 = new HashMap<>(); HashMap<String,String> 18 = new HashMap<>(); HashMap<String,String> 19 = new HashMap<>(); HashMap<String,String> 20 = new HashMap<>(); HashMap<String,String> 21 = new HashMap<>(); HashMap<String,String> 22 = new HashMap<>(); HashMap<String,String> 23 = new HashMap<>(); HashMap<String,String> 24 = new HashMap<>();

18 HashMap<String,String> 25 = new HashMap<>(); HashMap<String,String> 26 = new HashMap<>(); HashMap<String,String> 27 = new HashMap<>(); 1.put("title", "Nama Mobil"); 1.put("detail_1", curnamamobil1); 1.put("detail_2", curnamamobil2); list.add(1); 2.put("title", "Jenis"); 2.put("detail_1", curnamajenis1); 2.put("detail_2", curnamajenis2); list.add(2); 3.put("title", "Merek"); 3.put("detail_1", curnamamerk1); 3.put("detail_2", curnamamerk2); list.add(3); 4.put("title", "Harga"); 4.put("detail_1", curharga1); 4.put("detail_2", curharga2); list.add(4); 5.put("title", "Tahun"); 5.put("detail_1", curtahun1); 5.put("detail_2", curtahun2); list.add(5); /*6.put("title", "Foto"); 6.put("detail_1",curFoto1); 6.put("detail_2",curFoto2);

19 list.add(6);*/ 8.put("title", "Tipe Mesin"); 8.put("detail_1", curtipemesin1); 8.put("detail_2", curtipemesin2); list.add(8); 9.put("title", "Sistem Bahan Bakar"); 9.put("detail_1", cursistembahanbakar1); 9.put("detail_2", cursistembahanbakar2); list.add(9); 10.put("title", "Isi Silinder"); 10.put("detail_1", curisisilinder1); 10.put("detail_2", curisisilinder2); list.add(10); 11.put("title", "Daya Maksimum Mesin"); 11.put("detail_1", curdayamaksimummesin1); 11.put("detail_2", curdayamaksimummesin2); list.add(11); 12.put("title", "Jenis Bahan Bakar"); 12.put("detail_1", curjenisbahanbakar1); 12.put("detail_2", curjenisbahanbakar2); list.add(12); 13.put("title", "Kapasitas Tangki"); 13.put("detail_1", curkapasitastangki1); 13.put("detail_2", curkapasitastangki2); list.add(13); 14.put("title", "Dimensi"); 14.put("detail_1", curdimensi1);

20 14.put("detail_2", curdimensi2); list.add(14); 15.put("title", "Kapasitas Penumpang"); 15.put("detail_1", curkapasitaspenumpang1); 15.put("detail_2", curkapasitaspenumpang2); list.add(15); 16.put("title", "Warna"); 16.put("detail_1", curwarna1); 16.put("detail_2", curwarna2); list.add(16); 17.put("title", "Ukuran Ban"); 17.put("detail_1", curukuranban1); 17.put("detail_2", curukuranban2); list.add(17); 18.put("title", "Transmisi"); 18.put("detail_1", curradiusputar1); 18.put("detail_2", curradiusputar2); list.add(18); 19.put("title", "Suspensi Depan"); 19.put("detail_1", cursuspendidepan1); 19.put("detail_2", cursuspendidepan2); list.add(19); 20.put("title", "Suspensi Belakang"); 20.put("detail_1", cursuspensibelakang1); 20.put("detail_2", cursuspensibelakang2); list.add(20); 21.put("title", "Steering");

21 21.put("detail_1", cursteering1); 21.put("detail_2", cursteering2); list.add(21); 22.put("title", "Jarak Poros Roda"); 22.put("detail_1", curjarakporosroda1); 22.put("detail_2", curjarakporosroda2); list.add(22); 23.put("title", "Rem"); 23.put("detail_1", currem1); 23.put("detail_2", currem2); list.add(23); 24.put("title", "Keamanan"); 24.put("detail_1", curkeamanan1); 24.put("detail_2", curkeamanan2); list.add(24); 25.put("title", "Power Window"); 25.put("detail_1", curpowerwindow1); 25.put("detail_2", curpowerwindow2); list.add(25); 26.put("title", "Audio"); 26.put("detail_1", curaudio1); 26.put("detail_2", curaudio2); list.add(26); 27.put("title", "Tipe AC"); 27.put("detail_1", curtipeac1); 27.put("detail_2", curtipeac2); list.add(27);

22 ListAdapter adapter = new SimpleAdapter( RatioActivity.this, list, R.layout.listview_item_ratio_mobil, new String[]{"title","detail_1","detail_2"}, new int[]{r.id.txt_title_mobil, R.id.txt_detail_mobil_1, R.id.txt_detail_mobil_2}); listview.setadapter(adapter); //set image new DownloadImageTask((ImageView) findviewbyid(r.id.imgcar1)).execute(curfoto1); new DownloadImageTask((ImageView) findviewbyid(r.id.imgcar2)).execute(curfoto2); } catch (Exception e) { e.printstacktrace(); Log.i("", "getdata: " + e.getmessage()); } } private void getjson(){ class GetJSON extends AsyncTask<Void,Void,String> { ProgressDialog loading; @Override protected void onpreexecute() {

23 super.onpreexecute(); loading = ProgressDialog.show(RatioActivity.this,"Processing Data","Please wait...",false,false); } @Override protected void onpostexecute(string s) { super.onpostexecute(s); loading.dismiss(); JSON_STRING = s; getdata(); } @Override protected String doinbackground(void... params) { RequestHandler rh = new RequestHandler(); String s = rh.sendgetrequest(config.url_get_ratio+ "?id_mobil_1=" + getmobilid1() + "&id_mobil_2=" + getmobilid2()); Log.i("ini ngelink: ", Config.URL_GET_RATIO+ "?id_mobil_1=" + getmobilid1() + "&id_mobil_2=" + getmobilid2()); } } } return s; GetJSON gj = new GetJSON(); gj.execute(); public String getmobilid1() { } return mobilid1;

24 public void setmobilid1(string mobilid1) { } this.mobilid1 = mobilid1; public String getmobilid2() { } return mobilid2; public void setmobilid2(string mobilid2) { } this.mobilid2 = mobilid2; @Override public void onitemclick(adapterview<?> parent, View view, int position, long id) { } } 8. Halaman Menu Search Halaman menu search menampilkan mobil sesuai dengan parameter pencarian yang dipilih di menu dropdown oleh user. Pencarian dikategorikan berdasarkan harga dan isi silinder. Berikut adalah hasil implementasi halaman search mobil:

25 Gambar 4. 17 Implementasi Halaman Search 9. Halaman Splash Halaman splash merupakan halaman yang pertama kali muncul saat User menjalankan aplikasi tersebut. Halaman ini hanya berisi halaman untuk menampilkan loading aplikasi yang akan digunakan. Berikut adalah hasil implementasi halaman splash : Gambar 4. 18 Implementasi Halaman Login

26 10. Halaman Rating Halaman rating berisi kategori rating. Kategori rating didasarkan pada kategori jumlah bintang yang ada. Berikut adalah hasil implementasi halaman rating : Gambar 4. 19 Implementasi Halaman Rating 11. Halaman Komentar Halaman komentar berisi komentar komentar yang ditulis oleh user dan admin. Terdapat kolom komentar untuk menulis komentar seperti terlihat pada Gambar. User juga dapat meng-edit dan menghapus komentar yang sudah ditulis.

27 Gambar 4. 20 Implementasi Halaman Komentar 4.2. Pengujian Sistem Tabel pengujian sistem adalah tabel yang berisi pengujian sistem yang telah dibuat. Apakah sistem tersebut sudah dapat digunakan atau belum. Tabel pengujian terdiri dari pengujian yaitu nama sistem yang diuji. Skenario adalah alur menjalankan sistem tersebut. Indikator adalah alur yang dijalankan oleh sistem. Hasil adalah keberhasilan dari sistem tersebut. Hasil OK adalah jika program atau sistem dijalankan maka program akan berjalan sesuai dengan SRS dan tidak terjadi error ketika dijalankan. Hasil NOT OK adalah jika program atau sistem dijalankan maka program tidak dapat berjalan sesuai dengan SRS atau terjadi error ketika dijalankan. Tabel 4. 1 Pengujian Sistem Kode Pengujian Skenario Indikator Hasil SRS- F1 Menajemen Admin pilih Ketika admin pilih OK jenis button button simpan, tambah jenis yang dimasukkan dan diproses untuk simpan memasukkan ke dalam base.

28 Kode Pengujian Skenario Indikator Hasil jenis secara lengkap. Admin pilih button edit dan mengganti yang sudah ada. Admin pilih button hapus. Ketika admin pilih button simpan, akan diproses untuk mengganti dari base. Ketika admin pilih button hapus maka muncul konfirmasi dari sistem. Jika klik oke diproses untuk dihapus dari base. SRS-F2 Memanajem Admin pilih Ketika admin pilih OK en button tambah button simpan, merk merk dan yang dimasukkan akan memasukkan diproses untuk simpan merk kedalam base. mobil secara Ketika pilih button lengkap. simpan, akan Admin pilih diproses untuk button edit mengganti dari dan base. mengganti Ketika admin pilih yang button hapus maka sudah ada. muncul konfirmasi dari Admin pilih sistem. Jika klik oke button hapus diproses untuk. dihapus dari

29 Kode Pengujian Skenario Indikator Hasil SRS-F3 Memanajem Admin pilih Ketika admin pilih OK en button button simpan, mobil tambah yang dimasukkan mobil dan akan diproses untuk memasukkan simpan kedalam mobil base. secara Ketika pilih button lengkap. simpan, akan Admin pilih diproses untuk button edit mengganti dari dan base. mengganti Ketika admin pilih yang button hapus sudah ada. maka muncul Admin pilih konfirmasi dari button hapus sistem. Jika klik oke. button diproses untuk hapus. dihapus dari SRS-F4 Manajemen Admin pilih Ketika admin pilih OK button button simpan, spesifikasi tambah yang dimasukkan dan akan diproses untuk memasukkan simpan kedalam base. spesifikasi Ketika pilih button mobil secara simpan, akan lengkap. diproses untuk Admin pilih mengganti dari button edit base.

30 Kode Pengujian Skenario Indikator Hasil dan Ketika admin pilih mengganti button hapus yang maka muncul sudah ada. konfirmasi dari Admin pilih sistem. Jika klik oke button hapus diproses untuk. button dihapus dari hapus. SRS-F5 Manajemen Admin pilih Ketika admin pilih OK button button kirim, komentar tambah yang dimasukkan komentar akan diproses untuk dan simpan kedalam memasukkan base. komentar. Ketika pilih button Admin pilih simpan, akan button edit diproses untuk dan mengganti dari mengganti base. yang Ketika admin pilih sudah ada. button hapus Admin pilih maka muncul button hapus konfirmasi dari. button sistem. Jika klik oke hapus. diproses untuk. dihapus dari SRS-F6 Menampilk User memilih Ketika user memilih OK an tipe menu Type button type, aplikasi akan mobil menampilkan tipe mobil

31 Kode Pengujian Skenario Indikator Hasil yang tersimpan pada base. SRS-F7 Menampilk User memilih Ketika user memilih OK an merk menu Brand button brand, aplikasi mobil akan menampilkan merk mobil yang tersimpan pada base. SRS-F8 Menampilk User memilih Ketika user memilih OK an list mobil salah satu salah satu gridview dari gridview dari menu type maupun menu type brand, aplikasi akan maupun brand menampilkan list mobil berdasarkan gridview yang dipilih user dan yang tersimpan pada base. SRS-F9 Menampilk User memilih Ketika user memilih OK an salah satu salah satu listview mobil, spesifikasi listview mobil aplikasi akan mobil dari menu type, menampilkan search, maupun spesifikasi mobil yang brand tersimpan pada base. SRS-F10 Manajemen User pilih Ketika user pilih OK komentar button button kirim, tambah yang dimasukkan komentar akan diproses untuk dan

32 Kode Pengujian Skenario Indikator Hasil memasukkan simpan kedalam komentar. base. User pilih Ketika pilih button button edit simpan, akan dan diproses untuk mengganti mengganti dari yang base. sudah ada. Ketika user pilih User pilih button hapus button hapus maka muncul. button konfirmasi dari hapus. sistem. Jika klik oke. diproses untuk dihapus dari SRS-F11 Pengisian User memilih Ketika user mengisi OK rating button beri salah satu rating rating rating maka akan disimpan di base. SRS-F12 Pencarian User memilih Ketika user memilih OK mobil menu dropdown button Search maka berdasarkan untuk harga aplikasi akan harga dan mobil dan menampilkan list mobil silinder silinder. berdasarkan harga dan isi mobil silinder yang dipilih. SRS-F13 Pencarian User memilih Ketika user memilih OK mobil menu dropdown button GO maka berdasarkan untuk merk aplikasi akan

33 Kode Pengujian Skenario Indikator Hasil harga dan mobil dan nama menampilkan spesifikasi silinder mobil. mobil berdasarkan merk mobil dan nama mobil yang dipilih. 1.3. Pengujian Hardware Device Tabel pengujian hardware device adalah tabel yang berisi pengujian sistem pada merk smartphone yang berbeda. Apakah sistem tersebut dapat berjalan pada smartphone tertentu atau belum. Tabel pengujian hardware device terdiri dari merk smartphone yang diuji. Pengujian berisi pengujian sistem yang telah dibuat. Hasil OK adalah jika aplikasi dijalankan maka program akan berjalan sesuai dengan SRS dan tidak terjadi error ketika dijalankan. Hasil NOT OK adalah jika aplikasi dijalankan maka aplikasi tidak dapat berjalan sesuai dengan SRS atau terjadi error ketika dijalankan. Merk HP Pengujian Hasil Samsung Menampilkan halaman Home OK Galaxi Grand Menampilkan halaman menu Neo Plus Menampilkan halaman Type Menampilkan halaman Brand Menampilkan list mobil Menampilkan detail mobil Memberikan rating Menginputkan komentar Menampilkan halaman Ratio Menampilkan halaman search Asus zenfone Menampilkan halaman Home OK 4 Menampilkan halaman menu Menampilkan halaman Type

34 Merk HP Pengujian Hasil Menampilkan halaman Brand Menampilkan list mobil Menampilkan detail mobil Memberikan rating Menginputkan komentar Menampilkan halaman Ratio Menampilkan halaman search Oppo A11w Menampilkan halaman Home Menampilkan halaman menu Menampilkan halaman Type Menampilkan halaman Brand Menampilkan list mobil Menampilkan detail mobil Memberikan rating Menginputkan komentar Menampilkan halaman Ratio Menampilkan halaman search Xiaomi Menampilkan halaman Home Menampilkan halaman menu Menampilkan halaman Type Menampilkan halaman Brand Menampilkan list mobil Menampilkan detail mobil Memberikan rating Menginputkan komentar Menampilkan halaman Ratio Menampilkan halaman search OK OK