BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1

Gambaran umum

Pemesanan tiket bus adalah tempat untuk membantu masyarakat yang ingin melakukan pemesanan tiket yang efektif, yang di dalamnya terdapat banyak keuntungan dengan jenisnya. Oleh karena itu di buat manajemen untuk membuat strategi pemasaran dalam kegiatan pemesanan tiket bus tersebut yang tertata dan mempermudah pemesanan tiket sehingga bisa untuk menghasilkan strategi yang baik dalam pemesanan tiket bus di butuhkan menajemen yang kegiatannya berhubungan dengan perancangan pelaksanaan pengawasan dan penentuan kebutuhan. 3.1.1 Tujuan Organisasi Organisasi adalah wadah serta kerjasama sejumlah manusia yang terikat hubungan formal dalam rangkaian hirarki untuk mencapai tujuan yang telah ditentukan dalam organisasi diharapkan adanya suatu interaksi atau suatu hubungan timbal balik dan saling berkoordinasi serta menanamkan sifat kejujuran antar sesama perangkat organisasi. Dengan demikian tujuan yang digunakan dalam suatu kegiatan usaha dapat tercapai dengan baik. Fasilitas pemesanan PO.Muaradua Express adalah salah satu jenis usaha perorangan yang dimiliki Bapak Rohsidi, Muaradua Express adalah unit usaha yang bergerak di bidang perjalanan bus antar propinsi lintas sumatera yang terletak di Jl.Daan mogot kalideres cengkareng. Jakarta barat. usaha ini berdiri sudah cukup lama, yang awalnya hanya beberapa bus dan kini seiring berkembangnya zaman sudah banyak bus-bus lain yang beragam nama, karena kegigihan pemiliknya hingga sekarang sudah memiliki berbagai PO.Muaradua express lainnya. Usaha ini didirikan karena pemilik melihat adanya peluang usaha dengan cara memanfaatkan tempat yang tersedia, dan permintaan masyarakat untuk mencari tempat untuk pemesanan tiket,yang lebih dekat dan menjangkau masyarakat. 3.1.2 Struktur Organisasi Struktur organisasi dalam PO. Muaradua Express Usaha ini berbentuk garis. Kekuasaan dan tanggung jawab tertinggi dipegang oleh pemilik perusahaan. Jadi perintah dari pimpinan langsung kepada bawahan.

25

26

STRUKTUR ORGANISASI PERUSAHAAN Pemilik Loket

Staff Administrasi

Petugas Loket

Gambar : 3.1 Struktur Organisasi Sumber : PO.Muaradua Express

Berikut ini merupakan keterangan dari tugas dan fungsi dari bagian-bagian yang ada pada PO.Muaradua Express sesuai dengan struktur organisasi diatas. Adapun tugas dan wewenang dari struktur,yaitu : 1. Pemilik Loket Merupakan pimpinan tertinggi yang mengatur dan mengendalikan jalannya usaha yang dikelola dan bertanggung jawab langsung atas kemajuan dan pencapaian tujuan usaha sesuai dengan perencanaan dan Mengawasi perkembangan PO. Muaradua Express secara menyeluruh. Menentukan kebijakan - kebijakan yang akan diambil untuk memajukan usahanya melalui laporan - laporan yang diberikan. Mengkoordinasi seluruh bagian yang ada didalam PO. Muaradua Express. 2. Staff Pekerja Bus   

Mengendalikan seluruh kegiatan - kegiatan yang terjadi pada PO. Muaradua Express, baik dari segi operasional maupun manajemennya. Mamberikan pengarahan kepada setiap petugas mengenai aktivitas pemesanan tiket bus. Menghitung anggaran pemasukan dan pengeluaran pada PO. Muaradua Express

27

3

Petugas Loket   

Memberikan pelayanan yang baik kepada para pelanggan Menampung semua saran dan keritik dari para pelanggan atau penumpang, guna di sampaikan kepada pemilik bus. Membuat laporan yang akan diserahkan kepada staff setiap minggunya.

