SISTEM PELAYANAN RESERVASI TIKET ANGKUTA

TAUFIK PONTOH
taufik.pontoh@mail.ugm.ac.id
https://ugm.academia.edu/TaufikPontoh

SYSTEM
DESIGN
SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA
Diajukan sebagai Tugas 03 mata kuliah Perancangan Perangkat Lunak,
pada Program Studi S2 Ilmu Komputer (Minat: Manajemen Informasi)
Universitas Gadjah Mada.

Pengampu Mata Kuliah:
Dr. YOHANES SUYANTO, M.I.Kom.
19620306 – 1988 – 03 – 1 – 001
Penyusun:
TAUFIK PONTOH
16 / 403717 / PPA / 05234

MAGISTER MANAJEMEN INFORMASI
PROGRAM STUDI S2 ILMU KOMPUTER
UNIVERSITAS GADJAH MADA

© 2016

SYSTEM DESIGN
SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA
Diajukan sebagai Tugas 03 mata kuliah Perancangan Perangkat Lunak,
pada Program Studi S2 Ilmu Komputer (Minat: Manajemen Informasi).
Universitas Gadjah Mada.
Yogyakarta © 2016

Pengampu Mata Kuliah:
Dr. YOHANES SUYANTO, M.I.Kom.
19620306 – 1988 – 03 – 1 – 001
Penyusun:
TAUFIK PONTOH
16 / 403717 / PPA / 05234

TAUFIK PONTOH
taufik.pontoh@mail.ugm.ac.id
https://ugm.academia.edu/TaufikPontoh

DAFTAR ISI

Halaman Awal
Daftar Isi ............................................................................................................................................................................................... . i
1. PERANCANGAN SISTEM ..................................................................................................................................................... . 1
1.1.

Perancangan Sistem ............................................................................................................................................... . 2
1.1.1. Perancangan Prosedur ............................................................................................................................. . 2
1.1.2. Diagram Kontek ............................................................................................................................................ . 3
1.1.3. Data Flow Diagram ...................................................................................................................................... . 4
1.1.4. Kamus Data .................................................................................................................................................... . 7

1.2.

Pemodelan Data .......................................................................................................................................................... . 9
1.2.1. Normalisasi ..................................................................................................................................................... . 9
1.2.2. Tabel Relasi ..................................................................................................................................................... . 12
1.2.3. ERD ...................................................................................................................................................................... . 13
1.2.4. Struktur File ..................................................................................................................................................... . 14

2. PERANCANGAN ANTAR MUKA ...................................................................................................................................... . 19
2.1.

Struktur Halaman ....................................................................................................................................................... . 19

2.2.

Perancangan Input ..................................................................................................................................................... . 20

2.3.

Perancangan Output ................................................................................................................................................. . 35

Daftar Pustaka

DAFTAR ISI

|
 

i

1.0

ANALISIS DAN PERANCANGAN SISTEM

1.0
PERANCANGAN
SISTEM

1.1

PERANCANGAN SISTEM
Perancangan merupakan bagian dari metodologi pengembangan perangkat lunak dan dilakukan setelah melalui

tahapan analisis. Perancangan sistem informasi dimaksudkan untuk menggambarkan keseluruhan sistem yang akan
dikembangkan, sebagai penyempurnaan dari sistem yang lama.
Pada proses perancangan sistem, akan dilakukan beberapa tahapan penting, antara lain perancangan untuk
format masukan layar program, rancangan hasil atau keluaran program, perancangan basis data yang sesuai dengan

file dan atribut yang ada pada analisis penyimpanan data dan perancangan menu program yang menjelaskan menu
yang akan kita gambarkan untuk membangun perangkat lunak berisi alur proses program mulai dari masukan sampai
keluaran.

1.1.1 Perancangan Prosedur
Perancangan prosedur yang diusulkan dapat terlihat jelas dalam Diagram Konteks, Data Flow Diagram
dan turunannya. Untuk mendapatkan gambaran yang lebih jelas mengenai analisis prosedur yang diusulkan,
maka berikut ini adalah prosedur pelayanan reservasi tiket angkutan pemadu moda yang diusulkan :
1)

Penumpang mengunjungi website Reservasi dan melakukan login ke Sistem Reservasi Online.

2)

Apabila Penumpang belum memiliki data Login, maka Penumpang harus melakukan Registrasi ke Sistem
Reservasi Online.

3)

Jika proses login berhasil, Penumpang akan menerima tampilan halaman yang berisi menu pelayanan

penumpang. Pada halaman ini, Penumpang dapat memilih jadwal keberangkatan sesuai dengan pilihan
waktu yang tersedia.

4)

Setelah menentukan jadwal keberangkatan, Penumpang akan menerima tampilan halaman denah
aramada bus. Pada halaman ini Penumpang dapat memeilih nomor kursi yang ingin dipesan.

5)

Setelah itu, Penumpang akan menerima file Bukti Pemesanan dalam bentuk Softcopy.

6)

Bukti Pemesanan diberikan kepada Petugas saat melakukan transaksi pemesanan. Pembayaran tiket
yang dipesan dilakukan paling lambat 1 x 24.jam sebelum waktu keberangkatan. Jika tidak, maka
pemesanan akan dikonfirmasi oleh sistem.

7)

Penumpang mendatangi Loket dan menyerahkan Bukti Pemesanan yang telah dicetak sebelumnya.

8)

Petugas mencari data pemesanan berdasarkan nomor pemesanan yang tercantum pada Bukti
Pemesanan.

9)

Jika data pemesanan ditemukan, maka Petugas merekam data transaksi.

10)

Setelah itu, Petugas mencetak tiket dan menyerahkannya kepada Penumpang.

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

2

1.1.2 Digram Kontek
Diagram konteks merupakan fundamental system model yang mewakili keseluruhan elemen sistem
dengan input dan output yang diindikasikan dengan panah masuk dan panah keluar. Diagram Konteks digunakan
untuk menggambarkan hubungan antara sistem dengan lingkungannya yang menjadi sumber data.
Berikut ini adalah gambaran diagram konteks dari sistem pelayanan reservasi tiket pemadu moda:

Keuangan
Data_Pemesan
Login_Pemesan
Jadwal_Keberangkatan
Data_Pemesanan
Data_Tiket

Pemesan
BP
Tiket

0.

Sisitem Informasi
Reservasi
Online

Lap Penjualan Bulanan
Lap Pemesanan Bulanan

Lap_DMP

Operasi

Gambar 1.1 Diagram Kontek Sistem Pelayanan Reservasi Tiket Pemadu Moda
Keterangan
BP

: Bukti_Pemesanan

DMP : Daftar Manifest Penumpang

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

