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) hardware) dan perangkat lunak hardware (software) software) dan implementasi sistem aplikasi pendukung yang meliputi proses software pengkodingan dan penerapan dari proses design antarmuka (user interface) interface sesuai dengan rancangan yang telah ada. Setelah diimplementasikan, maka dilakukan pengujian terhadap sistem dan dilihat kekurangan-kekurangan pada aplikasi untuk pengembangan aplikasi selanjutnya.
4.1.1
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
4.1.2
Perangkat Lunak
Perangkat lunak yang digunakan untuk mengimplementasikan aplikasi manajemen oprasional white horse ini adalah : a)
Windows 7 ultimate 32 bit
b)
Xampp version 3.2.1
c)
Macromedia Dream weaver cs4 69
http://digilib.mercubuana.ac.id/
70
4.2
Implementasi Antarmuka Aplikasi a.
Login
Gambar 4-1. Tampilan Halaman Utama Cara Pemakaian: 1. User mengisi username dan password. 2. Tekan button login untuk masuk ke menu utama.
http://digilib.mercubuana.ac.id/
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 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.
http://digilib.mercubuana.ac.id/
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 untuk melihat data dan mencetak data.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
79
j.
Tampilan Form input Pengecekan
Gambar 4-10. 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.
http://digilib.mercubuana.ac.id/
80
k.
Tampilan Surat Perintah Jalan
Gambar 4-11. Tampilan Surat Perintah Jalan
1.Checker Checker memilih dan menekan button print untuk mencetak. 2. Surat Perintah Jalan diberikan kepada pengemudi.
http://digilib.mercubuana.ac.id/
81
l.
Tampilan Daftar Komplain/ keluhan
Gambar 4-12. 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.
http://digilib.mercubuana.ac.id/
82
m. Form Input Keluhan
Gambar 4-13. 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.
http://digilib.mercubuana.ac.id/
83
n.
View Detail complain
Gambar 4-14. Tampilan Detail complain
1. Call Center Hanya Dapat melihat view detail tanpa mencetak data.
http://digilib.mercubuana.ac.id/
84
o.
Tampilan Daftar Supir
Gambar 4-15. 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 untuk melihat data dan mencetak data.
http://digilib.mercubuana.ac.id/
85
p.
Form Input Data Pengemudi
Gambar 4-16. 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.
http://digilib.mercubuana.ac.id/
86
q.
Tampilan Kartu Pengenal Pengemudi
Gambar 4-17. Tampilan Kartu Pengenal Pengemudi
Cara pemakaian: 1.Admin mitra memilih dan menekan button print untuk mencetak. 2. Kartu Pengenal Pengemudi Diberikan kepada pengemudi.
http://digilib.mercubuana.ac.id/
87
r.
Tampilan Daftar User
Gambar 4-18. 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.
http://digilib.mercubuana.ac.id/
88
s.
Form Edit User
Gambar 4-19. Tampilan Edit User Cara pemakaian: 1. Masukan Username 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.
http://digilib.mercubuana.ac.id/
89
t.
Design Tabel
Gambar 4-20. Design table
http://digilib.mercubuana.ac.id/
90
4.3.
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.
4.3.1.
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
Button Login
Klik
Melakukan login
Klik
Mengarahkan ke halaman sesuai dengan button yang diklik
1
Menu Login
2
Menu Setoran
3
Menu Bengkel
Button Add, Button View,Button Report excel,Button edit dan Button delete.
Klik
Mengarahkan ke halaman sesuai dengan button yang diklik
4.
Menu Checker
Button Add, Button View,Button Report excel,Button edit dan Button delete.
Klik
Mengarahkan ke halaman sesuai dengan button yang diklik
5.
Menu Center
Call Button Add, Button View,Buttonl, Button edit dan Button
Klik
Mengarahkan ke halaman sesuai dengan button yang diklik
Input Button Add, Button View,Button Report excel,Button edit dan Button delete.
http://digilib.mercubuana.ac.id/
91
delete 6
Menu Supir
Button Add, Button View,Button Report excel,Button edit dan Button delete
Klik
Mengarahkan ke halaman sesuai dengan button yang diklik
7.
Menu Supir
Button Add, Button Viewl,Button edit,Button Search
Klik
Mengarahkan ke halaman sesuai dengan button yang diklik
4.3.2. 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 diuji
aksi
Hasil yang akan dicapai
Hasil Pengeujian
1
Menu Login
Button Login
Klik
Melakukan login
2
Menu Setoran
Button Add, Button View,Button Report excel,Button edit dan Button delete.
Klik
Mengarahkan ke Sesuai halaman sesuai dengan button yang diklik
3
Menu Bengkel
Button Add, Button View,Button Report excel,Button edit dan Button delete.
Klik
Mengarahkan ke Sesuai halaman sesuai dengan button yang diklik
4.
Menu Checker
Button
Klik
Mengarahkan
Input
Add,
http://digilib.mercubuana.ac.id/
ke
Sesuai
Sesuai
92
Button View,Button Report excel,Button edit dan Button delete. 5.
Menu Center
6
Menu Supir
7.
Menu Supir
4.3.1.
Call Button Add, Button View,Buttonl, Button edit dan Button delete
halaman sesuai dengan button yang diklik
Klik
Mengarahkan ke Sesuai halaman sesuai dengan button yang diklik
Button Add, Button View,Button Report excel,Button edit dan Button delete
Klik
Mengarahkan ke Sesuai halaman sesuai dengan button yang diklik
Button Add, Button Viewl,Button edit,Button Search
Klik
Mengarahkan ke Sesuai halaman sesuai dengan button yang diklik
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.
http://digilib.mercubuana.ac.id/
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 kendaraan, report excel untuk menarik menginput data pengecekan kendaraan, 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
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
