SISTEM PELAYANAN RESERVASI TIKET ANGKUTA

(1)

SISTEM PELAYANAN RESERVASI TIKET ANGKUTAN PEMADU MODA

SYSTEM

DESIGN

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

(2)

(3)

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

(4)

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

(5)

1.0 ANALISIS DAN PERANCANGAN SISTEM

1.0

(6)

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.

(7)

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:

Sisitem Informasi Reservasi

Online 0.

Pemesan

Data_Pemesan Login_Pemesan Jadwal_Keberangkatan

Data_Pemesanan Data_Tiket

BP Tiket

Keuangan

Operasi

Lap Penjualan Bulanan Lap Pemesanan Bulanan

Lap_DMP

Gambar 1.1 Diagram Kontek Sistem Pelayanan Reservasi Tiket Pemadu Moda

Keterangan

BP : Bukti_Pemesanan

(8)

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:

2.

Registrasi Data Pemesan

D4 Tiket D3 Pemesanan

D2 Jadwal

Keuangan Lap_Penj_B_{Lap_Pem_B}

1.

Cek Jadwal Keberangkatan

Jadwal_Keberangkatan

Jadwal_Keberangkatan Jadwal_Keberangkatan

(9)

b) DFD Level 2 Proses 2

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

Data_Pemesan 2.2

Rerkam Data Pemesan 2.1

Cek Keberadaan Data Pemesan Data_Pemesan

Data_Pemesan Data_Pemesan

D1 Pemesan

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

c) DFD Level 2 Proses 3

Login Pemesan 3.1

Merekam Jadwal Keberangkatan

3.2

Merekam Data Tiket

3.4 Mengisi Data

Pemesanan 3.3

3.4

(10)

d) DFD Level 2 Proses 4

Mencari Data Pemesanan

4.1

Rekam Biaya Transaksi

Membuat Laporan Penjualan Harian

4.6

Membuat DMP 4.5

Membuat Laporan Penjualan Bulanan

L_Penj_H

DMP

4.6

Membuat Laporan Pemesanan

Harian

4.7

Membuat Laporan Pemesanan

Bulanan Lap_Pem_B

D3 Pemesanan Lap_Pem_H

Lap_Pem_H

(11)

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

2. Nama Aliran : Login_Pemesan

Alias : -

Aliran Proses :

Struktur Data : Username_Pemesan, Password_Pemesan

3. Nama Aliran : Jadwal_Keberangkatan

Alias : -

Aliran Proses :

Struktur Data : Kd_Jadwal, Kd_Bus, Jam_Berangkat

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

5. Nama Aliran : Data_Tiket

Alias : -

Aliran Proses :

Struktur Data : No_Tiket, No_Manifest, No_Kursi, Nama_Penumpang,

Harga_Tiket, Status_Pembayaran, Rute, Jam_berangkat,

(12)

Tabel 1.2 Kamus Data (Lanjutan)

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

7. Nama Aliran : Data_Petugas

Alias : -

Aliran Proses :

Struktur Data : NIK, Password_Petugas, Nama_Petugas, Status_Verifikasi,

Tgl_Verifikasi

8. Nama Aliran : Data_Transaksi

Alias : -

Aliran Proses :

Struktur Data : No_Transaksi, No_Tiket, Tgl_Transaksi, Jam_Transaksi, NIK

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

10. Nama Aliran : Lap_Penjualan_Bulanan

Alias : -

Aliran Proses :

Struktur Data : Tgl_Transaksi, Jumlah_Tiket, Total_Penj_Harian,

Total_Penj_Bulanan

11. Nama Aliran : DMP

Alias : -

Aliran Proses :

Struktur Data : No_Manifest, Jumlah_Penumpang, Tgl_Keberangkatan,

Jam_Keberangkatan, Rute, No_Kursi, No_Tiket,

(13)

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 item-item data yang ditem-itempatkan 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, No_Telp_Pemesan, Email_Pemesan, Username_Pemesan, Password_Pemesan,

Kd_Jadwal, Kd_Bus, Jam_Berangkat, No_Pemesanan, Id_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, Kd_Bus, No_Pemesanan, Id_Pemesan, No_Manifest, Tgl_Berangkat,

Jam_Berangkat, Rute, Tgl_Pemesanan, Jam_Pemesanan, Jumlah_Tiket, Status_Pembayaran,

No_Pemesanan, Id_Pemesan, No_Manifest, Tgl_Berangkat, Jam_Berangkat, Rute, Tgl_Pemesanan,

Jam_Pemesanan, Jumlah_Tiket, Status_Pembayaran, 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,

(14)

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}