3

1.1.3 Data Flow Diagram
Data Flow Diagram adalah representasi grafik dari sebuah sistem. DFD menggambarkan sebuah sistem
yang akan dikembangkan secara logis, tanpa mempertimbangkan lingkungan fisik dari sistem tersebut.
a) DFD Level 1
DFD level 1 dari sistem pelayanan reservasi tiket angkutan pemadu moda adalah sebagai berikut:

1.
Jadwal_Keberangkatan

Jadwal_Keberangkatan

Cek Jadwal
Keberangkatan

2.

Data_Pemesan

D1

Data_Pemesan

Pemesanan

Data_Pemesan

Registrasi Data
Pemesan
Login_Pemesan
Data_Pemesan

D2

Jadwal_Keberangkatan

Login_Pemesan
Jadwal_Keberangkatan
Data_Pemesanan
Data_Tiket

Pemesan

Jadwal

3.
Jadwal_Keberangkatan
Jadwal_Keberangkatan

Reservasi

BP

Data_Pemesanan

Data_Tiket

D4

Tiket

Data_Tiket

Data_Pemesanan

DMP

Data_Tiket

Pemesanan

D6

Petugas

Data_Pemesanan

4.

Bukti_Pemesanan

Data_Tiket

Data_Petugas

Transasaksi
Pesanan

Tiket
BP

Operasi

D3

Data_Transaksi
L_Penj_H

D5

Data_Transaksi

Transaksi

DMP
Data_Tiket

Keuangan

Lap_Penj_B
Lap_Pem_B

Data_Tiket

D4

Tiket

Gambar 1.2 DFD Level 1 Sistem Pelayanan Reservasi Tiket Angkutan Pemadu Moda

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

4

b) DFD Level 2 Proses 2
DFD level 2, untuk Proses 2 dari sistem pelayanan reservasi tiket angkutan pemadu moda adalah sebagai
berikut:

Pemesan

2.1

Data_Pemesan

Cek Keberadaan
Data
Data_Pemesan

2.2

Data_Pemesan

Rerkam Data
Pemesan
D1

Pemesan

Data_Pemesan

Gambar 1.3 DFD Level 2 Proses 2 Sistem Pelayanan Reservasi Tiket Angkutan Pemadu Moda
c) DFD Level 2 Proses 3
DFD level 2, untuk Proses 3 dari sistem pelayanan reservasi tiket angkutan pemadu moda adalah sebagai
berikut:

3.1

D1

Login_Pemesan

Pemesan

Login_Pemesan
Data_Pemesan

Login Pemesan
Jadwal_Keberangkatan

Penumpang

Jadwal_Keberangkatan

3.2
D2

Data_Pemesanan

Jadwal

Merekam Jadwal
Keberangkatan
Jadwal_Keberangkatan

3.3
Data_Penumpang

Mengisi Data
Pemesanan

Data_Pemesanan

D3

Pemesanan

D4

Tiket

Data_Pemesanan

Data_Pemesanan

3.4

Data_Tiket

3.4

Bukti_Pemesanan

Data_Tiket

Merekam Data
Tiket

Mencetak Bukti
Pemesanan

Data_Tiket

Bukti_Pemesanan

Gambar 1.4 DFD Level 2 Proses 3 Sistem Pelayanan Reservasi Tiket Angkutan Pemadu Moda

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

5

d) DFD Level 2 Proses 4
DFD level 2, untuk Proses 4 dari sistem pelayanan reservasi tiket angkutan pemadu moda adalah sebagai
berikut:

4.1

D3

Data_Pemesanan

Bukti_Pemesanan

Pemesanan

Bukti_Pemesanan

Mencari Data
Pemesanan
D4

Data_Tiket

Tiket

DMP

Pemesan
Data_Pemesanan

4.2

Data_Tiket

Data_Petugas

D6

Petugas

Rekam Biaya
Transaksi
Data_Tiket

Data_Transaksi

4.3

Tiket

D5

Transaksi

L_Penj_H

Mencatak Tiket

4.4
4.5

L_Penj_H

Membuat Laporan
Penjualan Harian
Lap_Penj_B

Membuat Laporan
Penjualan Bulanan
Keuangan
4.6
D3

Pemesanan

Lap_Pem_H

Membuat Laporan
Pemesanan
Harian

4.7
Lap_Pem_H
Lap_Pem_B

Membuat Laporan
Pemesanan
Bulanan

4.6

Membuat DMP
Operasi

DMP

Gambar 1.5 DFD Level 2 Proses 4 Sistem Pelayanan Reservasi Tiket Angkutan Pemadu Moda

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

6

1.1.4 Kamus Data
Dalam perancangan sistem informasi pelayanan reservasi tiket, arus data yang mengalir di DFD masih
bersifat gobal. Kamus data dari arus data yang berfungsi untuk menjelaskan komposisi paket data yang bergerak
melalui aliran dan menjelaskan komposisi penyimpanan data. Penyusunan kamus data dilakukan berdasarkan
arus data yang ada di DFD level 2, karena lebih menjelaskan data-data yang terdapat pada entitas aktif atau
entitas internal.
Berdasarkan aliran data yang mengalir dalam gambaran DFD diatas, maka Kamus Data untuk Sistem
Pelayanan Reservasi Tiket Angkutan Pemadu Moda adalah sebagai berikut:

Tabel 1.1 Kamus Data
1.

2.

3.

4.

5.

Nama Aliran

:

Data_Pemesan

Alias

:

-

Aliran Proses

:

Struktur Data

:

Id_Pemesan, Username_Pemesan, Password_ Pemesan, Nama_
Pemesan,
Pekerjaan_
Pemesan,
Alamat_Pemesan,
No_Telp_Pemesan, Email_Pemesan

Nama Aliran

:

Login_Pemesan

Alias

:

-

Aliran Proses

:

Struktur Data

:

Username_Pemesan, Password_Pemesan

Nama Aliran

:

Jadwal_Keberangkatan

Alias

:

-

Aliran Proses

:

Struktur Data

:

Kd_Jadwal, Kd_Bus, Jam_Berangkat

Nama Aliran

:

Data_Pemesanan

Alias

:

-

Aliran Proses

:

Struktur Data

:

No_Pemesanan, Id_Pemesan, No_Manifest, Tgl_Berangkat,
Jam_Berangkat, Rute, Tgl_Pemesanan, Jam_Pemesanan,
Jumlah_Tiket, Status_Pembayaran

Nama Aliran

:

Data_Tiket

Alias

:

-

Aliran Proses

:

Struktur Data

:

