38

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, hambatan-

hambatan 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.

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 :

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

Informasi Keberangkatan

Konsumen Petugas

Konfirmasi Pemesanan Pembayaran

Pemesanan

<<extend>>

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 keberangkatan melalui

brosur mengenai tempat/outlet

keberangkatan dan jam

keberangkatan travel.

2. Skenario use case pemesanan

Aktor : Konsumen, Perusahaan

Tabel 4.2 Sekenario Use Case Pemesanan

Konsumen Perusahaan

Konsumen memesan tiket sesuai jadwal

keberangkatan travel.

Perusahaan mencatat data

keberangkatan yang di pesan

konsumen.

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 menerima tiket atau

kwitansi.

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 :

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 :

Menanyakan informasi keberangkatan travel

Pemesanan tiket

Nota pemesanan

Pembayaran

Pemesanan tiket

Nota pemesanan

PerusahaanKonsumen

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 jadwal

keberangkatan dan proses transaksi pemesanan tiket.

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

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

Pengolahan Jadwal

Pengolahan Mobil Pengolahan User

Pengolahan Modul

Pengolahan Content

<<extend>>

<<extend>> <<extend>>

<<extend>>

Admin

Login

Logout

Cari Jadwal

Petugas OfflinePetugas Online

Konsumen Online Pemesanan Konsumen Offline

Pembatalan

<<extend>>

Pembayaran

<<extend>>

Pilih Kursi

<<include>>

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

Gambar 4.4. Sequence Diagram Mencari Informasi Keberangkatan

2. Sequence Diagaram Pemesanan Online

Gambar 4.5. Sequence Diagram Pemesanan Online

: konsumen : konsumenHalaman Jadwal Keberangkatan

Halaman Jadwal Keberangkatan

Halaman PemesananHalaman

PemesananHalaman Hasil

PemesananHalaman Hasil

PemesananDatabaseDatabase

1: Pilih Menu Jadwal Keberangkatan

2: Tampilkan Halaman Jadwal Keberangkatan

3: Pilih Jadwal yang ingin dipesan

4: Input Data Pemesan5: Validasi Data

6: Simpan Data Pemesan7: Simpan

8: Data Pemesan

9: Tampilkan Hal. Hasil Pemesanan

H a la m a n P e n c a ria nH a la m a n P e n c a ria n : k o n s u m e n

O n l in e : k o n s u m e n

O n l in e

H a la m a n U t a m a

H a la m a n U t a m a

H a la m a n Ja d w a l K e b e ra 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

1 : B u k a A p l ik a s i

2 : Ta m p ilk a n M e n u

3 : P il ih 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 e ra n g k a t a n

5 : In p u t P e n c a ria n Ja d w a l

6 : Ta m p ilk a n H a la m a n P e n c a ria n

53

3. Sequence Diagaram Login Petugas Online

Gambar 4.6. Sequence Diagram Login Petugas Online

: P e tu g a s : P e tu g a sH a la m a n L o g inH a la m a n L o g in H a la m a n

P e t u g a sH a la m a n P e t u g a s

D a t a b a s eD a t a b a s e

1 : B u k a A p l ik a s i

2 : Ta m p ila k a n H a l. L o g in

3 : In p u t L o g in4 : V a lid a s i L o g in

5 : V a lid L o g in6 : L o a d D a ta

7 : D a ta P e tu g a s

8 : Ta m p ilk a n H a l. P e t u g a s

54

4. Sequence Diagaram Mengelola Pemesanan

Gambar 4.7. Sequence Diagram Mengelola Pemesanan

: Petugas : Petugas

Halaman Daftar Pemesanan

Halaman Daftar Pemesanan

Halaman Hasil Pencarian

Halaman Hasil Pencarian

Halaman Konfirmasi Batal

Halaman Konfirmasi Batal

Halaman Pembayaran

Halaman Pembayaran

Halaman Pilih Kursi

Halaman Pilih Kursi

DatabaseDatabase

1: Pilih Menu Daftar Pemesanan

2: Tampilkan Hal. Daftar Pemesanan

3: Input Pencarian No. Pemesanan

4: Tampilkan Hasil Pencarian

5: Pilih Batal

9: Pilih Bayar

6: konfirmasi batal

7: Simpan pembatalan8: simpan

10: data transaksi

11: simpan transaksi12: simpan

13: data transaksi

14: tampilkan halaman pilih kursi

55

5. Sequence Diagaram Pilih Kursi

