Implementasi Antarmuka Aplikasi a. Login Gambar 4-1. Tampilan Halaman Utama Cara Pemakaian: 1. User mengisi username e dan password. 2. Tekan b

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Aplikasi Pada bab ini akan dilakukan impelementasi dan pengujian terhadap sistem. Implementasi merupakan penerapan dari proses sebelumnya, yakni proses perancangan (design). Dari hasil melakukan analisa dan perancangan, kemudian dilanjutkan dengan langkah selanjutnya yaitu pengimplementasian ke dalam bahasa programan. Pada tahap implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras (hardware) e dan perangkat lunak (software) e dan implementasi sistem aplikasi pendukung yang meliputi proses pengkodingan dan penerapan dari proses design antarmuka (user interface) sesuai dengan rancangan yang telah ada. Setelah diimplementasikan, maka dilakukan pengujian terhadap sistem dan dilihat kekurangan-kekurangan pada aplikasi untuk pengembangan aplikasi selanjutnya Perangkat Keras Perangkat keras yang digunakan untuk mengimplementasikan aplikasi manajemen oprasional white horse ini adalah : a) Laptop Asus A43SJ b) Processor i3 c) RAM 2 GB, VGA 2 GB d) Harddisk 500 GB Perangkat Lunak Perangkat lunak yang digunakan untuk mengimplementasikan aplikasi manajemen oprasional white horse ini adalah : a) Windows 7 ultimate 32 bit b) Xampp version c) Macromedia Dream weaver cs4 69

2 Implementasi Antarmuka Aplikasi a. Login Gambar 4-1. Tampilan Halaman Utama Cara Pemakaian: 1. User mengisi username e dan password. 2. Tekan button login untuk masuk ke menu utama.

3 71 b. Dashboard Gambar 4-2. Tampilan Halaman Dashboard Cara pemakaian user Melakukan : 1. Klik Input setoran untuk masuk ke menu Input Setoran. 2. Klik BENGKEL untuk masuk ke menu Bengkel. 3. Klik CHECKER untuk masuk ke menu Checker. 4. Menekan button CALL CENTER untuk masuk ke menu keluhan pelanggan. 5. Menekan n button SUPIR untuk masuk ke menu penglolaan Data pengemudi. 6. Menekan button USER untuk masuk ke menu penglolaan Hak akses user. 7. Apabila ingin sign out dan edit profil bisa menekan button di pojok kanan atas.

4 72 c. Menu Input Setoran Gambar 4-3. Tampilan Menu Setoran Cara pemakaian Kasir melakukan: 1. Klik dua kali tombol Add untuk memasukan data setoran. 2. Klik dua kali tombol Report Excel untuk menarik data dalam bentuk MS excel. 3. Klik dua kali tombol View untuk melihat data dan mencetak data. 4. Klik dua kali tombol Delete e untuk melihat data dan mencetak data.

5 73 d. Form Transaksi Kasir Gambar 4-4. Tampilan Form Transaksi Kasir Cara pemakaian Kasir melakukan : 1. Kasir klik combo box NIK pengemudi lalu memilih salah satu NIK. 2. Kasir memasukan jumlah argo di kolom jumlah argo 3. Kasir memasukan jumlah pemakaian Bensin di kolom jumlah Bensin. 4. Kasir memasukan jumlah Denda di kolom Denda. 5. Jumlah komisi dan jumlah pendapatan terisi otomatis. 6. Lalu klik submit.

6 74 e. Tampilan Bukti Setoran Gambar 4-5. Tampilan Bukti Setoran Cara pemakaian : 1. Kasir memilih dan menekan button print untuk mencetak. 2. Bukti Cetak Diberikan kepada pengemudi.

7 75 f. Tampilan Daftar Service Bengkel Gambar 4-6. Tampilan Daftar Service Bengkel Cara pemakaian Admin Bengkel melakukan: 1. Klik dua kali tombol Add untuk memasukan daftar service bengkel 2. Klik dua kali tombol Report Excel untuk menarik data dalam bentuk MS excel. 3. Klik dua kali tombol View untuk melihat data dan mencetak data. 4. Klik dua kali tombol Delete untuk melihat data dan mencetak data