3.2 Analisa Sistem 3.2.1 Analisa Sistem Berjalan Dalam membahas system berjalan, yang terdiri dari prosedur – prosedur dalam melakukan kegiatan pencatatan pemesanan tiket bus pada PO.Muaradua Express. Masih menggunakan sistem manual atau dengan kata lain masih menggunakan alat tulis. Dengan masihnya menggunakan sistem manual yang di kirakan akan menghambat proses bisnis yang sedang berjalan pada perusahaan, berikut ini adalah gambar usecase diagram system berjalan pada PO.Muaradua Express. 3.2.2 Use Case Pemesanan Tiket Bus Sistem Berjalan

Melakukan pemesanan

Cek persedian nomor kursi «extends»

Memberikan tiket

Pelanggan Pembayaran tiket

Membuat laporan

Pemilik loket Memeriksa laporan

Gambar 3.2 Diagram Use Case Sistem Pemesanan

Petugas loket

28

Tabel 3.1 Keterangan Use Case aktifitas pemesanan Nama use case Author

Melakukan Pemesanan

Deskripsi

Melakukan pemesanantiket bus

Pra – kondisi

Pelanggan harus mendatangkan petugas terlebih dahulu

Tindakan

Memesan tiket dan nomor kursi

Post – kondisi

Jika pemesanan selesai, pelangan tercatat sebagai penumpang bus

Pelanggan

Tabel 3.2 Keterangan Use Case cek persedian nomor kursi Nama use case Author

Cek persedian

Deskripsi

Cek persediaan pemesanan tiket

Pra – kondisi

Melihat daftar persedian

Tindakan

Mengecek persediaan nomor kursi terpakai atau tidak

Post – kondisi

Mencatat nama pemesan tiket

Petugas

Tabel 3.3 Keterangan Use Case melakukan pembayaran Nama use case Author

Pembayaran

Deskripsi

Melakukan pembayaran tiket

Pra – kondisi

Menerima tiket dari petugas

Tindakan

Mengisi pemesanan dan pembayaran tiket po.muaradua express Jika pengisian selesai pelanggan terdaftar dalam penumpang bus

Post – kondisi

Pelanggan

29

Tabel 3.4 Keterangan Use Case memberikan tiket Nama use case Author

Memberikan tiket

Deskripsi

Melakukan pembayaran tiket

Pra – kondisi

Menerima pemesanan dan pembayaran dari pelanggan

Tindakan

Mencatat data pemesanan yang terdiri dari jam keberangkatan,harga, dannomor kursi Sudah tercatat dalam data pemesanan

Post – kondisi

Petugas

Tabel 3.5 Keterangan Use Case memeriksa laporan Nama use case Author

Bukti Pembayaran

Deskripsi

Menyerahkan tiket pemesanan

Pra – kondisi

Telah melakukan pembayaran dengan petugas

Tindakan

Mencatat data pembayaran dan menyerahkannya kepada pelanggan Membuat laporan pembayaran

Post – kondisi

Petugas

Tabel 3.6 Keterangan Use Case aktifitas membuat laporan Nama use case Author

Laporan

Deskripsi

Membuat laporan

Pra – kondisi

Setelah persetujuan pembayaran

Tindakan

Membuat laporan pemesanantiket tiap harinya

Post – kondisi

Menyiapkan hasil laporan untuk diberikan kepada staff

Petugas

30

3.3

Sitem Usulan

Adapun dari sistem usulan pembuatan aplikasi ini menggunakan diagram Unifed modeling language (UML) dalam merancang sistem pemesanan tiket bus PO.Muaradua Express. Penggunaan UML dipilih karena bahasa pemrograman berbasis objek. Dengan adanya aplikasi ini, diharapkan dapat memudahkan pelanggan yang ingin melakukan pemesanan tiket dan penjadwalan keberangkatan bus tersebut. Adapun perancangan sistem usulannya sebagi berikut : 3.3.1 Deskripsi Use Case Sistem Usulan

memesan tiket

Login konfirmasi pembayaran

mengubah stok Pelanggan

cetak invoice

membuat jadwal Mencetak tiket

Petugas loket melihat jadwal

