Implementasi Desain Antarmuka user pelanggan

4.3 Implementasi Desain Antarmuka user pelanggan

Pada tahap ini akan dijabarkan tentang implementasi antarmuka dari sistem informasi berdasarkan perancangan yang telah dibuat. Pada program ini terdapat 5 form yang dimunculkan di dalam halaman user pelanggan yang melihat website tersebut, diantaranya adalah : a. Halaman Home b. Halaman Profil c. Halaman Pesan Bus d. Halaman Galeri e. Halaman Kontak Selanjutnya dibawah ini adalah contoh tampilan halaman-halaman yang ada pada web yang ditampilkan untukpengunjung agar lebih dapat menjelaskan tentang web ini. Gambar 4.9 Halaman Home Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Layaknya gambar yang ada diatas tampilan dibuat sedemikian rupa pada halaman home yaitu tampilan ketika pengunjung pertama kali membuka web. Bisa disebut juga ini merupakan halaman perkenalan yang secara tidak langsung menjelaskan fungsi web ini dan sekaligus sebagai perkenalan secara umum web ini. Gambar 4.10 Halaman Profil Gambar 4.10 di atas adalah gambar dari halaman profil pada web ini, di sini di jelaskan atau diinformasikan oleh pelanggan profil dari Perusahaan Otomotif Rahayu Sentosa tersebut. Sehingga pelanggan mengetahui skala perusahaan tersebut sebagai informasi pelanggan. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.11 Halaman Pesan bus Pada Gambar 4.11 diatas adalah gambar dari halaman pesan bus dimana pelanggan atau penyewa dapat mengisi data data yang diperlukan oleh admin untuk memproses nya Gambar 4.12 Halaman Galeri Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Pada gambar di atas adalah gambar dari halaman galeri dimana pelanggan atau penyewa dapat melihat foto foto dari fasilitas ataupun foto dari bus yang dimiliki oleh PO rahayu sentosa. Sehingga pelanggan dapat mnegetahui bis apa saja yang dimiliki oleh PO tersebut. Gambar 4.13 Halaman Kontak Pada Gambar diatas terlihat gambar halaman kontak dimana alamat danno telp dari pihak PO tersebut tercantum, sehingga dapat menjadi pilihan juga untuk melakukan reservasi selain reservasi via online.

4.4 Implementasi Desain Antarmuka Admin