3.1. Analisa Sistem
3.2.3. Disain Antar Muka
Dalam implementasi aplikasi ini dibutuhkan perancangan antar muka yang nantinya akan tampil pada layar ponsel atau pada layar monitor. Disain antar muka dibagi menjadi dua, yaitu :
1. Untuk user
Tampilan awal merupakan tampilan yang pertama kali muncul ketika user menjalankan aplikasi ini. Selanjutnya akan ditampilkan menu utama yang ada pada aplikasi ini yang terdiri dari menu pencarian, bantuan, tentang aplikasi dan keluar.
Aplikasi Penyedia Informansi Jalur Bis
Kota Yogyakarta
Gambar 3-9. Tampilan Awal
Pencarian Bantuan
Tentang Aplikasi Keluar
Gambar 3-10. Tampilan Menu Utama
Jika user memilih menu bantuan, maka akan ditampilkan pesan tentang cara menggunakan aplikasi ini. Jika user memilih menu tentang aplikasi, maka akan ditampikan pesan tentang kapan pembuatan aplikasi ini.
Menu Bantuan Tampilan Menu Bantuan
Keluar
Gambar 3-11 Tampilan Menu bantuan
Menu Tentang Aplikasi Tampilan Menu Tentang Aplikasi
Keluar
Gambar 3-12. Tampilan menu tentang aplikasi
Menu yang menjadi menu utama pada aplikasi ini adalah menu pencarian. Jika menu tersebut dipilih oleh user, maka akan ditampilkan list menu pencarian yang dapat dipilih oleh user. List menu pencarian ini merupakan pilihan bagi user tentang bagaimana user akan melakukan pencarian, yaitu pencarian data berdasarkan rute bis, Jalur bis, dan Jalur Spesifik.
Gambar 3-13. Tampilan Menu Pencarian
Jika user memilih pencarian berdasar rute bis, maka user akan diminta memasukan jalur bis yang ingin diketahui. Outputnya adalah semua jalan yang dilalui jalur tersebut. Selanjutnya, jika data tersebut ditemukan maka akan ditampilkan kepada user. Namun jika data tersebut tidak ditemukan maka akan ditampilkan sebuah pesan kepada user bahwa data tidak ditemukan.
Gambar 3-14. tampilan input pencarian berdasar rute bis.
Gambar 3-15. tampilan hasil pencarian
data Gambar 3-16. tampilan pesan data tidak dapat
Selain pencarian berdasar jalur bis, aplikasi ini juga menyediakan pencarian berdasar tujuan. Jika user memilih pencarian Jalur Bis, maka user harus memasukkan jalan yang ingin dituju. Outpunya berupa jalur bis yang melalui jalan tersebut. Selanjutnya, jika data tersebut ditemukan maka akan ditampilkan kepada user, namun jika data tersebut tidak ditemukan, maka akan ditampilkan pesan bahwa data yang dicari tidak ada.
Gambar 3-17. Tampilan input pencarian data berdasar jalan tujuan
Gambar 3-18. Tampilan hasil pencarian data
Gambar 3-19. Tampilan pesan data tidak ditemukan
Pilihan cara pencarian yang lain adalah pencarian Jalar Spesifik. Jika user
memilih menu pencarian ini, maka user diminta untuk memasukkan tempat berangkat dan tempat tujuan. Hasil dari pencarian ini berupa jalur bis yang sesuai dengan tempat berangkat dan tempat tujuan yang sudah diinputkan. Jika tempat tujuan tersebut dapat ditempuh menggunakan satu jalur bis saja dari
tempat berangkat, maka akan ditampilkan hasil pencarian data tersebut, namun jika tidak ada jalur bis yang sesuai dengan data tersebut atau perjalanan tersebut tidak dapat ditempuh dalam sekali jalan menggunakan satu jalur bis, maka akan dimunculkan pesan kepada user bahwa data tersebut tidak ada.
Gambar 3-20. Tampilan input pencarian data berdasar tempat
berangkat dan tempat tujuan
Gambar 3-21. Tampilan hasil pencarian data
Gambar 3-22. Tampilan pesan data tidak ditemukan
2. Untuk Administrator
Berikut adalah desain antar muka situs yang akan dijumpai administrator
dalam mengolah data untuk aplikasi ini.
• Tampilan Utama
Tampilan utama merupakan halaman web yang pertama kali akan dijumpai seorang administrator dalam mengelola data untuk aplikasi ini. Sebelum seorang administrator bisa mengolah data, hal yang diminta pertama kali adalah login berupa kode admin dan password.
Gambar 3-23. Tampilan utama
• Tampilan gagal login
Tampilan ini berisi pesan yang akan muncul jika administrator salah dalam memasukkan kode admin dan atau password.
• Tampilan Menu
Tampilan menu merupakan tampilan yang berisi menu-menu yang dapat diakses oleh administrator dalam menjalankan tugasnya sebagai pengelola data-data yang ada dalam database server. Tampilan menu ini dapat dijumpai setelah administrator berhasil melakukan login.
Gambar 3-25. Tampilan Menu Administrator
• Menu Lihat Data Jalur Bis
Menu ini digunakan untuk melihat data jalur bis yang sudah ada dalam aplikasi ini.
Gambar 3-26. Tampilan Menu Lihat Data Jalur Bis
Untuk melakukan penghapusan data, yang perlu dilakukan oleh
administrator adalah mengisi check box yang telah disediakan. Sesudah check box terisi dan menekan tombol hapus, maka secara otomatis data akan terhapus. Sedangkan untuk menambah data jalur, maka akan muncul tampilan sebagai berikut :
• Menu Lihat Data Jalan
Menu ini digunakan untuk melihat data jalan. Didalam menu ini juga terdapat fasilitas untuk menambah, mengubah maupun menghapus jalan.
Gambar 3-28. Tampilan Menu Lihat Data Jalan
Untuk menghapus data, administrator harus mengisi check box pada data yang akan dihapus. Setelah mengisi check box dan menekan tombol hapus, maka secara otomatis data akan terhapus. Jika ingin menambah data jalan, maka admin harus menekan tombol tambah dan akan muncul tampilan sebagai berikut :
Gambar 3-29. Tampilan Menu tambah Data Jalan
• Menu Lihat Data Rute
Menu ini digunakan untuk melihat sekaligus menambah, menghapus dan mengedit data rute.
Pada menu ini, nama jalan sudah masuk secara otomatis sudah masuk secara otomatis, namun untuk memasukkan nama jalan, administrator
harus memasukkan secara terpisah yaitu dengan menekan tombol edit atau meng-klik jalur yang ingin diedit.
Gambar 3-31. Tampilan edit rute
Untuk menghapus jalan yang sudah masuk didalam rute, admin harus mengisi check box jalan yang ingin dihapus, selanjutnya admin harus menekan tombol hapus dan simpan untuk melakukan penyimpanan data. Untuk melakukan tambah rute, akan dimunculkan tampilan baru sebagai berikut:
BAB IV
IMPLEMENTASI
Pada bab ini, penulis akan mengulas tentang proses implementasi dari sistem yang telah selesai dianalisis dan didesain agar siap untuk digunakan. Antara lain, akan dijelaskan mengenai tampilan-tampilan aplikasi yang meliputi, tampilan di layar handphone maupun tampilan web maintenance yang digunakan
administrator dalam melakukan pengolahan data dan pengaturan handphone agar dapat melakukan koneksi ke internet sehingga aplikasi dapat dijalankan. Selain itu juga akan dibahas mengenai lisiting progam aplikasi yang digunakan.
4.1 Implementasi Program Aplikasi Handphone (user)
