IMPLEMENTASI DAN PENGUJIAN
4.2. Implementasi Perancangan Antarmuka
Adapun implementasi perancangan antarmuka pada sistem yang telah dibangun adalah sebagai berikut.
4.2.1. Halaman Login User
Menu login merupakan menu awal saat sistem dijalankan. Pengguna harus melakukan proses login terlebih dahulu untuk menggunakan sistem dengan cara memasukkan username dan password. Menu login dapat dilihat pada Gambar 4.1.
Gambar 4.1. Halaman Login User
4.2.2. Halaman Menu Utama
Menu utama merupakan menu yang pertama sekali diakses ketika pengguna berhasil melewati proses login. Pada menu ini terdapat beberapa menu yaitu beranda, pesanan saya, akun saya serta menu logout. Menu Beranda langsung mengacu pada pencarian tiket dimana pengguna dapat mencari tiket bus yang diinginkan dengan memasukkan kota asal, kota tujuan, tanggal keberangkatan dan jumlah penumpang. Menu utama dapat dilihat pada Gambar 4.2.
Universitas Sumatera Utara
Gambar 4.2. Menu Utama 4.2.3. Halaman Daftar
Halaman ini merupakan halaman yang ditampilkan setelah user memilih menu daftar pada halaman login. Pada halaman ini memungkinkan user untuk melakukan registrasi akun agar dapat melakukan proses login. Halaman daftar dapat dilihat pada Gambar 4.3.
Gambar 4.3. Halaman Daftar
4.2.4. Halaman Hasil Pencarian atau Rekomendasi
Halaman ini merupakan halaman hasil pencarian atau rekomendasi setelah user melakukan pencarian tiket dengan memasukkan kota asal, kota tujuan, tanggal keberangkatan serta jumlah penumpang. Halaman ini merupakan halaman hasil rekomendasi yang diberikan sistem kepada user dengan meggunakan metode CART.
Tampilan halaman hasil pencarian dapat dilihat pada Gambar 4.4.
Gambar 4.4. Halaman Hasil Pencarian.
4.2.5. Halaman Pembelian Tiket
Halaman Pembelian tiket merupakan halaman yang muncul setelah user memilih tiket bus berdasarkan hasil rekomendasi yang telah diberikan. Halaman ini menampilkan detail tiket bus yang dipilih oleh user dimana setelahnya user akan membeli tiket dengan menampilkan tombol beli tiket. Halaman pembelian tiket dapat dilihat pada Gambar 4.5.
Universitas Sumatera Utara
Gambar 4.5. Halaman Pembelian Tiket 4.2.6. Halaman Pesanan Saya
Halaman pesanan saya merupakan halaman dimana pengguna dapat melihat tiket yang telah di beli. Halaman ini juga menampilkan status pembayaran dari tiket yang telah di beli. Halaman pesanan saya dapat dilihat pada Gambar 4.6.
Gambar 4.6. Halaman Pesanan Saya
4.2.7. Halaman Upload Bukti Pembayaran
Halaman upload bukti pembayaran merupakan halaman dimana pelanggan bisa mengupload bukti pembayaran atau transfer yang telah di lakukan oleh pelanggan.
Halaman ini juga memungkinkan pelanggan mendapat e-ticket setelah bukti pembayaran di verifikasi oleh admin. Halaman Upload Bukti Pembayaran dapat dilihat pada Gambar 4.7.
Gambar 4.7. Halaman Upload Bukti Pembayaram 4.2.8. Halaman Login Admin
Halaman ini merupakan halaman login untuk admin, dimana admin harus memasukkan username dan password sebelum masuk ke halaman utama atau dashboard. Halaman login admin dapat dilihat pada Gambar 4.8.
Universitas Sumatera Utara
Gambar 4.8. Halaman Login Admin 4.2.9. Halaman Utama atau Dashboard Admin
Halaman ini merupakan halaman utama atau dashboard untuk admin. Halaman ini dapat diakses oleh admin setelah melakukan proses login. Pada halaman ini terdapat beberapa menu yaitu tabel user, tabel data kota, tabel data bus, tabel data kelas bus, tabel data jadwal bus, tabel data penggan, tabel data order pelanggan serta tabel data order pelanggan. Halaman utama atau dashboard admin dapat dilihat pada Gambar 4.9.
Gambar 4.9. Halaman Utama atau Dashboard Admin
4.2.10. Halaman Tabel User
Halaman tabel user merupakan halaman yang dapat diakses oleh admin melalui halaman utama atau dashboard. Halaman ini menampilkan berapa banyak user yang berstatus level admin. Pada halaman ini admin dapat melakukan dua aksi yaitu ubah dan hapus. Halaman tabel user dapat di lihat pada Gambar 4.10 berikut ini.
Gambar 4.10. Halaman Tabel User 4.2.11. Halaman Tabel Data Kota
Halaman tabel data kota merupakan halaman daftar kota yang tersedia yaitu kota tujuan dan kota asal. Pada halaman ini admin juga dapat melakukan beberapa aksi yaitu ubah dan hapus. Halaman tabel data kota dapat dilihat pada Gambar 4.11.
Gambar 4.11. Halaman Tabel Data Kota
Universitas Sumatera Utara
4.2.12. Halaman Tabel Data Bus
Halaman tabel data bus merupakan halaman daftar bus yang tersedia atau yang menjadi mitra. Pada halaman ini admin juga dapat melakukan beberapa aksi yaitu ubah dan hapus. Halaman tabel data bus dapat dilihat pada Gambar 4.12.
Gambar 4.12. Halaman Tabel Data Bus 4.2.13. Halaman Tabel Data Kelas Bus
Halaman tabel data kelas bus merupakan halaman daftar kelas bus yang tersedia yaitu kelas ekonomi, executive, super executive, royal executive dan super royal executive.
Pada halaman ini admin juga dapat melakukan beberapa aksi antaralain yaitu ubah dan hapus. Halaman tabel data kelas bus dapat dilihat pada Gambar 4.13.
Gambar 4.13. Halaman Tabel Data Kelas Bus
4.2.14. Halaman Tabel Jadwal Bus
Halaman tabel jadwal bus merupakan halaman daftar jadwal bus yang di dalamnya memuat beberapa informasi seperti kelas bus, harga tiket, kota asal, kota tujuan, waktu berangkat serta status bus. Pada halaman ini admin juga dapat melakukan beberapa aksi yaitu ubah dan hapus. Halaman tabel jadwal bus dapat dilihat pada Gambar 4.14.
Gambar 4.14. Halaman Tabel Jadwal Bus 4.2.15. Halaman Tabel Data pelanggan
Halaman tabel data pelanggan merupakan halaman daftar pelanggan atau user pengguna sistem aplikasi yang telah terdaftar pada sistem. Pada halaman ini admin juga dapat melakukan beberapa aksi yaitu ubah dan hapus. Halaman tabel data pelanggan dapat dilihat pada Gambar 4.15.
Gambar 4.15. Halaman Tabel Data Pelanggan
Universitas Sumatera Utara
4.2.16. Halaman Tabel Data Order Tiket
Halaman tabel data order pelanggan merupakan halaman daftar pesanan tiket yang dilakukan oleh pelanggan atau user. Pada halaman ini admin melakukan verifikasi terhadap bukti pembayaran yang telah di upload oleh user. Halaman tabel data pelanggan dapat dilihat pada Gambar 4.16.
Gambar 4.16. Halaman Tabel Data Order Tiket 4.3 Pengujian Sistem Rekomendasi Pemesanan Tiket Bus
Pengujian kinerja sistem dilakukan untuk mengetahui kinerja sistem dalam melakukan rekomendasi pembelian tiket bus menggunakan metode CART (Classification and Regression Tree). Data yang digunakan berasal dari data perusahaan bus yang ada di Medan yang tersimpan di dalam database. Perekomendasian pembelian tiket bus dimulai dengan memasukkan kota asal, kota tujuan, tanggal berangkat, serta jumlah penumpang pada halaman dashboard atau halaman utama. Berikut adalah contoh penginputan data pada sistem.
Gambar 4.17. Contoh Input Data
Seperti yang terdapat pada Gambar 4.17 dapat dilihat pada halaman dashboard atau halaman utama terdapat kolom yang harus diisi oleh user agar sistem perekomendasian dapat dilakukan dengan mengisi data asal kota, kota tujuan, tanggal keberangkatan serta jumlah penumpang kemudian menekan tombol cari tiket.
Tombol cari tiket akan menghasilkan daftar tiket yang tersedia dan tiket yang direkomendasikan kepada user. Daftar tiket yang direkomendasikan dan tiket yang yang tersedia dapat dilihat pada Gambar 4.18.
Gambar 4.18. Contoh Hasil Rekomendasi Tiket Bus
Universitas Sumatera Utara
Pada Gambar 4.18. user dapat melihat daftar tiket yang dicari dan direkomendasikan oleh sistem dan beberapa tiket lainnya yang dapat dipilih oleh user.
Pada halaman rekomendasi tiket bus, user dapat melihat nama bus, jenis bus, waktu keberangkatan, harga tiket bus serta jumlah bangku yang masih tersedia. Selanjutnya setelah tersedianya rekomendasi tiket yang diberikan oleh sistem, maka user memilih tiket yang diinginkan dan melihat detail tiket yang akan dibeli. User juga dapat melihat detail dari daftar tiket yang tersedia dengan mengklik tiket yang ingin dilihat detailnya. Setelah melihat detail tiket user dapat membeli tiket dengan menekan tombol beli tiket. Contoh detail tiket dapat dilihat pada Gambar 4.19.
Gambar 4.19. Contoh Detail Tiket
Pada halaman detail tiket bus, pengguna dapat melihat secara rinci informasi pemesanan tiket bus yang dipilih. Informasi yang tersaji berupa nama pemesan, jumlah tiket, nama bus, kelas bus, kota asal, kota tujuan, harga tiket dan waktu keberangkatan. Selanjutnya setelah user melakukan konfirmasi pembelian tiket maka tiket yang dibeli akan masuk ke dalam daftar pesanan saya yang dapat dilihat pada Gambar 4.20.
Gambar 4.20. Contoh Daftar Pesanan saya
Setelah melakukan pembelian user akan melakukan pembayaran yang kemudian bukti pembayaran harus di upload oleh user agar admin dapat memverifikasi bukti pembayaran. Pada halaman upload, user dapat melihat informasi tiket berupa nama bus, kelas bus, kota asal dan tujuan, tanggal dan waktu pembayaran, jumlah penumpang, harga tiket serta status pesanan. Contoh halaman upload bukti pembayaran dapat dilihat pada Gambar 4.21. dan contoh halaman verifikasi bukti pembayaran yang dilakukan oleh admin dapat dilihat pada Gambar 4.22.
Gambar 4.21. Contoh Halaman Upload Bukti Bayar
Universitas Sumatera Utara
Gambar 4.22. Contoh Verifikasi Pembayaran Oleh Admin
Setelah admin melakukan proses verifikasi, maka user akan mendapatkan e-ticket yang akan dikirim kepada user melalui e-mail. E-e-ticket yang diterima oleh user berisikan informasi berupa nomor tiket, nama bus, kelas bus, waktu dan tanggal keberangkatan, jumlah penumpang. Contoh e-ticket yang akan diterima oleh user dapat dilihat pada Gambar 4.23. berikut.
Gambar 4.23. Contoh E-Ticket