8 76 g. Form Transaksi Bengkel Gambar 4-7. Tampilan Form Transaksi Bengkel Cara pemakaian : 1. Admin Bengkel klik combo box NIK pengemudi lalu memilih salah satu NIK. 2. Admin Bengkel Memasukan jenis perawatan di kolom jenis perawatan. 3. Admin Memasukan jenis perbaikan di kolom jenis perbaikan 4. Admin Bengkel memilih tanggal perbaikan. 5. Admin Bengkel memilih tanggal pemakaiaan. 6. Lalu klik Simpan.

9 77 h. Tampilan Surat Perbaikan Gambar 4-8. Tampilan Surat Perbaikan 1. Admin Bengkel memilih dan menekan button print untuk mencetak. 2. Surat Perbaikan diberikan kepada mekanik.

10 78 i. Tampilan Daftar Pengecekan Gambar 4-9. Tampilan Daftar pengecekan Cara pemakaian Form Daftar Pengecekan Checker : 1. Klik dua kali tombol Add untuk memasukan daftar pengecekan. 2. Klik dua kali tombol Report Excel untuk menarik data dalam bentuk MS excel. 3. Klik dua kali tombol View untuk melihat data dan mencetak data. 4. Klik dua kali tombol Delete untuk melihat data dan mencetak data.

11 79 j. Tampilan Form input Pengecekan Gambar Tampilan Form input Pengecekan Cara pemakaian : 1. Checker klik combo box NIK pengemudi lalu memilih salah satu NIK. 2. Checker Memasukan kilo meter awal di kolom kilo meter awal. 3. Checker Memasukan kilo meter akhir di kolom kilo meter akhir. 4. Kolom kilo meter akhir dan kolom BBM terpakai otomatis tampil. 5. Lalu klik Simpan.

12 80 k. Tampilan Surat Perintah Jalan Gambar Tampilan Surat Perintah Jalan 1.Checker r memilih dan menekan button print untuk mencetak. 2. Surat Perintah Jalan diberikan kepada pengemudi.

13 81 l. Tampilan Daftar Komplain/ keluhan Gambar Tampilan Komplain/ keluhan Cara pemakaian Form Daftar Komplain / Keluhan : 1. Klik dua kali tombol Add untuk memasukan daftar keluhan. 2. Klik dua kali tombol Report Excel untuk menarik data dalam bentuk MS excel. 3. Klik dua kali tombol View untuk melihat data dan mencetak data. 4. Klik dua kali tombol Delete untuk melihat data dan mencetak data.

14 82 m. Form Input Keluhan Gambar Tampilan Input Komplain/ keluhan Cara pemakaian : 1. Call Center mengklik combo box NIK pengemudi lalu memilih salah satu NIK. 2. Call Center Memasukan nama pelanggan di kolom nama. 3. Call Center Memasukan no telepon di kolom telepon. 4. Kolom kilo meter akhir dan kolom BBM terpakai otomatis tampil. 5. Call Center memasukan data jam kejadian dengan memilih pada combo box. 6. Call Center memasukan data jam lapor dengan memilih pada combo box. 7. Call Center mengisi kolom deskripsi keterangan.

15 83 n. View Detail complain Gambar Tampilan Detail complain 1. Call Center Hanya Dapat melihat view detail tanpa mencetak data.

16 84 o. Tampilan Daftar Supir Gambar Tampilan Daftar Supir Cara pemakaian Form Menu input daftar pengemudi 1. Klik dua kali tombol Add untuk memasukan daftar supir. 2. Klik dua kali tombol Report Excel untuk menarik data dalam bentuk MS excel. 3. Klik dua kali tombol View untuk melihat data dan mencetak data. 4.Klik dua kali tombol Delete e untuk melihat data dan mencetak data.

17 85 p. Form Input Data Pengemudi Gambar Tampilan Form Input data Pengemudi Cara pemakaian : 1. Admin mitra memasukan data nik pada kolom nik. 2. Admin mitra Memasukan nama pengemudi di kolom pengemudi. 3. Admin mitra Memasukan Alamat pengemudi di kolom Alamat. 4. Admin mitra Memasukan umur pengemudi di kolom umur. 5. Admin mitra Memasukan tanggal masuk pengemudi di kolom tanggal masuk. 6. Admin mitra Memasukan tanggal keluar pengemudi di kolom tanggal keluar. 7. Admin mitra Memasukan keterangan pengemudi di kolom keterangan. 8. Admin mitra Memasukan keterangan No Taxi di kolom no taxi. 9. Admin mitra Memasukan no SIM pengemudi di kolom no SIM. 10. Admin mitra Memasukan expired pengemudi di kolom expired.