mencetak laporan

Pemilik loket Memeriksa laporan

Gambar 3.3 Use Case Sistem Usulan

31

1.4 Deskripsi Use Case Sistem Usulan Tabel 3.7 Keterangan Use Case login admin Nama use case Author

Login

Deskripsi

Login admin

Pra – kondisi

Petugas harus login dahulu sebelum masuk ke tampilan layar Memasukan user id dan passwod Membuka form menu utama Masuk ke tampilan layar

Tindakan Post – kondisi

Petugas

Tabel 3.8 Keterangan Use Case mengubah stok Nama use case Author

Mengubah stok

Deskripsi

Cek

Pra – kondisi

Telah login pada admin

Tindakan

Mengecek persediaan tiket bus

Post – kondisi

Memberitahu pelanggan mengenai ketersedian tiket ada atau habis

Petugas

Tabel 3.9 Keterangan Use Case mesanan tiket Nama use case Author

Mesanan

Deskripsi

Pemesanan

Pra – kondisi

Pengelola harus login dahulu sebelummasuk ke halaman menu utama Memilih dan membuka from menu pemesanan cek data pemesanan Memesan tiket bus ketujuan yang diinginkan

Tindakan Post – kondisi

Pelanggan

32

Tabel 3.10 Keterangan Use Case konfirmasi pembayaran Nama use case Author

KonfirmasiPembayaran

Deskripsi

Pelanggan melakukan validasi pembayaran setelah mentransfer kerekening PO.Muaradua Express Pelanggan harus login dahulu sebelum masuk ke halaman menu utama Pelanggan harus memesan tiket bus Memilih dan membuka from menu konfirmasi pembayaran / validasi pembayaran Melunasi pembayaran pemesanan tiket bus

Pra – kondisi

Tindakan Post – kondisi

Pelanggan

Tabel 3.11 Keterangan Use Case Cetak Invoice Nama use case Author

Cetak invoice

Deskripsi

Cetak invoice

Pra – kondisi

-

Tindakan

Mencetak invoice untuk bukti pemesanan tiket

Post – kondisi

-

Pelanggan

Tabel 3.12 Keterangan Use Case mencetak tiket Nama use case Author

Mencetak tiket

Deskripsi

Pelanggan mencetak bukti validasi pembayaran

Pra – kondisi

Pelanggan harus login dahulu sebelummasuk ke halaman menu utama Pelanggan mencetak bukti validasi pembayaran

Tindakan Post – kondisi

Pelanggan

Pelanggan mendapatkan bukti telah membeli tiket secara online

33

Tabel 3.13 Keterangan Use Case melihat jadwal Nama use case Author

Melihat jadwal

Deskripsi

Pelanggan melihat jadwal keberangkatan bus

Pra – kondisi Tindakan

Pelanggan harus login dahulu sebelummasuk ke halaman menu utama Pelanggan melihat jadwal berangkat bus

Post – kondisi

-

Pelanggan

Tabel 3.14 Keterangan Use Case membuat jadwal Nama use case Author

Membuat jadwal

Deskripsi

Petugas membuat jadwal keberangkatan bus

Pra – kondisi Tindakan

Petugas harus login dahulu sebelummasuk ke halaman menu utama Petugas membuat jadwal keberangkatan bus

Post – kondisi

-

Petugas

Tabel 3.15 Keterangan Use Casemencetak laporan Nama use case Author

Membuat Laporan

Deskripsi

membuat laporan

Pra – kondisi

Pengelola harus login dahulu sebelummasuk ke halaman menu utama Memilih dan membuka from menu laporan Membuat laporan Memberikan laporan pada pemilik

Tindakan Post – kondisi

Petugas

34

Tabel 3.16 Keterangan Use Casememeriksa laporan Nama use case Author

Memeriksa Laporan

Deskripsi

memeriksa laporan

Pra – kondisi

Memeriksa laporan yang telah di berikan oleh petugas

Tindakan

Mencetak laporan pemesanan

Post – kondisi

Menyimpannya perusahaan

3.4

Pemilik

untuk