No_Tiket,
No_Manifest,
No_Kursi,
Nama_Penumpang,
Harga_Tiket,
Status_Pembayaran,
Rute,
Jam_berangkat,
Tgl_Berangkat, Tgl_Bayar, Kd_Bus

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

7

Tabel 1.2 Kamus Data (Lanjutan)
6.

7.

8.

9.

10.

11.

Nama Aliran

:

Bukti_Pemesanan

Alias

:

-

Aliran Proses

:

Struktur Data

:

No_Pemesanan, Id_Pemesan, No_Manifest, Tgl_Berangkat,
Jam_Berangkat, Rute, Tgl_Pemesanan, Jam_Pemesanan,
Jumlah_Tiket, Status_Pembayaran

Nama Aliran

:

Data_Petugas

Alias

:

-

Aliran Proses

:

Struktur Data

:

NIK, Password_Petugas,
Tgl_Verifikasi

Nama Aliran

:

Data_Transaksi

Alias

:

-

Aliran Proses

:

Struktur Data

:

No_Transaksi, No_Tiket, Tgl_Transaksi, Jam_Transaksi, NIK

Nama Aliran

:

Lap_Penjualan_Harian

Alias

:

-

Aliran Proses

:

Struktur Data

:

No_Transaksi,
No_Tiket,
No_Kursi,
No_Manifest,
Nama_Penumpang,
Harga_Tiket,
Nama_Petugas,
Total_Penjualan, Jumlah_Tiket, Tgl_Transaksi, Jam_Transaksi

Nama Aliran

:

Lap_Penjualan_Bulanan

Alias

:

-

Aliran Proses

:

Struktur Data

:

Tgl_Transaksi,
Total_Penj_Bulanan

Nama Aliran

:

DMP

Alias

:

-

Aliran Proses

:

Struktur Data

:

Nama_Petugas,

Jumlah_Tiket,

Status_Verifikasi,

Total_Penj_Harian,

No_Manifest,
Jumlah_Penumpang,
Tgl_Keberangkatan,
Jam_Keberangkatan,
Rute,
No_Kursi,
No_Tiket,
Nama_Penumpang, No_Telp_Penumpang, Status_Pembayaran

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

8

1.2

PEMODELAN DATA
Data yang mengalir pada sebuah sistem harus terorganisir dengan baik dalam suatu database. Untuk memenuhi

hal tersebut, diperlukan suatu proses pemodelan data yang yang terukur dan sesuai dengan kaidah pengembangan
sistem. Beberapa tahapan tersebut adalah tahapan normalisasi yang dilanjutkan dengan pembuatan ERD (Entity

Relational Diagram), relasi tabel hingga penyusunan struktur file dari setiapa tabel.

1.2.1 Normalisasi
Dalam Normalisasi data, perancangan basis data bertitik tolak dari situasi yang nyata serta memiliki itemitem data yang ditempatkan dalam baris dan kolom pada tabel relasional. Hasil dari normalisasi data akan
digunakan untuk kepentingan dokumentasi model data.
Selain itu, proses normalisasi digunakan untuk mendapatkan sekumpulan tabel untuk memperoleh
informasi tanpa pengolahan data yang tidak diperlukan sehingga memudahkan dalam hal pencarian suatu data,
sedangkan tujuan dari normalisasi adalah untuk menghilangkan penggandaan penyimpanan file-file yang sama.

a)

Bentuk Tidak Normal (UNF)
Bentuk tidak normal atau Un-Normalized Form (UNF), merupakan kumpulan data yang diperoleh dari

proses perancangan sistem.
Tabel 1.3 Bentuk Tidak Normal (UNF)
{ Id_Pemesan, Username_Pemesan, Password_ Pemesan, Nama_ Pemesan, Pekerjaan_ Pemesan,
Alamat_Pemesan,
Kd_Jadwal,

No_Telp_Pemesan,

Kd_Bus,

Jam_Berangkat,

Email_Pemesan,

Username_Pemesan,

No_Pemesanan,

Id_Pemesan,

Password_Pemesan,

No_Manifest,

Tgl_Berangkat,

Jam_Berangkat, Rute, Tgl_Pemesanan, Jam_Pemesanan, Jumlah_Tiket, Status_Pembayaran, No_Tiket,
No_Manifest, No_Kursi, Nama_Penumpang, Harga_Tiket, Status_Pembayaran, Rute, Jam_berangkat,
Tgl_Berangkat,

Tgl_Bayar,

Jam_Berangkat,

Rute,

No_Pemesanan,

Kd_Bus,

Id_Pemesan,

Jam_Pemesanan,

No_Pemesanan,

Tgl_Pemesanan,
No_Manifest,

Jumlah_Tiket,

Id_Pemesan,

Jam_Pemesanan,
Tgl_Berangkat,

Status_Pembayaran,

No_Manifest,

Jumlah_Tiket,

Tgl_Berangkat,

Status_Pembayaran,

Jam_Berangkat, Rute, Tgl_Pemesanan,

NIK,

Password_Petugas,

Nama_Petugas,

Status_Verifikasi, Tgl_Verifikasi, No_Transaksi, No_Tiket, Tgl_Transaksi, Jam_Transaksi, NIK, No_Transaksi,
No_Tiket, No_Kursi, No_Manifest, Nama_Penumpang, Harga_Tiket, Nama_Petugas, Total_Penjualan,
Jumlah_Tiket,

Tgl_Transaksi,

Jam_Transaksi,

Tgl_Transaksi,

Jumlah_Tiket,

Total_Penj_Harian,

Total_Penj_Bulanan, No_Manifest, Jumlah_Penumpang, Tgl_Keberangkatan, Jam_Keberangkatan, Rute,
No_Kursi, No_Tiket, Nama_Penumpang, No_Telp_Penumpang, Status_Pembayaran }

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

9

b)

Bentuk Normal Pertama (1NF)
Untuk memenuhi bentuk normal pertama (1NF), sebuah tabel tidak boleh mengandung atribut yang

berulang. Dibawah ini merupakan tabel yang berada pada bentuk normal pertama:
Tabel 1.4 Bentuk Normal Pertama (1NF)
Tiket : {Id_Pemesan, Username_Pemesan, Password_ Pemesan, Nama_ Pemesan, Pekerjaan_Pemesan,
Alamat_Pemesan,

No_Telp_Pemesan,

Email_Pemesan,

Username_Pemesan,

Password_Pemesan,

Kd_Jadwal, Kd_Bus, Jam_Berangkat, No_Pemesanan, No_Manifest, Tgl_Berangkat, Rute, Tgl_Pemesanan,
Jam_Pemesanan, Jumlah_Tiket, Status_Pembayaran, No_Tiket, No_Kursi, Harga_Tiket, Tgl_Bayar, NIK,
Password_Petugas,

Nama_Petugas,

Status_Verifikasi,

Tgl_Verifikasi,

No_Transaksi,

Tgl_Transaksi,

Jam_Transaksi, Nama_Penumpang}