18 86 q. Tampilan Kartu Pengenal Pengemudi Gambar Tampilan Kartu Pengenal Pengemudi Cara pemakaian: 1.Admin mitra memilih dan menekan button print untuk mencetak. 2. Kartu Pengenal Pengemudi Diberikan kepada pengemudi.

19 87 r. Tampilan Daftar User Gambar Tampilan Daftar User Cara pemakaian: 1. Klik dua kali tombol Add untuk memasukan daftar user. 2. Klik dua kali tombol View untuk melihat data. 3. Klik dua kali tombol Edit untuk merubah data. 4. Masukan data yang ingin di cari di fungsi search.

20 88 s. Form Edit User Gambar Tampilan Edit User Cara pemakaian: 1. Masukan Username e yang baru apabila ingin dirubah. 2. Masukan Password yang baru apabila ingin dirubah. 3. Pilih Group yang baru apabila ingin dirubah. 4. Masukan nama yang baru apabila ingin dirubah. 5. Browse foto yang baru apabila ingin dirubah.

21 89 t. Design Tabel Gambar Design table

22 Pengujian Setelah membuat perancangan dan pembangunan yang telah diimplementasikan dalam sebuah program tahap selanjutnya adalah tahapan pengujian sistem yang dilakukan untuk melakukan pengujian terhadap hasil yang ditampilkan dengan kesesuaian fungsi yang diharapkan oleh user Scenario Pengujian Sistem Berikut scenario pengujian sistem yang dijalankan dalam menguji manajemen oprasional white horse: Tabel 4.1. Pengujian Aplikasi manajemen oprasional white horse No. Nama Menu Bagian yang diuji aksi Hasil yang akan dicapai 1 Menu Login Login Klik Melakukan login 2 Menu Input Setoran Add, View, Report excel, edit dan delete. 3 Menu Bengkel Add, View, Report excel, edit dan delete. Klik Mengarahkan ke halaman sesuai dengan button yang diklik Klik Mengarahkan ke halaman sesuai dengan button yang diklik 4. Menu Checker Add, Klik Mengarahkan ke halaman sesuai View, dengan button Report excel, yang diklik edit dan delete. 5. Menu Call Center Add, View,l, edit dan Klik Mengarahkan ke halaman sesuai dengan button yang diklik

23 91 delete 6 Menu Supir Add, View, Report excel, edit dan delete 7. Menu Supir Add, Viewl, edit, Search Klik Mengarahkan ke halaman sesuai dengan button yang diklik Klik Mengarahkan ke halaman sesuai dengan button yang diklik Hasil Pengujian Berikut hasil pengujian sistem yang dijalankan dalam menguji Aplikasi manajemen oprasional white horse : Tabel 4.2. Hasil pengujian Aplikasi manajemen oprasional white horse No. Nama Menu Bagian yang aksi Hasil yang akan Hasil Pengeujian diuji dicapai 1 Menu Login Login Klik Melakukan login Sesuai 2 Menu Input Setoran Add, View, Report excel, edit dan delete. Klik Mengarahkan ke halaman sesuai dengan button yang diklik Sesuai 3 Menu Bengkel Add, View, Report excel, edit dan delete. Klik Mengarahkan ke halaman sesuai dengan button yang diklik Sesuai 4. Menu Checker Add, Klik Mengarahkan ke Sesuai