(15)

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}

(16)

1.2.2 Relasi Tabel

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

(17)

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.

Pemesan *Id pemesanan

Pemesanan *No pemesanan

Melakukan

Bus 1 Melayani n n Mencantumkan

Rute *Id pemesanan

(18)

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

No Nama Field Type (Length) Keterangan

Varchar (15) Varchar (30) Varchar (30) Varchar (30) Varchar (30) Varchar (50) Varchar (15) Varchar (30)

ID Pemesan

Username Pemesan Password Pemesan Nama Pemesan Pekerjaan Alamat

Nomor Telepon E-Mail

b) Tabel Petugas

Nama Tabel : Petugas

Atribut Kunci : NIK

Tabel 1.9 Struktur Tabel Petugas

No Nama Field Type (Length) Keterangan Varchar (10) Date

(19)

c) Tabel Jadwal

Nama Tabel : Jadwal

Atribut Kunci : kode_jadwal

Tabel 1.10 Struktur Tabel Jadwal

Varchar (15) Varchar (15) Time

Varchar (15)

Kode Jadwal Kode Bus Jam Berangkat Rute

d) Tabel Bus

Nama Tabel : Bus

Atribu Kunci : kode_bus

Tabel 1.11 Struktur Tabel Bus

1 Varchar (15) Int (2)

Kode Bus Nomor Polisi

Kapasitas Penumpang

e) Tabel Rute

Nama Tabel : Rute

Atribu Kunci : kode_rute

Tabel 1.12 Struktur Tabel Rute

1 2

rute harga

Varchar (15) Int (11)

(20)

f) Tabel Pemesanan

Nama Tabel : Pemesanan

Atribu Kunci : no_pemesanan

Tabel 1.13 Struktur Tabel Pemesanan

1

Varchar (15) Varchar (15) Varchar (30) Date

Time

Varchar (15) Date

Time Int (11) Varchar (10)

Nomor Pemesanan ID Pemesan Nomor Manifest Tanggal Berangkat Jam Berangkat Rute

Tanggal Pemesanan Jam Pemesanan Jumlah Tiket Status Pembayaran

g) Tabel Transaksi

Nama Tabel : Transaksi

Atribu Kunci : no_transaksi

Tabel 1.14 Struktur Tabel Transaksi

1

Varchar (15) Varchar (15) Date

Time

Varchar (15)

Nomor Transaksi Nomor Tiket Tanggal Transaksi Jam Transaksi

(21)

h) Tabel Manifest

Nama Tabel : Manifest

Atribu Kunci : no_manifest

Tabel 1.15 Struktur Tabel Manifest

1

Varchar (30) Varchar (15) Varchar (15) Int (11)

Nomor Manifest Kode Bus Kode Jadwal

Jumlah Kursi Tersedian

i) Tabel Tiket

Nama Tabel : Tiket

Atribu Kunci : no_tiket

Tabel 1.16 Struktur Tabel Tiket

1 Varchar (30) Int (11) Varchar (30) Int (11)

Varchar (15)

Nomor Tiket Nomor Manifest Nomor Kursi Nama Penumpang Harga Tiket

Status Pembayaran Rute

(22)

2.0 ANALISIS DAN PERANCANGAN SISTEM

2.0

(23)

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

Register Petugas

Login

Halaman

Pemesan Halaman Petugas

Transaksi Pemesanan

Penjualan Tiket

Pembuatan Laporan Reserfasi

(24)

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.

Logo PELAYANAN TIKET

ANGKUTAN PEMADU MODA

Menu

Registrasi Pemesan

Registrasi Petugas

Login

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

IP Browser Sistem Opersasi

Gambar

Footer 127.0.0.1 Chrome Windows 7

Registasi Pengguna

Username

Password

Konfirmasi Password

Nama Depan

Nama Belakang

Pekerjaan

Alamat

Nomor Telepon

Alamat E-mail

Register Clear All

Register Pemesan

Logo PRIMAJASA

(25)

2) Halaman Registrasi Petugas

Halaman ini digunakan untuk proses registrasi petugas, agar dapat melayani transaksi pemesanan dan

melakukan pembuatan laporan.

Logo

PELAYANAN TIKET

ANGKUTAN PEMADU MODA

Menu

Registrasi Pemesan

Registrasi Petugas

Login

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Footer

127.0.0.1 Chrome Windows 7 Registasi Pengguna

NIK

Password

Konfirmasi Password

Nama Depan

Nama Belakang

Register Clear All

Register Petugas

Logo PRIMAJASA

(26)

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

Login

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Footer

127.0.0.1 Chrome Windows 7

Registasi Pengguna