c)

Bentuk Normal Kedua (2NF)
Bentuk normal kedua disusun dengan menentukan atribut kunci dari tabel pada bentuk normal pertama di

atas. Setelah itu, membagi tabel normal pertama menjadi beberapa tabel sesuai dengan banyaknya atribut kunci
dan menggabungkan atribut bukan kunci primer dengan syarat atribut bukan kunci primer bergantung
sepenuhnya ke atribut kunci.
Tabel 1.5 Bentuk Normal Kedua (2NF)
Nama Tabel

Atribut

Pemesan

:

{Id_Pemesan*,
Username_Pemesan,
Password_Pemesan,
Nama_Pemesan,
Pekerjaan_Pemesan, Alamat_Pemesan, No_Telp_Pemesan, Email_Pemesan}

Jadwal

:

{Kd_Jadwal*, Kd_Bus**, Rute**, Jam_Berangkat}

Bus

:

{Kd_Bus*, Rute**}

Pemesanan

:

{No_Pemesanan*,
Id_Pemesan**,
Rute**,
No_Manifest**,
Tgl_Berangkat,
Jam_Berangkat, Tgl_Pemesanan, Jam_Pemesanan, Status_Pembayaran}

Manifest

:

{No_Manifest*, Kd_Bus**, Kd_Jadwal**}

Tiket

:

{No_Tiket*, No_Manifest**, Kd_Bus**, Rute**, No_Kursi, Nama_Penumpang,
Harga_Tiket, Status_Pembayaran, , Jam_Berangkat, Tgl_Berangkat, Tgl_Bayar}

Petugas

:

{NIK*, Password_Petugas, Nama_Petugas, Status_Verifikasi, Tgl_Verifikasi}

Transaksi

:

{No_Transaksi*, No_Tiket**, NIK** Tgl_Transaksi, Jam_Transaksi}

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

10

d)

Bentuk Normal Ketiga (3NF)
Bentuk tahap ketiga terpenuhi jika pada sebuah tabel, semua atribut yang tidak termasuk pada primary

key memiliki ketergantungan fungsional terhadap primary key secara utuh. Adapun perbedaan antara
normalisasi kedua dan ketiga adalah; pada normalisasi kedua tidak terdapat atribut yang dijadikan kunci tamu.
Sedangkan, pada normalisasi ketiga sudah ditentukan atribut mana saja yang dijadikan kunci tamu dan kunci
primer pada tiap tabel sebagai relasi tabel satu ke tabel yang lain.
Tabel 1.6 Bentuk Normal Ketiga (3NF)
Nama Tabel

Atribut

Pemesan

:

{Id_Pemesan*,
Username_Pemesan,
Password_Pemesan,
Nama_Pemesan,
Pekerjaan_Pemesan, Alamat_Pemesan, No_Telp_Pemesan, Email_Pemesan}

Jadwal

:

{Kd_Jadwal*, Kd_Bus**, Rute**, Jam_Berangkat}

Bus

:

{Kd_Bus*, No_Polisi, Kapasitas}

Pemesanan

:

{No_Pemesanan*, Id_Pemesan**, Rute**, No_Manifest**, No_Kursi, Tgl_Berangkat,
Jam_Berangkat, Tgl_Pemesanan, Jam_Pemesanan, Status_Pembayaran}

Manifest

:

{No_Manifest*, Kd_Bus**, Kd_Jadwal**, Kursi_Tersedia}

Tiket

:

{No_Tiket*, No_Pemesanan**, No_Manifest**, Kd_Bus**, Rute**, Nama_Penumpang,
Harga_Tiket, Status_Pembayaran, Jam_Berangkat, Tgl_Berangkat, Tgl_Bayar}

Petugas

:

{NIK*, Password_Petugas, Nama_Petugas, Status_Verifikasi, Tgl_Verifikasi}

Transaksi

:

{No_Transaksi*, No_Tiket**, NIK**, Tgl_Transaksi, Jam_Transaksi}

Rute

:

{Rute*, Harga_Tiket}

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

11

1.2.2 Relasi Tabel
Relasi tabel menggambarkan hubungan antar tabel-tabel yang ada pada suatu sistem pengolahan data.

Gambar 1.6 Relasi Tabel

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

12

1.2.3 Entity Relational Diagram

Entity relational diagram berisi himpunan Entitas dan himpunan relasi yang masing-masing dilengkapi
dengan atribut-atribut yang mempresentasikan seluruh fakta. Gambar berikut ini, merupakan Entity Relational

Diagram (ERD) untuk sistem pelayanan reservasi tiket angkutan pemadu moda.

*Kd_Bus

Bus

1

Melayani

n

Jadwal

n

Mencantumkan

*Kd_Jadwal
1
*Id
 pemesanan

*No
 pemesanan

*No_Manifest

*No_Manifest

Pemesan

*Kd_Bus
*Kd_Jadwal

*Rute

Memiliki

*Rute

1

*Kd_Bus

1

*Id
 pemesanan

Melakukan

n
Pemesanan

n

n

Memiliki

1

Manifest

*Rute

Rute

1
*Kd_Bus
n
Petugas

Memiliki

*nik

*Tiket

*Rute
1
n
Merekam

n

Transaksi

*No_Transaksi

1

Mencantumkan

n

Tiket

*No_Manifest

1

Mencantumkan

*nik
*No_Tiket

Gambar 1.7 ERD

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

13

1.2.4 Struktur File
Pembuatan program membutuhkan suatu spesifikasi file untuk melakukan kegiatan penginputan data,
pencarian data dan pembuatan laporan yang dapat memudahkan kerja sistem komputer. Struktur file digunakan
dalam perancangan sistem karena struktur file dari elemen data yang menyatakan panjang elemen data dan
jenis datanya.

a) Tabel Pemesan
Nama Tabel

: Pemesan

Media Penyimpanan

: Harddisk

Atribut Kunci

: Id_Pemesan

Tabel 1.8 Struktur Tabel Pemesan
Nama Field

No

Type (Length)

Keterangan

1

id_pemesan

Varchar (15)

ID Pemesan

2

uname_pem

Varchar (30)

Username Pemesan

3

pass_pem

Varchar (30)

Password Pemesan

4

nama_pem

Varchar (30)

Nama Pemesan

5

pekerjaan_pem

Varchar (30)

Pekerjaan

6

alamat_pem

Varchar (50)

Alamat

7

no_telp_pem

Varchar (15)

Nomor Telepon

8

email_pem