Gambar 4.8. Sequence Diagram Pilih Kursi

6. Sequence Diagaram Login Petugas Offline

Gambar 4.9. Sequence Diagram Login Petugas Offline

: Petugas : Petugas

Halaman Pilih Kursi

Halaman Pilih Kursi

DatabaseDatabase

1: Pilih Menu Pilih Kursi

2: Tampilkan Hal. Pilih Kursi

3: Pilih No. Kursi

4: Simpan No. Kursi5: Simpan

: P e tu g a s : P e tu g a sH a la m a n L o g inH a la m a n L o g in H a la m a n

P e t u g a sH a la m a n P e t u g a s

D a t a b a s eD a t a b a s e

1 : B u k a A p l ik a s i

2 : Ta m p ila k a n H a l. L o g in

3 : In p u t L o g in4 : V a lid a s i L o g in

5 : V a lid L o g in6 : L o a d D a ta

7 : D a ta P e tu g a s

8 : Ta m p ilk a n H a l. P e t u g a s

56

7. Sequence Diagaram Mencari Jadwal Petugas Offline

Gambar 4.10. Sequence Diagram Mencari Jadwal Petugas Offline

8. Sequence Diagram Pemesanan Offline

Gambar 4.11. Sequence Diagram Pemesanan Offline

: Petugas Offline : Petugas Offline Halaman PemesananHalaman

PemesananDatabaseDatabase

1: Pilih Menu Pemesanan

2: Tampilkan Hal. Pemesanan

3: Input Data Konsumen

4: Validasi Data

5: Simpan Data Pemesanan

6: Simpan

: P e tu g a s O fflin e : P e tu g a s O fflin e

H a la m a n P e n c a rianH a la m a n P e n c a rian

1 : P il ih M e n u C a ri Ja d w a l

2 : Ta m p ilk an H a s il P e n c a ria n

57

9. Sequence Diagaram Login Admin

Gambar 4.12. Sequence Diagram Login Admin

: A dm in : A dm inH a lam an Log inH a lam an Log in H a lam an

A dm inH a lam an

A dm inD atabas eD atabas e

1 : B uk a A p ilk as i

2 : Tam pilk an H a l. Log in

3 : Inpu t Log in4 : V a lidas i Log in

5 : V a lid Log in6 : Load D ata

7 : D a ta A dm in

8 : Tam pilak an H a l. A dm in

58

10. Sequence Diagaram Mengelola Jadwal

Gambar 4.13. Sequence Diagram Mengelola Jadwal

: Admin : Admin

Halaman Data Jadwal

Halaman Data Jadwal

Halaman Tambah Jadwal

Halaman Tambah Jadwal

Halaman Edit Jadwal

Halaman Edit Jadwal

DatabaseDatabase

1: Pilih menu Data Jadwal

2: Tampilkan Hal. Data Jadwal

3: Pilih Edit Jadwal

4: Input Data Edit

7: Pilih Hapus Jadwal

9: Pilih Menu Tambah Jadwal

10: Tampilkan Hal. Tambah Jadwal

11: Input Data Jadwal

5: simpan edit

8: Hapus jadwal

6: simpan

12: Simpan Tambah jadwal13: simpan

59

11. Sequence Diagaram Mengelola Mobil

Gambar 4.14. Sequence Diagram Mengelola Bus

4.2.3.4. Collaboration Diagram yang Diusulkan

1. Colaboration Diagram Mencari Informasi Keberangkatan

Gambar 4.15. Collaboration Diagram Mencari Informasi Keberangkatan

: Admin : Admin

Halaman Data Mobil

Halaman Data Mobil

Halaman Tambah Mobil

Halaman Tambah Mobil

DatabaseDatabase

1: Pilih Menu Data Mobil

2: Tampilkan Hal. Data Mobil

3: Pilih Menu Tambah Mobil

4: Tampilkan Hal. Tambah Mobil

5: Input Data Mobil

6: Simpan data mobil7: simpan

: k ons um en O n line

H a lam an U tam a

H alam an Jadw a l K eberangk a tan

H a lam an P enc arian

1 : B uk a A p lik as i

2 : Tam pilk an M enu

3: P il ih M enu Jadw a l K eberangk a tan

4 : Tam pilk an H a lam an Jadw a l K eberangk a tan

5 : Inpu t P enc arian Jadw a l

6 : Tam pilk an H a lam an P enc arian

60

2. Colaboration Diagram Pemesanan Online

