1 BAB IV IMPELEMNTASI DAN PENGUJIAN Bab ini menjelaskan mengenai implementasi dari sistem aplikasi pemesanan tiket dan jadwal keberangkatan bus PO. Ha...
Bab ini menjelaskan mengenai implementasi dari sistem aplikasi pemesanan tiket dan jadwal keberangkatan bus PO. Haryanto yang telah dibuat dan hasil pengujian terhadap sistem. Pada bagian implementasi akan dibahas mengenai rancangan antarmuka aplikasi dan kode program yang akan diterapkan, sedangkan pengujian aplikasi menggunakan metode pengujian kotak hitam (black box testing). Metode pengujian ini dilakukan untuk mengetahui apakah sistem dapat berjalan sesuai yang diinginkan. 4.1
Implementasi Setelah sistem dianalisis dan didesain secara rinci, tahap selanjutnya
adalah implementasi. Implementasi sistem merupakan tahap meletakkan sistem sehingga siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat memberi masukan kepada pengembangan sistem. 4.2
Penulisan Kode Penulisan kode atau biasa disebut dalam bahasa inggris coding merupakan
bagian utama dalam pembuatan aplikasi ini. penulisan kode pada aplikasi ini menggunkan bahasa PHP dan HTML sebagai penggunaan bahasa utamanya, dibantu CSS dan JQuery sebagai pengolah tampilanya dan di tulis di program sublime dan di running dengan menggunakan browser google chrome acuannya adalah apakah aplikasi yang dibuat telah berjalan dengan seharusnya. Bila belum maka kode atau source code akan di perbaiki sampai di dapatkan aplikasi yang berjalan dan berfungsi dengan baik. Pada bagian ini akan dijabarkan penulisan kode dari aplikasi ini secara rinci. Mulai dari halaman utama, sampai penulisan kode pada halaman admin.
71 http://digilib.mercubuana.ac.id/
72
4.2.1
Penulisan Kode Pada Halaman Awal
Gambar 4.1 Halaman awal Halaman ini merupakan tampilan awal aplikasi yang terdapat menu-menu untuk membawa user ke halaman yang di tuju. Ketika pengguna klik salah satu menu yang berada di navbar, maka user akan diarahkan ke halaman yang di tuju. Untuk melakukan pemesanan tiket pengguna bisa langsung klik tombol pesan tiket dan pengguna akan di bawa kehalaman pesan tiket. Kode pada halaman awal adalah sebagai berikut :
Gambar 4.2 Halaman pesan tiket Pada halaman pesan tiket pengguna bisa melakukan pemesanan tiket dengan cara mengisi form cari tiket yang berisi tanggal, asal, dan tujuan. Kemudian pengguna klik tombol selanjutnya untuk melanjutkan pemesanan tiket. Kode pada halaman pesan tiket adalah sebagai berikut:
<span class="glyphicon glyphicon-search"> Cari Tiket
http://digilib.mercubuana.ac.id/
76
4.2.3
Penulisan Kode Pada Halaman Cari Tiket
Gambar 4.3 Halaman cari tiket Pada halaman cari tiket aplikasi menampilkan daftar keberangkatan bus yang tersedia, kemudian pengguna klik tombol pilih bus untuk melanjutkan memilih kursi kosong. Kode pada halaman cari tiket adalah sebagai berikut:
<span class="glyphicon glyphicon-th-list"> Daftar Keberangkatan
Gambar 4.5 Halaman isi identitas Pada halaman isi identitas terdapat form isian identitas pengguna. Form ini wajib diisi oleh pengguna untuk verifikasi pemesanan tiket dan mengirim kode tiket apabila sudah menyelesaikan pembayaran. Untuk melanjutkan langkah
http://digilib.mercubuana.ac.id/
84
berikutnya maka pengguna klik tombol bayar via transfer, sedangkan tombol batal transaksi untuk kembali ke halaman awal. Kode pada halaman cari tiket adalah sebagai berikut:
Gambar 4.6 Halaman Insert Pada halaman insert ini pengguna akan mendapatkan kode pemesanan setelah menyelesaikan langkah-langkah pesan tiket. Kode pemesanan tiket ini berfungsi untuk melakukan aktivitas cek status tiket dan konfirmasi pembayaran. Kode pada halaman insert sebagai berikut:
http://digilib.mercubuana.ac.id/
86
<span class="glyphicon glyphicon-search"> Transaksi Sukses