8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
1/53
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.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
2/53
38
Tabel 3. 1 Pemesanan / Reservasi Tiket Via Telepon
No. Dokumen Uraian
1 Pemesanan Tiket Via
TeleponDeskripsi : 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. Dokumen Uraian
2 Formulir Pemesanan
Tiket
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.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
3/53
39
Tabel 3. 3 Dokumen Output (Tiket)
No. Dokumen Uraian
3 Tiket Deskripsi : Output dari proses pemesanan
tiket, tiket ini hanya berlaku pada pembelian
secara langsung diloket,
Fungsi : sebagai bukti dan output daritransaksi 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. DokumenUraian
4 Laporan Penumpang 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.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
4/53
40
3.1.2 Analisis Prosedur Yang Sedang Berjalan
3.1.2.1 Use Case
System
Penumpang
Petugas Loket
Pesan Tiket/
Booking
Verifikasi Biodata
dan Jadwal
Pembelian Tiket
include
include
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.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
5/53
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)
Sibuk?
Melakukan PanggilanTersambung
Jika tidak tersambung,
maka penumpang mencoba
menepon kembali
Menekan Nomor Ekstensi
yang dituju
Menerima
Selesai
Memesan Tiket
Verifikas?
Menyimpan data
Pemesan
Memberitahu
Batas Konfirmasi
Menerima Konfirmasi
Selesai
Mulai
Gambar 3. 2 Activity Diagram dari Use Case dari Pemesanan
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
6/53
42
b. Activity Diagram Use CasePembelianTiket
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:
Menerima Formulir
Mendatangi Loket
Mengisi Formulir Pendaftaran Tiket
Menunggu Antrian
Menyerahkan Formulir Ke Petugas
Penumpang
M erekap Transaksi K euangan M enginput Data P enum pang
Menerima Formulir
Menerima Formulir Menerima Formulir
Mulai
Selesai
Operator (Petugas Loket)
Gambar 3. 3 Activity Diagram dari Use Case dari Pembelian
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
7/53
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 Reaksi Sistem
1. Penumpang melakukan panggilan
Telepon ke nomor ekstensi
2.
Penumpang menunggu jawaban
apakah panggilan tersebut
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
8/53
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
Tiket, dengan menyebutkan
biodata pemesan(penumpang), dan
jadwal yang diinginkan
(nama_pemesan, nomor_telp,
alamat_pemesan, nomor_seat,
kode_pemberangkatan, kode_loket,
nomor_pemesan, tgl_pesan,
tgl_expire, status_pemesan).
6.
Memverifikasi biodata dan jadwal
keberangkatan pemesan
(penumpang);
a. Jika ”tidak”, meminta jadwal
lainnya yang tersedia (kembali
ke proses (5))
b.
Jika ”ya”, lanjut ke proses
berikutnya (7)
7. Menyimpan data penumpang
dengan status ”pesan” atau sebagai
penumpang sementara.
8. Mengkonfirmasi batas konfirmasi
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
9/53
45
dan pembayaran
9.
Mendapatkan informasi batas
konfirmasi dan proses pemesanan
selesai
Kondisi Akhir Penumpang Mendapatkan informasi
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
-
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
10/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
11/53
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
tiket masih dilakukan secara
manual
Operator
Loket
Pembuatan sistem informasi
yang telah terintegrasi dengan
database, yang dapat
mempermudah prosesproses
pemesanan tiket.
Proses pemesanan tiket dan
pencarian jadwal saat ini hanya
bisa dilakukan melalui loket
ataupun via telepon
Konsumen Pembuatan sistem online
memberikan kemudahan bagi
konsumen dalam pemesanan
tiket serta pencarian jadwal
Proses pembuatan jadwal, serta
pengecekan pemesanan tiket
masih dilakukan dengan
membandingkan data secara
manual.
Manager
Operasional
Pembuatan sistem informasi
pemesanan tiket yang telah
terintegrasi dengan database.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
12/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
13/53
49
user
user
servers Loket
Loket
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.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
14/53
50
User
Loket
Loket
Loket
Server Utama
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.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
15/53
51
Berikut adalah perancangan Use Case nya:
Actor3
UseCase8
UseCase5
UseCase1
UseCase2
UseCase7
UseCase4
Actor1
UseCase6
UseCase10
Actor2UseCase11
UseCase9UseCase3
(from use case view)
(from use case view)
(from use case view)
(from use case view)
(from use case view)(from use case view)
(from use case view)
(from use case view)
(from use case view)
Gambar 3. 6 Use Case Diagram Sistem Booking Tiket Online
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
16/53
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 Operator Loket merupakan operator loket travel
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.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
17/53
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 : Data konsumen valid
Alternate flow
:
Jadwal yang diinginkan tidak tersedia, kembali
memilih jadwal Data yang dimasukan tidak valid,
kembali memasukan data
Non behavioral : -
Asumsi : -
Sumber : -
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
18/53
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 : Opertotr Loket telah masuk ke dalam sistem
Flow of events
:
Operator Outlet memasukan kode pemesanan
Operator Memilih Data konsumen
Operator Merubah Status Pesan Konsumen
Operator Mencetak Tiket
Post Condition : Data konsumen valid
Alternate flow
:
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
19/53
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 Output Transaksi : User
uiCekjadwal:
jadwal
PilihKursi:
jadwal
submit:
jadwal
LoadJadwal:
jadwal
LoadKursi:
jadwal
Pilih loket keberangkatan
Submit
Pilih jam keberangkatan
Pilih tujuan
Pilih kursi()
Return:arraykursi()
get_jadwal
Validasi Kursi
Return:array(jadwal)
Load kursi()
Return:arraykursi()
Show Jadwal()Submit Data
get kursi
Input Pemesanan()
Return:id_kursi
Return:id_pemesanan
Gambar 3. 7 Sequence Diagram Booking Tiket Online
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
20/53
56
Ui:FormKodePesan
Ubahstatus:transaksi
Transaksi:Loket:operator loket
Input kode pemesanan
View data pemesanan()
Input kode pemesanan
Submit
Konfirmasi pemesanan
Ubah status()
Gambar 3. 8 Sequence Diagram Konfirmasi Booking Tiket Online
Pilih loket :
loket
Set Jadwal :
jadwalUi:Form Jadwal
:Admin
Pilih loket
Input waktu
Pilih hari
setJadwal()
Input tujuan
submit
Gambar 3. 9 Sequence Diagram Pembuatan Rute dan Jadwal
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
21/53
57
Loket:show_ loket Jadwal:show_ jadwal Kendaraan:show _kendaraan:Admin
Pilih loket
Pilih jadwal
setJadwal()
Pilih kendaraan
Supir:show_supir Jadwal:set_jadwal
Pilih supir
Gambar 3. 10 Pembuatan Jadwal Supir dan Kendaraan
Ui:FormLogin Cek status:user Cek user:login:(konsumen)
Input username
Validasi user()
Input password
Return:id_karyawan,id_lokasi
Cek lokasi user
Lokasiuser:lokasi
submit
Validasi
Cek user status
User status
lokasi user
Gambar 3. 11 Sequence Diagram Login
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
22/53
58
3.2.3.3 Activity Diagram
Diagram aktivitas yang dilakukan oleh para “ pemesan” terhadap sistem.
Masuk Halaman web
Pilih Loket tujuan
Pilih Loket keberangkatan
Pilih Lokasi
Pilih Jam Keberangkatan
Pilih Tanggal Keberangkatan
Pilih No Kursi
Input Data Konsumen
Simpan Data Pemesanan
Validasi Data Pemesanan
[jadwal tidak ada/penuh]
[data tidak valid]
Batal melakukan pemesanan
end
Cek Jadwal
mulai
Gambar 3. 12 Activity Diagram Pemesanan
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
23/53
59
Masukkan Kode Pemesanan
Ubah Status Pesan
Konfirmasi Pemesanan
List Data Pemesanan
[kode tidak valid]
mulai
end
Gambar 3. 13 Activity Diagram Konfirmasi Pemesanan
Masukkan Username Masukkan Password
Login
Ya
Username dan
Password sesuai
Tidak
Gambar 3. 14 Activity Diagram Login
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
24/53
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.
:Konsumen
Form pemesanan : form
:kursi
:transaksi
:jadwal :loket
3 : g e t J
a d w
a l ( )
8 : v a
l i d a
s i P e m
e s a n
a n
9 : r e t u r n : i d
_ p e m
e s a n
a n
1 : p i l i h j a d w a l 4 : p i l i h k u r s i
5 : g e t _k u r s i ( )
6 : s e t _k u r s i ( )
2 : g e
t L o k e t ( )
7 : i n p u t P e m e s a n a n
Gambar 3. 15 Collabboration Diagram Pemesanan Tiket
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
25/53
61
:operator loket
Cari:form
konfirmasi
:transaksi
: jadwal:konsumen
7 : u b a h
s t a t u
s
5 : r e t u r n : p e m e s a
n a n ( )
2 : g e t T r a n
s a k s i ( )
2 : g e t T r a n s a k s i ( ) 6 : u b a h s t a t u s
p e s a n
3 : g e t j a d w a l ( ) 4 : r e t u r n : j a d w a l
Gambar 3. 16 Collabboration Diagram Konfirmasi Pemesanan
:Admin
Form jadwal :
jadwal
: lokasi
: jadwal
: loket
8 : s
e t J
a d w
a l ( )
6 : g
e t J
a d w
a l ( )
4 : g e t L o k e t ( )
2 : g e t Lo k a s i ( )
4 : p i l i h h a r i
1 : p i l i h l o k a s i
3 : p i l i h l o k e t
7 : s u b m i t
Gambar 3. 17 Collaboration Diagram Pembuatan jadwal
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
26/53
62
3.2.3.5 Component Diagram
Component Diagram yang digunakan dalam pengembangan Sistem
Booking Tiket Online.
Firewall
Web Server
Bussiness Logic
Database SQL
JSON/XML
Halaman PHP
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
27/53
63
Client Network (HTTP/S)
Web Server Application
Server
Database
Server
HTTP
Server
File System
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
Tentang Kami Hubungi KamiHome Produk Service
Pilih Kota
Dari
Tujuan
Tanggal
Pesan
Gambar 3. 20 Tampilan Antarmuka
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
28/53
64
3.2.4.1 Struktur Menu
Sitemap Cipaganti Travel
Home Tentang Kami Service Produk Hubungi Kami
Booking Tiket Online 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 I nput Pemesanan
Form input pemesanan merupakan form yang berfungsi untuk menangani
proses pemesanan tiket. Form ini terdapat di sidebar kiri website Cipaganti
Group.
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
29/53
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 : XXXXXXLoket Tujuan : XXXXXXTanggal Pesan : dd/mm/yyyy
Lanjutkan
Gambar 3. 23 Pemilihan Nomor Kursi
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
30/53
66
3.2.4.2.3 Form I nput Data Konsumen
Form ini berfungsi untuk menangani proses inputan biodata pemesan.
Loket Keberangkatan : XXXXXLoket Tujuan : XXXXXXXXTanggal Pesan dd/mm/yyyy
No KTP/SIM
Nama
Alamat
No Telp
No Hp
Simpan Transaksi Reset
Gambar 3. 24 Input Pemesanan Tiket
3.2.4.2.4 Form I nput Jadwal
Form ini berfungsi untuk menangani proses penambahan jadwal yang
dilakukan oleh Admin super
Loket Rute Jadwal Hari
Setting Jadwal Loket XXXXXHari, dd/mm/yyyy hh:mm:ss
Rute/Tujuan
Hari
Waktu
Tambah Reset
Gambar 3. 25 Setting Jadwal
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
31/53
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
Alamat
Tgl Pesan
Jumalh Pesan
Outlet Keberangakatan Outlet Tujuan
Gambar 3. 26 Output Tiket Sementara
3.2.4.3.2 Perancangan Output Data Transaksi Online
No ID Nama Alamat Transaksi Status Loket Jadwal Tgl Jalan
Laporan Transaksi Online
Day,dd/mm/yyyy hh:mm
Gambar 3. 27 Laporan Transaksi Online
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
32/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
33/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
34/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
35/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
36/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
37/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
38/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
39/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
40/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
41/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
42/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
43/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
44/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
45/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
46/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
47/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
48/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
49/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
50/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
51/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
52/53
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
8/18/2019 Jbptunikompp Gdl Taufikakba 24971 3 Babiii n
53/53
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