37
BAB III PEMBAHASAN 3.1 Analisis Sistem yang Berjalan 3.1.1 Analisis Dokumen Analisis Dokumen ini dilakukan guna untuk mengetahui dokumen apa saja yang menjadi input, proses, dan output dari system ini. Dokumen input adalah dokumen yang akan diproses oleh sistem yang biasanya dilakukan oleh entitas luar sistem (calon penumpang), Dokumen Proses adalah dokumen yang diperlukan oleh sistem dalam melakukan kegiatan pemesanandan pembelian tiket, sedangkan yang menjadi Dokumen Output adalah dokumen yang dihasilkan oleh proses olahan sistem, yang berasal dari dalam sistem ke entitas luar (berupa tiket). Dokumen-dokumen yang digunakan sebenarnya cukup banyak,baik itu yang berupa data dalam bentuk simpanan, maupun yang bisa dijadikan laporan maupun dokumen dalam bentuk fisik (masukan dan keluaran).Namun yang penulisan bahasa dan jelaskan dalam analisa ini adalah dokumen yang dirasa cukup sering digunakan dan diperlukan dalam aktivitas pemesanan dan penjualan tiket di Cipaganti Group dokumen tersebut diantaranya adalah : 1. Dokumen Pemesanan / Reservasi Tiket Via Telepon 2. Dokumen Pembelian / Penjualan Tiket di Loket 3. Dokumen Output (Tiket) 4. Dokumen Laporan Penumpang/Surat Jalan.
38
Tabel 3. 1 Pemesanan / Reservasi Tiket Via Telepon No. 1
Dokumen Pemesanan Telepon
Tiket
Uraian Via Deskripsi : Tabel pemesanan tiket via telepon, untuk transaksi pembayaran akan dilakukan di loket, Fungsi : Digunakan untuk menyimpan data pemesanan sementara, Sumber : Petugas Loket (operator), Atribut : nama_pemesan, nomor_telp, alamat_pemesan, nomor_seat, kode_pemberangkatan, kode_loket, nomor_pemesan, tgl_pesan, tgl_expire, status_pemesan.
Tabel 3. 2 Form Data Pembelian / Penjualan Tiket di Loket No. 2
Dokumen Formulir Pemesanan Tiket
Uraian Deskripsi : Formulir pemesanan tiket, Fungsi : sebagai form isian untuk memesan tiket, Sumber : Petugas Loket (operator), Atribut : nama_pemesan, alamat_pemesan, nomor_telp, tujuan, tgl_berangkat, jam_berangkat, nomor_seat.
39
Tabel 3. 3 Dokumen Output (Tiket) No. 3
Dokumen Tiket
Uraian Deskripsi : Output dari proses pemesanan tiket, tiket ini hanya berlaku pada pembelian secara langsung diloket, Fungsi : sebagai bukti dan output dari transaksi pemesanan/pembelian tiket oleh penumpang, Sumber : Petugas Loket (operator), Atribut : nama_pemesan, alamat_pemesan, nomor_telp, tujuan, tgl_berangkat, jam_berangkat, nomor_seat, jumlah_tiket, harga_pertiket, harga_tiket, jumlah_bayar, harga_total.
Tabel 3. 4 Dokumen Laporan Penumpang / Surat Jalan No. 4
Dokumen Laporan Penumpang
Uraian Deskripsi : Berisi laporan mengenai informasi keberangkatan kendaraan dan penumpang yang ikut serta dengan kendaraan yang telah ditentukan, Fungsi : sebagai pedoman bagi petugas Keberangkatan untuk melakukan pengawasan keberangkatan, Sumber : Petugas Loket (operator), Atribut : nama_pemesan, alamat_pemesan, nomor_telp, tujuan, tgl_berangkat, jam_berangkat, nomor_seat, jumlah_tiket, harga_pertiket, harga_tiket, jumlah_bayar, harga_total.
40
3.1.2 Analisis Prosedur Yang Sedang Berjalan 3.1.2.1 Use Case
System
Pesan Tiket/ Booking include
Verifikasi Biodata dan Jadwal
Penumpang
Petugas Loket include
Pembelian Tiket
Gambar 3. 1 Use Case Diagram sistem yang sedang berjalan
Dari Use Case diatas terlihat sistem yang ada di Cipaganti Group dalam proses pemesanan maupun pembelian tiket. Dari Use Case diatas tampak bahwa ada 2 (dua) aktor yang berperan didalamnya, yaitu: penumpang dan petugas loket Di dalam sistem itu sendiri mekanisme yang dijalankan adalah Use Case pemesanan tiket/booking dan Use Case pembelian tiket.Kedua Use Case tersebut memiliki kesamaan didalam prosesnya, yaitu melakukan verifikasi jadwal keberangkatan dan memasukkan biodata (detail penumpang), disini proses verifikasi data masih dilakukan dengan cara membandingkan data secara manual.
41
3.1.2.2 Activity Diagram a. Activity Diagram Pemesanan Tiket (via Telepon) Proses pemesanan tiket di Cipaganti Group dengan system pemesanan via Telepon merupakan alternative lain dari cara memesan tiket. Secara umum proses yang dijalankan juga sama seperti pemesanan tiket diloket, yang membedakan hanya media yang digunakan dan pola komunikasinya. Penggambarannya sebagai berikut:
Penumpang
Line Telepon
Operator (Petugas Loket)
Mulai Jika tidak tersambung, maka penumpang mencoba menepon kembali
Melakukan Panggilan
Tersambung
Menekan Nomor Ekstensi yang dituju Sibuk?
Menerima
Selesai
Memesan Tiket Verifikas?
Menyimpan data Pemesan
Menerima Konfirmasi
Memberitahu Batas Konfirmasi
Selesai
Gambar 3. 2 Activity Diagram dari Use Case dari Pemesanan
42
b. Activity Diagram Use Case PembelianTiket Prosedur lain yang terdapat dalam proses penjualan tiket di Cipaganti Group adalah dengan datang langsung ke loket, dalam hal ini proses tersebut diasumsikan dengan proses Pembelian Tiket dan berdasarkan penjelasan singkat tersebut, berikut penggambarannya: Penumpang Mulai
Operator (Petugas Loket)
Mendatangi Loket
Mengisi Formulir Pendaftaran Tiket
Menunggu Antrian
Menyerahkan Formulir Ke Petugas
Menerima Formulir
Merekap Transaksi Keuangan
Menginput Data Penumpang
Menerima Formulir
Menerima Formulir
Menerima Formulir
Selesai
Gambar 3. 3 Activity Diagram dari Use Case dari Pembelian
43
3.1.2.3 Skenario Activity Diagram a.
Skenario Activity Diagram dari Use Case Pemesanan Tiket (via Telepon) 1.
Nama Use Case : Pemesanan / Booking
2.
Aktor : Penumpang, Petugas Loket
3.
Type : Primary
4.
Tujuan : Melakukan pemesanan Tiket melalui Telepon
Tabel 3. 5 Skenario Penumpang memesan Tiket No : UC 01 Nama
Pesan / Booking Tiket
Tujuan
Melakukan pemesanan tiket (booking) jadwal keberangkatan Deskripsi
Tipe
Primary
Aktor
Penumpang, Petugas Loket Skenario Utama
Kondisi Awal Aksi Aktor 1. Penumpang melakukan panggilan Telepon ke nomor ekstensi 2. Penumpang menunggu jawaban apakah panggilan tersebut
Reaksi Sistem
44
terjawab atau tidak; a. Jika “tidak”, maka kembali ke proses (1) b. Jika “ya”, maka melanjutkan ke proses selanjutnya 3. Penumpang menekan nomor ekstensi
4. Menghubungkan ke bagian pemesan, apakah sibuk atau tidak; a. Jika ”ya”, proses diakhiri b. Jika ”tidak”, lanjutkan ke proses berikutnya (5)
5. Penumpang melakukan pemesanan
6. Memverifikasi biodata dan jadwal
Tiket, dengan menyebutkan
keberangkatan pemesan
biodata pemesan(penumpang), dan
(penumpang);
jadwal yang diinginkan (nama_pemesan, nomor_telp,
a. Jika ”tidak”, meminta jadwal
alamat_pemesan, nomor_seat,
lainnya yang tersedia (kembali
kode_pemberangkatan, kode_loket,
ke proses (5))
nomor_pemesan, tgl_pesan, tgl_expire, status_pemesan).
b. Jika ”ya”, lanjut ke proses berikutnya (7) 7. Menyimpan data penumpang dengan status ”pesan” atau sebagai penumpang sementara. 8. Mengkonfirmasi batas konfirmasi
45
dan pembayaran 9. Mendapatkan informasi batas konfirmasi dan proses pemesanan selesai Penumpang Mendapatkan informasi
Kondisi Akhir
batas konfirmasi dan proses pemesanan selesai
b. Skenario Activity Diagram dari Use Case Pembelian Tiket 1. Nama Use Case : Pembelian Tiket 2. Aktor : Penumpang, Petugas Loket 3. Type : Primary 4. Tujuan : Melakukan Pembelian Tiket Tabel 3. 6 Skenario Pembelian Tiket No : UC 02 Nama
Pembelian Tiket
Tujuan
Melakukan pembelian tiket secara langsung di loket. Deskripsi
Tipe
Primary
Aktor
Penumpang, Petugas Loket Skenario Utama
Kondisi Awal
46
Aksi Aktor
Reaksi Sistem
1. Penumpang mendatangi loket 2. Penumpang mengisi formulir pendaftaran tiket keberangkatan 3. Melakukan antrian 4. Penumpang menyerahkan formulir pendaftaran tiket ke petugas.
5. Menerima formulir pendaftaran tiket 6. Melakukan verifikasi biodata dan jadwal keberangkatan; a. Jika ”tidak”, meminta jadwal lainnya yang tersedia b. Jika ”ya”, lanjut ke proses berikutnya (7) 7. Menginput data penumpang kedalam database pemesan. 8. Mencetak Keberangkatan 9. Menyerahkan tiket kepada penumpang
10. menerima tiket dan proses pembelian tiket selesai
Kondisi Akhir
Penumpang menerima tiket dan proses pembelian tiket selesai
47
3.1.3 Evaluasi Analisis Prosedur yang Sedang Berjalan Berdasarkan analisis sistem yang berjalan saat ini di Cipaganti Group ,terlihat bahwa sistem yang sudah berjalan masih memiliki beberapa kelemahan, hal ini dapat kita lihat di Tabel 3.7 Evaluasi Sistem :
Tabel 3. 7 Evaluasi Sistem Masalah
Aktor
Solusi
Proses administrasi pemesanan Operator
Pembuatan sistem informasi
tiket masih dilakukan secara Loket
yang telah terintegrasi dengan
manual
database, yang dapat mempermudah prosesproses pemesanan tiket.
Proses pemesanan tiket dan Konsumen
Pembuatan
pencarian jadwal saat ini hanya
memberikan kemudahan bagi
bisa dilakukan melalui loket
konsumen dalam pemesanan
ataupun via telepon
tiket serta pencarian jadwal
Proses pembuatan jadwal, serta Manager
Pembuatan sistem informasi
pengecekan pemesanan tiket Operasional
pemesanan tiket yang telah
masih dilakukan dengan
terintegrasi dengan database.
membandingkan data secara manual.
sistem
online
48
3.2 Perancangan Sistem 3.2.1 Tujuan Perancangan Perancangan sistem ini dilakukan setelah tahap analisis sistem berjalan dikerjakan, dalam perancangan dilakukan penyesuaian terhadap model analisis dengan bahasa pemograman yang digunakan dalam penggunaan perangkat lunak. Pada dasarnya tahap perancangan ini bertujuan untuk: 1. Untuk memenuhi kebutuhan kepada pemakai sistem 2. Untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap tentang sistem yang akan dibuat kepada programmer
3.2.2 Gambaran Umum Sistem yang Diusulkan Dalam perancangan pemodelan Sistem Pemesanan tiket online pada PT. Cipaganti Citra Graha, kami menggunakan UML (Unified Modeling Language). a.
Rancangan Umum Sistem Pemesanan tiket online pada PT. Cipaganti Citra Graha.
Sistem Pemesanan tiket online pada PT. Cipaganti Citra Graha dibangun berbasiskan web dan bersifat multiplatform (mampu dijalankan di berbagai system operasi). Sistem Pemesanan Tiket di Install pada Komputer yang berperan sebagai web server, setelah itu system dapat di akses oleh user melalui browser. Untuk melihat hubungan yang terjadi antar Sistem dengan User dapat dilihat di Gambar 3.4
49
Loket
user
servers
Loket
user
Gambar 3. 4 Hubungan Sistem dengan User
b. Rancang-Bangun Sistem Kerja Sistem Pemesanan tiket online pada PT. Cipaganti Citra Graha Sistem Pemesanan tiket online yang di Rancang berbasiskan web, sistem dibangun untuk memudahkan user untuk melakukan pemesanan tiket di Cipaganti Group . Untuk Proses Pemesanan Tiket seorang user dapat dilakukan dikomputer yang telah terhubung dengan jaringan internet, untuk lebih jelas proses pemesanan tiket dapat dilihat di Gambar 3.5.
50
Loket Loket
Server Utama
Loket
User
Gambar 3. 5 Gambaran Umum Pemesanan Tiket Online
3.2.3 Perancangan Prosedur yang Diusulkan 3.2.3.1 Use Case Diagram Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”.Sebuah Use Case mempresentasikan sebuah interaksi antara Actor dengan sistem.
51
Berikut adalah perancangan Use Case nya:
UseCase1 <<Extend>> (from use case view)
UseCase8
UseCase2 <<Extend>>
(from use case view)
(from use case view)
<
>
Actor3
UseCase5
UseCase7
(from use case view)
(from use case view) Actor1
<<Extend>> UseCase6 UseCase4
<>
(from use case view)
UseCase10
(from use case view)
UseCase11 Actor2
<<Extend>>
UseCase3 (from use case view)
<<Extend>>
UseCase9 (from use case view)
Gambar 3. 6 Use Case Diagram Sistem Booking Tiket Online
52
3.2.3.1.1 Definisi Aktor Aktor didefinisikan sebagai aturan yang dimainkan oleh pengguna dalam berinteraksi dengan sistem. Sistem ini memiliki 3 Aktor. Masing – masing aktor dijelaskan pada tabel berikut ini : Tabel 3. 8 Daftar Aktor No. Aktor
Deskripsi
1.
Operator Loket merupakan operator loket travel
Operator Loket
yang terdapat dalam database yang mimiliki hak untuk melihat pemesanan, mengkonfirmasi serta membuat pemesanan tiket. 2.
Admin
Admin bertugas sebagai pengatur dari aplikasi sistem informasi pemesanan seperti pembuatan jadwal, melihat dapat pemesanan. Admin juga bertugas membuat content-content yang terdapat di dalam web yang ada di sistem
3.
User
Aktor
konsumen
merupakan
user
yang
menggunakan sistem booking tiket online melalui web browse
3.2.3.1.2 Definisi Use Case Use Case didefinisikan sebagai sebuah proses utama yang akan dilakukan oleh sistem yang memberikan keuntungan bagi aktor dengan cara-cara tertentu.
53
Ada sistem yang akan dirancang terdapat beberapa buah use case utama yang semuanya akan dijelaskan. Tabel 3. 9 Use Case Pemesanan Tiket Use Case
:
Pemesanan Tiket
Use Case ID
:
-
Deskripsi singkat
:
Konsumen melakukan pemesanan tiket
Pra kondisi
:
-
Flow of events
Konsumen memilih loket keberangkatan Konsumen memilih loket tujuan Konsumen memilih tanggal keberangkatan :
Konsumen memilih jam keberangkatan Konsumen memasukan data konsumen Sistem melakukan penyimpanan dan mengirimkan data pemesanan
Post Condition
:
Alternate flow
Data konsumen valid Jadwal yang diinginkan tidak tersedia, kembali
:
memilih jadwal Data yang dimasukan tidak valid, kembali memasukan data
Non behavioral
:
-
Asumsi
:
-
Sumber
:
-
54
Tabel 3. 10 Use Case Konfirmasi Tiket Use Case
:
Konfirmasi Pemesanan Tiket
Use Case ID
:
-
Deskripsi singkat
Operator Loket mengkonfirmasi pemesanan tiket : yang telah dilakukan oleh konsumen
Pra kondisi
:
Flow of events
Opertotr Loket telah masuk ke dalam sistem Operator Outlet memasukan kode pemesanan Operator Memilih Data konsumen
: Operator Merubah Status Pesan Konsumen Operator Mencetak Tiket Post Condition
:
Alternate flow
Data konsumen valid Data yang dimasukan tidak valid, kembali memasukan data
: Data Konsumen tidak ditemukan / sudah tidak valid Non behavioral
:
-
Asumsi
:
-
Sumber
:
-
3.2.3.2 Sequence Diagram Sequence Diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu. Diagram ini menunjukan sejumlah contoh
55
objek dan message yang diletakkan di antara objek-objek di dalam Use Case. Komponen utama sequence diagram terdiri dari objek yang di tulis akan dengan kotak segi empat bernama. Message diwakili oleh garis dengan tanda panah dan waktu yang di tunjukkan dengan progress vertical. Diawali dari apa yang mentrigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.
Konsumer : User
uiCekjadwal: jadwal
submit: jadwal
LoadJadwal: jadwal
LoadKursi: jadwal
PilihKursi: jadwal
Output Transaksi : User
Pilih loket keberangkatan
Pilih tujuan
Pilih jam keberangkatan
Submit
Submit Data
Show Jadwal()
Return:array(jadwal)
get_jadwal
Load kursi()
get kursi
Return:arraykursi() Return:arraykursi()
Pilih kursi()
Validasi Kursi Return:id_kursi
Input Pemesanan()
Return:id_pemesanan
Gambar 3. 7 Sequence Diagram Booking Tiket Online
56
Ui:FormKode Pesan
:operator loket
Transaksi:Loket
Ubah status:transaksi
Input kode pemesanan
Submit
Input kode pemesanan
View data pemesanan()
Konfirmasi pemesanan Ubah status()
Gambar 3. 8 Sequence Diagram Konfirmasi Booking Tiket Online
Pilih loket : loket
:Admin
Ui:Form Jadwal
Set Jadwal : jadwal
Pilih loket Input tujuan
Pilih hari
Input waktu
submit setJadwal()
Gambar 3. 9 Sequence Diagram Pembuatan Rute dan Jadwal
57
Loket:show_ loket
:Admin
Jadwal:show_ jadwal
Kendaraan:show _kendaraan
Supir:show_s upir
Jadwal:set_jad wal
Pilih loket
Pilih jadwal
Pilih kendaraan
Pilih supir
setJadwal()
Gambar 3. 10 Pembuatan Jadwal Supir dan Kendaraan
Ui:FormLogin
Cek user:login
Cek status:user
:(konsumen)
Input username
Input password
submit
Validasi user() Validasi
Cek user status
User status
Cek lokasi user lokasi user Return:id_karyawan,id_lokasi
Gambar 3. 11 Sequence Diagram Login
Lokasi user:lokasi
58
3.2.3.3 Activity Diagram Diagram aktivitas yang dilakukan oleh para “pemesan” terhadap sistem. mulai
Masuk Halaman web
Pilih Lokasi
Pilih Loket keberangkatan
Pilih Loket tujuan
Pilih Tanggal Keberangkatan
Pilih Jam Keberangkatan
Cek Jadwal
[jadwal tidak ada/penuh]
Batal melakukan pemesanan
Pilih No Kursi
Input Data Konsumen
[data tidak valid]
Validasi Data Pemesanan
Simpan Data Pemesanan
end
Gambar 3. 12 Activity Diagram Pemesanan
59
mulai
Masukkan Kode Pemesanan
[kode tidak valid]
List Data Pemesanan
Konfirmasi Pemesanan
Ubah Status Pesan
end
Gambar 3. 13 Activity Diagram Konfirmasi Pemesanan
Masukkan Username
Masukkan Password
Tidak Username dan Password sesuai Ya Login
Gambar 3. 14 Activity Diagram Login
60
3.2.3.4 Collaboration Diagram Collaboration diagram juga menggambarkan interaksi antar objek seperti sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan bukan pada waktu penyampaian message.
1:pili
:Konsumen
7:inp
utPe
h jad
m e sa
wal
4:pili
h ku r si
nan Form pemesanan : form
n
an
an
6:set _kur si
()
lid
tJadw
va
3:ge
8:
:jadwal
et()
:transaksi
k tLo
al()
as
iP
em
es
m
na
t_kur si()
e 2:g
e _p :id n r tu re : 9
a es
5:ge
:loket
Gambar 3. 15 Collabboration Diagram Pemesanan Tiket
:kursi
61
2 :g
:operator loket
etT ra
ns ak si( ) ba h pe sta sa tu s n
6 :u
Cari:form konfirmasi
ge 2:
s tat u
n(
7 :u
na
ba
sa
hs
)
me
si(
:p e
ak
rn
ns
etu
ra tT
5 :r
)
:transaksi 3:g e 4:re
turn :jad w
t ja
dw
a l ()
al
: jadwal
:konsumen
Gambar 3. 16 Collabboration Diagram Konfirmasi Pemesanan
1:pil
ih lo
ka s i 4:pil
:Admin
ih lo
ih h
a ri
ket 7:su
bmit
Form jadwal : jadwal
2:ge tL
tJa
)
si()
dw
)
al(
oka
oket(
dw
al (
)
tL 4:ge
8:s e
tJa
: lokasi
6:g e
3:pil
: loket
: jadwal
Gambar 3. 17 Collaboration Diagram Pembuatan jadwal
62
3.2.3.5 Component Diagram Component Diagram yang digunakan dalam pengembangan Sistem Booking Tiket Online.
Firewall
JSON/XML
Web Server
Halaman PHP
Bussiness Logic
Database SQL
Gambar 3. 18 Component Diagram Sistem Booking Tiket Online 3.2.3.6 Deployment Diagram Gambaran umum Deployment Diagram dari Sistem Booking Tiket online dapat dilihat di Gambar 3.19
63
Client
Network (HTTP/S)
Web Server
Application Server
HTTP Server File System
Database Server
Bussiness Object Container
Gambar 3. 19 Deployment Diagram Sistem Booking Tiket Online 3.2.4 Perancangan Antarmuka Secara umum, tampilan antarmuka Sistem Pemesanan tiket online pada PT. Cipaganti Citra Graha di gambarkan pada Gambar 3.20
Home
Tentang Kami
Service
Produk
Hubungi Kami
Pilih Kota Dari Tujuan
Tanggal
Pesan
Gambar 3. 20 Tampilan Antarmuka
64
3.2.4.1 Struktur Menu
Sitemap Cipaganti Travel
Home
Tentang Kami
Service
Booking Tiket Online
Produk
Hubungi Kami
Rental Mobil
Bus Pariwisata
Kargo & Paket Gambar 3. 21 Struktur Menu Website Cipaganti Group
3.2.4.2 Perancangan Input Perancangan input merupakan gambaran interface atau antarmuka tempat memasukan data-data kedalam sistem. Berikut ini form-form utama untuk input data : 3.2.4.2.1 Form Input Pemesanan Form input pemesanan merupakan form yang berfungsi untuk menangani proses pemesanan tiket. Form ini terdapat di sidebar kiri website Cipaganti Group.
65
Pilih Kota Dari
Tujuan Tanggal
Pesan
Gambar 3. 22 Input Pemesanan Tiket
3.2.4.2.2 Form Pemilihan Kursi Form pemilihan kursi berfungsi untuk proses pemilihan nomor kursi yang di inginkan oleh penumpang, nomor-nomor kursi yang tersedia disesuaikan dengan jadwal pemesanan, apabila ada nomor kursi yang telah di isi maka nomor kursi tidak dapat di pilih kembali. Loket Keberangkatan : XXXXXX Loket Tujuan : XXXXXX Tanggal Pesan : dd/mm/yyyy
Lanjutkan
Gambar 3. 23 Pemilihan Nomor Kursi
66
3.2.4.2.3 Form Input Data Konsumen Form ini berfungsi untuk menangani proses inputan biodata pemesan. Loket Keberangkatan : XXXXX Loket Tujuan : XXXXXXXX Tanggal Pesan dd/mm/yyyy
No KTP/SIM Nama Alamat Email No Telp No Hp
Simpan Transaksi
Reset
Gambar 3. 24 Input Pemesanan Tiket 3.2.4.2.4 Form Input Jadwal Form ini berfungsi untuk menangani proses penambahan jadwal yang dilakukan oleh Admin super
Setting Jadwal Loket XXXXX Hari, dd/mm/yyyy hh:mm:ss Rute/Tujuan Hari Waktu Tambah Loket
Rute
Reset Jadwal
Hari
Gambar 3. 25 Setting Jadwal
67
3.2.4.3 Perancangan Output 3.2.4.3.1 Perancangan Output Tiket Sementara Tiket sementara merupakan bukti bahwa konsumen telah melakukan pemesanan tiket online, didalam tiket sementara terdapat nomor pemesanan yang berfungsi sebagai kode konfirmasi pemesanan, tiket ini berbentu file dengan extensi PDF.
Logo
Nama
Tgl Pesan
Alamat
Jumalh Pesan
Outlet Keberangakatan
Outlet Tujuan
Gambar 3. 26 Output Tiket Sementara
3.2.4.3.2 Perancangan Output Data Transaksi Online
Laporan Transaksi Online Day,dd/mm/yyyy hh:mm No
ID
Nama
Alamat
Transaksi
Status
Loket
Gambar 3. 27 Laporan Transaksi Online
Jadwal
Tgl Jalan
68
3.2.5 Tampilan Program Sistem Sebelumnya Secara umum, tampilan program Sistem Pemesanan tiket online pada PT. Cipaganti Citra Graha adalah sebagai berikut : 3.2.5.1 Tampilan Menu Login Tampilan menu login digunakan untuk melakukann proses login karyawan PT. Cipaganti Citra Graha
Gambar 3. 28 Tampilan Menu Login
69
3.2.5.2 Tampilan Gagal Login Gagal Login merupakan tampilan bila terjadi kesalahan dalam pengisian username atau password
Gambar 3. 29 Tampilan Gagal Logi
70
3.2.5.3 Tampilan menu Home
Gambar 3. 30 Tampilan menu Home 3.2.5.4 Tampilan menu rental penyewaan mobil lepas kunci
Gambar 3. 31 Tampilan menu rental penyewaan mobil lepas kunci
71
3.2.5.5 Tampilan isi data rental penyewaan mobil lepas kunci
Gambar 3. 32 Tampilan isi data rental penyewaan mobil lepas kunci
3.2.5.6 Tampilan hasil data isi penyewaan lepas kunci
Gambar 3. 33 Tampilan hasil data isi penyewaan lepas kunci
72
3.2.5.7 Tampilan menu rental pengembalian mobil lepas kunci
Gambar 3. 34 Tampilan menu rental pengembalian mobil lepas kunci
3.2.5.8 Tampilan data hasil pengembalian mobil lepas kunci
Gambar 3. 35 Tampilan data hasil pengembalian mobil lepas kunci
73
3.2.5.9 Tampilan menu rental penyewaan mobil dengan supir
Gambar 3. 36 Tampilan menu rental penyewaan mobil dengan supir
3.2.5.10 Tampilan isi data rental penyewaan mobil dengan supir
Gambar 3. 37 Tampilan isi data rental penyewaan mobil dengan supir
74
3.2.5.11 Tampilan hasil data isi penyewaan dengan supir
Gambar 3. 38 Tampilan hasil data isi penyewaan dengan supir
3.2.5.12 Tampilan menu rental pengembalian mobil dengan supir
Gambar 3. 39 Tampilan menu rental pengembalian mobil dengan supir
75
3.2.5.13 Tampilan data hasil pengembalian mobil dengan supir
Gambar 3. 40 Tampilan data hasil pengembalian mobil dengan supir
3.2.5.14 Tampilan menu rental data mobil
Gambar 3. 41 Tampilan menu rental data mobil
76
3.2.5.15 Tampilan input file gambar data mobil
Gambar 3. 42 Tampilan input file gambar data mobil
3.2.5.16 Tampilan menu kargo & paket premium kirim barang
Gambar 3. 43 Tampilan menu kargo & paket premium kirim barang
77
3.2.5.17 Tampilan isi data kargo & paket premium kirim barang
Gambar 3. 44 Tampilan isi data kargo & paket premium kirim barang
3.2.5.18 Tampilan hasil data isi kargo & paket premium kirim barang
Gambar 3. 45 Tampilan hasil data isi kargo & paket premium kirim barang
78
3.2.5.19 Tampilan menu kargo & paket premium ambil barang
Gambar 3. 46 Tampilan menu kargo & paket premium ambil barang
3.2.5.20 Tampilan isi data penerima kargo & paket premium ambil barang
Gambar 3. 47 Tampilan isi data penerima kargo & paket premium ambil barang
79
3.2.5.21 Tampilan hasil pengambilan kargo & paket premium ambil barang
Gambar 3. 48 Tampilan hasil pengambilan kargo & paket premium ambil barang
3.2.5.22 Tampilan menu kargo & paket khusus kirim barang
Gambar 3. 49 Tampilan menu kargo & paket khusus kirim barang
80
3.2.5.23 Tampilan isi data kargo & paket khusus kirim barang
Gambar 3. 50 Tampilan isi data kargo & paket khusus kirim barang
3.2.5.24 Tampilan hasil data isi kargo & paket khusus kirim barang
Gambar 3. 51 Tampilan hasil data isi kargo & paket khusus kirim barang
81
3.2.5.25 Tampilan menu kargo & paket khusus ambil barang
Gambar 3. 52 Tampilan menu kargo & paket khusus ambil barang
3.2.5.26 Tampilan data penerima kargo & paket khusus ambil barang
Gambar 3. 53 Tampilan data penerima kargo & paket khusus ambil barang
82
3.2.5.27 Tampilan hasil pengambilan kargo & paket premium ambil barang
Gambar 3. 54 Tampilan hasil pengambilan kargo & paket premium ambil barang
3.2.5.28 Tampilan menu kargo & paket data kirim premium
Gambar 3. 55 Tampilan menu kargo & paket data kirim premium
83
3.2.5.29 Tampilan detail kargo & paket data kirim premium
Gambar 3. 56 Tampilan detail kargo & paket data kirim premium
3.2.5.30 Tampilan menu kargo & paket data kirim khusus
Gambar 3. 57 Tampilan menu kargo & paket data kirim khusus
84
3.2.5.31 Tampilan detail kargo & paket data kirim khusus
Gambar 3. 58 Tampilan detail kargo & paket data kirim khusus
3.2.5.32 Tampilan menu kargo & paket data terima premium
Gambar 3. 59 Tampilan menu kargo & paket data terima premium
85
3.2.5.33 Tampilan menu kargo & paket data terima premium
Gambar 3. 60 Tampilan menu kargo & paket data terima premium
3.2.5.34 Tampilan menu kargo & paket data terima khusus
Gambar 3. 61 Tampilan menu kargo & paket data terima khusus
86
3.2.5.35 Tampilan detail kargo & paket data terima khusus
Gambar 3. 62 Tampilan detail kargo & paket data terima khusus
3.2.5.36 Tampilan menu penyewaan bus pariwisata
Gabar 3. 63 Tampilan menu penyewaan bus pariwisata
87
3.2.5.37 Tampilan isi data penyewa bus pariwisata
Gambar 3. 64 Tampilan isi data penyewa bus pariwisata
3.2.5.38 Tampilan hasil isi data penyewa bus pariwisata
Gambar 3. 65 Tampilan hasil isi data penyewa bus pariwisata
88
3.2.5.39 Tampilan menu pengembalian bus pariwisata
Gambar 3. 66 Tampilan menu pengembalian bus pariwisata
3.2.5.40 Tampilan data pengembalian bus pariwisata
Gambar 3. 67 Tampilan data pengembalian bus pariwisata
89
3.2.5.41 Tampilan hasil data pengembalian bus pariwisata
Gambar 3. 68 Tampilan hasil data pengembalian bus pariwisata
3.2.5.42 Tampilan data isi bus pariwisata
Gambar 3. 69 Tampilan data isi bus pariwisata