dimasukan

ke

buku

besar

Activity Diagram Berjalan

3.4.1 Activity Diagram Pemesanan Tiket Pelanggan

Melakukan pembelian

Petugas Loket

Terima pesanan catat pesanan

Cek kursi

Tidak tersedia Tersedia

Tiket

Gambar3.4 Activity diagram pemesanan tiket sistem berjalan

35

Tabel 3.17 Keterangan Activity Diagram Pemesanan tiket Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama

Pasca kondisi

3.5

Activity pemesanan atau pembelian tiket Pelanggan membeli tiket dan langsung di catat oleh petugas loket Pelanggan, petugas loket Petugas harus login dahulu sebelummasuk ke halaman menu utama - Pelanggan lakukan pembelian tiket secara langsung - Petugas loket menerima pesanan atau pembelian tiket - Petugas memeriksa tiket masih ada atau sudah penuh jika tersedia petugas loket mencatat pesanan berupa tiket -

Activity Diagram Usulan

3.5.1 Activity Diagram Login Pelanggan

pilih menu login

masukkan nama dan passwod

Sistem

menampilkan menu login

cek username dan passwod dalam database

Tidak cocok

cocok

menu ke aplikasi

Gambar3.5Activity Diagram Login

36

Tabel 3.18 Keterangan Activity Diagram Login Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama Pasca kondisi

Activity diagram login Menjelaskan proses terjadinya login user Petugas Petugas harus login dahulu sebelummasuk ke halaman menu utama - Memasukan user id dan pass - Membuka form menu utama Jika sudah login akan muncul tampilan yang ingin di akses

3.5.2Activity Diagram Pemesanan Tiket Pelanggan

Sistem

memesan tiket

tampilkan hal pemesan tiket

Pilih tanggal berangkat

Pilih jenis bus

Masukkan jumlah tiket

cek stok tiket

Tidak tersedia Tampilkan stok habis tersedia

Gambar3.6 Diagram pemesanan tiket

37

Tabel 3.19 Diagram pemesanan tiket Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama

Pasca kondisi

Diagram pemesanan tiket Menjelaskan proses terjadinya pemesanan tiket Pelanggan Pelanggan harus login dahulu sebelummasuk ke halaman menu utama - Memasukan user id dan pass - Membuka form menu utama - Memilih tanggal berangkat - Memilih jenis bus - Memasukkan jumlah tiket Jika entri data pelanggan sukses dijalankan data yang ada pada form pemesanan akan tersimpan kedalam database.

3.5.3Activity Diagram Konfirmasi Pembayaran Pelanggan

Melakukan konfirmasi pembayaran

Sistem

Menampilkan invoice

Pilih invoice terbaru

Menampilkan form konfirmasi

Memasukkan data konfirmasi

Terima bukti konfirmasi validasi

Gambar3.7 Diagram konfirmasi pembayaran

38

Tabel 3.20 Diagram pembayaran Nama Deskripsi singkat Aktor Pra - kondisi Tindakan utama

Pasca kondisi

Diagram entri data pembayaran Menjelaskan proses terjadinya entri data pembayaran Pelanggan Pelanggan harus login dahulu sebelummasuk ke halaman menu utama - Memasukan user id dan pass - Membuka form menu utama - Melakukan konfirmasi pembayaran - Memasukkan nomor rekening - Memasukkan bukti transfer pembayaran Jika entri data pembayaran sukses dijalankan data yang ada pada form pembayaranakan tersimpan kedalam database dan mencetak tiket

3.5.4 Activity Diagram Cetak Tiket Pelanggan

pilih menu mencetak tiket

Sistem

menampilkan tiket

Gambar 3.8 Diagram Cetak Tiket

39

Tabel 3.21Diagram cetak tiket Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama Pasca kondisi

Diagram cetak tiket Pelanggan Pelanggan memilih menu cetak tiket - Melakukan cetak tiket -

3.5.5 Activity Diagram Jadwal pelanggan

masuk halaman utama

Sistem

menampilkan menu utama

Pilih menu jadwal

Menampilkan halaman jadwal

