BAB IV ANALISIS DAN PERANCANGAN SISTEM
4.1. Analisis Sistem Yang Berjalan Analisis sistem adalah penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponenya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatanhambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan, sehingga dapat diusulkan perbaikan-perbaikannya. Kegiatan analisis sistem yang berjalan dengan menggunakan analisis sistem yang berorientasi pada objek-objek sangat diperlukan oleh sistem yang akan dirancang. Dengan maksud untuk menitikberatkan kepada fungsionalitas sistem yang berjalan dengan tidak terlalu menitikberatkan pada alur proses dari sistem. Selanjutnya dari hasil analisis ini divisualisasi dan didokumentasi dengan UML melalui diagram use case, skenario use case, dan aktiviti diagaram. Pertimbangan dari diagram ini dapat mewakili secara keseluruhan sistem yang berjalan yang dapat dimengerti oleh user. 4.1.1. Analisis Prosedur Yang Berjalan Hasil analisis proses dari sistem pemesanan tiket yang sedang berjalan adalah sebagai berikut : 1. Konsumen menelpon atau datang langsung ke Baraya Travel. 2. Konsumen menanyakan jadwal keberangkatan travel.
38
39
3. Konsumen memesan tiket atau menyerahkan data booking tiket. 4. Pesanan akan dicatat oleh petugas dan dikonfirmasikan lagi ke konsumen, kemudian dilanjutkan dengan pembayaran. 4.1.1.1. Analisis Use Case Yang Berjalan Berikut use case diagram yang menggambarkan sistem pemesanan tiket yang sedang berjalan pada Baraya Travel :
Informasi Keberangkatan
Konsumen
Pemesanan
Petugas <<extend>>
Konfirmasi Pemesanan
Pembayaran
Gambar 4.1. Use Case Diagram sistem pemesanan yang berjalan
4.1.1.2. Skenario Use Case Yang Berjalan 1. Skenario use case informasi keberangkatan Aktor : Konsumen, Perusahaan
40
Tabel 4.1 Sekenario Use Case Informasi Keberangkatan Konsumen
Perusahaan
Konsumen datang atau menelpon ke Baraya Travel
untuk
mendapatkan
informasi
tentang jadwal keberangkatan. Perusahaan memberikan informasi tentang brosur
keberangkatan mengenai
keberangkatan
melalui
tempat/outlet dan
jam
keberangkatan travel.
2. Skenario use case pemesanan Aktor : Konsumen, Perusahaan Tabel 4.2 Sekenario Use Case Pemesanan Perusahaan
Konsumen Konsumen memesan tiket sesuai jadwal keberangkatan travel. Perusahaan
mencatat
keberangkatan
yang
konsumen.
di
data pesan
41
3. Skenario use case konfirmasi pemesanan Aktor : Konsumen Tabel 4.3 Sekenario Use Case Konfirmasi Pemesanan Konsumen
Sistem
Konsumen menerima nota pemesanan dan mengisi data-data yang diperlukan. Mendokumentasikan data pemesanan.
4. Skenario use case pembayaran Aktor : Konsumen Tabel 4.4 Sekenario Use Case Pembayaran Konsumen
Sistem
Konsumen membayar sejumlah uang atas pemesanan yang dilakukan. Menerima pembayaran tiket Membuat nota pembayaran 2 rangkap, untuk diberikan kepada konsumen dan menyimpan sebagai arsip. Memberikan tiket atau kwitansi kepada konsumen. Konsumen kwitansi.
menerima
tiket
atau
42
4.1.1.3. Activity Diagram Yang Berjalan Activity diagram adalah cara untuk memodelkan event-event yang terjadi dalam use case. Berikut adalah Activity diagram yang menggambarkan aktivitas yang terjadi dalam sistem pemesanan tiket yang sedang berjalan pada Baraya Travel :
Pe rus aha a n
Kons ume n
Menanyakan informasi keberangkatan travel
Pemesanan tiket
Nota pemesanan
Pemesanan tiket
Nota pemesanan
Pembayaran
Gambar 4.2. Activity Diagram sistem pemesanan yang berjalan 4.1.2. Evaluasi Sistem Yang Berjalan Berdasarkan hasil analisis di atas, maka ada beberapa kelemahan yang muncul tentang sistem yang sedang berjalan pada Baraya Travel, yaitu :
43
1. Proses penyimpanan data pemesanan yang belum terkomputerisasi sehingga memungkinkan terjadi hilangnya data pemesanan tiket yang nantinya akan digunakan untuk pembuatan laporan pemesanan atau laporan penjualan tiket. 2. Penyajian
informasi
tentang
tempat
pemesanan
dan
jadwal
keberangkatan masih pada brosur, sehingga informasi yang disajikan cenderung terbatas.
4.2. Perancangan Sistem Perancangan sistem ini dibuat sebagai tahapan untuk mempersiapkan proses implementasi sistem yang diingikan dan untuk menggambarkan secara jelas proses-proses yang diingikan oleh pengguna. Sesuai dengan metode pendekatan yang digunakan yaitu pendekatan object oriented, maka dalam penggambaran seluruh proses dan objeknya menggunakan UML. 4.2.1. Tujuan Perancangan Sistem Tujuan dari perancangan sistem informasi berbasis web ini adalah : a. Untuk memenuhi kebutuhan sistem yang dibutuhkan. b. Untuk memberikan gambaran yang jelas dan rancang bangun yang jelas kepada programer. c. Untuk memberikan informasi yang lebih detail tentang Baraya Travel. d. Untuk
memudahkan
konsumen
dalam
mengetahui
keberangkatan dan proses transaksi pemesanan tiket.
jadwal
44
e. Konsumen dapat berinteraksi secara langsung dengan sistem informasi pemesanan dimana dan kapan saja karena sistem ini berbasis web dan tidak terbatas ruang dan waktu. 4.2.2. Gambaran Umum Sistem Yang Diusulkan Sistem informasi pemesanan tiket berbasis web pada Baraya Travel dapat digambarkan sebagai bentuk fasilitas yang menyediakan informasi bagi konsumen mengenai jadwal keberangkatan travel. Fasilitas utama dari sistem informasi ini yaitu pelanggan dapat secara langsung melakukan pemesanan tiket secara langsung tanpa harus berhubungan langsung dengan Baraya Travel. Dengan adanya perancangan sistem informasi pemesanan tiket berbasis web ini, diharapkan pengolahan data pemesanan tiket bisa lebih terdata dan terorganisir dengan baik, sehingga dapat digunakan dalam pengambilan keputusan.
45
4.2.3. Perancangan Prosedur yang Diusulkan 4.2.3.1. Use Case Yang Diusulkan
Pengolahan Mobil <<extend>>
Pengolahan Jadwal
Pengolahan User <<extend>>
<<extend>>
<<extend>>
Pengolahan Modul
Pengolahan Content
Admin
Login
Petugas Online
Petugas Offline Logout
Cari Jadwal
Pemesanan
Konsumen Online
<<extend>>
<<extend>>
Pembayaran
Konsumen Offline
<
>
Pembatalan
Pilih Kursi
Gambar 4.3. Use Case Diagram Sistem Pemesanan yang Diusulkan 4.2.3.2. Skenario Use Case Yang Diusulkan 1. Skenario Use Case Login Aktor : Admin, Petugas Online, Petugas Offline
46
Tabel 4.5 Sekenario Use Case Login Aktor
Sistem
User admin dan petugas mengisi form login Apabila nama user dan password salah, aplikasi akan menampilkan LOGIN GAGAL! Username atau Password Anda tidak benar. Atau account Anda sedang diblokir. Apabila nama user dan password benar, aplikasi akan menampilkan halaman index untuk admin atau petugas
2. Skenario Use Case Logoff Aktor : Admin, Petugas Online, Petugas Offline Tabel 4.6 Sekenario Use Case Login Aktor
Sistem
User admin dan petugas mengklik menu logoff Aplikasi menampilkan halaman index, kembali ke halaman ”Login”
47
3. Skenario Use Case Cari Informasi Aktor : Konsumen Online, Petugas Offline Tabel 4.7 Sekenario Use Case Cari Informasi Aktor
Sistem
Konsumen membuka aplikasi Sistem menampilkan halaman utama dari web Konsumen memilih menu ”jadwal keberangkatan” Sistem menampilkan halaman jadwal jeberangkatan Konsumen menginputkan ”form pencarian” Sistem menampilkan halaman hasil pencarian jadwal sesuai outlet tujuan dan tanggal berangkat yang diinputkan Petugas mencari jadwal dengan meninputkan outlet tujuan dan tanggal berangkat Sistem menampilkan halaman jadwal keberangkatan yang dicari
48
4. Skenario Use Case Pemesanan Aktor : Petugas Online, Petugas Offline, Konsumen Online, Konsumen Offline Tabel 4.8 Sekenario Use Case Pemesanan Aktor
Sistem
Setelah memilih jadwal yang diinginkan, konsumen online mengklik menu ”Pesan” untuk melakukan pemesanan Aplikasi akan menampilkan halaman form pemesanan Konsumen Online mengisi form pemesanan yang tersedia dan mengklik tombol ”proses” Aplikasi akan menyimpan data yang diinputkan ke database, dan menampilkan halaman hasil pemesanan Setelah mencari jadwal yang diinginkan konsumen offline, petugas offline akan mengklik link ”pesan” untuk melanjutkan pemesanan
49
Tabel 4.8 Sekenario Use Case Pemesanan (lanjutan) Aplikasi akan menampilkan form untuk mengisi data konsumen Petugas offline akan mengisi data konsumen offline dan mengklik tombol ”proses” Aplikasi akan menyimpan pemesanan ke database, dan menampilkan halaman daftar pemesanan Petugas online atau offline yang telah login, mengklik menu ”daftar pemesanan” yang ada di halaman petugas untuk mengolah pemesanan Aplikasi akan menampilkan data pemesanan yang baru dipesan atau yang masih pending Petugas mengklik link ”bayar”, bila konsumen akan melakukan pembayaran Aplikasi akan menampilkan halaman transaksi
50
Tabel 4.8 Sekenario Use Case Pemesanan (lanjutan) Petugas akan mengklik tombol ”proses” untuk melanjutkan transaksi Aplikasi akan menyimpan data transaksi ke database, dan menampilkan halaman pilih kursi Petugas memilih nomor kursi sesuai permintaan konsumen Aplikasi akan menyimpan nomor kursi yang telah dipilih ke database
5. Skenario Use case Pengolahan Jadwal Aktor : Admin Tabel 4.9 Sekenario Use Case Mengelola Jadwal Admin
Sistem
Pilih Menu Data Jadwal Tampilkan Halaman Jadwal Keberangkatan Pilih Menu Edit Jadwal Tampilkan Halaman Edit Jadwal Keberangkatan Input Data Edit Jadwal
51
Tabel 4.9 Sekenario Use Case Pengolahan Jadwal (lanjutan) Simpan Data Edit Jadwal ke Database Pilih Menu Hapus Jadwal Data Jadwal yang dipilih terhapus dari Database
6. Skenario Use case Mengelola Mobil Aktor : Admin Tabel 4.10 Sekenario Use Case Mengelola Mobil Admin
Sistem
Pilih Menu Data Mobil Tampilkan Halaman Data Mobil Pilih Menu Tambah Mobil Tampilkan Halaman Tambah Mobil Input Data Mobil Simpan Data Mobil ke Database
52
4.2.3.3. Sequence Diagram Yang Diusulkan 1. Sequence Diagram Cari Jadwal Konsumen Online
H a la m a n U tam a
: kons um en O n l in e
H a la m a n J a d w a l K e b e ra n g k a t a n
H a la m a n P e n c a ri a n
1 : B u k a A p l ik a s i 2 : T a m p il k a n M e n u
3 : P il ih M e n u J a d w a l K e b e ra n g k a t a n 4 : T a m p il k a n H a la m a n J a d w a l K e b e r a n g k a t a n
5 : In p u t P e n c a ri a n J a d w a l 6 : T a m p il k a n H a la m a n P e n c a ri a n
Gambar 4.4. Sequence Diagram Mencari Informasi Keberangkatan 2. Sequence Diagaram Pemesanan Online
Halaman Jadwal Keberangkatan
: konsumen
Halaman Pemesanan
Halaman Hasil Pemesanan
Database
1: Pilih Menu Jadwal Keberangkatan 2: Tampilkan Halaman Jadwal Keberangkatan 3: Pilih Jadwal yang ingin dipesan 4: Input Data Pemesan 5: Validasi Data
6: Simpan Data Pemesan 7: Simpan
8: Data Pemesan 9: Tampilkan Hal. Hasil Pemesanan
Gambar 4.5. Sequence Diagram Pemesanan Online
53
3. Sequence Diagaram Login Petugas Online
H a la m a n L o g in : P e tu g a s
H a la m a n P etugas
D atabas e
1 : B u k a A p l ik a s i 2 : T a m p il a k a n H a l. L o g in 3 : In p u t L o g in 4 : V a li d a s i L o g in
5 : V a li d L o g in
6 : L o a d D a ta
7 : D a ta P e tu g a s 8 : T a m p il k a n H a l. P e t u g a s
Gambar 4.6. Sequence Diagram Login Petugas Online
54
4. Sequence Diagaram Mengelola Pemesanan
: Petugas
Halaman Daftar Pemesanan
Halaman Hasil Pencarian
Halaman Konfirmasi Batal
Halaman Pembayaran
Halaman Pilih Kursi
Database
1: Pilih Menu Daftar Pemesanan 2: Tampilkan Hal. Daftar Pemesanan
3: Input Pencarian No. Pemesanan 4: Tampilkan Hasil Pencarian 5: Pilih Batal 6: konfirmasi batal 7: Simpan pembatalan
8: simpan
9: Pilih Bayar 10: data transaksi 11: simpan transaksi
13: data transaksi 14: tampilkan halaman pilih kursi
Gambar 4.7. Sequence Diagram Mengelola Pemesanan
12: simpan
55
5. Sequence Diagaram Pilih Kursi
Halaman Pilih Kursi
: Petugas
Database
1: Pilih Menu Pilih Kursi 2: Tampilkan Hal. Pilih Kursi 3: Pilih No. Kursi 4: Simpan No. Kursi
5: Simpan
Gambar 4.8. Sequence Diagram Pilih Kursi 6. Sequence Diagaram Login Petugas Offline
H a la m a n L o g in : P e tu g a s
H a la m a n P etugas
D atabas e
1 : B u k a A p l ik a s i 2 : T a m p il a k a n H a l. L o g in 3 : In p u t L o g in 4 : V a li d a s i L o g in
5 : V a li d L o g in
6 : L o a d D a ta
7 : D a ta P e tu g a s 8 : T a m p il k a n H a l. P e t u g a s
Gambar 4.9. Sequence Diagram Login Petugas Offline
56
7. Sequence Diagaram Mencari Jadwal Petugas Offline
H a la m a n P e n c a ri a n
: P e t u g a s O ffli n e 1 : P il ih M e n u C a ri J a d w a l
2 : T a m p il k a n H a s il P e n c a ria n
Gambar 4.10. Sequence Diagram Mencari Jadwal Petugas Offline 8. Sequence Diagram Pemesanan Offline
Halaman Pemesanan
: Petugas Offline
Database
1: Pilih Menu Pemesanan 2: Tampilkan Hal. Pemesanan 3: Input Data Konsumen 4: Validasi Data 5: Simpan Data Pemesanan 6: Simpan
Gambar 4.11. Sequence Diagram Pemesanan Offline
57
9. Sequence Diagaram Login Admin
H a la m a n L o g in : A d m in
H a la m a n A d m in
D a t ab a s e
1 : B u k a A p ilk a s i 2 : Ta m p ilk an H a l. L o g in 3 : In p u t L o g in 4 : V a lid as i L o g in
5 : V a lid L o g in 6 : L o a d D a ta
7 : D a ta A d m in 8 : Ta m p ila k a n H a l. A d m in
Gambar 4.12. Sequence Diagram Login Admin
58
10. Sequence Diagaram Mengelola Jadwal
Halaman Data Jadwal
: Admin
Halaman Tambah Jadwal
Halaman Edit Jadwal
Database
1: Pilih menu Data Jadwal 2: Tampilkan Hal. Data Jadwal 3: Pilih Edit Jadwal 4: Input Data Edit 5: simpan edit
6: simpan
7: Pilih Hapus Jadwal 8: Hapus jadwal 9: Pilih Menu Tambah Jadwal 10: Tampilkan Hal. Tambah Jadwal 11: Input Data Jadwal 12: Simpan Tambah jadwal
Gambar 4.13. Sequence Diagram Mengelola Jadwal
13: simpan
59
11. Sequence Diagaram Mengelola Mobil
Halam an Data Mobil
: Admin
Halam an Tambah M obil
Database
1: Pilih Menu Data Mobil 2: Tampilkan Hal. Data Mobil 3: Pilih Menu Tambah M obil 4: Tampilkan Hal. Tambah M obil 5: Input Data Mobil 6: Sim pan data mobil
7: sim pan
Gambar 4.14. Sequence Diagram Mengelola Bus 4.2.3.4. Collaboration Diagram yang Diusulkan 1. Colaboration Diagram Mencari Informasi Keberangkatan H a la m a n Utam a 1 : B u k a A p lik a s i 2 : Ta m p ilk a n M e n u 5 : In p u t P e n c a ria n Ja d w a l
H a la m a n P e n c a ria n
6 : Ta m p ilk a n H a la m a n P e n c a ria n : kons um en O n lin e 3 : P ilih M e n u Ja d w a l K e b e ra n g k a ta n
4 : Ta m p ilk a n H a la m a n Ja d w a l K e b era n g k a ta n
H a la m a n Ja d w a l K e b e ra n g k a ta n
Gambar 4.15. Collaboration Diagram Mencari Informasi Keberangkatan
60
2. Colaboration Diagram Pemesanan Online 1: Pilih Menu Jadwal Keberangkatan 3: Pilih Jadwal yang ingin dipesan Halaman Jadwal Keberangkatan 2: Tampilkan Halaman Jadwal Keberangkatan : konsumen 4: Input Data Pemesan
7: Simpan 9: Tampilkan Hal. Hasil Pemesanan
5: Validasi Data
Halaman Hasil Pemesanan
Halaman Pemesanan
Database 8: Data Pemesan
6: Simpan Data Pemesan
Gambar 4.16. Collaboration Diagram Pemesanan 3. Colaboration Diagram Login Petugas 4 : V a lid a s i L o g in 1 : B u k a A p lik a s i 3 : In p u t L o g i n H a la m a n L o g in : P e tu g a s
2 : T a m p ilk a n H a l. L o g in 5 : V a lid L o g in
8 : T a m p ilk a n H a l. P e t u g a s
6 : L o a d D a ta
D a tab a s e
H a la m a n P e tug a s 7 : D a ta P e tu g a s
Gambar 4.17. Collaboration Diagram Login Petugas
61
4. Colaboration Diagram Mengelola Pemesanan 14: tampilkan halaman pilih kursi Halaman Pilih Kursi
1: Pilih Menu Daftar Pemesanan : Petugas
13: data transaksi 2: Tampilkan Hal. Daftar Pemesanan Halaman Daftar Pemesanan
4: Tampilkan Hasil Pencarian
3: Input Pencarian No. Pemesanan 5: Pilih Batal 9: Pilih Bayar
8: simpan 12: simpan 11: simpan transaksi
Halaman Pembayaran
Database
10: data transaksi
7: Simpan pembatalan 6: konfirmasi batal Halaman Hasil Pencarian
Halaman Konfirmasi Batal
Gambar 4.18. Collaboration Diagram Mengelola Pemesanan 5. Colaboration Diagram Pilih Kursi 1: Pilih Menu Pilih Kursi 3: Pilih No. Kursi Halaman Pilih Kursi 2: Tampilkan Hal. Pilih Kursi : Petugas 5: Simpan 4: Simpan No. Kursi Database
Gambar 4.19. Collaboration Diagram Pilih Kursi
62
6. Colaboration Diagram Login Petugas Offline 4 : V a lid a s i L o g in 1 : B u k a A p lik a s i 3 : In p u t L o g i n H a la m a n L o g in : P e tu g a s
2 : T a m p ilk a n
H a l. L o g in 5 : V a lid
8 : T a m p ilk a n
6 : L o a d
H a l. P e t u g a s
L o g in
D a ta
D a ta b a s e
H a la m a n P e tu g a s 7 : D a ta
P e tu g a s
Gambar 4.20. Collaboration Diagram Login Petugas Offline 7. Colabiration Diagram Mencari Jadwal 1: P ilih M enu C ari Jadw al Halam an P enc arian : P etugas O ffline
2: Tam pilk an Has il P enc arian
Gambar 4.21. Collaboration Diagram Mencari Jadwal 8. Colaboration Diagram Pemesanan Offline 4: V alidas i Data
1: P ilih M enu P em es anan 3: Input Data K ons um en Halam an P em es anan 2: Tam pilk an Hal. P em es anan : P etugas Offline
5: S im pan Data P em es anan
6: S im pan
Databas e
Gambar 4.22. Collaboration Diagram Pemesanan Offline
63
9. Colaboration Diagram Login Admin 4 : V a lid a s i L o g in 1 : B u k a A p ilk a s i 3 : In p u t L o g i n H a la m a n L o g in 2 : T a m p ilk a n H a l. L o g in : A d m in
5 : V a lid L o g in
8 : T a m p ila k a n H a l. A d m in H a la m a n A d m in
6 : L o a d D a ta
D a tab a s e 7 : D a ta A d m in
Gambar 4.23. Collaboration Diagram Login Admin 10. Colaboration Diagram Mengelola Jadwal 1: Pilih menu Data Jadwal 3: Pilih Edit Jadwal 7: Pilih Hapus Jadwal Halaman Data Jadwal : Admin
2: Tampilkan Hal. Data Jadwal
9: Pilih Menu Tambah Jadwal 11: Input Data Jadwal
4: Input Data Edit 8: Hapus jadwal
10: Tampilkan Hal. Tambah Jadwal
6: simpan 13: simpan
12: Simpan Tambah jadwal Halaman Tambah Jadwal
Halaman Edit Jadwal
Database 5: simpan edit
Gambar 4.24. Collaboration Diagram Mengelola Jadwal
64
11. Colaboration Diagram Mengelola Mobil
1: Pilih Menu Data Mobil Halaman Data Mobil 2: Tampilkan Hal. Data Mobil : Admin
3: Pilih Menu Tambah Mobil 5: Input Data Mobil 7: simpan
4: Tampilkan Hal. Tambah Mobil
6: Simpan data mobil Halaman Tambah Mobil
Database
Gambar 4.25. Collaboration Diagram Mengelola Mobil 4.2.3.5. Component Diagram Berikut ini Component Diagram yang menggambarkan struktur proses yang terdapat dalam aplikasi pemesanan tiket di Baraya Travel : Hal. Tambah Jadwal
Hal. Ubah Jadwal
Hal. Jadwal Keberangkatanerangkat
Hal. Login Admin
Hal. Data Bus
Hal. Tambah Bus Hal. Login Petugas Hal. Daftar Pemesanan
Hal. Jadwal Keberangkatan
Hal. Pilih Kursi
Gambar 4.26. Component Diagram yang Diusulkan
Hal. Pemesanan Konsumen
65
4.2.3.6. Deployment Diagram Berikut ini Deployment Diagram yang menggambarkan susunan fisik dan perangkat lunak dalam sistem :
K omputer S erver
Databas e
Network ing Internet
Client K ons umen
Client P etugas
Client A dmin
Gambar 4.27. Deployment Diagram
66
4.2.3.7. Class Diagram
1
1 pilih kursi no_transaksi id_pesan tgl_berangkat id_jadwal no_kursi
1..*
*
t_pemesanan id_pesan id_jadwal identitas nama_pesan alamat telepon status_pesan tgl_pesan jam_pesan tgl_berangkat jumlah
1
pesan() bayar() batal() cari()
1
*
1
*
pilih kursi() 1..*
1..* 1..* 1
1
transaksi no_transaksi tgl_transaksi id_pesan * bayar()
1..*
1..*
t_user username password 1 nama_lengkap email no_telp 1 level
1..*
t_jadwal id_jadwal no_pol dari tujuan jam_berangkat tambah() edit() hapus() cari() 1..*
1 t_mobil no_pol jum_kursi tambah mobil()
tambah() edit() hapus()
Gambar 4.28. Class Diagram
67
4.2.4. Perancangan Antar Muka 4.2.4.1. Perancangan Input 1. Tampilan Awal BARAYA TRAVEL Home
Profile
Cara Pemesanan
Jadwal Keberangkatan
Hubungi Kami
Pencarian Outlet Tujuan
Tanggal Berangkat Tg
Bl n
Th n
Home
Kalender
Image
Banner
Gambar 4.29. Tampilan Awal 2. Input Login Rancangan ini digunakan oleh admin, petugas online dan petugas offline untuk masuk ke dalam halaman masing-masing. Dengan menginputkan username dan passwordnya.
68
BARAYA TRAVEL Login
Username Password
Banner
Gambar 4.30. Rancangan Input Login 3. Input Pencarian Rancangan ini digunakan untuk mencari jadwal keberangkatan travel sesuai dengan tanggal yang diinginkan. Pencarian Outlet Tujuan Tujuan
Tanggal Berangkat -
-
(Tanggal – Bulan – Tahun)
Gambar 4.31. Rancangan Input Pencarian 4. Input Data Pemesanan Rancangan ini digunakan untuk mengisi data konsumen setelah konsumen memilih jadwal keberangkatan.
69
Gambar 4.32. Rancangan Input Data Pemesanan Online 5. Cari Jadwal Keberangkatan Rancangan ini digunakan petugas offline untuk mencari jadwal keberangkatan yang diinginkan konsumen. BARAYA TRAVEL
Menu
Jadwal Keberangkatan
Banner
Gambar 4.33. Rancangan Cari Jadwal 6. Input Pemesanan Offline Rancangan ini digunakan untuk menginputkan data konsumen yang datang langsung atau melakukan pemesanan offline.
70
BARAYA TRAVEL
Menu
Pemesanan
Banner
Gambar 4.34. Rancangan Input Pemesanan Offline 7. Input Data Jadwal Rancangan ini digunakan untuk menambah jadwal keberangkatan.
BARAYA TRAVEL
Menu
Jadwal Tambah
Banner
Gambar 4.35. Rancangan Input Data Jadwal 8. Laporan Pemesanan Rancangan ini digunakan untuk membuat laporan pemesanan.
71
BARAYA TRAVEL
Menu
Laporan Pemesanan
Banner
Gambar 4.36. Rancangan Laporan Pemesanan 4.2.4.2. Perancangan Output
Gambar 4.37. Rancangan Output Laporan Pemesanan Tiket Status Semua Pesanan
72
Gambar 4.38. Rancangan Output Laporan Pemesanan Tiket Dengan Status Lunas 4.2.5. Perancangan Arsitektur Jaringan Jaringan yang digunakan aplikasi ini adalah jaringan yang menggunakan media internet sebagai jaringan utama dalam menjalankan aplikasi. Internet adalah jaringan global yang menghubungkan jutaan komputer.
Gambar 4.39 Arsitektur Jaringan