• Tidak ada hasil yang ditemukan

BAB IV IMPLEMENTASI DAN PENGUJIAN

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB IV IMPLEMENTASI DAN PENGUJIAN"

Copied!
34
0
0

Teks penuh

(1)

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

(2)

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

(3)

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 :

(4)

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

(5)

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 :

(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 :

Gambar 4. 10 Implementasi Halaman Home 2. Halaman Menu

(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 data 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 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:

(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");

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");

(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");

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");

(17)

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<>();

(18)

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);

(19)

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);

(20)

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");

(21)

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);

(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 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:

(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 data jenis

 Admin pilih button

tambah jenis dan

memasukkan

 Ketika admin pilih button simpan, data yang dimasukkan diproses untuk simpan ke dalam database.

OK

(28)

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

(29)

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

(30)

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

(31)

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

(32)

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

(33)

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

(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

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

Gambar

Gambar 4. 2 Implementasi  Halaman Administrator  3.  Halaman Tampil Data
Gambar 4. 3 Implementasi  Halaman Tampil Data
Gambar 4. 4 Implementasi  Halaman Input Data
Gambar 4. 6 Implementasi  Halaman Delete Data
+7

Referensi

Dokumen terkait

Memberi sumbangan pemikiran bagi Jemaat GPID Betlehem Buanasari agar memiliki pemahaman tentang relasi antara manusia dengan tanah dan seluruh alam semesta sebagai

Hasil penelitian menunjukkan bahwa (1) kesalahan membaca tidak dijumpai dalam penelitian ini, kesalahan pemahaman yaitu tidak menuliskan apa yang diketahui dan

Penilaian yang dilakukanpun berdasarkan beberapa aspek kognitif, afektif dan psikomotorik selain ini ada juga aspek perkembangan individu. Dalam raport tersebut

Saya bersedia menerima keputusan hasil penilaian kemampuan dan kepatutan dan tidak akan mengajukan tuntutan atau gugatan dalam bentuk apapun terhadap hasil penilaian

729/K/Pdt.Sus/2008 melihat Pasal 70 UU Arbitrase bersifat limitatif, Berbeda dengan Putusan MARI No.03/Arb.BTU 2005 yang menafsirkan Pasal 70 bersifat enunciatif.Kedua Hakim Agung

Tujuan dari penelitian ini adalah untuk mengetahui ada tidaknya pening- katan hasil tes masuk kerja melalui bimbingan karir pada siswa kelas XII C SMK Muhammadiyah I Surakarta

Tim Pengelolaan Limbah B3 adalah tim yang ditunjuk oleh manajemen puncak untuk mengelola Limbah B3 yang dihasilkan oleh kegiatan Kantor Induk PT PLN

Dari keempat stasiun pengamatan yang diteliti, Stasiun 1, 2, dan 3 memiliki tingkat keanekaragaman jenis bivalvia yang tinggi (karena nilai indeks di atas