24 92 5. Menu Call Center View, Report excel, edit dan delete. Add, View,l, edit dan delete 6 Menu Supir Add, View, Report excel, edit dan delete 7. Menu Supir Add, Viewl, edit, Search halaman dengan yang diklik sesuai button Klik Mengarahkan ke halaman sesuai dengan button yang diklik Klik Mengarahkan ke halaman sesuai dengan button yang diklik Klik Mengarahkan ke halaman sesuai dengan button yang diklik Sesuai Sesuai Sesuai Analisa Hasil Pengujian Setelah melakukan proses pengujian sistem aplikasi penilaian sikap didapatkan hasil analisa sebagai berikut : a. Setiap melakukan login jika sesuai maka akan berhasil masuk ke menu selanjutnya jika tidak kembali di halaman login. b. Didalam menu utama jika masuk sebagai admin maka muncul enam menu yaitu, menu input setoran, bengkel, checker, call center, supir dan user. c. Didalam menu utama jika masuk sebagai manager maka muncul enam menu yaitu, menu input setoran, bengkel, checker, call center, supir dan user namun untuk fitur nya hanya bisa melihat report excel dari masing masing menu.

25 93 d. Didalam menu utama jika masuk sebagai user yang bersangkutan maka hanya muncul satu menu yang sesuai dengan group user tersebut dan untuk fitur nya semua bisa di gunakan. e. Di dalam menu input setoran daftar record bisa diurutkan dengan mengklik nama field. Di menu ini juga terdapat fitur add untuk menginput setoran pengemudi, report excel untuk menarik data ke dalam bentuk MS Excel, view untuk melihat data dan mencetak bukti setoran dan delete untuk menghapus melalui konfirmasi sistem terlebih dahulu. f. Di dalam menu bengkel daftar record bisa diurutkan dengan mengklik nama field di menu ini juga terdapat fitur add untuk menginput data service perbaikan, report excel untu menarik data ke dalam bentuk MS Excel, view untuk melihat data dan mencetak surat perbaikan dan delete untuk menghapus melalui konfirmasi sistem terlebih dahulu. g. Di dalam menu checker daftar record bisa diurutkan dengan mengklik nama field di menu ini juga terdapat fitur add untuk menginput data pengecekan kendaraan, n, report excel untuk menarik data ke dalam bentuk MS Excel, view untuk melihat data dan mencetak surat perintah jalan dan delete untuk menghapus melalui konfirmasi sistem terlebih dahulu. h. Di dalam menu call center daftar record bisa diurutkan dengan mengklik nama field di menu ini juga terdapat fitur add untuk menginput data keluhan pelanggan, report excel untuk menarik data ke dalam bentuk MS Excel, view untuk melihat data tanpa mencetak data dan delete untuk menghapus melalui konfirmasi sistem terlebih dahulu. i. Di dalam menu user terdapat fitur add untuk menginput data user, edit untuk merubah data user, search untuk mencari user dan view untuk melihat data tanpa mencetak data tidak terdapat menu delete j. Fungsi fitur add di dalam menu Admin Mitra untuk menginput data setoran masuk dari pengemudi. Nomor transaksi otomatis tampil, pilih NIK supir untuk menampilkan nama pengemudi dan no taxi

26 94 pengemudi input jumlah argo, jumlah bensin dan denda maka jumlah komisi dan jumlah pendapatan otomatis muncul dan submit berjalan sukses. k. Fungsi fitur add di dalam menu bengkel untuk menginput data kendaraan yang ingin melakukan perawatan atau perbaikan. Nomor transaksi otomatis tampil, pilih NIK supir untuk menampilkan nama pengemudi dan no taxi pengemudi. Input jenis perawatan, input jenis perbaikan dan tanggal permohonan serta tanggal pengambilan berjalan sukses. l. Fungsi fitur add di dalam menu checker untuk menginput data kendaraan sudah melewati tahap pengecekan. Nomor transaksi otomatis tampil, pilih NIK supir untuk menampilkan nama pengemudi dan no taxi pengemudi, input kilo meter awal serta kilo meter akhir maka km terpakai dan bbm terpakai muncul dan input keterangan di dalam kolom keterangan, aplikasi ini berjalan sukses m. Fungsi fitur add di dalam menu call center untuk menginput data keluhan dari pelanggan. Nomor transaksi otomatis tampil, pilih NIK supir untuk menampilkan nama pengemudi dan no taxi pengemudi, input nama pelanggan, no telepon pelanggan,jam kejadian dan jam lapor serta deskripsi berjalan sukses. n. Fungsi fitur add di dalam menu supir untuk menginput data pegemudi seperti nik, nama pengemudi, no telepon alamat umur tanggal masuk, tanggal keluar, no taxi, foto sim dan masa berlaku berjalan sukses.