Gambar 3.9 Diagram Jadwal Tabel 3.22 Diagram Jadwal Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama Pasca kondisi

Diagram jadwal Pelanggan Pelanggan melihat jadwal berangkat - Melihat jadwal berangkat -

40

3.5.6 Activity Diagram Data Laporan

Admin

Sistem

masuk hal utama

menampilkan hal utama

pilih menu pesanan

menampilkan hal pesanan

pilih bulan

klik cetak mencetak laporan

Gambar3.10 Diagram data laporan Tabel 3.23 Diagram data laporan Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama

Pasca kondisi

Diagram data laporan Menjelaskan proses terjadinya data laporan Admin Admin harus login dahulu sebelum masuk ke halaman menu utama - Memasukan user id dan pass - Membuka form menu utama - Memilih dan membuka form menu laporan pemesanan - Memilih bulan Jika entri data laporansukses dijalankan data yang ada pada from cetak data laporan

41

3.6

Sequence Diagram Usulan

3.6.1 Sequence Diagram Pemesanan Tiket

Hal web

Form Login

Cek Database Pendaftaran

Form Pemesanan

Pemesan

pelanggan Pemesanan tiket

Daftar

Isi user dan Passwod Login Berhasil

id_tiket kd_bus id_pelanggan

Login Gagal

tgl_pesan jumlah_tiket total_harga status_tiket

Login Gagal

simpan

menerima informasi

Gambar 3.11 Sequence diagram pemesanan tiket Tabel 3.24 Keterangan Sequence diagram pemesanan tiket Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama

Pasca kondisi

Sequence diagram pemesanan tiket Menjelaskan proses terjadinya pemesanan tiket pelanggan Pelanggan Pelanggan harus login dahulu sebelummasuk ke halaman menu utama - Melakukan pemesanan tiket - Membuka form menu utama - Registrasi pendaftaran - Masukkan username dan passwod - Memilih dan membuka form menu pemesanan tiket - Input data pemesanan tiket Jika pemesanan tiket sukses dijalankan data yang ada pada form pemesanan tiket akan tersimpan kedalam database.

42

3.6.2

Sequence Diagram Konfirmasi Pembayaran

Menu pesanan

Konfirmasi pembayaran

Cetak tiket

Bukti transfer

pelanggan pilih menu

buka

pilih invoice

simpan

pilih invoice

simpan

pilih invoice

simpan

keluar

Gambar 3.12Sequence diagram konfirmasi pembayaran Tabel 3.25 Keterangan Sequence diagram pembayaran Nama De skripsi singkat Aktor Pra – kondisi Tindakan utama

Pasca kondisi

Sequence diagram pembayaran Menjelaskan proses terjadinya data pembayaran Pelanggan Pelanggan harus login dahulu sebelummasuk ke halaman menu utama - Memasukan user id dan pass - Membuka form menu utama - Memilih dan membuka form menu pembayaran - Input data pembayaran Jika entri data pembayaran sukses dijalankan data yang ada pada form pembayaran akan tersimpan kedalam database.

43

2.6.3 Squence Diagram Jadwal

Form jadwal

Menu jadwal

jadwal

pelanggan pilih menu

id_jadwal

buka

kd_bus tgl_berangkat jam_berangkat

simpan

tutup

Gambar3.13 Squence Diagram Jadwal Tabel 3.26 Keterangan Sequence diagram jadwal Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama

Pasca kondisi

Sequence diagram jadwal Melihat jadwal keberangkatan Pelanggan Pelanggan harus login dahulu sebelum masuk ke halaman menu utama - Memasukan user id dan pass - Membuka form menu utama - Memilih menu jadwal Jika laporan sukses dijalankan maka akan mencetak laporan selama periode yang di tentukan

44

3.6.4 Sequence Diagram Laporan

Menu laporan

admin

form laporan

Cetak laporan

pilih menu

buka

pilih periode simpan

Gambar 3.14 Sequence diagram data laporan Tabel 3.27 Keterangan Sequence diagram data laporan Nama Deskripsi singkat Aktor Pra – kondisi Tindakan utama