Varchar (30)

E-Mail

b) Tabel Petugas
Nama Tabel

: Petugas

Media Penyimpanan

: Harddisk

Atribut Kunci

: NIK

Tabel 1.9 Struktur Tabel Petugas
Nama Field

No

Type (Length)

Keterangan

1

nik

Varchar (15)

Nomor Induk Karyawan

2

pass_petugas

Varchar (25)

Password Petugas

3

nama_petugas

Varchar (30)

Nama Petugas

4

status_verifikasi

Varchar (10)

Status Verifikasi

5

tgl_verifikasi

Date

Tanggal Verifikasi

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

14

c) Tabel Jadwal
Nama Tabel

: Jadwal

Media Penyimpanan

: Harddisk

Atribut Kunci

: kode_jadwal

Tabel 1.10 Struktur Tabel Jadwal
Nama Field

No

Type (Length)

Keterangan

1

kode_jadwal

Varchar (15)

Kode Jadwal

2

kode_bus

Varchar (15)

Kode Bus

3

jam_berangkat

Time

Jam Berangkat

4

rute

Varchar (15)

Rute

d) Tabel Bus
Nama Tabel

: Bus

Media Penyimpanan

: Harddisk

Atribu Kunci

: kode_bus

Tabel 1.11 Struktur Tabel Bus
No

Nama Field

Type (Length)

Keterangan

1

kode_bus

Varchar (15)

Kode Bus

2

no_polisi

Varchar (15)

Nomor Polisi

3

kapasitas

Int (2)

Kapasitas Penumpang

e) Tabel Rute
Nama Tabel

: Rute

Media Penyimpanan

: Harddisk

Atribu Kunci

: kode_rute

Tabel 1.12 Struktur Tabel Rute
No

Nama Field

Type (Length)

Keterangan

1

rute

Varchar (15)

Rute Perjalanan

2

harga

Int (11)

Harga Tiket

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

15

f) Tabel Pemesanan
Nama Tabel

: Pemesanan

Media Penyimpanan

: Harddisk

Atribu Kunci

: no_pemesanan

Tabel 1.13 Struktur Tabel Pemesanan
No

Nama Field

Type (Length)

Keterangan

1

no_pemesanan

Varchar (15)

Nomor Pemesanan

2

id_pemesan

Varchar (15)

ID Pemesan

3

no_manifest

Varchar (30)

Nomor Manifest

4

tgl_berangkat

Date

Tanggal Berangkat

5

jam_berangkat

Time

Jam Berangkat

6

rute

Varchar (15)

Rute

7

tgl_pemesanan

Date

Tanggal Pemesanan

8

jam_pemesanan

Time

Jam Pemesanan

9

jml_tiket

Int (11)

Jumlah Tiket

status_pembayaran

Varchar (10)

Status Pembayaran

10

g) Tabel Transaksi
Nama Tabel

: Transaksi

Media Penyimpanan

: Harddisk

Atribu Kunci

: no_transaksi

Tabel 1.14 Struktur Tabel Transaksi
No

Nama Field

Type (Length)

Keterangan

1

no_transaksi

Varchar (15)

Nomor Transaksi

2

no_tiket

Varchar (15)

Nomor Tiket

3

tgl_transaksi

Date

Tanggal Transaksi

4

jam_transaksi

Time

Jam Transaksi

5

nik

Varchar (15)

Nomor Induk Karyawan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

16

h) Tabel Manifest
Nama Tabel

: Manifest

Media Penyimpanan

: Harddisk

Atribu Kunci

: no_manifest

Tabel 1.15 Struktur Tabel Manifest
No

Nama Field

Type (Length)

Keterangan

1

no_manifest

Varchar (30)

Nomor Manifest

2

kode_bus

Varchar (15)

Kode Bus

3

kode_jadwal

Varchar (15)

Kode Jadwal

4

kursi_tersedia

Int (11)

Jumlah Kursi Tersedian

i) Tabel Tiket
Nama Tabel

: Tiket

Media Penyimpanan

: Harddisk

Atribu Kunci

: no_tiket

Tabel 1.16 Struktur Tabel Tiket
No

Nama Field

Type (Length)

Keterangan

1

no_tiket

Varchar (15)

Nomor Tiket

2

no_manifest

Varchar (30)

Nomor Manifest

3

no_kursi

Int (11)

Nomor Kursi

4

nama_penumpang

Varchar (30)

Nama Penumpang

5

harga_tiket

Int (11)

Harga Tiket

6

status_pembayaran

Varchar (15)

Status Pembayaran

7

rute

Varchar (15)

Rute

8

jam_berangkat

Time

Jam Berangkat

9

tgl_berangkat

Date

Tanggal Berangkat

10

tgl_bayar

Date

Tanggal Bayar

11

kode_bus

Varchar (15)

Kode Bus

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 PERANCANGAN SISTEM

17

2.0

ANALISIS DAN PERANCANGAN SISTEM

2.0
PERANCANGAN
ANTARMUKA

2.1

PERANCANGAN ANTAR MUKA
Perancangan antar muka merupakan gambaran dari proses input dan output yang ditunjukkan berupa bagan-

bagan atau gambar-gambar secara umum yang digunakan untuk mengkomunikasikan pengguna dengan sistem,
sehingga memudahkan pengguna dalam mengetahui proses input dan output yang terdapat pada sistem.

2.1.1 Struktur Halaman
Pada tahapan ini akan dijelaskan rancangan mengenai susunan halaman yang menjadi antarmuka dari
sistem yang akan dibangun. Adapun bentuk rancancangannya adalah sebagai berikut:

HALAMAN UTAMA

Cek Jadwal

Register

Register
Pemesan

Login

Register
Petugas

Halaman
Pemesan

Reserfasi

Halaman Petugas

Transaksi
Pemesanan

Penjualan
Tiket

Pembuatan
Laporan

Gambar 2.1 Struktur Menu

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

19

2.1.2 Perancangan Input
Perancangan input merupakan sebuah tahapan perancangan yang menggambarkan tampilan masukan
dari sistem yang dibangun. Tampilan ini, nantinya akan menjadi media interaksi antara user dengan sistem.
Berikut ini adalah susunan bentuk masukan dari sistem pelayanan reservasi tiket angkutan pemadu moda:

1) Halaman Registrasi Pemesan
Halaman dibawah ini berisi form registrasi pemesan. Untuk dapat menggunakan layanan reservasi online ini,
konsumen harus melakukan proses registrasi di halaman ini.

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Logo

Menu
Registasi Pengguna

Gambar

Registrasi Pemesan
Registrasi Petugas

Login
Kamis, 30 Juni 2011

Hallo Guest!
Register Pemesan
Logo