Gambar 4.16. Collaboration Diagram Pemesanan

3. Colaboration Diagram Login Petugas

Gambar 4.17. Collaboration Diagram Login Petugas

: P e t u g a s

H a la m a n L o g in

D a t a b a s eH a la m a n P e t u g a s

1 : B u k a A p l i k a s i

2 : T a m p i l k a n H a l . L o g i n

3 : In p u t L o g in

4 : V a l i d a s i L o g in

5 : V a l i d L o g in

6 : L o a d D a t a

7 : D a t a P e t u g a s

8 : T a m p i l k a n H a l . P e t u g a s

: konsumen

Halaman Jadwal Keberangkatan

Halaman Pemesanan

DatabaseHalaman Hasil Pemesanan

5: Validasi Data

7: Simpan

1: Pilih Menu Jadwal Keberangkatan3: Pilih Jadwal yang ingin dipesan

2: Tampilkan Halaman Jadwal Keberangkatan

4: Input Data Pemesan

6: Simpan Data Pemesan8: Data Pemesan

9: Tampilkan Hal. Hasil Pemesanan

61

4. Colaboration Diagram Mengelola Pemesanan

Gambar 4.18. Collaboration Diagram Mengelola Pemesanan

5. Colaboration Diagram Pilih Kursi

Gambar 4.19. Collaboration Diagram Pilih Kursi

: Petugas

Halaman Pilih Kursi

Database

5: Simpan

1: Pilih Menu Pilih Kursi3: Pilih No. Kursi

2: Tampilkan Hal. Pilih Kursi

4: Simpan No. Kursi

: Petugas

Halaman Daftar Pemesanan

Halaman Hasil Pencarian

Database

Halaman Pilih Kursi

Halaman Konfirmasi Batal

8: simpan

Halaman Pembayaran

12: simpan

1: Pilih Menu Daftar Pemesanan

2: Tampilkan Hal. Daftar Pemesanan

3: Input Pencarian No. Pemesanan5: Pilih Batal9: Pilih Bayar

4: Tampilkan Hasil Pencarian

6: konfirmasi batal

10: data transaksi

13: data transaksi

14: tampilkan halaman pilih kursi

7: Simpan pembatalan

11: simpan transaksi

62

6. Colaboration Diagram Login Petugas Offline

Gambar 4.20. Collaboration Diagram Login Petugas Offline

7. Colabiration Diagram Mencari Jadwal

Gambar 4.21. Collaboration Diagram Mencari Jadwal

8. Colaboration Diagram Pemesanan Offline

Gambar 4.22. Collaboration Diagram Pemesanan Offline

: P e t u g a s

H a l a m a n L o g i n

D a t a b a s eH a l a m a n P e t u g a s

1 : B u k a A p l i k a s i

2 : T a m p i l k a n H a l . L o g i n

3 : I n p u t L o g i n

4 : V a l i d a s i L o g i n

5 : V a l i d L o g i n

6 : L o a d D a t a

7 : D a t a P e t u g a s

8 : T a m p i l k a n H a l . P e t u g a s

: Petugas Offline

Halaman Pemesanan

Database

1: P ilih Menu Pemesanan

2: Tampilkan Hal. Pemesanan

3: Input Data Konsumen

4: Validas i Data

5: S impan Data Pemesanan

6: S impan

: Petugas O ffline

Halam an Pencarian

1: P ilih Menu Cari Jadwal

2: Tampilkan Has il P encarian

63

9. Colaboration Diagram Login Admin

Gambar 4.23. Collaboration Diagram Login Admin

10. Colaboration Diagram Mengelola Jadwal

Gambar 4.24. Collaboration Diagram Mengelola Jadwal

: A d m in

H a la m a n L o g in

H a la m a n A d m i n

D a t a b a s e

1 : B u k a A p i l k a s i

2 : T a m p i l k a n H a l . L o g i n

3 : In p u t L o g in

4 : V a l i d a s i L o g in

5 : V a l i d L o g in

6 : L o a d D a t a

7 : D a t a A d m i n

8 : T a m p i l a k a n H a l . A d m in

: Admin

Halaman Data Jadwal

Halaman Edit Jadwal

DatabaseHalaman Tambah Jadwal

6: simpan13: simpan

1: Pilih menu Data Jadwal3: Pilih Edit Jadwal

7: Pilih Hapus Jadwal

2: Tampilkan Hal. Data Jadwal