Pasca kondisi

Sequence diagram laporan Menjelaskan proses tercatatnya laporan Admin Admin harus login dahulu dan masuk ke menu laporan sebelum mencetak laporan - Memasukan user id dan pass - Membuka form menu utama - Memilih menu laporan - Memilih periode untuk mencetak laporan - lalu laporan akan tercetak Jika laporan sukses dijalankan maka akan mencetak laporan selama periode yang di tentukan

45

3.7

Perancangan Database

konfirmasi pembayaran pemesanan tiket pelanggan

userku -id_user -id_pelanggan -username -password +edit() +simpan() +hapus() +login()

1

-id_pelanggan -nama_plg -alamat plg 1 -no_ktp -kota -no_telp -jenkel +tambah() +edit() +simpan() +hapus()

1

-id_tiket -kd_bus -id_pelanggan 1..* -tgl_pesan -jumlah_tiket 1..* -total_harga -status_tiket +tambah() +edit() +simpan() +hapus()

bus -kd_bus -nama_bus -kelas 1 -harga_tiket -tujuan_bus -stok_tiket +tambah() +edit() +simpan() +hapus()

1

-kd_konfirmasi -id_tiket 1 -no_rekening -jumlah_transfer -bukti_transfer +kirim() +keluar() +hapus()

Jadwal 1

-id_jadwal 1 -kd_bus -tgl_berangkat -jam_berangkat +tambah() +edit() +simpan() +hapus()

Gambar 3.15 Class Diagram

3.8

Rancangan Struktur Tabel Dalam pembuatan sistem ini dibutuhkan rancangan basis data yang sesuai

dengan kebutuhan sistem itu sendiri. Rancangan tabel secara garis besar dari seluruh proses komputerisasi pengolahan data yang akan dilakukan, tanpa tabel sistem pengolahan data, komputerisasi tidak dapat berjalan, perancangan ini mencakup penentuan kunci utama, kunci asing dan kunci lainnya untuk menghubungkan tabel satu dengan tabel lainnya. Berikut ini adalah tabel-tabel yang digunakan dalam perancangan sistem pemesanan tiket pada po.muaradua express :

46

1

Tabel Data pelanggan Nama Tabel : data_pelanggan Field Kunci : id_pelanggan

No 1 2 3 4 5 6 7

Nama field id_pelanggan Nama_plg Alamat_plg No_ktp Kota No_telp Jenkel 2

Tipe data Int Varchar Text Varchar Varchar Varchar Varchar

Lebar 10 50 20 50 15 20

Keterangan ID Pelanggan Nama pelanggan Alamat pelanggan Nomor KTP Kota Nomor telepon Jenis kelamin

Tipe data Int Varchar Varchar Int Varchar Int

Lebar 10 20 30 12 30 12

Keterangan KODE Bus Nama bus Kelas Harga tiket Tujuan bus Stok tiket

Tipe data Int Int Varchar Varchar

Lebar 11 10 15 50

Keterangan ID user Id pelanggan Username Password

Tabel Data Bus Nama Tabel : data_bus Field Kunci : kd_bus

No 1 2 3 4 5 6

Nama field Kd_bus Nama_bus Kelas Harga_tiket Tujuan_bus Stok_tiket 3

Tabel Data userku Nama Tabel : data_userku Field Kunci : id_user

No 1 2 3 4

Nama field Id_user Id_pelanggan Username Password

47

4

Tabel Data Pemesanan Tiket Nama Tabel : data_pemesanan tiket Field Kunci : id_tiket

No 1 2 3 4 5 6 7

Nama field Id_tiket Kd_bus Id_pelanggan Tgl_pesan Jumlah_tiket Total_harga Status_tiket 5

Tipe data Int Int Int Varchar Int Int Int

Lebar 10 10 10 25 10 10 11

Keterangan ID tiket Kode bus Id pelanggan Tanggal pesan Jumlah tiket Total harga Status tiket

Keterangan KODE konfirmasi pembayaran Id tiket Nomor rekening Jumlah transfer Bukti transfer