Logo PRIMAJASA

Informasi Website

Username

Password

Login Pemesan Petugas

(27)

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

·∙ Reserfasi Tiket

·∙ Berkas Reserfasi

Profil Pemesan

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Footer

127.0.0.1 Chrome Windows 7 Layanan Penumpang

Logo PRIMAJASA

Tanggal Berangkat

Jam Berangkat

Rute

Next >>

Jadwal Keberangkatan

Silahkan pilih jadwal keberangkatan anda!

(28)

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

Profil Pemesan

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Footer

Layanan Penumpang

Logo PRIMAJASA

Next >>

DENAH ARMADA

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 DEPAN

BELAKANG

(29)

6) Halaman Input Nama Penumpang

Setelah memasukan data kursi, maka pemesan akan diminta untuk memasukan nama penumpang.

Logo

PELAYANAN TIKET

ANGKUTAN PEMADU MODA

Menu

Profil Pemesan

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Footer

Layanan Penumpang

Logo _PRIMAJASA

Next >>

NAMA PENUMPANG

Silahkan masukan nama penumpang!

NOMOR TIKET

NOMOR

KURSI NAMA PENUMPANG

XXXX XX

(30)

7) Halaman Transaksi Pemesanan

Halaman ini hanya diperuntukan kepada petugas untuk melakukan proses transaksi pemesanan.

Logo

PELAYANAN TIKET

ANGKUTAN PEMADU MODA

Menu

Pembuatan Laporan

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Transaksi Pemesanan

Logo PRIMAJASA

Nomor Pemesanan

No. Manifest

Nama Pemesan

Rp. xxx.xxx

Pemesanan

No. Pemesanan

Cari Silahkan masukan nomor pemesanan.

: xxx

Jumlah Tiket : xxx

Harga Satuan : xxx

Harga Total Pemesanan

Verifikasi Pembayaran

(31)

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

·∙ Penjualan Harian

·∙ Penjualan Bulanan

·∙ Daftar Manifest Penumpang

Pembuatan Laporan

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Logo PRIMAJASA

Tanggal Penjualan

Laporan Penjualan Harian

Buat Laporan Rute

(32)

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

·∙ Daftar Manifest Penumpang Pembuatan Laporan

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Logo PRIMAJASA

Periode Tahun

Laporan Penjualan Bulanan

Buat Laporan

Periode Bulan

Rute

(33)

10) Rancangan Halaman Pembuatan DMP

Pada halaman ini, petugas dapat membuat Daftar Manifest Penumpang.

Logo

PELAYANAN TIKET

ANGKUTAN PEMADU MODA

Menu

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Footer

Logo PRIMAJASA

Tgl. Keberangkatan

Daftar Manifest Penumpang

Buat DMP

Jam Berangkat

Rute

(34)

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

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1

Berita 2

Berita 3

Info Client

Gambar

Footer

Logo PRIMAJASA

Laporan Pemesanan Harian

Buat Laporan Periode Tanggal

Menu

·∙ Pemesanan Harian

·∙ Pemesanan Bulanan

(35)

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

Kamis, 30 Juni 2011

Hallo Guest!

Info Primajasa

Berita 1 Berita 2 Berita 3

Info Client

Gambar

Footer

Logo PRIMAJASA

Laporan Pemesanan Bulanan

Buat Laporan Periode Bulan

Menu

·∙ Pemesanan Harian

·∙ Pemesanan Bulanan

·∙ Daftar Manifest Penumpang

Pembuatan Laporan Transaksi Pemesanan

(36)

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

Username

Password

Login

FOOTER

Gambar

Logo PRIMAJASA PEMADU MODA

Login Admin

Gambar 2.15 Rancangan halaman login admin

14) Rancangan Halaman Petugas

Pada halaman ini, Admin dapat menambahkan data petugas baru melalui form Petugas.

FOOTER

Tambah Data Petugas

Daftar Petugas

Verifikasi Petugas

DATA ARMADA BUS

Tambah Data Bus

Daftar Bus

DATA RUTE

Tambah Data Rute

Daftar Rute

DATA JADWAL

Tambah Data Jadwal

Daftar Jadwal

LOGOUT

Kamis, 30 Juni 2011

NIK

(37)

15) Rancangan Halaman Armada Bus

Pada halaman ini, terdapat form inputan untuk memasukan data armada bus.

FOOTER

Tambah Data Petugas

Daftar Petugas

Verifikasi Petugas

DATA ARMADA BUS

Tambah Data Bus

Daftar Bus

DATA RUTE

Tambah Data Rute

Daftar Rute

DATA JADWAL

Tambah Data Jadwal