PRIMAJASA

Username
Password

Info Primajasa

Konfirmasi Password

Berita 1

Nama Depan
Nama Belakang

Berita 2

Pekerjaan

Berita 3

Alamat

Nomor Telepon

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Alamat E-mail
Clear All

Register

Footer

Gambar 2.2 Rancangan Halaman registrasi pemesan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

20

2) Halaman Registrasi Petugas
Halaman ini digunakan untuk proses registrasi petugas, agar dapat melayani transaksi pemesanan dan
melakukan pembuatan laporan.

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Logo

Menu
Registasi Pengguna

Gambar

Registrasi Pemesan
Registrasi Petugas

Login
Kamis, 30 Juni 2011

Hallo Guest!
Register Petugas
Logo

PRIMAJASA

NIK
Password

Info Primajasa

Konfirmasi Password

Berita 1

Nama Depan
Nama Belakang

Berita 2
Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Clear All

Register

Footer

Gambar 2.3 Rancangan Halaman registrasi petugas

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

21

3) Halaman Login
Setelah melakukan proses registrasi, Petugas dan Pemesan dapat melakukan login kedalam sistem melali
form pada halaman ini.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Registasi Pengguna
Login

Gambar

Username
Password
Petugas

Pemesan
Login

Kamis, 30 Juni 2011

Hallo Guest!

Logo

PRIMAJASA

Info Primajasa
Berita 1
Berita 2

Informasi Website

Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Footer

Gambar 2.4 Rancangan Halaman login

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

22

4) Halaman Reservasi pemilihan Jadwal Keberangkatan
Untuk melakukan proses reservasi tiket, Pemesan dapat memilih jadwal keberangkatan pada form di
halaman ini.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Layanan Penumpang

·∙
 

Reserfasi Tiket

·∙
 

Berkas Reserfasi

Gambar

Profil Pemesan
Kamis, 30 Juni 2011

Hallo Guest!
Jadwal Keberangkatan
Logo

PRIMAJASA
Silahkan pilih jadwal keberangkatan anda!

Tanggal Berangkat

Info Primajasa

Jam Berangkat

Berita 1

Rute

Berita 2
Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Next >>
Footer

Gambar 2.5 Rancangan Halaman reservasi jadwal keberangkatan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

23

5) Halaman Pemilihan Nomor dan Jumlah Kursi
Setelah memilih jadwal keberangkatan, Pemesan dapat memilih posisi kursi pada denah yang tersedia di
halaman ini.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Layanan Penumpang

·∙
 

Reserfasi Tiket

·∙
 

Berkas Reserfasi

Gambar

Profil Pemesan
Kamis, 30 Juni 2011

Hallo Guest!
DENAH ARMADA
Logo

PRIMAJASA
DEPAN

Info Primajasa
Berita 1
Berita 2
Berita 3

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

BELAKANG

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Next >>

Footer

Gambar 2.6 Rancangan Halaman pemilihan nomor dan jumlah kursi

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

24

6) Halaman Input Nama Penumpang
Setelah memasukan data kursi, maka pemesan akan diminta untuk memasukan nama penumpang.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Layanan Penumpang

·∙
 

Reserfasi Tiket

·∙
 

Berkas Reserfasi

Gambar

Profil Pemesan
Kamis, 30 Juni 2011

Hallo Guest!
NAMA PENUMPANG
Logo

PRIMAJASA

Silahkan masukan nama penumpang!

Info Primajasa
Berita 1

NOMOR
TIKET

NOMOR
KURSI

XXXX

XX

XXXX

XX

NAMA PENUMPANG

Berita 2
Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Next >>

Footer

Gambar 2.7 Rancangan halaman input nama penumpang

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

25

7) Halaman Transaksi Pemesanan
Halaman ini hanya diperuntukan kepada petugas untuk melakukan proses transaksi pemesanan.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Transaksi Pemesanan
Silahkan masukan nomor pemesanan.

Gambar

No. Pemesanan
Cari

Pembuatan Laporan
Kamis, 30 Juni 2011

Hallo Guest!
Pemesanan
Logo

PRIMAJASA
Info Primajasa
Berita 1
Berita 2

Nomor Pemesanan

: xxx

No. Manifest

: xxx

Nama Pemesan

: xxx

Jumlah Tiket

: xxx

Harga Satuan

: xxx

Berita 3

Harga Total Pemesanan

Rp. xxx.xxx
Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Verifikasi
Pembayaran

Footer

Gambar 2.8 Rancangan Halaman transaksi pemesanan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

26

8) Rancangan Halaman Pembuatan Laporan Penjualan Harian
Petugas dapat membuat laporan penjualan harian di halaman ini. Laporan nantinya akan berbentuk softcopy
dalam format pdf.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Transaksi Pemesanan
Pembuatan Laporan

Gambar

·∙
 

Penjualan Harian

·∙
 

Penjualan Bulanan

·∙
 

Daftar Manifest Penumpang

Kamis, 30 Juni 2011

Hallo Guest!
Laporan Penjualan Harian
Logo

PRIMAJASA
Tanggal Penjualan

Info Primajasa

Rute

Berita 1
Berita 2
Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Buat Laporan

Footer

Gambar 2.9 Rancangan halaman pembuatan laporan penjualan harian

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

27

9) Rancangan Halaman Pembuatan Laporan Penjualan Bulanan
Pada halaman ini, petugas dapat membuat laporan penjualan bulanan dengan mengisi periode waktu
penjualan pada form yang tersedia.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Transaksi Pemesanan
Pembuatan Laporan

Gambar

·∙
 

Penjualan Harian

·∙
 

Penjualan Bulanan

·∙
 

Daftar Manifest Penumpang

Kamis, 30 Juni 2011

Hallo Guest!
Laporan Penjualan Bulanan
Logo

PRIMAJASA

Info Primajasa

Periode Tahun

Berita 1

Periode Bulan

Berita 2

Rute

Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Buat Laporan

Footer

Gambar 2.10 Rancangan halaman pembuatan laporan penjualan bulanan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

28

10) Rancangan Halaman Pembuatan DMP
Pada halaman ini, petugas dapat membuat Daftar Manifest Penumpang.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Transaksi Pemesanan
Pembuatan Laporan

Gambar

·∙
 

Penjualan Harian

·∙
 

Penjualan Bulanan

·∙
 

Daftar Manifest Penumpang

Kamis, 30 Juni 2011

Hallo Guest!
Daftar Manifest Penumpang
Logo

PRIMAJASA
Tgl. Keberangkatan

Info Primajasa

Jam Berangkat

Berita 1

Rute

Berita 2
Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Buat DMP

Footer