Tabel Data konfirmasi pembayaran Nama Tabel : data_konfirmasi Field Kunci : kd_konfirmasi

No 1

Nama field Kd_konfirmasi

Tipe data Int

Lebar 10

2 3 4 5

Id_tiket No_rekening Jmlh_transfer Bukti_transfer

Int Varchar Int Text

10 30 10

Tipe data Int Int Varchar Varchar

Lebar 10 10 20 10

6

Tabel Data jadwal Nama Tabel : data_jadwal Field Kunci : id_jadwal

No 1 2 3 4

Nama field id_jadwal Kd_bus Tgl_berangkat Jam_berangkat

Keterangan ID Jadwal Kode bus Tanggal berangkat Jam berangkat

48

3.9

Rancangan Dialog Layar Struktur tampilan

Perancangan Sistem Pemesanan tiket bus pada Po.Muaradua Express

Data

Transaksi

Laporan

Pelanggan

Pemesanan tiket

Laporan pemesanan

User / Pengguna

Konfirmasi pembayaran

Laporan Data bus

Bus

Gambar 3.16 Struktur Tampilan

49

3.9.1

Rancangan Tampilan Layar Menu Utama Sebelum Login

HEADER LOGIN

Menu Utama Beranda

Username

Profil Perusahaan

Password

Cara Pembelian

Login

Register

Tentang

FOOTER Gambar3.17 Menu utama sebelum login 3.9.2

Rancangan Tampilan Layar Menu Utama Setelah Login

HEADER LOGIN AKTIF

Menu Utama Beranda

User

Profil Perusahaan

Selamat Datang : ....

Cara Pembelian

Logout

Tentang Menu User Ubah Password Jadwal Pemesanan Tiket Konfirmasi Bayar Cetak Tiket

FOOTER Gambar3.18 Menu utama setelah login

50

3.9.3 Rancangan Tampilan Layar Register HEADER Menu Utama

LOGIN Register E-Ticket Bus

Beranda

Username

Profil Perusahaan

Nama Pelanggan

Cara Pembelian

Alamat Pelanggan

Password Login

Register

Tentang No KTP Pelanggan Kota Pelanggan No Telp Pelanggan Jenis Kelamin Username Password Confirmation Password Submit

FOOTER

Gambar 3.19 Tampilan Register

3.9.4 Rancangan Tampilan Layar Setelah Login Admin

HEADER Menu Utama

Selamat Datang Admin

LOGIN AKTIF

Beranda Administrator

Profil Perusahaan Cara Pembelian

Selamat Datang : Admin

Tentang

Logout Menu User

Ubah Password Edit Beranda Edit Profil Edit Cara Pembelian Data Pelanggan Manajemen Pengguna Manajemen Bus Manajemen Jadwal Konfirmasi Admin Laporan

FOOTER

Gambar 3.20 Setelah Login Admin

51

3.9.5 Rancangan Tampilan Layar Data Pelanggan

HEADER Menu Utama

Pencarian :

Cari

LOGIN AKTIF

Beranda Administrator

Profil Perusahaan Cara Pembelian

Nama

No KTP

Alamat

Aksi

Selamat Datang : Admin Logout

Tentang Menu User Ubah Password Edit Beranda Edit Profil Edit Cara Pembelian Data Pelanggan Manajemen Pengguna Manajemen Bus Manajemen Jadwal Konfirmasi Admin Laporan

FOOTER

Gambar 3.21 Data pelanggan 3.9.6 Rancangan Tampilan Layar Data bus

HEADER Menu Utama Beranda

Pencarian :

Cari

LOGIN AKTIF

+tambah bus Administrator

Profil Perusahaan Cara Pembelian

Nama Bus

Kelas

Tujuan

Aksi

Selamat Datang : Admin Logout

Tentang Menu User Ubah Password Edit Beranda Edit Profil Edit Cara Pembelian Data Pelanggan Manajemen Pengguna Manajemen Bus Manajemen Jadwal Konfirmasi Admin Laporan

FOOTER

Gambar 3.22 Data bus

52

