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 data 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 menu- nya.
1. Halaman Login
Halaman login digunkan aministrator untuk dapat masuk ke dalam sistem manajemen data. Berikut adalah hasil implementasi halaman login :
71
Gambar 4. 1 Implementasi Halaman Login
2. Halaman Administrator
Halaman administrator berisi enam menu utama yaitu menu data jenis mobil, data merk mobil, data mobil, komentar data spesifikasi dan menu logout. Menu logout digunkan admistrator untuk keluar dari halaman administrator. Sedangkan ke-5 menu lainnya digunakan administrator untuk memanajemen data. Berikut adalah hasil implementasi halaman administrator :
Gambar 4. 2 Implementasi Halaman Administrator 3. Halaman Tampil Data
Halaman tampil data merupakan halaman yang menampilkan semua data yang telah diinputkan maupun diupdate oleh administrator. Keempat menu utama yaitu menu data jenis mobil, data merk mobil, data mobil, dan spesifikasi mempunyai tampilan implementasi yang sama. Berikut adalah hasil implementasi halaman tampil data :
Gambar 4. 3 Implementasi Halaman Tampil Data
4. Halaman Input Data
Halaman input data tampil ketikas administrator memilih button “+” yang teletak di halaman tampil data. Halaman input data berisi form – form yang digunakan untuk mengisi data. Jika administrator sudah menginputkan data maka pilih button
“simpan data” maka data akan tersimpan pada database. Berikut adalah hasil implementasi halaman input data :
Gambar 4. 4 Implementasi Halaman Input Data
5. Halaman Update Data
Halaman update data tampil ketikas administrator memilih button baris ketiga dari kiri yang teletak di halaman tampil data. Halaman update data berisi form – form yang digunakan untuk menhubah data yang sebelumnya sudah diiputkan oleh administrator. Jika administrator sudah meng-update data maka pilih button “simpan data” maka data yang baru akan tersimpan pada database. Berikut adalah hasil implementasi halaman update data :
Gambar 4. 5 Implementasi Halaman Update Data 6. Halaman Delete Data
Halaman delete data digunakan untuk menghapus data dari database. Jika administrator memilih button “X” pada halaman tampil data maka sistem menampilkan konfirmasi apakah akan menghapus data tersebut atau tidak. Jika ya maka pilih button “Oke”, jika tidak maka pilih button “Batal”. Jika administrator memilih button “Oke” maka data akan dihapus dari database. Berikut adalah hasil implementasi halaman delete data :
Gambar 4. 6 Implementasi Halaman Delete Data
7. Halaman Detail
Halaman detail berisi data secara detail yang telah di-input-kan oleh administrator. Halaman detail akan tampil jika administrator memilih button pertama dari kanan pada halaman tampil data. Berikut adalah hasil implementasi halaman detail data :
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
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 :
Gambar 4. 10 Implementasi Halaman Home 2. Halaman Menu
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 data tipe mobil sesuai dengan kategori jenis yang dipilih. Berikut adalah hasil implementasi halaman menu type:
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 data 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 data mobil. Data mobil ditampilkan dalam bentuk listview. Setiap listview yang dipilih akan menampilkan data spesifikasi mobil.
Berikut adalah hasil implementasi halaman list mobil:
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:
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:
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) {
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,
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");
curIsiSilinder1 = nf.format(Integer.valueOf(jo.getString(Config.SPESIFIKASI_ISI_SILINDER+ "_1"))) + " CC";
curDayaMaksimumMesin1 =
jo.getString(Config.SPESIFIKASI_DAYA_MAKSIMUM_MESIN+ "_1");
curJenisBahanBakar1 = jo.getString(Config.SPESIFIKASI_JENIS_BAHAN_BAKAR+
"_1");
curKapasitasTangki1 = jo.getString(Config.SPESIFIKASI_KAPASITAS_TANGKI+
"_1");
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");
curSuspensiBelakang1 = jo.getString(Config.SPESIFIKASI_SUSPENSI_BELAKANG+
"_1");
curSteering1 = jo.getString(Config.SPESIFIKASI_STEERING+ "_1");
curJarakPorosRoda1 = jo.getString(Config.SPESIFIKASI_JARAK_POROS_RODA+
"_1");
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");
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");
curJenisBahanBakar2 = jo.getString(Config.SPESIFIKASI_JENIS_BAHAN_BAKAR+
"_2");
curKapasitasTangki2 = jo.getString(Config.SPESIFIKASI_KAPASITAS_TANGKI+
"_2");
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");
curSuspensiBelakang2 = jo.getString(Config.SPESIFIKASI_SUSPENSI_BELAKANG+
"_2");
curSteering2 = jo.getString(Config.SPESIFIKASI_STEERING+ "_2");
curJarakPorosRoda2 = jo.getString(Config.SPESIFIKASI_JARAK_POROS_RODA+
"_2");
curRem2 = jo.getString(Config.SPESIFIKASI_REM+ "_2");
curKeamanan2 = jo.getString(Config.SPESIFIKASI_KEMANANAN+ "_2");
curPowerWindow2 = jo.getString(Config.SPESIFIKASI_POWER_WINDOW+ "_2");
curAudio2 = jo.getString(Config.SPESIFIKASI_AUDIO+ "_2");
curTipeAc2 = jo.getString(Config.SPESIFIKASI_TIPE_AC+ "_2");
HashMap<String,String> data1 = new HashMap<>();
HashMap<String,String> data2 = new HashMap<>();
HashMap<String,String> data3 = new HashMap<>();
HashMap<String,String> data4 = new HashMap<>();
HashMap<String,String> data5 = new HashMap<>();
HashMap<String,String> data6 = new HashMap<>();
HashMap<String,String> data7 = new HashMap<>();
HashMap<String,String> data8 = new HashMap<>();
HashMap<String,String> data9 = new HashMap<>();
HashMap<String,String> data10 = new HashMap<>();
HashMap<String,String> data11 = new HashMap<>();
HashMap<String,String> data12 = new HashMap<>();
HashMap<String,String> data13 = new HashMap<>();
HashMap<String,String> data14 = new HashMap<>();
HashMap<String,String> data15 = new HashMap<>();
HashMap<String,String> data16 = new HashMap<>();
HashMap<String,String> data17 = new HashMap<>();
HashMap<String,String> data18 = new HashMap<>();
HashMap<String,String> data19 = new HashMap<>();
HashMap<String,String> data20 = new HashMap<>();
HashMap<String,String> data21 = new HashMap<>();
HashMap<String,String> data22 = new HashMap<>();
HashMap<String,String> data23 = new HashMap<>();
HashMap<String,String> data24 = new HashMap<>();
HashMap<String,String> data25 = new HashMap<>();
HashMap<String,String> data26 = new HashMap<>();
HashMap<String,String> data27 = new HashMap<>();
data1.put("title", "Nama Mobil");
data1.put("detail_1", curNamaMobil1);
data1.put("detail_2", curNamaMobil2);
list.add(data1);
data2.put("title", "Jenis");
data2.put("detail_1", curNamaJenis1);
data2.put("detail_2", curNamaJenis2);
list.add(data2);
data3.put("title", "Merek");
data3.put("detail_1", curNamaMerk1);
data3.put("detail_2", curNamaMerk2);
list.add(data3);
data4.put("title", "Harga");
data4.put("detail_1", curHarga1);
data4.put("detail_2", curHarga2);
list.add(data4);
data5.put("title", "Tahun");
data5.put("detail_1", curTahun1);
data5.put("detail_2", curTahun2);
list.add(data5);
/*data6.put("title", "Foto");
data6.put("detail_1",curFoto1);
data6.put("detail_2",curFoto2);
list.add(data6);*/
data8.put("title", "Tipe Mesin");
data8.put("detail_1", curTipeMesin1);
data8.put("detail_2", curTipeMesin2);
list.add(data8);
data9.put("title", "Sistem Bahan Bakar");
data9.put("detail_1", curSistemBahanBakar1);
data9.put("detail_2", curSistemBahanBakar2);
list.add(data9);
data10.put("title", "Isi Silinder");
data10.put("detail_1", curIsiSilinder1);
data10.put("detail_2", curIsiSilinder2);
list.add(data10);
data11.put("title", "Daya Maksimum Mesin");
data11.put("detail_1", curDayaMaksimumMesin1);
data11.put("detail_2", curDayaMaksimumMesin2);
list.add(data11);
data12.put("title", "Jenis Bahan Bakar");
data12.put("detail_1", curJenisBahanBakar1);
data12.put("detail_2", curJenisBahanBakar2);
list.add(data12);
data13.put("title", "Kapasitas Tangki");
data13.put("detail_1", curKapasitasTangki1);
data13.put("detail_2", curKapasitasTangki2);
list.add(data13);
data14.put("title", "Dimensi");
data14.put("detail_1", curDimensi1);
data14.put("detail_2", curDimensi2);
list.add(data14);
data15.put("title", "Kapasitas Penumpang");
data15.put("detail_1", curKapasitasPenumpang1);
data15.put("detail_2", curKapasitasPenumpang2);
list.add(data15);
data16.put("title", "Warna");
data16.put("detail_1", curWarna1);
data16.put("detail_2", curWarna2);
list.add(data16);
data17.put("title", "Ukuran Ban");
data17.put("detail_1", curUkuranBan1);
data17.put("detail_2", curUkuranBan2);
list.add(data17);
data18.put("title", "Transmisi");
data18.put("detail_1", curRadiusPutar1);
data18.put("detail_2", curRadiusPutar2);
list.add(data18);
data19.put("title", "Suspensi Depan");
data19.put("detail_1", curSuspendiDepan1);
data19.put("detail_2", curSuspendiDepan2);
list.add(data19);
data20.put("title", "Suspensi Belakang");
data20.put("detail_1", curSuspensiBelakang1);
data20.put("detail_2", curSuspensiBelakang2);
list.add(data20);
data21.put("title", "Steering");
data21.put("detail_1", curSteering1);
data21.put("detail_2", curSteering2);
list.add(data21);
data22.put("title", "Jarak Poros Roda");
data22.put("detail_1", curJarakPorosRoda1);
data22.put("detail_2", curJarakPorosRoda2);
list.add(data22);
data23.put("title", "Rem");
data23.put("detail_1", curRem1);
data23.put("detail_2", curRem2);
list.add(data23);
data24.put("title", "Keamanan");
data24.put("detail_1", curKeamanan1);
data24.put("detail_2", curKeamanan2);
list.add(data24);
data25.put("title", "Power Window");
data25.put("detail_1", curPowerWindow1);
data25.put("detail_2", curPowerWindow2);
list.add(data25);
data26.put("title", "Audio");
data26.put("detail_1", curAudio1);
data26.put("detail_2", curAudio2);
list.add(data26);
data27.put("title", "Tipe AC");
data27.put("detail_1", curTipeAc1);
data27.put("detail_2", curTipeAc2);
list.add(data27);
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() {
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;
}
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 data mobil sesuai dengan parameter pencarian yang dipilih di menu dropdown oleh user. Pencarian data dikategorikan berdasarkan harga dan isi silinder. Berikut adalah hasil implementasi halaman search mobil:
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
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.
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 data jenis
Admin pilih button
tambah jenis dan
memasukkan
Ketika admin pilih button simpan, data yang dimasukkan diproses untuk simpan ke dalam database.
OK
Kode Pengujian Skenario Indikator Hasil data jenis
secara lengkap.
Admin pilih button edit data dan mengganti data yang sudah ada.
Admin pilih button hapus data .
Ketika admin pilih button simpan, data akan diproses untuk mengganti data dari database.
Ketika admin pilih button hapus data maka muncul konfirmasi dari sistem. Jika klik oke data diproses untuk dihapus dari database.
SRS-F2 Memanajem en data merk
Admin pilih button tambah merk dan memasukkan data merk mobil secara lengkap.
Admin pilih button edit data dan mengganti data yang sudah ada.
Admin pilih button hapus data.
Ketika admin pilih button simpan, data yang dimasukkan akan diproses untuk simpan kedalam database.
Ketika pilih button simpan, data akan diproses untuk mengganti data dari database.
Ketika admin pilih button hapus data maka muncul konfirmasi dari sistem. Jika klik oke data diproses untuk dihapus dari
OK
Kode Pengujian Skenario Indikator Hasil SRS-F3 Memanajem
en data mobil
Admin pilih button tambah mobil dan memasukkan data mobil secara
lengkap.
Admin pilih button edit data dan mengganti data yang sudah ada.
Admin pilih button hapus data. button hapus data.
Ketika admin pilih button simpan, data yang dimasukkan akan diproses untuk simpan kedalam database.
Ketika pilih button simpan, data akan diproses untuk mengganti data dari database.
Ketika admin pilih button hapus data
maka muncul
konfirmasi dari sistem. Jika klik oke data diproses untuk dihapus dari
OK
SRS-F4 Manajemen data
spesifikasi
Admin pilih button tambah data dan
memasukkan data
spesifikasi mobil secara lengkap.
Admin pilih button edit
Ketika admin pilih button simpan, data yang dimasukkan akan diproses untuk simpan kedalam database.
Ketika pilih button simpan, data akan diproses untuk mengganti data dari database.
OK
Kode Pengujian Skenario Indikator Hasil data dan
mengganti data yang sudah ada.
Admin pilih button hapus data. button hapus data.
Ketika admin pilih button hapus data
maka muncul
konfirmasi dari sistem. Jika klik oke data diproses untuk dihapus dari
SRS-F5 Manajemen data
komentar
Admin pilih button tambah komentar dan
memasukkan komentar.
Admin pilih button edit data dan mengganti data yang sudah ada.
Admin pilih button hapus data. button hapus data.
.
Ketika admin pilih button kirim, data yang dimasukkan akan diproses untuk simpan kedalam database.
Ketika pilih button simpan, data akan diproses untuk mengganti data dari database.
Ketika admin pilih button hapus data
maka muncul
konfirmasi dari sistem. Jika klik oke data diproses untuk dihapus dari
OK
SRS-F6 Menampilk an tipe mobil
User memilih menu “Type”
Ketika user memilih button type, aplikasi akan menampilkan tipe mobil
OK
Kode Pengujian Skenario Indikator Hasil yang tersimpan pada
database.
SRS-F7 Menampilk an merk mobil
User memilih menu “Brand”
Ketika user memilih button brand, aplikasi akan menampilkan merk mobil yang tersimpan pada database.
OK
SRS-F8 Menampilk an list mobil
User memilih salah satu gridview dari menu type maupun brand
Ketika user memilih salah satu gridview dari menu type maupun brand, aplikasi akan menampilkan list mobil berdasarkan gridview yang dipilih user dan yang tersimpan pada database.
OK
SRS-F9 Menampilk an data spesifikasi mobil
User memilih salah satu listview mobil dari menu type, search, maupun brand
Ketika user memilih salah satu listview mobil,
aplikasi akan
menampilkan data spesifikasi mobil yang tersimpan pada database.
OK
SRS-F10 Manajemen komentar
User pilih button tambah komentar dan
Ketika user pilih button kirim, data yang dimasukkan akan diproses untuk
OK
Kode Pengujian Skenario Indikator Hasil memasukkan
komentar.
User pilih button edit data dan mengganti data yang sudah ada.
User pilih button hapus data. button hapus data.
.
simpan kedalam database.
Ketika pilih button simpan, data akan diproses untuk mengganti data dari database.
Ketika user pilih button hapus data
maka muncul
konfirmasi dari sistem. Jika klik oke data diproses untuk dihapus dari
SRS-F11 Pengisian rating
User memilih button beri rating
Ketika user mengisi salah satu rating rating maka data akan disimpan di database.
OK
SRS-F12 Pencarian mobil berdasarkan harga dan silinder mobil
User memilih menu dropdown untuk harga mobil dan silinder.
Ketika user memilih button “Search” maka
aplikasi akan
menampilkan list mobil berdasarkan harga dan isi silinder yang dipilih.
OK
SRS-F13 Pencarian mobil berdasarkan
User memilih menu dropdown untuk merk
Ketika user memilih button “GO” maka
aplikasi akan
OK
Kode Pengujian Skenario Indikator Hasil harga dan
silinder mobil
mobil dan nama mobil.
menampilkan spesifikasi mobil berdasarkan merk 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 Galaxi Grand Neo Plus
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
Asus zenfone 4
Menampilkan halaman Home
Menampilkan halaman menu
Menampilkan halaman Type
OK
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
OK
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