Daftar Jadwal

LOGOUT

Kamis, 30 Juni 2011 Logo PRIMAJASA PEMADU MODA

No. Polisi

Kapasitas Penumpang

Register Clear All

Armada Bus

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.

FOOTER

Tambah Data Petugas Daftar Petugas Verifikasi Petugas

DATA ARMADA BUS

Tambah Data Bus Daftar Bus

DATA RUTE

Tambah Data Rute Daftar Rute

DATA JADWAL

Tambah Data Jadwal Daftar Jadwal

LOGOUT

Kamis, 30 Juni 2011

Nama Rute Harga Tiket (Rp.)

Register Clear All

(38)

17) Rancangan Halaman Jadwal

Halaman ini digunakaoleh admin untuk memasukan data jadwal harian baru, yang dapat dipilih oleh

Penumpang atau Petugas.

FOOTER ·∙ Daftar Tiket

·∙ Daftar Transaksi

·∙ Daftar Manifest

·∙ Daftar Pemesan

DATA PETUGAS Tambah Data Petugas

Daftar Petugas Verifikasi Petugas DATA ARMADA BUS

Tambah Data Bus Daftar Bus DATA RUTE Tambah Data Rute

Daftar Rute DATA JADWAL Tambah Data Jadwal

Daftar Jadwal

LOGOUT

Kamis, 30 Juni 2011

Jam Berangkat

Register Clear All

Jadwal Berangkat Harian

Kode Bus

Rute

(39)

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.

ANGKUTAN PEMADU MODA PRIMAJASA

BUKTI PEMESANAN

No Nomor Tiket Nomor Kursi Harga Tiket

...

Bukti Pemesanan ini, dibawa pada saat melakukan pembayaran.

Pembayaran dilakukan paling lambat 1 (hari) sebelum tanggal keberangkatan 1.

2.

Informasi :

Primajasa BSM : 022-7320712 Primajasa Bandara : 021-55915555 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.

Kode Bus / No-Polisi : .../...

Logo Logo

(40)

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.

Nama Penumpang

Jam / Tanggal Pembayaran

Tujuan : ...

Primajasa BSM : 022-7320712

Primajasa Bandara : 021-55915555

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.

No. Keberangkatan : ...

Status Pembayaran

Kode Bus / No-Polisi : .../... ANGKUTAN PEMADU MODA

Logo

Gambar 2.21 Rancangan Dokumen Tiket

3) Daftar Manifest Penumpang

Daftar manifest merupakan, dokumen berisi daftar penumpang dalam satu armada pada satu

keberangkatan.

Tanggal / Jam Keberangkatan Jam Keberangkatan

: ... : ... Rute : ... No. Manifest : ...

DAFTAR MANIFEST PENUMPANG

Jumlah Penumpang : ...

No Nomor Nomor Tiket

Kursi Nama Penumapng

...

Halaman ke 1 dari 1

Logo Logo

(41)

4) Laporan Penjualan Harian

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

LAPORAN PENJUALAN - HARIAN

Jumlah Tiket : ...

No Nomor _Tiket _KursiNo. Nama Penumapng

...

Halaman ke 1 dari 1

: ...

Total Penjualan : ...

Nama

Logo Logo

Gambar 2.23 Rancangan Dokumen Penjualan Harian

5) Laporan Penjualan Bulanan

Laporan penjualan bulanan berisi tentang total akumulasi penjualan tiket dalam satu periode bulan.

LAPORAN PENJUALAN - BULANAN

Jumlah Tiket : ...

No Jumlah Tiket

...

Total Penjualan Harian (Rp.)

Halaman ke 1 dari 1

: ...

Total Penjualan Bulanan : ...

Logo Logo

(42)

6) Laporan Pemesanan Harian

Laporan pemesanan harian berisi tentang daftar pesanan tiket yang terjadi dalam satu hari. Berikut ini adalah

rancangan laporan pemesanan harian:

LAPORAN PEMESANAN - HARIAN

Jumlah Kursi Dipesan : ...

No Jumlah Kursi Nama Pemesan

...

Tanggal Pemesanan : ...

Tanggal

Halaman ke 1 dari 1

: ...

Logo Logo

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:

LAPORAN PEMESANAN - BULANAN

Total Pemesanan Tiket : ...

No Jumlah Tiket

Dipesan

Periode Bulan : ...

Tanggal

Halaman ke 1 dari 1

: ...

Logo Logo

Jumlah Tiket Terjual

... ... ...

Tanggal Pembuatan Laporan : ...

(43)

(44)

SISTEM PELAYANAN RESERVASI TIKET ANGKUTA