3.9.7 Rancangan Tampilan Layar Mencetak Laporan HEADER Menu Utama

LOGIN AKTIF

Laporan Pemasukan Tiket

Beranda Profil Perusahaan Cara Pembelian

Administrator

#Dari Tanggal : Detail #Sampai Tanggal :

Selamat Datang : Admin Logout

Tentang Menu User Ubah Password Edit Beranda Edit Profil Edit Cara Pembelian Data Pelanggan Manajemen Pengguna Manajemen Bus Manajemen Jadwal Konfirmasi Admin Laporan

FOOTER

Gambar 3.23 Mencetak Laporan

3.9.8 Rancangan Tampilan Layar Jadwal Bus

HEADER LOGIN AKTIF

Menu Utama Pencarian :

Beranda

Cari User

Profil Perusahaan Cara Pembelian

Nama Bus

Kelas

Tujuan

Tgl Berangkat Aksi

Selamat Datang : .... Logout

Tentang Menu User Ubah Password Jadwal Pemesanan Tiket Konfirmasi Bayar Cetak Tiket

FOOTER Gambar 3.24 Jadwal Bus

53

3.9.9 Rancangan Tampilan Layar Pemesanan Tiket

HEADER LOGIN AKTIF

Menu Utama Pemesanan Tiket

Beranda

User

Profil Perusahaan

No KTP

Cara Pembelian

Nama Pelanggan

Tentang

Alamat Pelanggan

Selamat Datang : .... Logout

Menu User Ubah Password

Tanggal Pesan

Jadwal

Nama Bus

Pemesanan Tiket

Jumlah Tiket

Dd-mm-yyyy Cari

Konfirmasi Bayar

Submit

Cetak Tiket *Pemesanan tiket berdasarkan jadwal yang telah ditentukan

FOOTER Gambar 3.25 Pemesanan tiket

3.9.10 Rancangan Tampilan Layar Konfirmasi Pembayaran

HEADER Menu Utama

LOGIN AKTIF

Konfirmasi Pembayaran

Beranda Profil Perusahaan

User Invoice dd-mm-yyyy Konfirmasi

Detail

Hapus Selamat Datang : ....

Cara Pembelian

Logout

Tentang Menu User Ubah Password Jadwal Pemesanan Tiket Konfirmasi Bayar Cetak Tiket

FOOTER Gambar 3.26 Konfirmasi Pembayaran

54

3.9.11 Rancangan Tampilan Layar Mencetak Tiket

HEADER Menu Utama

LOGIN AKTIF

Cetak Tiket

Beranda Profil Perusahaan

Invoice dd-mm-yyyy

User

Print

Selamat Datang : ....

Cara Pembelian

Logout

Tentang Menu User Ubah Password Jadwal Pemesanan Tiket Konfirmasi Bayar Cetak Tiket

FOOTER Gambar 3.27 Mencetak Tiket

3.9.12 Rancangan Tampilan Layar Login Android Menu Login Username :

Password :

Login

Gambar 3.28 Login Android

55

3.9.13 Rancangan Tampilan Layar Menu Utama Menu Utama

Pesan Tiket

Konfirmasi Pembayaran

Logout

Gambar 3.29 Menu Utama

3.9.14 Rancangan Tampilan Layar Menu Pemesanan Menu Pemesanan Tanggal Berangkat :

Jam Berangkat : Jumlah Tiket :

Bus : Harga Tiket :

Jumlah Harga : Cal Stok Tiket : Pesan

Gambar 3.30 Menu Pemesanan

56

3.9.15 Rancangan Tampilan Layar Konfirmasi Pemesanan Konfirmasi Pemesanan Tanggal Berangkat :

Jumlah Tiket :

Nama Bus :

Harga Tiket :

Jumlah Harga :

Konfirmasi

Gambar 3.31 Konfirmasi Pemesanan

3.9.16 Rancangan Tampilan Layar Konfirmasi Pembayaran Konfirmasi Pembayaran

No Rekening :

Jumlah Transfer :

Konfirmasi

Gambar 3.32 Konfirmasi Pembayaran