ANALISIS DAN PERANCANGAN
3.3. Perancangan Sistem 1. Use Case Diagram
Use case diagram merupakan sebuah model yang menggambarkan kebutuhan sistem dan fungsionalitas yang diharapkan dari suatu sistem dari sudut pandang pengguna sistem, sehingga user atau pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun. Use case dibuat untuk memudahkan pengguna atau pembaca dalam mengerti alur kerja suatu sistem sehingga sistem dapat digunakan sebaik mungkin. Rancangan use case sistem (untuk administrator) dapat dilihat pada Gambar 3.2.
Gambar 3.2. Use Case Admin
Universitas Sumatera Utara
Adapun penjelasan mengenai kegiatan-kegiatan di dalam diagram use case tersebut dapat dilihat pada Tabel 3.6.
Tabel 3.6. Deskripsi Use Case Admin
No Use Case Deskripsi
Proses yang dilakukan oleh administrator untuk memanajemen data Bus.
Proses untuk melihat daftar user admin. Sudah beserta operasi create, update and delete (CRUD) untuk memanajemen data user.
6 Data Kelas Bus Proses yang dilakukan oleh administrator untuk memanajemen data Kelas Bus.
7 View Data Kelas Bus
Proses untuk melihat daftar pengguna sistem. Sudah beserta operasi create, update and delete (CRUD) untuk memanajemen data Kelas Bus.
8 Data Jadwal Bus Proses yang dilakukan oleh administrator untuk memanajemen data Jadwal Bus.
9 View Data Jadwal Bus
Proses untuk melihat daftar pengguna sistem. Sudah beserta operasi create, update and delete (CRUD) untuk memanajemen data Kelas Bus.
(Lanjutan)
Proses yang dilakukan oleh administrator untuk memanajemen data Pelanggan.
Proses untuk melihat daftar pengguna sistem. Sudah beserta operasi create, update and delete (CRUD) untuk memanajemen data Data Pelanggan.
Proses yang dilakukan oleh administrator untuk memanajemen data Order Tiket
Proses untuk melihat daftar pengguna sistem. Sudah beserta operasi create, update and delete (CRUD) untuk memanajemen data Data Pelanggan.
Proses untuk mengkonfirmasi bahwa pelanggan telah melakukan pembayan tiket.
Proses pengiriman E-Ticket kepada penumpang setelah memverifikasi bukti pembayaran.
Gambar 3.3. Use Case Pengguna
Universitas Sumatera Utara
Tabel 3.7. Deskripsi Use Case Pengguna
3 Pencarian Tiket Proses untuk mendapatkan daftar tiket yang sesuai dengan filter yang diinput pengguna.
Proses dimana sistem merekomendasikan tiket kepada pengguna.
Proses untuk melihat tiket yang telah di pesan oleh pengguna.
Proses yang dilakukan oleh pengguna untuk mengupload bukti pembayaran.
Proses untuk mendapatkan E-tiket melalui email setelah pengguna melakukan pembayaran.
3.3.2. Perancangan Database
Perancangan database pada sistem ini digunakan untuk menyimpan informasi-informasi yang berkaitan dengan sistem aplikasi
Penjelasan mengenai tabel-tabel pada database yang dirancang adalah sebagai berikut 1. Tabel bus, berfungsi untuk tempat menampilkan data-data bus yang tersedia.
2. Tabel jadwal_bus, berfungsi untuk tempat menyimpan data-data keberangkatan bus yang dapat di pesan oleh pelanggan.
3. Tabel kelas_bus, berfungsi untuk tempat menyimpan informasi dari jenis-jenis bus 4. Tabel kota, berfungsi untuk tempat menyimpan data-data kota keberangkatan
maupun tujuan dari bus yang akan di pesan oleh pelanggan.
5. Tabel pelanggan, berfungsi untuk tempat menyimpan informasi akun pelanggan 6. Tabel pelanggan order, berfungsi untuk tempat menyimpan data yang berkaitan
dengan informasi biodata dokter.
7. Tabel user, berfungsi untuk tempat menyimpan data-data pengguna
Gambar 3.4. Database Design
3.3.3. Rancangan Antarmuka Sistem
Rancangan antarmuka merupakan design secara tampilan sistem atau aplikasi yang akan dibangun. Rancangan antarmuka merupakan bahan acuan dalam pengembangan aplikasi pemesanan tiket bus.
Rancangan Menu Login
Pada menu login, user harus melakukan proses login dengan mengisikan email dan password yang sesuai dan user yang belum memiliki akun dapat membuat akun terlebih dahulu dengan menekan tombol “daftar” untuk dapat masuk ke dalam sistem aplikasi. Rancangan menu login dapat dilihat pada Gambar 3.5.
Universitas Sumatera Utara
Gambar 3.5. Rancangan Menu Login
Rancangan Menu Daftar
Menu daftar merupakan halaman yang diakses oleh user ketika user belum memiliki akun untuk menggunakan aplikasi. Pada menu daftar ini user harus mengisi email, nama lengkap dan password. Kemudian menekan tombol ”daftar” Rancangan menu daftar dapat dilihat pada Gambar 3.6.
Gambar 3.6. Rancangan Menu Daftar Rancangan Menu Utama
Menu ini merupakan menu utama. Pada menu ini user dapat melakukan proses pencarian tiket. Untuk mencari tiket user harus memilih kota asal, kota tujuan, tanggal keberangkatan dan jumlah tiket yang di pesan. Setelah semuanya data di isi, user menekan tombol “cari tiket” untuk mencari rekomendasi tiket. Rancangan menu utama dapat dilihat pada Gambar 3.7.
Gambar 3.7. Rancangan Menu Utama
Universitas Sumatera Utara
Rancangan Menu Pemesanan Tiket
Menu ini merupakan menu pemesanan tiket. Pada menu ini pengguna dapat melihat dan memilih rekomendasi tiket bus yang telah diberikan sesuai dengan tujuan user.
Pada halaman ini user dapat melihat nama bus, kelas bus, kota asal, kota tujuan, waktu berangkat, harga tiket dan ketersediaan bangku sesuai hasil rekomendasi yang disesuaikan dengan input yang diberikan oleh user. Rancangan menu pemesanan tiket dapat dilihat pada Gambar 3.8.
Gambar 3.8. Rancangan Menu Pemesanan Tiket Rancangan Menu Pembelian Tiket
Menu ini merupakan menu pembelian tiket. Pada menu ini user dapat melihat tiket pesanannya dengan tampilan detail nama pemesanan dan jumlah penumpang, pada tampilan juga terdapat detail tiket bus yang dipilih seperti nama bus, kota asal, kota tujuan, harga tiket dan waktu berangkat. Rancangan tampilan menu pembelian tiket dapat dilihat pada Gambar 3.9.
Gambar 3.9. Rancangan Menu Pembelian Tiket
Rancangan Login Admin
Menu ini merupakan menu Login pada Admin. Terdapat menu untuk username dan password. Berfungsi untuk melakukan pengecekkan pada sistem aplikasi. Rancangan tampilan menu login dapat dilihat pada gambar 3.10.
Gambar 3.10. Rancangan Menu Login Admin.
Universitas Sumatera Utara
Rancangan Dashboard /Admin
Halaman ini merupakan halaman dashboard untuk administrator. Pada halaman ini menampilkan foto admin serta keterangan nama admin yang sedang login. Halaman ini terdapat beberapa menu yang datanya dapat diubah oleh admin yaitu menu table user, data kuota, data bus, data kelas bus, data jadwal bus, data penggan, data order tiket serta data tilang. Rancangan tampilan menu dashboard atau beranda dapat dilihat pada Gambar 3.11.
Gambar 3.11. Rancangan Dasboard
Rancangan Halaman Tabel User
Halaman ini merupakan halaman table user. Pada halaman ini menampilkan data user admin yang dapat mengakses halaman admin. Halaman ini menampilkan username, nama dan password. Admin jug dapat melakukan beberapa aksi seperti ubah dan hapus. Rancangan tampilan menu tabel user dapat dilihat pada Gambar 3.12.
Gambar 3.12. Rancangan Halaman Tabel User.
Rancangan Halaman Tabel Data Kota
Halaman ini merupakan halaman tabel data kota. Pada halaman ini menampilkan data kota yang tersedia. Halaman ini menampilkan nama kota dan aksi seperti ubah dan hapus. Rancangan tampilan menu tabel data kota dapat dilihat pada Gambar 3.13.
Universitas Sumatera Utara
Gambar 3.13. Rancangan Halaman Tabel Data Kota
Rancangan Halaman Tabel Data Bus
Halaman ini merupakan halaman table data bus. Pada halaman ini menampilkan data bus yang tersedia. Halaman ini menampilkan nama bus dan aksi yang dapat dilakukan seperti ubah dan hapus. Rancangan tampilan menu tabel data bus dapat dilihat pada Gambar 3.14.
Gambar 3.14. Rancangan Halaman Tabel Data Bus
Rancangan Halaman Tabel Data Kelas Bus
Halaman ini merupakan halaman table data kelas bus. Pada halaman ini menampilkan data kelas bus yang tersedia. Halaman ini menampilkan kelas bus dan nama bus serta aksi yang dapat dilakukan seperti ubah dan hapus. Rancangan tampilan menu tabel data kelas bus dapat dilihat pada Gambar 3.15.
Universitas Sumatera Utara
Gambar 3.15. Rancangan Halaman Tabel Data Kelas Bus
Rancangan Halaman Tabel Data Bus
Halaman ini merupakan halaman table data jadwal bus. Pada halaman ini menampilkan data jadwal keberangkatan bus yang tersedia. Halaman ini menampilkan kelas, harga, kota asal, kota tujuan, waktu berangkat, status dan aksi yang dapat dilakukan seperti ubah dan hapus. Rancangan tampilan menu tabel data bus dapat dilihat pada Gambar 3.16.
Gambar 3.16. Rancangan Halaman Tabel Data Bus
Rancangan Halaman Tabel Data Pelanggan
Halaman ini merupakan halaman table data pelanggan. Pada halaman ini menampilkan data pelanggan yang terdaftar pada aplikasi. Halaman ini menampilkan email, password, nama user dan aksi yang dapat dilakukan seperti ubah dan hapus.
Rancangan tampilan menu tabel data pelanggan dapat dilihat pada Gambar 3.17.
Universitas Sumatera Utara
Gambar 3.17. Rancangan Halaman Tabel Data Pelanggan
Rancangan Halaman Tabel Data Order Tiket
Halaman ini merupakan halaman table data order tiket. Pada halaman ini menampilkan data order tiket yang telah dipesan oleh pelanggan. Halaman ini menampilkan nama pelanggan, nama bus, kelas bus, harga tiket, waktu berangkat, konfirmasi dan status serta beberapa aksi yang dapat dilakukan seperti ubah dan hapus. Rancangan tampilan menu tabel data order tiket dapat dilihat pada Gambar 3.18.
Gambar 3.18. Rancangan Halaman Tabel Data Order Tiket
Universitas Sumatera Utara
BAB 4