Gambar 2.12 Rancangan Halaman pembuatan Daftar Manifest Penumpang

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

29

11) Rancangan Halaman Pembuatan Laporan Pemesanan Harian
Untuk menghasilkan laporan pemesanan harian, petugas harus melakukan input tanggal pada halaman ini.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Transaksi Pemesanan
Pembuatan Laporan
·∙
  Penjualan Harian

Gambar

·∙
 

Penjualan Bulanan

·∙
 

Pemesanan Harian

·∙
 

Pemesanan Bulanan

·∙
 

Daftar Manifest Penumpang

Kamis, 30 Juni 2011

Hallo Guest!
Laporan Pemesanan Harian
Logo

PRIMAJASA
Periode Tanggal

Info Primajasa
Berita 1
Berita 2
Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Buat Laporan

Footer

Gambar 2.13 Rancangan halaman pembuatan laporan pemesanan harian

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

30

12) Rancangan Halaman Pembuatan Laporan Pemesanan Bulanan
Pada halaman ini, petugas akan diminta untuk memasukan periode bulan yang akan digunakan untuk
menghasilkan laporan pemesanan yang terjadi.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Menu
Transaksi Pemesanan
Pembuatan Laporan
·∙
  Penjualan Harian

Gambar

·∙
 

Penjualan Bulanan

·∙
 

Pemesanan Harian

·∙
 

Pemesanan Bulanan

·∙
 

Daftar Manifest Penumpang

Kamis, 30 Juni 2011

Hallo Guest!
Laporan Pemesanan Bulanan
Logo

PRIMAJASA
Periode Bulan

Info Primajasa
Berita 1
Berita 2
Berita 3

Info Client
IP

Browser

Sistem Opersasi

127.0.0.1

Chrome

Windows 7

Buat Laporan

Footer

Gambar 2.14 Rancangan halaman pembuatan laporan pemesanan bulanan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

31

13) Rancangan Halaman Login Admin
Halaman ini adalah halaman login yang akan ditemui pertama kali oleh admin, untuk dapat mengakses
halaman Utama Admin.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA
Logo

PRIMAJASA PEMADU MODA

Login Admin
Username

Gambar

Password
Login

FOOTER

Gambar 2.15 Rancangan halaman login admin

14) Rancangan Halaman Petugas
Pada halaman ini, Admin dapat menambahkan data petugas baru melalui form Petugas.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Logo

PRIMAJASA PEMADU MODA
Kamis, 30 Juni 2011

DATA PETUGAS
Tambah Data Petugas

Petugas

Daftar Petugas
Verifikasi Petugas
DATA ARMADA BUS
Tambah Data Bus
Daftar Bus
DATA RUTE

NIK
Password
Konfirmasi Password
Nama Depan
Nama Belakang

Tambah Data Rute
Daftar Rute
DATA JADWAL
Tambah Data Jadwal
Daftar Jadwal

·∙
 

Daftar Tiket

·∙
 

Daftar Transaksi

·∙
 

Daftar Manifest

·∙
 

Daftar Pemesan

Clear All

Register

LOGOUT
FOOTER

Gambar 2.16 Rancangan halaman petugas

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

32

15) Rancangan Halaman Armada Bus
Pada halaman ini, terdapat form inputan untuk memasukan data armada bus.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Logo

PRIMAJASA PEMADU MODA
Kamis, 30 Juni 2011

DATA PETUGAS
Tambah Data Petugas

Armada Bus

Daftar Petugas

No. Polisi

Verifikasi Petugas

Kapasitas Penumpang

DATA ARMADA BUS
Tambah Data Bus
Daftar Bus

Clear All

Register

DATA RUTE
Tambah Data Rute
Daftar Rute
DATA JADWAL
Tambah Data Jadwal
Daftar Jadwal

·∙
 

Daftar Tiket

·∙
 

Daftar Transaksi

·∙
 

Daftar Manifest

·∙
 

Daftar Pemesan
LOGOUT
FOOTER

Gambar 2.17 Rancangan Halaman Armada Bus

16) Rancangan Halaman Rute
Dalam halaman ini terdapat form inputan untuk memasukan data rute baru yang akan dilayani.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Logo

PRIMAJASA PEMADU MODA
Kamis, 30 Juni 2011

DATA PETUGAS
Tambah Data Petugas

Rute

Daftar Petugas
Verifikasi Petugas
DATA ARMADA BUS

Nama Rute
Harga Tiket (Rp.)

Tambah Data Bus
Daftar Bus

Clear All

Register

DATA RUTE
Tambah Data Rute
Daftar Rute
DATA JADWAL
Tambah Data Jadwal
Daftar Jadwal

·∙
 

Daftar Tiket

·∙
 

Daftar Transaksi

·∙
 

Daftar Manifest

·∙
 

Daftar Pemesan
LOGOUT
FOOTER

Gambar 2.18 Rancangan Halaman Rute

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

33

17) Rancangan Halaman Jadwal
Halaman ini digunakaoleh admin untuk memasukan data jadwal harian baru, yang dapat dipilih oleh
Penumpang atau Petugas.

Logo

PELAYANAN TIKET
ANGKUTAN PEMADU MODA

Logo

PRIMAJASA PEMADU MODA
Kamis, 30 Juni 2011

DATA PETUGAS
Tambah Data Petugas

Jadwal Berangkat Harian

Daftar Petugas
Verifikasi Petugas
DATA ARMADA BUS

Jam Berangkat
Kode Bus

Tambah Data Bus

Rute
Daftar Bus
DATA RUTE

Clear All

Register

Tambah Data Rute
Daftar Rute
DATA JADWAL
Tambah Data Jadwal
Daftar Jadwal

·∙
 

Daftar Tiket

·∙
 

Daftar Transaksi

·∙
 

Daftar Manifest

·∙
 

Daftar Pemesan
LOGOUT
FOOTER

Gambar 2.19 Rancangan Halaman Jadwal

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

34

2.1.3 Perancangan Output
Perancangan Output merupakan suatu susunan yang menggambarkan tampilan yang berisi tentang
berbagai informasi yang dihasilkan oleh suatu sistem. Berikut merupakan rancangan output Sistem Informasi
Pelayanan reservasi tiket angkutan pemadu moda:

1) Bukti Pemesanan
Pemesan akan memperoleh Bukti Pemesanan, setelah melakukan pemesanan. Dokumen ini, digunakan untuk
melakukan transaksi pembayaran di loket Primajasa.

Logo

ANGKUTAN PEMADU MODA

BUKTI PEMESANAN
Nomor Pemesanan : ............................
Tanggal Pemesanan : ............................
: ............................
Jumlah Tiket

Logo