9: Pilih Menu Tambah Jadwal11: Input Data Jadwal

10: Tampilkan Hal. Tambah Jadwal

4: Input Data Edit8: Hapus jadwal

5: simpan edit

12: Simpan Tambah jadwal

64

11. Colaboration Diagram Mengelola Mobil

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 :

Gambar 4.26. Component Diagram yang Diusulkan

Hal. Login Admin

Hal. Jadwal Keberangkatanerangkat

Hal. Ubah Jadwal

Hal. Tambah Jadwal

Hal. Data Bus

Hal. Tambah Bus

Hal. Login Petugas

Hal. Daftar Pemesanan

Hal. Pilih Kursi

Hal. Jadwal Keberangkatan

Hal. Pemesanan Konsumen

: Admin

Halaman Data Mobil

DatabaseHalaman Tambah Mobil

1: Pilih Menu Data Mobil

2: Tampilkan Hal. Data Mobil

3: Pilih Menu Tambah Mobil

4: Tampilkan Hal. Tambah Mobil

5: Input Data Mobil

6: Simpan data mobil

7: simpan

65

4.2.3.6. Deployment Diagram

Berikut ini Deployment Diagram yang menggambarkan susunan fisik

dan perangkat lunak dalam sistem :

Gambar 4.27. Deployment Diagram

Komputer Server

Database

Networking Internet

Client Konsumen

Client Admin

Client Petugas

66

4.2.3.7. Class Diagram

Gambar 4.28. Class Diagram

t_pemesananid_pesanid_jadwalidentitasnama_pesanalamatteleponstatus_pesantgl_pesanjam_pesantgl_berangkatjumlah

pesan()bayar()batal()cari()

transaksino_transaksitgl_transaksiid_pesan

bayar()

1

1

1

1

pilih kursino_transaksiid_pesantgl_berangkatid_jadwalno_kursi

pilih kursi()

1

1..*

1

1..*

1

1..*

1

1..*t_jadwal

id_jadwalno_poldaritujuanjam_berangkat

tambah()edit()hapus()cari()

1* 1*

1

1

1

1

t_userusernamepasswordnama_lengkapemailno_telplevel

tambah()edit()hapus()

*

1..*

* 1..*

*

1..*

1..*

1t_mobil

no_poljum_kursi

tambah mobil()

1..*

1

1..*

1

1..*1

*

1..*

1 1..*

1..*

*

1..**

1

1..*

67

4.2.4. Perancangan Antar Muka

4.2.4.1. Perancangan Input

1. Tampilan Awal

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.

BARAYA TRAVEL

Home Profile Cara Pemesanan Jadwal Keberangkatan Hubungi

Kami Pencarian

Outlet Tujuan

Tanggal Berangkat

Tg Bln

Thn

Kalender

Image

Banner

Home

68

Gambar 4.30. Rancangan Input Login

3. Input Pencarian

Rancangan ini digunakan untuk mencari jadwal keberangkatan travel sesuai

dengan tanggal yang diinginkan.

Gambar 4.31. Rancangan Input Pencarian

4. Input Data Pemesanan

Rancangan ini digunakan untuk mengisi data konsumen setelah konsumen

memilih jadwal keberangkatan.

BARAYA TRAVEL

Login

Banner

Username

Password

Pencarian

Outlet Tujuan

Tujuan

Tanggal Berangkat

- -

(Tanggal – Bulan – Tahun)

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.

Gambar 4.33. Rancangan Cari Jadwal

6. Input Pemesanan Offline

Rancangan ini digunakan untuk menginputkan data konsumen yang datang

langsung atau melakukan pemesanan offline.

BARAYA TRAVEL

Banner

Menu Jadwal Keberangkatan

70

Gambar 4.34. Rancangan Input Pemesanan Offline

7. Input Data Jadwal

Rancangan ini digunakan untuk menambah jadwal keberangkatan.

Gambar 4.35. Rancangan Input Data Jadwal

8. Laporan Pemesanan

Rancangan ini digunakan untuk membuat laporan pemesanan.

BARAYA TRAVEL

Banner

Menu Pemesanan

BARAYA TRAVEL

Banner

Menu Jadwal

Tambah

71

Gambar 4.36. Rancangan Laporan Pemesanan

4.2.4.2. Perancangan Output

Gambar 4.37. Rancangan Output Laporan Pemesanan Tiket Status Semua Pesanan

BARAYA TRAVEL

Banner

Menu Laporan Pemesanan

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