Tanggal Keberangkatan
Jam Keberangkatan
Rute
Kode Bus / No-Polisi

PRIMAJASA

: ............................
: ............................
: ............................
: ............../.............

No

Nomor Tiket

Nomor Kursi

Harga Tiket

...
...
...

............
............
............

............
............
............

............
............
............

Dimohon untuk datang 30 Menit sebelum pemberangkatan.
Jika anda mengalami keterlambatan, tiket tidak berlaku lagi.
Jagalah barang bawaan anda!
Periksa dan cocokan saat meninggalkan bus.

Total Bayar : Rp. ......................
Informasi :
Primajasa BSM : 022-7320712
Primajasa Bandara : 021-55915555

KETERANGAN
1. Bukti Pemesanan ini, dibawa pada saat melakukan pembayaran.
2. Pembayaran dilakukan paling lambat 1 (hari) sebelum tanggal keberangkatan

Gambar 2.20 Rancangan Dokumen Bukti Pemesanan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

35

2) Tiket
Setelah pemesan melakukan transaksi pemesanan, maka petugas akan melakukan verifikasi pembayaran
untuk menghasilkan tiket sesuai dengan data pemesanan yang diajukan dalam dokumen bukti Pemesanan.

Logo

ANGKUTAN PEMADU MODA

No. Seat :

Nomor Tiket

: .............................

Nama Penumpang

: .........................

No. Keberangkatan

: .............................

Harga Tiket

: .........................

Kode Bus / No-Polisi

: ............../..............

Status Pembayaran

: .........................

Tujuan

: .............................

Jam / Tanggal Pembayaran : ............/............
: .........................

Nama Petugas
Informasi :
Primajasa BSM : 022-7320712

Dimohon untuk datang 30 Menit sebelum pemberangkatan. Jika anda mengalami
keterlambatan, tiket akan dianggap hangus.
Jagalah barang bawaan anda! Periksa dan cocokan saat meninggalkan bus.

Terima Kasih

Primajasa Bandara : 021-55915555

Gambar 2.21 Rancangan Dokumen Tiket

3) Daftar Manifest Penumpang
Daftar manifest merupakan, dokumen berisi daftar penumpang dalam satu armada pada satu
keberangkatan.

Logo

ANGKUTAN PEMADU MODA

Logo

Tanggal / Jam Keberangkatan : ............................
Jam Keberangkatan
: ............................
Rute
: ............................

DAFTAR MANIFEST PENUMPANG
No. Manifest
Jumlah Penumpang

PRIMAJASA

: ............................
: ............................

No

Nomor
Kursi

Nomor Tiket

Nama Penumapng

Nomor Telepon

Status
Pembayaran

...
...
...

...
...
...

............
............
............

............
............
............

............
............
............

............
............
............
Bag. Operasi

No. Manifest

: ............................

( ............................. )

Halaman ke 1 dari 1

Gambar 2.22 Rancangan Dokumen DMP

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

36

4) Laporan Penjualan Harian
Laporan ini memuat daftar penjualan tiket yang terjadi dalam satu hari. Berikut ini adalah rancangannya:

Logo

ANGKUTAN PEMADU MODA

Logo

Tanggal
Jumlah Tiket
Total Penjualan

LAPORAN PENJUALAN - HARIAN

PRIMAJASA

: ............................
: ............................
: ............................

No

Jam
Transaksi

Nomor
Tiket

No.
Kursi

Nomor Manifest

Nama Penumapng

Harga Tiket

Nama
Petugas

...
...
...

............
............
............

............
............
............

...
...
...

............
............
............

............
............
............

............
............
............

............
............
............

Tanggal

: ............................

Halaman ke 1 dari 1

Gambar 2.23 Rancangan Dokumen Penjualan Harian

5) Laporan Penjualan Bulanan
Laporan penjualan bulanan berisi tentang total akumulasi penjualan tiket dalam satu periode bulan.
Logo

ANGKUTAN PEMADU MODA

Logo

LAPORAN PENJUALAN - BULANAN

Tanggal
Jumlah Tiket
Total Penjualan Bulanan

: ............................
: ............................
: ............................

No

Tanggal Transaksi

Jumlah Tiket

Total Penjualan Harian
(Rp.)

...
...
...

...
...
...

............
............
............

............
............
............

Tanggal

PRIMAJASA

: ............................

Halaman ke 1 dari 1

Gambar 2.24 Rancangan Dokumen Penjualan Bulanan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

37

6) Laporan Pemesanan Harian
Laporan pemesanan harian berisi tentang daftar pesanan tiket yang terjadi dalam satu hari. Berikut ini adalah
rancangan laporan pemesanan harian:

Logo

ANGKUTAN PEMADU MODA

Logo

Tanggal Pemesanan
Jumlah Kursi Dipesan

LAPORAN PEMESANAN - HARIAN

Tanggal

No

Jam
Pemesanan

...
...
...

............
............
............

Jumlah Kursi

...
...
...

PRIMAJASA

: ............................
: ............................

Nama Pemesan

Status
Pembayaran

............
............
............

............
............
............

: ............................

Halaman ke 1 dari 1

Gambar 2.25 Rancangan Dokumen Pemesanan Harian

7) Laporan Pemesanan Bulanan
Laporan ini, memuat tentang jumlah pemesanan tiket dalam satu periode bulan. Berikut ini adalah
rancangannya:
Logo

ANGKUTAN PEMADU MODA

Logo

LAPORAN PEMESANAN - BULANAN

Tanggal

PRIMAJASA

Periode Bulan

: ............................

Tanggal Pembuatan Laporan

: ............................

Total Pemesanan Tiket

: ............................

No

Tanggal
Pemesanan

Jumlah Tiket
Dipesan

Jumlah Tiket Terjual

...
...
...

............
............
............

...
...
...

...
...
...

: ............................

Halaman ke 1 dari 1

Gambar 2.25 Rancangan Dokumen Pemesanan Bulanan

SYSTEM DESIGN: SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

01 ANALISIS & PERANCANGAN SISTEM

38

DAFTAR PUSTAKA

David M.Kroenke . 2005. Database Processing. Dasar – dasar, Desain dan

Implementasi Jilid 1. Erlangga. Jakarta
David M.Kroenke . 2005. Database Processing. Dasar – dasar, Desain dan

Implementasi Jilid 2. Erlangga. Jakarta
Kenneth E. Kendall dan Julie E. Kendall. 2010. Analisis dan Perancangan Sistem Edisi

Kelima Jilid 1. Indeks. Jakarta
Roges S. Pressman. 2002. Rekayasa Perangkat Lunak. Pendekatan Praktisi (Buku I).
Andi. Yogyakarta

DAFTAR PUSTAKA