Oleh:
Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar
Sarjana Sistem Informasi
Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah
ii
PENGESAHAN SKRIPSI
iii
PENGESAHAN UJIAN
Menyetujui,
Penguji I Penguji II
Pembimbing I Pembimbing II
Mengetahui,
Dekan Ketua
Fakultas Sains dan Teknologi Program Studi Sistem Informasi
Prof. Dr. Lily Surraya Eka Putri, M.Env.Stud. A’ang Subiyakto, Ph.D
NIP:196904042005012005 NIP:197602192007101002
iv
PERNYATAAN
v
ABSTRAK
vi
KATA PENGANTAR
Assalamu’alaikum Wr.Wb
kehadirat Allah SWT, karena dengan limpahan rahmat, hidayah, dan taufiq-
Nya, penulis diberikan nikmat sehat dan ilmu sehingga dapat melaksanakan,
seluruh pihak yang telah banyak membantu baik moril dan materil dalam
1. Ibu Prof. Dr. Hj. Amany Burhanuddin Umar Lubis, Lc., MA selaku
2. Ibu Prof. Dr. Lily Surraya Eka Putri, M.Env.Stud. selaku Dekan
Hidayatullah Jakarta.
vii
4. Ibu Nida’ul Hasanati, MMSI selaku Sekertaris Program Studi Sistem
6. Bapak Drs. Ade Sumarna dan Ibu Dra. Euis Nur Aisyah, orang tuaku
kepada penulis
viii
12. Sahabat-sahabat PESTA (Penikmat Semesta).
13. Seluruh karyawan dan staff pengajar akademik Fakultas Sains dan
Peneliti menyadari bahwa dalam penulisan skripsi ini masih jauh dari
sempurna, oleh karena itu peneliti mengharapkan kritik dan saran agar
Wassalamu’alaikum wr.wb.
Penulis
ix
DAFTAR ISI
PERSETUJUAN ..................................................................................................... ii
PENGESAHAN SKRIPSI ..................................................................................... iii
PENGESAHAN UJIAN ........................................................................................ iv
PERNYATAAN...................................................................................................... v
ABSTRAK ............................................................................................................. vi
KATA PENGANTAR .......................................................................................... vii
DAFTAR ISI ........................................................................................................... x
DAFTAR GAMBAR ........................................................................................... xiv
DAFTAR TABEL .............................................................................................. xviii
BAB I ...................................................................................................................... 1
PENDAHULUAN .................................................................................................. 1
1.1 Latar Belakang ..........................................................................................1
1.2 Identifikasi Masalah ..................................................................................5
1.3 Rumusan Masalah .....................................................................................6
1.4 Batasan Masalah ........................................................................................6
1.5 Tujuan Penelitian .......................................................................................7
1.6 Manfaat Penelitian .....................................................................................7
1.7 Metodologi Penelitian ...............................................................................8
1.7.1 Metode Pengumpulan Data ................................................................8
1.7.2 Metode Pengembangan Sistem ..........................................................9
1.8 Sistematika Penulisan ................................................................................9
BAB II ................................................................................................................... 11
LANDASAN TEORI ............................................................................................ 11
2.1 Rancang Bangun ......................................................................................11
2.2 Konsep Dasar Sistem Informasi ..............................................................11
2.2.1 Pengertian Sistem .............................................................................11
2.2.2 Karaksteristik Sistem .......................................................................12
2.2.3 Pengertian Informasi ........................................................................15
x
2.2.4 Pengertian Sistem Infomasi..............................................................16
2.2.5 Komponen Sistem Informasi ...........................................................16
2.3 Konsep Dasar Pemesanan dan Pembayaran ............................................17
2.3.1 Pengertian Pemesanan ......................................................................17
2.3.2 Pengertian Pembayaran ....................................................................18
2.4 Konsep Dasar Transportasi .....................................................................19
2.4.1 Pengertian Transportasi ....................................................................19
2.5 Konsep Dasar Web ..................................................................................19
2.5.1 Pengertian Web ................................................................................19
2.6 Metode Pengumpulan Data ......................................................................20
2.6.1 Observasi ..........................................................................................20
2.6.2 Wawancara .......................................................................................20
2.6.3 Studi Pustaka ....................................................................................21
2.6.4 Penelitian Sejenis .............................................................................21
2.7 Basis Data dan DBMS .............................................................................21
2.7.1. Pengertian Basis Data .......................................................................21
2.7.2. Database Management System (DBMS) ..........................................24
2.7.3 Keuntungan Pengunaan DBMS .......................................................24
2.8 Rapid Aplication Development (RAD) ....................................................26
2.8.1 Pengertian RAD ...............................................................................26
2.8.2 Fase-Fase RAD ................................................................................27
2.9 Unified Modeling Language (UML) .......................................................32
2.9.1 Use case Diagram ............................................................................32
2.9.2 Activity Diagram...............................................................................35
2.9.3 Sequence Diagram ............................................................................36
2.9.4 Statechart Diagram ...........................................................................38
2.9.5 Deployment Diagram .......................................................................39
2.10 Perancangan Database .............................................................................41
1. Potential Object...........................................................................................41
2. Class Diagram .............................................................................................42
3. Mapping Class Diagram .............................................................................43
xi
4. Normalisasi .................................................................................................44
5. Skema Database ..........................................................................................48
6. Spesifikasi Database ...................................................................................49
2.10 MySql ......................................................................................................50
2.11 PHP ..........................................................................................................50
2.12 Perangkat Lunak Pendukung ...................................................................51
2.2.1. Astah Community.............................................................................51
2.2.2. Sublime Text 3 .................................................................................51
2.2.3. Xampp v3.2.1 ...................................................................................52
BAB III ................................................................................................................. 53
METODOLOGI_PENELITIAN ........................................................................... 53
3.1 Metode Pengumpulan Data .....................................................................53
3.1.1 Observasi ..........................................................................................53
3.1.2 Wawancara .......................................................................................53
3.1.3 Studi Pustaka ....................................................................................54
3.1.4 Penelitian Sejenis .............................................................................54
3.2 Metode Pengembangan Sistem ................................................................55
3.2.1 Perencanaan Kebutuhan (Requirement Planning) ...........................55
3.2.2 Proses Desain (Workshop Design) ..................................................56
3.2.3 Implementasi (Implementation) .......................................................58
3.3 Alasan Menggunakan RAD .....................................................................59
3.4 Alasan Menggunakan Blackbox Testing ..................................................59
3.5 Kerangka Penelitian ................................................................................60
BAB IV ................................................................................................................. 62
PEMBAHASAN ................................................................................................... 62
4.1. Requirement Planning .............................................................................62
4.1.1 Profil PT Kramat Djati .....................................................................62
4.1.2 Visi dan Misi ....................................................................................63
4.1.3 Struktur Organiasai dan Job Description PT Kramat Djati .............63
4.1.4 Analisa Sistem Berjalan ...................................................................65
4.1.5 Analisa Sistem Usulan .....................................................................67
xii
4.1.6 Analisa Kebutuhan Sistem ...............................................................68
4.1.7 Menentukan Teknologi ....................................................................71
4.1.8 Studi Kelayakan ...............................................................................71
4.2 Workshop Design ....................................................................................73
4.2.1 Perancangan Proses ..........................................................................73
4.2.2 Desain Database .............................................................................146
4.2.3 Perancangan Interface ....................................................................177
4.3 Implementation ......................................................................................189
4.3.2 Pemrogramam ................................................................................189
4.3.1. Pengujian Sistem (Black Box Testing) ..........................................190
BAB V................................................................................................................. 201
PENUTUP ........................................................................................................... 201
5.1 Kesimpulan ............................................................................................201
5.2 Saran ......................................................................................................201
DAFTAR PUSTAKA ......................................................................................... 202
LAMPIRAN
xiii
DAFTAR GAMBAR
xiv
Gambar 4. 18 Activity Diagram Pembatalan Tiket...............................................102
Gambar 4. 19 Activity Diagram Validasi Pembayaran ........................................103
Gambar 4. 20 Activity Diagram Validasi Pembatalan ..........................................104
Gambar 4. 21 Activity Diagram Kelola Web ........................................................105
Gambar 4. 22 Activity Diagram Konfirmasi Pembayaran ....................................106
Gambar 4. 23 Activity Diagram Laporan Tiket ....................................................106
Gambar 4. 24 Activity Diagram Kota ...................................................................107
Gambar 4. 25 Activity Diagram Terminal ............................................................108
Gambar 4. 26 Activity Diagram Rute ...................................................................109
Gambar 4. 27 Activity Diagram Logout ...............................................................110
Gambar 4. 28 Sequence Diagram Login ..............................................................110
Gambar 4. 29 Sequence Diagram Kelola Jadwal Bus ..........................................111
Gambar 4. 30 Sequence Diagram Melihat Berita.................................................112
Gambar 4. 31 Sequence Diagram Kelola Artikel .................................................113
Gambar 4. 32 Sequence Diagram Kelola User ....................................................114
Gambar 4. 33 Sequence Diagram Melihat Data Pemesanan ................................115
Gambar 4. 34 Sequence Diagram Melihat Data Pembayaran ..............................115
Gambar 4. 35 Sequence Diagram Melihat Data Pembatalan ...............................116
Gambar 4. 36 Sequence Diagram Pencarian Jadwal Bus .....................................116
Gambar 4. 37 Sequence Diagram Pesan Tiket .....................................................117
Gambar 4. 38 Sequence Diagram Cetak Tiket .....................................................117
Gambar 4. 39 Sequence Diagram History Pemesanan .........................................118
Gambar 4. 40 Sequence Diagram Pembatalan Tiket ............................................119
Gambar 4. 41 Sequence Diagram Validasi Pembayaran ......................................120
Gambar 4. 42 Sequence Diagram Validasi Pembatalan .......................................121
Gambar 4. 43 Sequence Diagram Kelola Web .....................................................122
Gambar 4. 44 Sequence Diagram Konfirmasi Pembayaran .................................123
Gambar 4. 45 Sequence Diagram laporan Tiket ..................................................124
Gambar 4. 46 Sequence Diagram Kota ................................................................125
Gambar 4. 47 Sequence Diagram Terminal .........................................................126
Gambar 4. 48 Sequence Diagram Rute ................................................................127
xv
Gambar 4. 49 Sequence Diagram Logout ............................................................128
Gambar 4. 50 Statechart Diagram Login..............................................................129
Gambar 4. 51 Statechart Diagram Kelola Jadwal Bus .........................................130
Gambar 4. 52 Statechart Diagram Melihat Artikel ..............................................131
Gambar 4. 53 Statechart Diagram Kelola Artikel ................................................132
Gambar 4. 54 Statechart Diagram Kelola User ...................................................133
Gambar 4. 55 Statechart Diagram Melihat Data Pemesanan ...............................134
Gambar 4. 56 Statechart Diagram Melihat Data Pembayaran .............................134
Gambar 4. 57 Statechart Diagram Melihat Data Pembatalan ..............................135
Gambar 4. 58 Statechart Diagram Pencarian Jadwal Bus ....................................135
Gambar 4. 59 Statechart Diagram Pesan Tiket ....................................................136
Gambar 4. 60 Statechart Diagram Cetak Tiket ....................................................136
Gambar 4. 61 Statechart Diagram History Pemesanan ........................................137
Gambar 4. 62 Statechart Diagram Pembatalan Tiket ...........................................137
Gambar 4. 63 Statechart Diagram Validasi Pembayaran .....................................138
Gambar 4. 64 Statechart Diagram Validasi Pembatalan ......................................139
Gambar 4. 65 Statechart Diagram Kelola Pemesanan .........................................140
Gambar 4. 66 Statechart Diagram Konfirmasi Pembayaran ................................140
Gambar 4. 67 Statechart Diagram Laporan Tiket ................................................141
Gambar 4. 68 Statechart Diagram Kota ...............................................................142
Gambar 4. 69 Statechart Diagram Terminal ........................................................143
Gambar 4. 70 Statechart Diagram Rute ...............................................................144
Gambar 4. 71 Statechart Diagram Logout ...........................................................145
Gambar 4. 72 Deployment Diagram ....................................................................145
Gambar 4. 73 Class Diagram ...............................................................................149
Gambar 4. 74 Mapping Class Diagram ................................................................151
Gambar 4. 75 Skema Database ............................................................................160
Gambar 4. 76 Struktur Menu Admin ...................................................................178
Gambar 4. 77 Struktur Menu Genral Manager ....................................................178
Gambar 4. 78 Struktur Menu Konsumen .............................................................179
Gambar 4. 79 Struktur Menu Bagian Pemesanan ................................................179
xvi
Gambar 4. 80 Struktur Menu Bagian Pembayaran ..............................................180
Gambar 4. 81 Perancangan User Interface Halaman Login ................................180
Gambar 4. 82 Perancangan User Interface Dashboard Admin ...........................181
Gambar 4. 83 Perancangan User Interface Kelola User ......................................181
Gambar 4. 84 Perancangan User Interface Laporan Tiket ..................................182
Gambar 4. 85 Perancangan User Interface Konfirmasi Pembayaran ..................182
Gambar 4. 86 Perancangan User Interface Konfirmasi Pembatalan ...................183
Gambar 4. 87 Perancangan User Interface Kelola Artikel ..................................183
Gambar 4. 88 Perancangan User Interface History Pemesanan ..........................184
Gambar 4. 89 Perancangan User Interface Pesan Tiket Langkah 1 ....................184
Gambar 4. 90 Perancangan User Interface Pesan Tiket Langkah 2 ....................185
Gambar 4. 91 Perancangan User Interface Pesan Tiket Langkah 3 ....................185
Gambar 4. 92 Perancangan User Interface Pesan Tiket Langkah 4 ....................186
Gambar 4. 93 Perancangan User Interface Detail Pemesanan ............................186
Gambar 4. 94 Perancangan User Interface Tambah User ...................................187
Gambar 4. 95 Perancangan User Interface Tambah Berita .................................187
Gambar 4. 96 Perancangan User Interface Tambah Rute....................................188
Gambar 4. 97 Perancangan User Interface Halaman Utama ...............................188
Gambar 4. 98 Perancangan User Interface Dashboard Bagian Pemesanan.........189
xvii
DAFTAR TABEL
xviii
Tabel 4. 17 Narasi Use case History Pemesanan ...................................................84
Tabel 4. 18 Narasi Use case Pembatalan Tiket ......................................................85
Tabel 4. 19 Narasi Use case Validasi Pembayaran ................................................85
Tabel 4. 20 Narasi Use case Validasi Pembatalan .................................................86
Tabel 4. 21 Narasi Use case Kelola Web ...............................................................87
Tabel 4. 22 Narasi Use case Konfirmasi Pembayaran ...........................................87
Tabel 4. 23 Narasi Use case Laporan Tiket ...........................................................88
Tabel 4. 24 Narasi Use case Kota ..........................................................................89
Tabel 4. 25 Narasi Use case Terminal ...................................................................89
Tabel 4. 26 Narasi Use case Rute ..........................................................................90
Tabel 4. 27 Narasi Use case Logout ......................................................................91
Tabel 4. 28 Potential Object ................................................................................146
Tabel 4. 29 Identifikasi Potential Object .............................................................147
Tabel 4. 30 Objek yang Diusulkan .......................................................................148
Tabel 4. 31 Unnormal ..........................................................................................153
Tabel 4. 32 Normaliasai Tahap Pertama (1NF) ...................................................154
Tabel 4. 33 Normalisasi Tahap Kedua (2NF) ......................................................156
Tabel 4. 34 Normalisasi Bentuk Ketiga (3NF) ....................................................158
Tabel 4. 35 Matriks CRUD ..................................................................................161
Tabel 4. 36 Tabel tm_city ....................................................................................167
Tabel 4.37 Tabel tm_terminal ..............................................................................167
Tabel 4.38 Tabel tm_schedule .............................................................................168
Tabel 4. 39 Tabel tm_route ..................................................................................168
Tabel 4. 40 Tabel tm_article ................................................................................169
Tabel 4. 41 Tabel tm_articlecategory...................................................................170
Tabel 4. 42 Tabel tp_refund .................................................................................170
Tabel 4. 43 Tabel tp_reservation ..........................................................................171
Tabel 4. 44 Tabel tm_user ...................................................................................172
Tabel 4. 45 Tabel tp_contactus ............................................................................173
Tabel 4. 46 Tabel tm_imagebank .........................................................................173
Tabel 4. 47 Tabel td_reservationperson ...............................................................174
xix
Tabel 4. 48 Tabel tp_payment..............................................................................175
Tabel 4. 49 Tabel tm_preference .........................................................................175
Tabel 4. 50 Tabel tm_company............................................................................176
Tabel 4. 51 Pengujian Black Box Testing ............................................................190
xx
BAB I
PENDAHULUAN
mengalami kenaikan. Menurut hasil survey tahun 2017 yang dilakukan oleh
pengguna internet di Indonesia tahun 2015 berjumlah 110,2 juta jiwa mengalami
kenaikan pada tahun 2016 menjadi 132,7 juta jiwa dan pada tahun 2017 mengalami
kenaikan lagi menjadi 143,26 juta jiwa dari total keseluruhan penduduk Indonesia.
Berdasarkan gambar 1.2 pengguna internet terbanyak berada di pulau Jawa disusul
2017)
1
Gambar 1.2 Pengguna Internet Berdasarkan Wilayah (Survey APJII, 2017)
kearah digitisasi, mobilitas uang dan liberalisasi (Laudon & Traver, 2013). Kondisi
interaksi. Interaksi menjadi lebih mudah karena tidak perlu hadir secara fisik, lebih
banyak alternatif, lebih murah, dan peluang memperluas pangsa pasar (Li & Hong,
2013).
dengan istilah sistem informasi pemesanan dan pembayaran berbasis web. Selain
memperluas pangsa pasar (Bernadi, 2013). Situs web secara strategis dapat
digunakan sebagai media yang dapat membentuk daya saing perusahaan (Turban,
King, & Lang, 2010). Fakta bahwa perkembangan teknologi di Indonesia telah
2
dengan negara-negara tetangga (Subiyakto, Ahlan, Kartiwi, Putra, & Durachman,
2016).
transaksi mengacu pada persepsi individu akan mudahnya transaksi belanja yang
yang variatif dan mudah dilakukan, proses pembelian yang informatif dan
usaha seseorang (baik dari segi biaya, waktu dan tenaga) dalam melakukan
tidak mengalami kesulitan. Adanya manfaat yang dirasakan dalam pembayaran ini
dalam bertansaksi inilah yang menjadi faktor utama dalam memutuskan pemesanan
3
perusahaan, produk atau jasa yang ditawarkan. Tidak terkecuali pada ranah bisnis
transportasi khususnya bus. Hingga saat ini sudah banyak perusahaan bus yang
pada situs web mereka diantaranya, Pahala Kencana, Rosalia Indah dan Lorena.
mendapatkan daya saing bisnis mereka. Integerasi sistem informasi telah menjadi
salah satu perhatian utama bagi banyak organisasi yang ingin menerapkan,
PT Kramat Dati adalah salah satu perusahaan bus antar kota antar propinsi
(AKAP) yang berbasis di pulau jawa, proses pemesanan dan pembayarannya masih
berjalan secara manual dan offline. Konsumen yang ingin melakukan pembelian
tiket harus datang langsung ke terminal, ke agen resmi yang telah ditunjuk atau
terkadang tidak bisa melakukan pembelian tiket karena jumlah konsumen yang
Ditambah lagi dengan masih adanya oknum broker di beberapa terminal yang
menjual tiket lebih mahal dari harga resmi sehingga memberikan kesan negatif
Sistem pencatatan pembelian tiket dan pembayaran pada setiap agen masih
dilakukan secara manual dan belum terintegrasi dengan baik dengan kantor pusat.
4
Data yang ada tidak bisa dipantau oleh kantor pusat secara real time, sehingga
berpotensi terhadap tindak kecurangan yang dilakukan oleh pegawai yang tidak
bertanggung jawab.
pembelian tiket di agen secara real time sehingga dapat menghindari terjadinya
menjawab masalah tersebut. Maka dari itu penulis mengambil judul penelitian
pencatatan.
5
3. Data pembelian tiket yang ada tidak bisa dipantau oleh kantor pusat
dikembalikan 90% dari total dana dengan proses maksimal 2 hari kerja.
6
5. Metodologi pengembangan sistem yang digunakan adalah Rapid
Community.
Tujuan yang ingin dicapai dalam penelitian ini tediri dari tujuan umum dan tujuan
pembayaran.
kebutuhan penggunanya.
7
2. Mengusulkan suatu sistem informasi untuk memudahkan proses
Metode yang digunakan dalam penelitian tersebut adalah metode pengumpulan data
1. Studi Pustaka
2. Studi Lapangan
a. Observasi
b. Wawancara
bersangkutan.
3. Literatur Sejenis
8
Peneliti melihat penelitian dengan topik sejenis dan membandingkan
1. Analysis Requirement
3. Implementation
BAB I PENDAHULUAN
9
Pada bab ini berisikan latar belakang masalah, rumusan
BAB IV PEMBAHASAN
BAB V PENUTUP
akan datang.
10
BAB II
LANDASAN TEORI
yang telah ada baik secara keseluruhan maupun bagian (Pressman, 2010).
Kata “rancang” merupakan kata kerja dari kata “merancang” yaitu mengatur
yang saling berhubungan, bekerja sama untuk mencapai tujuan bersama dengan
menerima input serta menghasilkan input dalam proses transformasi yang teratur.
11
mencapai tujuan, tentu saja komponen tersebut bukan bagian dari sistem
(Mulyanto, 2009).
Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling
Sebuah sistem adalah input, proses dan output. Hal ini merupakan konsep sebuah
sistem yang sangat sederhana sebab sebuah sistem dapat mempunyai beberapa
masukan dan keluaran. Selain itu, sebuah sistem memiliki karakteristik atau sifat-
sifat tertentu, yang mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu
beberapa sub sistem sistem atau sub bagian. Setiap sub sistem memiliki
dapat mempunyai sistem yang lebih besar, yaitu disebut "Supra Sistem".
12
Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem
tersebut.
Bentuk apapun yang ada diluar lingkup atau batas dari sistem yang
4. Penghubung (Interface)
5. Masukan (Input)
13
“program” adalah maintenance input yang digunakan untuk
menjadi informasi.
6. Keluaran (Output)
masukan untuk sub sistem yang lain. Misalnya untuk sistem komputer,
yang dibutuhkan.
7. Pengolah (Process)
Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak
14
sistem. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuan
Informasi adalah rangkaian data yang berada disekitar kita, tidak diberikan secara
bebas dan dapat dimanfaatkan dalam posisi strategis dalam bisnis (Subiyakto,
Rosalina, Utami, Kumaladewi, & Putra, 2017). Informasi adalah suatu pengetahuan
yang berguna untuk pengambilan keputusan. Jadi segala sesuatu yang dapat
Kita dapat mendefinisikan informasi sebagai data yang telah diubah menjadi
konteks yang berarti dan berguna bagi pengguna akhir tertentu. Dengan demikian,
data yang umumnya mengalami proses nilai tambah (pengolahan data atau
15
terorganisir, (2) kontennya dianalisis dan dievaluasi, dan (3) mereka ditempatkan
dalam konteks yang tepat untuk pengguna (O‟Brien dan Marakas, 2010).
Sistem informasi merupakan suatu komponen yang terdiri dari manusia, teknologi
berbagai informasi penting mengenai orang, tempat dan segala sesuatu yang ada di
16
komputer saja, melainkan semua media data seperti lembaran kertas dan
Sumber daya data bukan hanya sekedar bahan baku untuk masukan
daya organisasi.
Pemesanan adalah suatu aktifitas yang dilakukan oleh konsumen sebelum membeli.
17
sebuah sistem pemesanan yang baik. Pemesanan adalah proses, perbuatan, cara
karena adanya bermacam-macam transaksi ekonomi seperti jual beli barang dan
jasa, pembelian dan pelunasan kredit, alat pembayaran yang digunakan bermacam-
tetapi bisa juga kompleks dan sulit tergantung dari kompleks tidaknya transaksi
dan dari pembayar kepada penerimanya, baik langsung maupun melalui media jasa-
Menurut Undang-Undang No. 23 Pasal 1 ayat (6) tahun 1999 tentang Bank
pemindahan dana guna memenuhi suatu kewajiban yang timbul dari suatu
kegiatan ekonomi.
Dalam hal ini perlu ditegaskan bahwa pembayaran bukanlah sebagai suatu
proses yang berdiri sendiri, yang terjadi secara spontan tanpa ada kaitannya dengan
18
transaksi lain, sebab setiap pembayaran merupakan pelaksanaan atau realisasi dari
1. Pembayaran Tradisional
2. Pembayaran Modern
suatu tempat ke tempat lain. Dalam transportasi ada dua unsur yang terpenting yaitu
Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks,
19
Browser adalah aplikasi yang mampu menjalankan dokumen-dokumen web
didalam aplikasi browser yang biasa disebut web engine. Semua dokumen web
ditampilkan oleh browser dengan cara diterjemahkan. Beberapa jenis browser yang
populer saat ini diantaranya adalah Internet Explorer yang diproduksi oleh
Microsoft, Mozilla Firefox, Opera, dan Safari yang diproduksi oleh Apple (Arief,
2011).
Pengumpulan data adalah suatu proses pengadaan data primer untuk keperluan
penelitian. Pengumpulan data adalah prosedur yang sistematis dan standar untuk
2.6.1 Observasi
pengambilan data dengan menggunakan mata tanpa ada pertolongan alat standar lain
2.6.2 Wawancara
tujuan penelitian dengan cara tanya jawab, sambil bertatap muka antara si penanya
20
2.6.3 Studi Pustaka
Metode studi pustaka adalah teknik survei terhadap data yang telah ada dengan
mengumpulkan data atau dalam menganalisis data yang telah pernah digunakan oleh
Pengumpulan data dan informasi yang telah ada dengan menggali teori-teori
yang telah berkembang dalam bidang ilmu yang berkaitan dengan penulisan
penelitian ini. Dalam hal ini penulis mendapatkan sumber-sumber teori dari referensi
perpustakaan.
orang lain. Tujuannya ialah untuk mendapatkan landasan teori mengenai masalah
yang akan diteliti. Teori ini merupakan pijakan bagi peneliti untuk memahami
persoalan yang diteliti dengan benar dan sesuai dengan kerangka berfikir ilmiah
(Sarwono, 2006).
secara formal dan memusat yang ditujukan untuk digunakan dalam berbagai aplikasi
(Kendall dan Kendall, 2011). Basis data adalah kumpulan elemen data yang saling
berhubungan dan terintegrasi, data yang disimpan dalam basis data dapat digunakan
21
didalam sebuah program aplikasi dan dapat digunakan dalam alat tertentu (O‟Brien
Tujuan awal dan utama dalam pengolahan data pada sebuah basis data adalah
agar dapat mencari data dengan mudah dan cepat. Di samping itu, pemanfaatan data
untuk pengolahan data juga memiliki tujuan-tujuan tertentu. Pemanfaatan basis data
Prayudi, 2006) :
berhubungan.
c. Keakuratan (Accuracy)
dengan penerapan aturan atau batasan tipe data, domain data, keunikan
data dan sebagainya dan diterapkan dalam basis data, sangat berguna
d. Ketersediaan (Availability)
22
Pertumbuhan data (baik dari jumlah maupun jenisnya) sejalan dengan
Data yang sudah jarang atau bahkan tidak pernah lagi digunakan dapat
e. Kelengkapan (Completeness)
Lengkap atau tidaknya data yang dikelola bersifat relative baik terhadap
f. Keamanan (Security)
boleh menggunakan basis data dan menentukan jenis operasi apa saja
g. Kebersamaan pemakai
Pemakai basis data sering kali tidak terbatas hanya pada satu
pemakaian saja atau oleh satu sistem aplikasi saja. Basis data yang
data yang sama diubah oleh banyak pemakai pada saat bersamaan).
23
2.7.2. Database Management System (DBMS)
Untuk mengelola database diperlukan suatu perangkat lunak yang disebut DBMS
dan mengakses database secara praktis dan efesien (Simarmata dan Prayudi, 2006).
utulisasi dan mengelola koleksi data dalam jumlah yang besar. DBMS juga
dirancang untuk dapat melakukan manipulasi data secara lebih mudah. DBMS
merupakan atar muka antara pengguna database (baik pengguna langsung maupun
aplikasi) dengan data yang tersimpan. Penyimpanan data oleh DBMS disesuaikan
Penyimpanan data dalam DBMS akan mempunyai banyak manfaat dan kelebihan
dibandingkan dengan menyimpan data dalam bentuk flat file atau spread sheet.
1. Perfomance
Perfomance yang didapat jika data yang dikelola cukup besar akan
DBMS
2. Integritas
24
Integritas data akan lebih terjamin dengan adanya DBMS seperti
misalnya masalah redudansi yang sering terjadi dalam data flat file.
penyimpanannya.
3. Independensi
4. Sentralisasi
terjamin daripada data disimpan dalam bentuk flat file ataupun worksheet
yang tersebar.
5. Security
sistem operasi.
25
2.8 Rapid Aplication Development (RAD)
Menurut Metode pengembangan sistem yang penulis gunakan adalah metode Rapid
antara perancangan dan penerapan sistem informasi. (Kendall dan Kendall, 2010).
pembangunan secara cepat dari suatu serangkaian prototype dari suatu sistem yang
dapat berkembang menjadi suatu sistem akhir atau versi tertentu (Whitten dan
Bentley, 2007).
26
1. Mudah untuk diamati karena menggunakan model prototype, sehingga
diperpendek.
Ada tiga fase dalam model Rapid Aplication Development (RAD) yang melibatkan
Gambar 2.2 menggambarkan ketiga fase ini. Ingat bahwa RAD melibatkan
27
pengguna dalam setiap bagian upaya pengembangan, dengan partisipasi mendalam
peran aktif mendalam dari kedua kelompok tersebut; tidak hanya menunjukkan
proposal atau dokumen. Selain itu, juga melibatkan pengguna dari beberapa
level yang berbeda dalam organisasi. Dalam fase ini pula, saat syarat-syarat
informasi sedang disebut-sebut, Anda bisa bekerja dengan CEO (bila ini
informasi dan sistem bisa mengarahkan sebagian dari sistem yang diajukan,
28
fokusnya akan selalu tetap pada upaya pencapaian tujuan-tujuan perusahaan
SDLC pada fase planning dan analisis adalah sebagai berikut (Whitten dan
Bentley, 2008) :
c. Identifikasi masalah
Fase ini merupakan fase perancangan serta perbaikan yang dapat digambarkan
yang berpengalaman, maka tidak diragukan lagi bahwa usaha kreatif ini dapat
Kendall, 2008).
Di fase build the system berjalan banyak aktifitas yang berbeda. Desain yang
buat pada fase sebelumnya akan dikembangkan oleh tools RAD. Setelah fungsi
baru telah ada, fungsi akan memperlihatkan pada user untuk berinteraksi,
29
berkomentar, dan me-review. Dengan tools RAD, analyst dapat membuat
a. Desain Proses
b. Desain Input
c. Desain Output
adalah komponen yang paling dapat dilihat dari sistem informasi yang
2008).
d. Desain Database
30
implementasi teknis dari model data logis (Whitten dan Bentley,
2008).
e. Desain Interface
2008), yaitu:
3. Fase Implementasi
sistem-sistem baru atau bagian dari sistem diuji coba dan kemudian
lama tidak digunakan lagi, seringnya tidak perlu (dan memang tidak bisa)
31
menjalankan sistem lama dan sistem baru secara paralel sebelum implementasi
dokumentasi dari sistem perangkat lunak. UML merupakan bahasa visual untuk
dan teks-teks pendukung. UML hanya berfungsi untuk melakukan pemodelan. Jadi
Use case Diagram menyajikan interaksi antara use case dan actor. Dimana use case
meliputi semua yang ada dalam sistem dan menggambarkan deskripsi fungsi dari
sebuah sistem atau persyaratan yang harus dipenuhi sistem dari pandangan user.
32
sistem. Sedangkan actor adalah sebuah peran yang bisa dimainkan oleh pengguna.
Tujuan use case diagram adalah mendokumentasikan beberapa actor, use case, dan
a. Actor (Pengguna)
Actor (Pengguna) yaitu abstraksi dari orang dan sistem lain yang
sistem yang lain atau alat yang berinteraksi dengan use case.
b. Use case
Use case adalah abstraksi dari interaksi antara sistem dan actor. Use case
mengerjakannya. Setiap use case harus diberi nama yang menyatakan apa
c. Relationship (Hubungan)
Relationship (Hubungan/ Relasi) yaitu hubungan antara actor/pelaku
dengan use case di mana terjadi interaksi di antara mereka. Secara umum
33
Tabel 2. 1 Simbol Use case Diagram (Sugiarti, 2013)
Simbol Deskripsi
34
2.9.2 Activity Diagram
Activity Diagram adalah cara lain untuk memodelkan aliran kejadian dari use case.
(Sholiq, 2006).
Simbol Deskripsi
35
Gambar 2. 4 Contoh Activity Diagram
2.9.3 Sequence Diagram
case. Diagram ini menunjukkan sejumlah contoh obyek dan message (pesan) yang
diletakkan diantara obyek-obyek ini di dalam use case. Komponen utama sequence
diagram terdiri atas obyek yang dituliskan dengan kotak segiempat bernama
36
Tabel 2. 3 Simbol Sequence Diagram
37
2.9.4 Statechart Diagram
Statechart diagram mengilustrasikan siklus hidup object dan keadaan yang dapat
diasumsikan oleh object dan events yang menyebabkan objek beralih dari satu state
38
Gambar 2. 6 Contoh Statechart Diagran
2.9.5 Deployment Diagram
arsitektur node untuk hardware dan software. Diagram ini juga menggambarkan
39
Tabel 2. 5 Simbol Deployment Diagram
40
2.10 Perancangan Database
Yaitu merancang database atau data yang dapat diolah atau dimanipulasi oleh sistem
yang akan dibangun. Adapun tahapan pada perancangan database ini adalah sebagai
berikut:
1. Potential Object
potensial yang digunakan untuk membuat class diagram. Daftar objek-objek yang
potensial dicari dalam narasi use case yang berupa kata benda. Di dalam daftar
41
2. Class Diagram
Class diagram yaitu gambar grafis mengenai struktur objek statis dari suatu sistem,
menunjukkan kelas-kelas objek yang menyusun sebuah sistem dan juga hubungan
antara kelas objek tersebut (Whitten & Bentley, 2007). Class diagram
menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat
Simbol Keterangan
nama_kelas
+Attribute1 Kelas
+Operation ()
Asosiasi /
Association
Asosiasi berarah /
Direct Association
Generalisasi
Kebergantungan /
Dependency
Agregasi /
Aggregation
42
Gambar 2. 8 Contoh Class Diagram
3. Mapping Class Diagram
sehingga tidak ada tabel yang mengalami redudansi pada saat pemanggilan data.
43
Gambar 2. 9 Contoh Mapping Class Diagram
4. Normalisasi
tabel, dimana tabel-tabel tersebut saling berhubungan satu dengan yang lainnya
logikal basis data. Tujuan lain dari normaliasai adalah untuk mengurangi
44
Format normalisasi terdiri dari lima bentuk, yaitu bentuk tidak normal, bentuk
normal pertama, bentuk normal kedua, bentuk normal ketiga, Boyce-Codde, bentuk
normal keempat, dan bentuk normal kelima, seperti yang ddigambarkan dalam
diagram berikut:
45
a. Bentuk Tidak Normal
Pada bentuk ini biasanya data yang direkam mengikuti suatu format yang tertentu,
Pada bentuk ini data dibuat dalam tabel dua dimensi dan tidak ada atribut yang
bernilai ganda atau berulang dan tidak mempunyai baris yang rangkap.
Suatu relasi dikatakan sudah memenuhi bentuk normal kedua bila relasi tersebut
sudah memenuhi bentuk normal kesatu, dan atribut yang bukan key sudah
46
Tabel 2. 10 Contoh Bentuk Normal Kedua (2NF)
Tabel Nota
nofac tglfac tgljtp qty harga jumlah total kd_sup kd_brg
779 02/02/03 10/09/03 10 150000 1500000 1500000 S01 R02
998 07/02/03 10/09/03 10 1350000 13500000 33500000 G01 A01
998 07/03/03 10/10/03 10 2000000 20000000 33500000 G02 A02
Suatu relasi dikatakan sudah memenuhi bentuk normal ketiga bila relasi tersebut
sudah memenuhi bentuk normal kedua dan atribut yang bukan key tidak tergantung
47
Tabel 2. 11 Contoh Bentuk Normal Ketiga (3NF)
Tabel Nota
nofac kd_sup tglfac tgljtp total
779 S01 02/02/03 10/09/03 1500000
998 G01 07/02/03 10/09/03 33500000
5. Skema Database
Management System) yang diperoleh dari proses mapping class yang telah optimal,
disertai dengan pemetaan primary key yang menjadi forign key pada tabel lain yang
memiliki relasi. RDBMS secara sederhana dapat diartikan sebagai suatu sistem
dimana data dilihat oleh penggunanya hanya sebagai tabel dan operator yang
48
Gambar 2. 11 Contoh Skema Database
6. Spesifikasi Database
Spesifikasi basis data menggambarkan struktur data fisik pada suatu sistem atau
di software basis data. Bentuk dari spesifikasi basis data sendiri secara umum berupa
tabel yang menyajikan informasi field untuk seluruh tabel yang digunakan.
Informasi field yang ditampilkan antara lain nama field, tipe field, panjang field dan
49
2.10 MySql
mengelola database dengan sangat cepat, dapat menampung data dalam jumlah
sangat besar, dapat diakses oleh banyak user/multi-user, dan dapat melakukan suatu
2.11 PHP
HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server-
kemudian hasilnya akan dikirimkan ke browser dengan format HTML (Arief, 2011).
PHP juga dapat berjalan pada berbagai web server seperti IIS (Internet
Information Server), PWS (Personal Web Server), Apache, Xitami. PHP juga
mampu berjalan di banyak sistem operasi yang beredar saat ini, diantaranya : Sistem
Operasi Microsoft Windows (semua versi), Linux, Mac Os, Solaris. PHP dapat
dibangun sebagai modul web server Apache dan sebagai binary yang dapat berjalan
sebagai CGI (Common Gateway Interface). PHP dapat mengirim HTTP header,
melakukan koneksi ke berbagai macam software sistem manajemen basis data atau
halaman web dinamis. PHP mempunyai koneksitas yang baik dengan beberapa
DBMS seperti Oracle, Sybase, mSQL, MySQL, Microsoft SQL Server, Solid,
50
PostgreSQL, Adabas, FilePro, Velocis, dBase, Unix dbm, dan tidak terkecuali
Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan
Terciptanya aplikasi ini terinspirasi dari aplikasi Vim, Aplikasi ini sangatlah
Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua,
Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile
and XML. Biasanya bagi bahasa pemrograman yang didukung ataupun belum
51
2.2.3. Xampp v3.2.1
XAMPP adalah sebuah software yang berfungsi untuk menjalankan web berbasis
PHP dan menggunakan pengolah data MySQL dikomputer local. XAMPP berperan
sebagai server web pada komputer anda. XAMPP juga dapat disebut sebuah CPanel
server virtual, yang dapat membantu anda melakukan preview sehingga dapat
memodifikasi web tanpa harus online atau terakses dengan internet (Wicaksono,
2008).
52
BAB III
METODOLOGI_PENELITIAN
dibutuhkan dalam penelitian. Dalam penelitian ini metode yang digunakan adalah:
3.1.1 Observasi
PT Kramat Djati yang berlokasi di PT Kramat Djati berlamat di JL. Ciputat Raya
No. 190, Pondok Pinang, Jakarta dan berlangsung pada 29 September 2018. Pada
3.1.2 Wawancara
Djati berlamat di JL. Ciputat Raya No. 190, Pondok Pinang, Jakarta dengan
melakukan diskusi langsung dengan Bapak Andrea Rio Iskandar selaku general
manager untuk mengetahui apa saja yang dibutuhkan dalam perancangan dan
53
2. Keluhan akan kelemahan-kelemahan terhadap sistem yang sedang
yang diperoleh dari studi lapangan. Pengumpulan data dengan cara mengambil dari
sumber- sumber media cetak maupun elektronik yang dapat dijadikan acuan
pembahasan masalah.
Berikut ini adalah beberapa penelitian sejenis yang membahas sistem pemesanan
dan pembayaran:
54
Yogyakarta, Transport Raya pemsanan bus secara online dan
2016) Yogyakarta sebagai media promo perusahaan
Edo Rizky
Agusta Sistem Informasi
Roosyanto Pemesanan Tiket Bus Sistem dapat diakses melalui
(Universitas Pada PO. Nusantara smartphone, memudahkan
5
Dian Cabang Semarang konsumen melakukan pemesanan
Nuswantoro Dengan Framework tiket online.
Semarang, Phonegap
2013)
yang akan dirancang ini adalah metodologi berorientasi objek dengan pendekatan
Rapid Aplication Development (RAD) dan tools UML untuk pemodelannya. RAD
cepat, berulang dan bertambah serangkaian prototype bekerja sebuah sistem yang
Pada tahap ini peneliti dan pihak terkait mengadakan pertemuan untuk melakukan
mencapai tujuan. Dari pertemuan ini didapatkan hasil perencanaan yang akan
dibuat yaitu:
55
c. Analisis proses pemesanan dan pembayaran
Pada tahap ini peneliti melakukan proses desain dan melakukan perbaikan apabila
masih terdapat desain yang tidak sesuai antara user dan analyst. Keterlibatan user
dalam proses desain menentukan hasil yang baik dari proses desain ini (Subiyakto,
Ahlan, Putra, & Kartiwi, 2015). Perancangan sistem menggunakan tools unified
2. Activity Diagram
3. Sequence Diagram
4. Statechart Diagram
Melakukan ilustrasi siklus hidup suatu object dari satu state ke state
lainnya.
56
5. Deployment Diagram
1. Potential Object
class diagram.
2. Class Diagram
4. Normalisasi
5. Skema Database
6. Matriks CRUD
tabel database.
7. Spesifikasi Database
57
Peneliti membuat spesifikasi database dari setiap tabel yang ada pada
schema database.
Setelah program selesai, baik itu sebagian maupun secara keseluruhan, maka
atau tidak sebelum diaplikasikan pada suatu organisasi (Subiyakto, Hidayah, Gusti,
& Hikami, 2019). Dalam tahap ini implementasi sistem yang akan dilakukan
diantaranya:
1. Membangun sistem
2. Menguji sistem
blackbox testing, dimana penulis melakukan input data pada sistem dan
58
3.3 Alasan Menggunakan RAD
dalam periode yang pendek sehingga sesuai dengan penelitian ini karena
penelitian.
pengguna yang telah didefinisikan pada saat awal dan tidak perlu
59
2. Proses testing dapat dilakukan lebih cepat dibandingkan dengan metode
60
Mulai
Sejarah
Sistem yang Berjalan
Gambaran Umum
Visi dan Misi
Observasi PT Kramat Djati Identifikasi Masalah
Logo
Wawancara
Metode Kebutuhan Fungsional
Struktur Organisasi
Pengumpulan Studi Pustaka Kebutuhan Non
Data Fungsional
Requirement Analisis Masalah
Literatur Sejenis
Planning
Menentukan Sistem
Analisis Sistem
Usulan
(Whitten dan Analisis Kebutuhan
Bentley, 2007) Menentukan Teknologi
Rapid Application
Metode
Development Hasil Analisis Gambar Sistem Usulan
Pengembangan
(Kendall dan
Sistem Perancangan
Kendall, 2010) Menentukan Pengguna
Usecase Diagram
Activity Diagram List of Actor
Skema Database
61
BAB IV
PEMBAHASAN
Sebagaimana telah diuraikan di bab sebelumnya bahwa fase ini adalah fase dimana
syarat dari kebutuhan sistem yang ditimbulkan atas tujuan sistem yang dirumuskan,
sistem.
Kramat Djati berdri pada tahun 1968 oleh Arief Budiman dengan membuka satu
jurusan yaitu Bandung - Jakarta. Kemudian pada tahun 1975 membuka jurusan lagi
yaitu jurusan Bandung – Merak. Tahun demi tahun perusahaan Kramat Djati
Pada tahun 1986 Kramat Djati membuka layanan baru yaitu dengan adanya
bus malam cepat yang menjangkau 3 provinsi Jawa Tengah, Jawa Timur dan
perusahaan menjadi perseroan terbatas. Setelah itu, Kramat Djati juga menembus
pada tahun 1996. Kemudian pada tahun 2000 meperluas pasar kesebelah timur
ini di pegang oleh dua manajemen yange berbeda yang berada di kota Bandung dan
62
Jakarta. Telah menjangkau Bali, Jawa, dan Sumatra. Melayani jasa ekspedisi
barang, bus pariwisata, antar kota antar provinsi (AKAP) dan antar jemput
karyawan.
1. Visi
Visi yang ingin dicapai oleh PT Kramat Djati adalah menjadi perusahaan
2. Misi
63
1. Memimpin perusahaan dengan menerbitkan kebijakan-kebijakan
Manager.
b. General Manager
c. HRD
kemampuannya.
d. Logistik
divisi.
64
e. Operasional
f. Keuangan
g. Penjualan
pariwisata.
h. Marketing
Kramat Djati didapatkan sistem berjalan pemesanan tiket bus seperti gambar
berikut:
65
Gambar 4. 3 Rich Picture Sistem Berjalan
Penjelasan dari rich picture sistem berjalan di atas adalah sebagai berikut:
pemesanan.
pemesanan.
pembayaran.
66
8. Konsumen mendapatkan tiket.
dibayar.
67
4. Konsumen melakukan transfer pembayaran kepada bank yang ditentukan.
maksimal dilakukan satu hari sebelum tanggal keberangkatan dan dana yang
Hal yang dilakukan dalam menganalisis kebutuhan sistem adalah menentukan dan
mengungkapkan kebutuhan dari sistem. Kebutuhan dari sistem terbagi menjadi dua,
ID Deskripsi
F-001 Sistem dapat menyimpan data user
F-002 Sistem dapat menampilkan data user
68
F-003 Sistem dapat mengupdate data user
F-004 Sistem dapat menyimpan data jadwal bus
F-005 Sistem dapat menampilkan data jadwal bus
F-006 Sistem dapat update data jadwal bus
F-007 Sistem dapat menyimpan data pemesanan
F-008 Sistem dapat menampilkan data pemesanan
F-009 Sistem dapat update data pemesanan
F-010 Sistem dapat menyimpan data pembayaran
F-011 Sistem dapat menampilkan data pembayaran
F-012 Sistem dapat update data pembayaran
F-013 Sistem dapat menyimpan data artikel
F-014 Sistem dapat menampilkan data artikel
F-015 Sistem dapat update data artikel
F-016 Sistem dapat menghapus data artikel
F-017 Sistem dapat menyimpan data tampilan web
F-018 Sistem dapat menampilkan data tampilan web
F-019 Sistem dapat update data tampilan web
Secara garis besar fungsi dari sistem terbagi menjadi beberapa, daintaranya adalah
69
Tabel 4. 2 Input, Proses, Store dan Output
1. User menggunakan
6. Menampilkan tampilan
web
70
Tabel 4. 3 Kebutuhan Non-Fungsional
ID Deskripsi
Berdasarkan kebutuhan yang ada pada user story, maka dapat ditentukan tools dan
teknologi yang digunakan adalah PHP sebagai bahasa pemrograman sistem ini
ringan.
Selain itu media penyimpanan data yang digunakan adalah MySQL, karena
MySQL dapat menyimpan data yang cukup besar sesuai dengan ruang lingkup
web server apache yang didalamnya sudah menyediakan database server MySQL
Jika ditinjau dari studi kelayakan sistem, pembangunan sistem pemesanan dan
71
1. Sumber Daya
tools yang digunakan bersifat Open Source Software. Maka jika ditinjau
2. Teknologi
web, maka dapat di akses oleh konsumen dengan berbagai macam web
3. Waktu
Dari sisi waktu, pengembangan sistem pembayaran bus berbasis web ini
72
Application Development) dan kesepakatan dengan pihak PT Kramat
Djati.
4. Biaya
dari tools dan teknologi yang digunakan. Dengan demikian, ditinjau dari
sisi biaya pengembangan sistem pakar berbasis web ini dapat dilakukan.
Pada fase design workshop RAD dimulai tahap perancangan sistem pembayaran
bus berbasis web. Alur proses sistem yang akan dibangun menggunakan pendekatan
(UML).
a. List of Actor
No Aktor Deskripsi
Orang yang mengelola hak akses atas sistem,
1 Admin bertugas untuk mengelola user, rute bus, berita,
melakukan monitoring dan maintenance sistem.
2 General Manager Orang yang melihat laporan penjualan tiket.
73
Orang yang memiliki akses untuk melakukan
3 Konsumen pemesanan, kofirmasi pembayaran, pembatalan
tiket dan pembayaran tiket.
Bagian Orang yang dapat melakukan pemesanan dan
4
Pemesanan melihat detail pemesanan.
Bagian Orang yang dapat melakukan validasi pembayaran
5
Pembayaran dan validasi pembatalan.
74
b. Use case Diagram
75
c. Identifikasi Use case
76
History Menggambarkan kegiatan melihat
12 Konsumen
Pemesanan history pemesanan tiket user.
Menggambarkan kegiatan pembatalan
13 Pembatalan Tiket Konsumen
tiket yang sudah dibayar.
Validasi Menggambarkan kegiatan memvalidasi
14 Bagian Pembayaran
Pembayaran pembayaran yang telah berhasil.
Validasi Menggambarkan kegiatan memvalidasi
15 Bagian Pembayaran
Pembatalan pembatalan yang diajukan konsumen.
Menggambarkan kegiatan merubah
16 Kelola Web Admin
tampilan web.
Konfirmasi Menggambarkan kegiatan melaporkan
17 Konsumen
Pembayaran pembayaran yang telah dilakukan
Menggambarkan kegiatan melihat
18 Laporan Tiket General Manager
laporan tiket.
Menggambarkan kegiatan menambah
19 Kota Admin
dan merubah nama kota.
Menggambarkan kegiatan menambah
20 Terimal Admin
dan merubah nama terminal pada kota.
Menggambarkan kegiatan menambah
21 Rute Admin
dan merubah rute bus.
Admin, General
Menggambarkan kegiatan aktor yang
Manager, Konsumen,
22 Logout telah masuk ke dalam sistem untuk
Bagian Pemesanan,
keluar dari sistem.
Bagian Pembayaran
77
d. Narasi Use case
78
Trigger Aktor ingin menambah atau merubah jadwal bus.
Typical Course of Actor Action System Response
Events 1. Pilih Menu “Master” 2. Menampilkan seluruh menu
master
3. Klik “Jadwal” 4. Menampilkan list jadwal
bus
5. Klik “Tambah Data” 6. Menampilkan form
7. Klik “Save” 8. Data jadwal bus berhasil
ditambahkan
Alternate Courses 5b. Jika ada data yang ingin diubah, maka aktor dapat Klik
tombol “Edit” kemudian sistem akan menampilkan form,
lalu aktor mengedit data rute bus dan klik “Save”
Postcondition Proses tambah atau merubah data jadwal bus berhasil
disimpan ke dalam database.
79
Tabel 4. 9 Narasi Use case Kelola Artikel
80
Typical Course of 1. Pilih Menu “User” 2. Menampilkan list user
Events
3. Klik “Tambah User” 3. Menampilkan form
4. Mengisi form
5. Klik “Save” 6. Sukses menambahkan data
Alternate Courses 3b. Jika ada data yang ingin diubah, maka aktor dapat Klik
tombol “Edit”
Postcondition Berhasil menambah atau merubah data user.
81
Description Use case ini menggambarkan kegiatan untuk melihat
seluruh data pembayaran.
Precondition Aktor login ke dalam sistem.
Trigger Aktor ingin melihat data pembayaran
Typical Course of Actor Action System Response
Events 1. Pilih menu “Reservasi”. 2. Menampilkan seluruh menu
reservasi.
3. klik “Menunggu 4. Menampilkan list
Pembayaran” pembayaran
Alternate Courses 3b. Klik “Konfirmasi Pembayaran” sistem menampilkan list
pemesanan yang sudah dilakukan pembayaran
Postcondition Data pembayaran berhasil ditampilkan.
82
Tabel 4. 14 Narasi Use case Pencarian Jadwal Bus
83
4. klik “Pesan” 5. Terima kasih reservasi
anda berhasil
Alternate Courses -
Postcondition Pemesanan berhasil dibuat.
84
3. Pilih menu “Riwayat 4. Menampilkan seluruh
Pemesanan” pemesanan yang pernah dibuat
aktor
Alternate Courses -
Postcondition Melihat pemesanan yang pernah dibuat oleh aktor.
85
Actor Bagian Pembayaran
Description Use case ini menggambarkan kegiatan validasi pembayaran
Precondition Aktor login ke dalam sistem dan konsumen telah melakukan
konfirmasi pembayaran
Trigger Aktor ingin melakukan validasi pembayaran
Typical Course of Actor Action System Response
Events 1. Pilih menu “Reservasi” 2. Menampilkan daftar menu
reservasi
3. Klik “Konfirmasi 4. Menampilkan seluruh
Pembayaran” pesanan yang sudah di
konfirmasi pembayarannya
5. Klik Icon “Ceklist” 6. menampilkan list data
pembayaran
Alternate Courses 5b. Klik icon “View” untuk melihat detail
5c. Klik Icon “Silang” untuk menolak konfirmasi
pembayaran
Postcondition Status pembayaran berhasil berubah.
86
3. Klik “Permintaan 4. Menampilkan seluruh
Refund” pesanan yang sudah di
ajukan pembatalan.
5. Klik Icon “Ceklist” 6. Menampilkan list data
pembatalan
Alternate Courses 5b. Klik icon “View” untuk melihat detail
5c. Klik Icon “Silang” untuk menolak pengajuan
pembatalan
Postcondition Data pembatalan berhasil dirubah.
87
Use case ID 17
Actor Konsumen
Description Use case ini dilakukan untuk upload bukti pembayaran
pemesanan yang telah dibuat.
Precondition Aktor Login ke dalam sistem dan melihat history pemesanan
Trigger Aktor ingin upload bukti pembayaran yang telah dilakukan.
Typical Course of Actor Action System Response
Events 1. Klik “Detail” 2. Menampilkan detail
pemesanan
3. Klik “Pilih File” 4. Direktori file device
5. Pilih file bukti pembayaran
6. Klik icon “Upload” 7. Terimaksih. Bukti
pembayaran berhasil
diupload
Alternate Courses -
Postcondition Konfirmasi pembayaran berhasil.
88
Alternate Courses 4b. Klik “Export Excell”
Postcondition Menampilkan detail data konfirmasi pembayaran.
89
Typical Course of Actor Action System Response
Events 1. Pilih menu “Master” 2. Menampilkan daftar menu
master
3. Klik “Terminal” 4. Menampilkan seluruh data
Terminal
5. Klik “Tambah Data” 6. Menampilkan form
7. Input form
8. Klik “Save” 9. Data berhasil terupdate
Alternate Courses 5b. Klik Icon “Pensil” untuk merubah nama Terminal
Postcondition Nama terminal berhasil disimpan.
90
Tabel 4. 27 Narasi Use case Logout
91
2. Activity Diagram
Proses awal dalam melakukan login adalah aktor membuka sistem informasi
login, setelah itu aktor memasukkan username dan password. Jika username dan
password salah makan sistem akan menampilkan username dan password salah
(silahkan ulangi lagi) dan jika benar halaman utama sistem akan muncul
92
2. Activity Diagram Kelola Jadwal Bus
master kemudian sistem akan menampilkan seluruh menu master, kemudian klik
jadwal maka sistem akan menampilkan list jadwal bus, selanjutnya admin memilih
tambah data atau edit data maka sistem akan menampilkan form selanjutnya klik
93
3. Activity Diagram Melihat Artikel
artikel maka sistem akan menampilkan seluruh artikel, klik artikel yang dipilih
94
4. Activity Diagram Kelola Artikel
kelola artikel kemudian sistem akan menampilkan seluruh data artikel, jika admin
klik add artikel maka sistem akan menampilkan form add artikel, input seluruh form
dan klik save untuk menyimpan data artikel. Jika admin klik edit, sistem akan
menampilkan form edit artikel, input seluruh form dan klik save untuk menyimpan
data artikel. Jika admin klik delete, maka sistem akan menghapus data artikel.
95
5. Activity Diagram Kelola User
kemudian sistem akan menampilkan seluruh data user, jika admin klik tambah user
maka sistem akan menampilkan form add user, input seluruh form dan klik save
untuk menyimpan data user. Jika admin klik edit, sistem akan menampilkan form
edit user, input seluruh form dan klik save untuk menyimpan data user.
96
6. Activity Diagram Melihat Data Pemesanan
pemesanan pilih menu data pemesanan maka sistem akan menampilkan seluruh
data pemesanan.
pembayaran pilih menu reservasi maka sistem akan menampilkan seluruh menu
97
reservasi, pilih pemesanan dengan status menunggu pembayaran atau konfirmasi
pembayaran pilih menu data pembatalan maka sistem akan menampilkan seluruh
data pembatalan, klik data pembatalan maka sistem akan menampilkan detail
pembatalan.
98
9. Activity Diagram Pencarian Jadwal Bus
atau bagian pemesanan pilih menu jadwal bus maka sistem akan menampilkan form
pencarian jadwal bus, input seluruh form dan klik cari submit maka sistem akan
99
10. Activity Diagram Pesan Tiket
pemesanan klik select pada jadwal yang dipilih maka sistem menampilkan form
pemesanan, input seluruh form klik pesan maka pemesanan berhasil dilakukan.
100
Gambar 4.16 menjelaskan aktivitas dari proses cetak tiket, konsumen atau bagian
pemesanan pilih pemesanan maka sistem akan menampilkan detail pemesanan klik
menu profilku maka sistem akan menampilkan daftar menu profil, kemdian pilih
menu riwayat pemesanan maka sistem akan menampilkan pesanan yang pernah
dibuat oleh.
101
13. Activity Diagram Pembatalan Tiket
pembatalan maka sistem akan menampilkan form pembatalan, kemudian input form
dan pilih kirim untuk menyelesaikan pembatalan atau pilih cancel untuk
102
14. Activity Diagram Validasi Pembayaran
data pemesanan klik icon ceklist untuk menyetujui, klik icon view untuk melihat
103
15. Activity Diagram Validasi Pembatalan
data pemesanan klik icon ceklist untuk menyetujui, klik icon view untuk melihat
104
16. Activity Diagram Kelola Web
maka sistem menampilkan daftar menu setting. Klik perusahaan maka sistem
menampilkan form kemudian input form dan klik save maka data berhasil disimpan
105
17. Activity Diagram Konfirmasi Pembayaran
Konsumen klik detail pemesanan dan pilih file yang ingin di upload pada direktori
device kemudian klik icon upload maka bukti pembayaran berhasil di upload.
106
Gambar 4.23 menjelaskan aktivitas dari proses laporan tiket, general manager pilih
master maka sistem menampilkan sleuruh menu master. Kemudiam klik kota sistem
menampilkan seluruh data kota, klik tambah data atau edit sistem menampilkan
107
20. Activity Diagram Terminal
master maka sistem menampilkan sleuruh menu master. Kemudiam klik terminal
sistem menampilkan seluruh data terminal, klik tambah data atau edit sistem
108
21. Activity Diagram Rute
maka sistem menampilkan sleuruh menu master. Kemudiam klik rute sistem
menampilkan seluruh data rute, klik tambah data atau edit sistem menampilkan
109
22. Activity Diagram Logout
menampilkan pilihan logout klik logout maka aktor berhasil keluar dari sistem.
3. Sequence Diagram
110
Sequence Diagram Login pada gambar 4.28 menggabarkan kegiatan aktor
pengguna sistem masuk kedalam sistem dengan cara input username dan password.
Setelah berhasil login sistem akan menampilkan halaman utama dari tiap aktor.
admin mengelola data jadwal bus. Admin dapat menambah dan edit jadwal bus.
111
3. Sequence Diagram Melihat Arikel
112
4. Sequence Diagram Kelola Artikel
admin mengelola data artiekl. Admin dapat menambah, mengedit dan menghapus
data artikel.
113
5. Sequence Diagram Kelola User
mengelola data user. Admin dapat menambah dan edit data user.
114
6. Sequence Diagram Data Pemesanan
115
Sequence Diagram melihat data pembayaran pada gambar 4.34 menggambarkan
116
Sequence Diagram cek jadwal bus pada gambar 4.36 menggambarkan kegiatan
117
Sequence Diagram cetak tiket pada gambar 4.38 menggambarkan kegiatan
konsumen dan bagian pemesanan mencetak tiket. Dengan memilih data pemesanan
konsumen melihat pesanan tiket yang pernah dibuat. Dengan memilih menu riwayat
pemesanan.
118
13. Sequence Diagram Pembatalan Tiket
konsumen membatalkan tiket yang telah dipesan. Dengan memilih data pemesanan
119
14. Sequence Diagram Validasi Pembayaran
120
15. Sequence Diagram Validasi Pembatalan
121
16. Sequence Diagram Kelola Web
122
17. Sequence Diagram Konfirmasi Pembayaran
pembayaran.
123
18. Sequence Diagram Laporan Tiket
124
19. Sequence Diagram Kota
125
20. Sequence Diagram Terminal
126
21. Sequence Diagram Rute
127
22. Sequence Diagram Logout
128
4. Statechart Diagram
Proses awal dalam melakukan login adalah aktor membuka sistem informasi
login, setelah itu aktor memasukkan username dan password. Jika username dan
password salah makan sistem akan menampilkan username dan password salah
(silahkan ulangi lagi) dan jika benar halaman utama sistem akan muncul
129
2. Statechart Diagram Kelola Jadwal Bus
kelola rute bus kemudian sistem akan menampilkan seluruh data rute bus, jika
admin klik add rute maka sistem akan menampilkan form add rute bus, input seluruh
form dan klik save untuk menyimpan data rute. Jika admin klik edit, sistem akan
menampilkan form edit rute, input seluruh form dan klik save untuk menyimpan
data rute.
130
3. Statechart Diagram Melihat Artikel
menu artikel maka sistem akan menampilkan seluruh artikel, klik berita maka
131
4. Statechart Diagram Kelola Artikel
kelola artikel kemudian sistem akan menampilkan seluruh data artikel, jika admin
klik add artikel maka sistem akan menampilkan form add artikel, input seluruh form
dan klik save untuk menyimpan data artikel. Jika admin klik edit, sistem akan
menampilkan form edit artikel, input seluruh form dan klik save untuk menyimpan
data artikel.
132
5. Statechart Diagram Kelola User
user kemudian sistem akan menampilkan seluruh data user, jika admin klik add
user maka sistem akan menampilkan form add user, input seluruh form dan klik
save untuk menyimpan data user. Jika admin klik edit, sistem akan menampilkan
form edit user, input seluruh form dan klik save untuk menyimpan data user.
133
6. Statechart Diagram Melihat Data Pemesanan
pemesanan pilih menu data pemesanan maka sistem akan menampilkan seluruh
data pemesanan.
pembayaran pilih menu data pembayaran maka sistem akan menampilkan seluruh
data pembayaran.
134
8. Statechart Diagram Melihat Data Pembatalan
pembayaran pilih menu data pembatalan maka sistem akan menampilkan seluruh
data pembatalan, klik data pembatalan maka sistem akan menampilkan detail data
pembatalan.
atau bagian pemesanan pilih menu jadwal bus maka sistem akan menampilkan form
135
cek jadwal bus, input seluruh form dan klik cari maka sistem akan menampilkan
pemesanan klik select ada jadwal maka sistem menampilkan form pemesanan, input
136
Gambar 4.60 menjelaskan aktivitas dari proses cetak tiket, konsumen atau bagian
pemesanan pilih pemesanan maka sistem akan menampilkan detail pemesanan klik
cetak tiket.
menu riwayat pemesanan maka sistem akan menampilkan pesanan yang pernah
137
Gambar 4.62 menjelaskan aktivitas dari proses pembatalan tiket, konsumen klik
138
15. Statechart Diagram Validasi Pembatalan
139
16. Statechart Diagram Kelola Web
140
pembayaran kemudian input form dan klik icon upload maka data konfirmasi
pembayaran berhasil.
menu reservasi kemudian input periode tanggal dan pilih download laporan atau
export excell.
141
19. Statechar Diagram Kota
142
20. Statechart Diagram Terminal
143
21. Statechart Diagram Rute
144
22. Statechart Diagram Logout
5. Deployment Diagram
Informasi Pemesanan dan Pembayaran Bus yang dapat mengakses sistem tersebut
145
melalui browser dan MySQL sebagai database server berguna sebagai basis data
untuk sistem.
1. Potential Object
Login Admin
User General Manager
Level Konsumen
Rute Bagian Pemesanan
Berita Bagian Pembayaran
Jadwal Status Pesanan
Pesanan Reservasi Person
Kelola Username
Metode Pembayaran Password
Laporan Penjualan Perubahan
Pembatalan Logout
Kota Terminal
artikel kategori artikel
kategori Kontak
bank Pembayaran
Perusahaan Prefensi
Tidak semua kandidat (kata benda) menggambarkan objek bisnis yang ada di dalam
ditentukan apakah kandidat tersebut harus dipertahankan atau dihapus. Dari daftar
146
Tabel 4. 29 Identifikasi Potential Object
147
kategori artikel √ data kategori artikel
Kontak √ data kontak
Pembayaran √ data pembayaran
Prefensi √ data prefensi
Keterangan:
√ = Ya
X = Tidak
Tabel 4. 30 Objek yang Diusulkan
User
Artikel
Rute
Pemesanan
Pembayaran
Pembatalan
kota
terminal
jadwal
kategori artikel
kontak
bank
reservasi person
perusahaan
prefensi
148
2. Class Diagram
149
3. Mapping Class Diagram
Berikut ini adalah rancangan mapping class diagram yang menjelaskan relasi-relasi
yang berhubungan antar class yang memiliki kata kunci utama (Primary Key) dan
150
Gambar 4. 74 Mapping Class Diagram
151
4. Normaliasai
Untuk melakukan normalisasi terdapat tiga tahapan yang akan digunakan yaitu
tahapan bentuk first normal form (1NF), bentuk second normal form (2NF) dan
bentuk third normal form (3NF). Ketiga bentuk normalisasi ini akan langsung
peneliti kaitkan dengan objek tabel yang telah teridentifikasi di dalam class
diagram.
a. Tabel Unnormal
Pada tabel ini masih terdapat data yang memiliki isi atribut lebih dari 1 (redudansi).
152
Tabel 4. 31 Unnormal
153
b. Normalisasi Tahap Pertama (1NF)
Pada tabel dalam bentuk normal pertama, setiap kolom bernilai tunggal untuk setiap
baris.
154
c. Normalisasi Tahap Kedua (2NF)
155
Tabel 4. 33 Normalisasi Tahap Kedua (2NF)
tm_city tp_reservation tp_payment
city_id 1 reservation_id 17 payment_id 16
city_name jakarta reservation_code RSV1553702979 payment_date 3/28/2019 6:08
city_status 1 reservation_date 3/27/2019 23:09 payment_status 1
tm_terminal reservation_expired 3/27/2019 11:39 payment_type 0
terminal_id 2 reservation_total 290000 payment_data IMG1442.jpg
terminal_name lb bulus reservation_status 8 payment_approvedate 5/10/2019 16:09
terminal_status 1 reservation_departuredate 3/30/2019 approve_user 9
tm_schedule reservation_person 1
schedule_id 3 reservation_name muhammad fajar tm_preference
schedule_takeoff 6:00:00 reservation_email muhammad@g preference_id 1
schedule_eta 4:00:00 reservation_phone 87881621826 preference_hometittle Selamat Datang
schedule_status 1 reservation_type 1 preference_homedescription Dashboard Sistem
schedule_bus B6770AD preference_messagetittle
schedule_class 1 tm_user preference_messagedescripti NULL
schedule_price 50000 user_id 1 preference_bannerhome bus.jpg
tm_route user_password ******** preference_bannerreservatio bus1.jpg
route_id 3 user_authority 0 preference_bannerprofile bus4.jpg
from_terminal 4 user_fullname Baox Alvonso preference_bannercontactus bus2.jpg
to_terminal 3 user_identitytype SIM preference_bannerarticle bus3.jpg
route_status 1 user_identityno 1234567890 preference_welcometittle Selamat Datang
route_via Tol Cipularang user_phone 84012 preference_welcomesubtittle Pesan tiket
route_description NULL user_address Ciputat preference_registertitle Ingin memesan
user_gender Laki-laki preference_bannertitle Segera daftarkan
tm_article user_image preference_bannersubtitle Solusi
admin@baok.co
article_id 1 user_email preference_headertitle Reservasi Bus
m
article_datetime 3/19/2019 4:33 user_status 1 preference_headersubtitle Kramat Djati
article_gmt 7 last_login 5/9/2019 22:27 preference_contacttitle E-Reservation
article_title Armada Bus join_date 2/11/2019 22:56 preference_footertext Tinggalkan Pesan
article_slug armada-bus last_user NULL preference_protocol PT Kramat Djati
article_keyword mudik lebaran last_edited 5/9/2019 22:27 preference_host smtp
article_headline lebaran tp_contactus preference_port 465
article_description Bus keramat contactus_id 1 preference_mail fajar@gmail.com
article_trend 0 contactus_datetime 5/9/2019 22:27 preference_password ZHJwM1dTUXp0
article_image bus.jpg contactus_gmt 7 last_user 1
article_status 1 contactus_name Kramat Djati last_edited 3/20/2019 21:35
last_user 10 contactus_email kramatdjati@gmail.com tm_company
last_edited 3/19/2019 4:33 contactus_subject pesan company_id 1
tm_articlecategory contactus_message isi pesan company_name PT Kramat Djati
articlecategory_id 1 contactus_status 1 company_title Reservasi Bus
articlecategory_name Bus Lebaran last_user 10 company_phone (021) 7290322
articlecategory_status 1 last_edited 3/19/2019 4:33 company_email admin@baok.com
last_user 10 company_facebook facebook.com/
last_edited 3/19/2019 4:31 tm_imagebank company_twitter twitter.com/
imagebank_id 1 company_instagram instagram.com/
tp_refund imagebank_name bus company_youtube youtube.com/
refund_id 1 imagebank_datetime 3/19/2019 4:33 company_description Kramat Djati
refund_date 4/8/2019 23:58 imagebank_gmt 7 company_address Jl. Sultan Iskandar
refund_status 1 imagebank_image bank bca company_logo kramatdjati_g.png
refund_accountno 827277282 last_user 10 company_additionallogo logoasa1.png
refund_accountname Fajar last_edited 3/19/2019 4:33 company_favicon kramatdjati_g1.png
refund_accountbank Bca td_reservationperson company_keyword PT Kramat Djati
refund_reason Tidak jadi reservationperson_id 1 last_user 10
refund_approvedate 4/8/2019 23:59 reservationperson_fullname Johny last_edited 5/10/2019 16:21
refund_transferdate NULL reservationperson_identityno 102938745
refund_transferreferral NULL reservationperson_identityty KTP
refund_transferdata NULL reservationperson_phone 123123123
refund_amount NULL reservationperson_email fajar@gmail.co
approve_user 9 reservationperson_seat 2
reservationperson_price 85000
156
d. Normalisasi Tahap Ketiga (3NF)
bentuk normal kedua dan setiap atribut bukan kunci tidak tergantung
157
Tabel 4. 34 Normalisasi Bentuk Ketiga (3NF)
tm_city tp_reservation tp_payment
city_id 1 reservation_id 17 payment_id 16
city_name jakarta reservation_code RSV1553702979 payment_date 3/28/2019 6:08
city_status 1 reservation_date 3/27/2019 23:09 payment_status 1
reservation_expired 3/27/2019 11:39 payment_type 0
tm_terminal reservation_total 290000 payment_data IMG1442.jpg
terminal_id 2 reservation_status 8 payment_approvedate 5/10/2019 16:09
terminal_name lb bulus reservation_departuredate 3/30/2019 approve_user 9
terminal_status 1 reservation_person 1
reservation_name muhammad fajar tm_preference
tm_schedule reservation_email muhammad@g preference_id 1
schedule_id 3 reservation_phone 87881621826 preference_hometittle Selamat Datang
schedule_takeoff 6:00:00 reservation_type 1 preference_homedescription Dashboard Sistem
schedule_eta 4:00:00 preference_messagetittle
schedule_status 1 tm_user preference_messagedescripti NULL
schedule_bus B6770AD user_id 1 preference_bannerhome bus.jpg
schedule_class 1 user_password ******** preference_bannerreservatio bus1.jpg
schedule_price 50000 user_authority 0 preference_bannerprofile bus4.jpg
user_fullname Baox Alvonso preference_bannercontactus bus2.jpg
tm_route user_identitytype SIM preference_bannerarticle bus3.jpg
route_id 3 user_identityno 1234567890 preference_welcometittle Selamat Datang
from_terminal 4 user_phone 84012 preference_welcomesubtittle Pesan tiket
to_terminal 3 user_address Ciputat preference_registertitle Ingin memesan
route_status 1 user_gender Laki-laki preference_bannertitle Segera daftarkan
route_via Tol Cipularang user_image preference_bannersubtitle Solusi
admin@baok.co
route_description NULL user_email preference_headertitle Reservasi Bus
m
user_status 1 preference_headersubtitle Kramat Djati
tm_article last_login 5/9/2019 22:27 preference_contacttitle E-Reservation
article_id 1 join_date 2/11/2019 22:56 preference_footertext Tinggalkan Pesan
article_datetime 3/19/2019 4:33 last_user NULL preference_protocol PT Kramat Djati
article_gmt 7 last_edited 5/9/2019 22:27 preference_host smtp
article_title Armada Bus preference_port 465
article_slug armada-bus tp_contactus preference_mail fajar@gmail.com
article_keyword mudik lebaran contactus_id 1 preference_password ZHJwM1dTUXp0
article_headline lebaran contactus_datetime 5/9/2019 22:27 last_user 1
article_description Bus keramat contactus_gmt 7 last_edited 3/20/2019 21:35
article_trend 0 contactus_name Kramat Djati
article_image bus.jpg contactus_email kramatdjati@gmail.com tm_company
article_status 1 contactus_subject pesan company_id 1
last_user 10 contactus_message isi pesan company_name PT Kramat Djati
last_edited 3/19/2019 4:33 contactus_status 1 company_title Reservasi Bus
last_user 10 company_phone (021) 7290322
tm_articlecategory last_edited 3/19/2019 4:33 company_email admin@baok.com
articlecategory_id 1 company_facebook facebook.com/
articlecategory_name Bus Lebaran tm_imagebank company_twitter twitter.com/
articlecategory_status 1 imagebank_id 1 company_instagram instagram.com/
last_user 10 imagebank_name bus company_youtube youtube.com/
last_edited 3/19/2019 4:31 imagebank_datetime 3/19/2019 4:33 company_description Kramat Djati
imagebank_gmt 7 company_address Jl. Sultan Iskandar
tp_refund imagebank_image bank bca company_logo kramatdjati_g.png
refund_id 1 last_user 10 company_additionallogo logoasa1.png
refund_date 4/8/2019 23:58 last_edited 3/19/2019 4:33 company_favicon kramatdjati_g1.png
refund_status 1 company_keyword PT Kramat Djati
refund_accountno 827277282 td_reservationperson last_user 10
refund_accountname Fajar reservationperson_id 1 last_edited 5/10/2019 16:21
refund_accountbank Bca reservationperson_fullname Johny
refund_reason Tidak jadi reservationperson_identityno 102938745
refund_approvedate 4/8/2019 23:59 reservationperson_identityty KTP
refund_transferdate NULL reservationperson_phone 123123123
fajar@gmail.co
refund_transferreferral NULL reservationperson_email
m
refund_transferdata NULL reservationperson_seat 2
refund_amount NULL reservationperson_price 85000
approve_user 9
158
5. Skema Database
Pada tahap ini peneliti membuat skema database terlebih dahulu. Skema database
berfungsi untuk menunjukan hubungan antar satu class dengan class yang lain
dilihat dari perpindahan primary key menjadi foreign key. Skema database tersebut
159
Gambar 4. 75 Skema Database
160
6. Matriks CRUD
Pada tahap ini akan ditampilkan CRUD matriks (Create, Read, Update, Delete)
yang dihasilkan dari class diagram yang telah ditentukan sebelumnya, CRUD
161
route_via CRU R R R R
route_description CRU R R R R
tm_article
article_id CRUD R
article_datetime CRUD R
article_gmt CRUD R
article_title CRUD R
article_slug CRUD R
article_keyword CRUD R
article_headline CRUD R
article_description CRUD R
article_trend CRUD R
article_image CRUD R
article_status CRUD R
last_user CRUD R
last_edited CRUD R
tm_articlecategory
articlecategory_id CRU R
articlecategory_name CRU R
articlecategory_status CRU R
last_user CRU R
last_edited CRU R
tp_refund
refund_id R R CR R
refund_date R R CR R
refund_status R R CR R
refund_accountno R R CR R
refund_accountname R R CR R
refund_accountbank R R CR R
refund_reason R R CR R
162
refund_approvedate R R CR R
refund_transferdate R R CR R
refund_transferreferral R R CR R
refund_transferdata R R CR R
refund_amount R R CR R
approve_user R R R UR
tp_reservation
reservation_id R CR CR R
reservation_code R CR CR R
reservation_date R CR CR R
reservation_expired R CR CR R
reservation_total R CR CR R
reservation_status R CR CR R
reservation_departuredate R CR CR R
reservation_person R CR CR R
reservation_name R CR CR R
reservation_email R CR CR R
reservation_phone R CR CR R
reservation_type R CR CR R
tm_user
user_id CRU CRU
user_password CRU CRU
user_authority CRU CRU
user_fullname CRU CRU
user_identitytype CRU CRU
user_identityno CRU CRU
user_phone CRU CRU
user_address CRU CRU
user_gender CRU CRU
user_image CRU CRU
163
user_email CRU CRU
user_status CRU CRU
last_login CRU CRU
join_date CRU CRU
last_user CRU CRU
last_edited CRU CRU
tp_contactus
contactus_id CRU R
contactus_datetime CRU R
contactus_gmt CRU R
contactus_name CRU R
contactus_email CRU R
contactus_subject CRU R
contactus_message CRU R
contactus_status CRU R
last_user CRU R
last_edited CRU R
tm_imagebank
imagebank_id CRU R
imagebank_name CRU R
imagebank_datetime CRU R
imagebank_gmt CRU R
imagebank_image CRU R
last_user CRU R
last_edited CRU R
td_reservationperson
reservationperson_id R CR CR R
reservationperson_fullname R CR CR R
reservationperson_identityno R CR CR R
reservationperson_identitytype R CR CR R
164
reservationperson_phone R CR CR R
reservationperson_email R CR CR R
reservationperson_seat R CR CR R
reservationperson_price R CR CR R
tp_payment
payment_id R R CR R
payment_date R R CR R
payment_status R R CR RU
payment_type R R CR R
payment_data R R CR R
payment_approvedate R R CR RU
approve_user R R R CR
tm_preference
preference_id CRU R R R R
preference_hometittle CRU R R R R
preference_homedescription CRU R R R R
preference_messagetittle CRU R R R R
preference_messagedescription CRU R R R R
preference_bannerhome CRU R R R R
preference_bannerreservation CRU R R R R
preference_bannerprofile CRU R R R R
preference_bannercontactus CRU R R R R
preference_bannerarticle CRU R R R R
preference_welcometittle CRU R R R R
preference_welcomesubtittle CRU R R R R
preference_registertitle CRU R R R R
preference_bannertitle CRU R R R R
preference_bannersubtitle CRU R R R R
preference_headertitle CRU R R R R
preference_headersubtitle CRU R R R R
165
preference_contacttitle CRU R R R R
preference_footertext CRU R R R R
preference_protocol CRU R R R R
preference_host CRU R R R R
preference_port CRU R R R R
preference_mail CRU R R R R
preference_password CRU R R R R
last_user CRU R R R R
last_edited CRU R R R R
tm_company
company_id CRU R
company_name CRU R
company_title CRU R
company_phone CRU R
company_email CRU R
company_facebook CRU R
company_twitter CRU R
company_instagram CRU R
company_youtube CRU R
company_description CRU R
company_address CRU R
company_logo CRU R
company_additionallogo CRU R
company_favicon CRU R
company_keyword CRU R
last_user CRU R
last_edited CRU R
166
7. Spesifikasi Database
Berikut ini adalah tabel database dalam bentuk penyajian sebagai berikut:
1. Tabel tm_city
Foreign Key: -
2. Tabel tm_terminal
3. Tabel tm_schedule
167
Nama Tabel: tm_schedule
4. Tabel tm_route
168
terminal_id Int 11 foreign key
5. Tabel tm_article
6. Tabel tm_articlecategory
169
Primary Key: articlecategory_id
7. Tabel tp_refund
170
refund_transferdate datetime - tanggal ditransfer
refund_transferreferral varchar 50 bukti transfer
refund_transferdata tinytext - -
refund_amount int 11 jumlah transfer
approve_user int 11 user yang menyetujui
reservation_id int 11 foreign key
8. Tabel tp_reservation
171
9. Tabel tm_user
Foreign Key: -
172
Primary Key: contactus_id
173
imagebank_gmt int 2 -
imagebank_image tinytext - gambar bank
last_user int 11 user terakhir
last_edited timestamp - terakhir edit
user_id int 11 foreign key
174
Type File: Master
175
preference_bannerprofile tinytext - banner profile
preference_bannercontactus tinytext - banner kontak
preference_bannerarticle tinytext - banner artikel
preference_welcometittle varchar 255 welcome title
preference_welcomesubtittle varchar 25 welcome subtitle
preference_registertitle varchar 50 register title
preference_bannertitle varchar 50 banner title
preference_bannersubtitle varchar 50 banner subtitle
preference_headertitle varchar 50 header title
preference_headersubtitle varchar 50 header subtitle
preference_contacttitle varchar 50 contact title
preference_footertext varchar 75 footer text
preference_protocol varchar 10 protocol
preference_host varchar 75 host
preference_port varchar 10 port
preference_mail varchar 75 email
preference_password varchar 75 password
last_user int 11 user terakhir
last_edited timestamp - terakhir edit
user_id int 11 foreign key
176
company_id Int 11 Primary key
company_name varchar 255 nama perusahaan
company_title varchar 255 title perusahaan
company_phone varchar 255 nomor perusahaan
company_email varchar 255 email perusahaan
company_facebook varchar 255 facebook perusahaan
company_twitter varchar 255 twitter perusahaan
company_instagram varchar 255 instagram perusahaan
company_youtube varchar 255 youtube perusahaan
company_description text - deskripsi perusahaan
company_address text - alamat
company_logo varchar 255 logo
company_additionallogo varchar 255 logo tambahan
company_favicon varchar 255 icon
company_keyword text kata kunci
last_user int 11 user terakhir
last_edited timestamp - terakhir edit
user_id int 11 foreign key
Pada tahapan ini penulis merancang menu berdasarkan jenis proses pada sistem
177
1. Menu Admin
Input Username
dan Password
Dashboard
Admin
Dashboard General
Manager
Laporan TIket
178
3. Menu Konsumen
Dashboard
Konsumen
History
Tiket Berita
Pemesanan
Pesan Tiket
Dashboard Bagian
Pemesanan
Lihat
Cetak Tiket Pemesanan
Pemesanan
179
Sistem Informasi Pemesanan dan
Pembayaran Bus
Dashboard Bagian
Pembayaran
Data Data
Pembayaran Pembatalan
Valiasi Validasi
Pembayaran Pembatalan
Setelah membuat struktur menu, penulis akan membuat perancangan user interface
180
Gambar 4. 82 Perancangan User Interface Dashboard Admin
3. Perancangan User Interface Kelola User
181
Gambar 4. 84 Perancangan User Interface Laporan Tiket
5. Perancangan User Interface Konfirmasi Pembayaran
182
Gambar 4. 86 Perancangan User Interface Konfirmasi Pembatalan
7. Perancangan User Interface Kelola Artikel
183
Gambar 4. 88 Perancangan User Interface History Pemesanan
9. Perancangan User Interface Pesan Tiket Langkah 1
184
Gambar 4. 90 Perancangan User Interface Pesan Tiket Langkah 2
11. Perancangan User Interface Pesan Tiket Langkah 3
185
Gambar 4. 92 Perancangan User Interface Pesan Tiket Langkah 4
13. Perancangan User Interface Detail Pemesanan
186
Gambar 4. 94 Perancangan User Interface Tambah User
15. Perancangan User Interface Tambah Berita
187
Gambar 4. 96 Perancangan User Interface Tambah Rute
17. Perancangan User Interface Halaman Utama
188
Gambar 4. 98 Perancangan User Interface Dashboard Bagian Pemesanan
4.3 Implementation
4.3.1 Pemrogramam
Pada tahan pemrograman ini spesifikasi perangkat keras dan perangkat lunak yang
1. Perangkat Keras
b. RAM 4 GB
c. Harddisk 320 GB
2. Perangkat Lunak
a. Windows 7
c. Astah Professional
d. XAMPP V3.2.2
189
e. Sublime Text 3
190
4. Admin dapat menambah dan merubah Sesuai
Kelola Artikel
artikel berita.
191
6. Melihat Data Bagian pemesanan dapat melihat data Sesuai
Pemesanan pemesanan.
192
8. Melihat Data Bagian pembayaran dapat melihat data Sesuai
Pembatalan pembatalan tiket.
193
10. Pesan Tiket Konsumen dapat mengisi form Sesuai
pemesanan tiket dan memilih tempat
duduk yang tersedia.
194
12. History Pemesanan Sesuai
Konsumen dapat melihat history pemesanan tiket yang
pernah dibuat.
195
14. Validasi Bagian Pembayaran dapat melakukan Sesuai
Pembayaran validasi terhadap pesanan yang telah
dibayar.
196
16 Kelola Web Admin dapat merubah tampilan web Sesuai
197
18 Laporan Tiket General manager dapat melihat laporan Sesuai
tiket.
198
20 Terminal Admin dapat membuat dan merubah Sesuai
nama terminal.
199
22 Logout Aktor dapat keluar dari sistem Sesuai
200
BAB V
PENUTUP
5.1 Kesimpulan
bahwa:
dibutuhkan.
3. Sistem yang dibuat berbasis web dengan tampilan menu yang responsive
5.2 Saran
Ada beberapa saran dalam penelitian ini untuk pengembangan lebih lanjut atas
2. Penelitian ini hanya berfokus pada bagian pemesanan dan pembayaran tiket
201
DAFTAR PUSTAKA
Bentley, Lonnie D. dan Jeffrey L. Whitten. (2007). System Analysis & Design for
Companies, Inc.
Bernadi, J. (2013). Aplikasi Sistem Informasi Penjualan Berbasis Web Pada Toko
Cato Chandra, S.Kom dan Ir. Teddy Marcus Zakaria, M.T. (2008). Be Smart
Cristina Widya, Utami. (2008). Manajemen Barang Dagangan dalam Bisnis Riteil.
Fathansyah. (2012). Basis Data Buku Teks Ilmu Komputer (Edisi Revisi). Bandung:
Informatika.
202
Ibnu & Sri Lestari. (2015). Perilaku Pembelian Melalui Internet. Semarang:
Universitas Diponegoro.
online.
Kendall, J.E. & Kendall, K.E. (2010). Analisis dan Perancangan Sistem. Jakarta:
Indeks.
Kendall, KE, Kendall, JE. (2008). System Analysis and Design. Hafidh TA,
Pearson Education.
Li, H., & Hong, J. (2013). Factors Influencing Consumers’ Online Repurchasing
York: Mc.Graw-Hill.
Andi Offset.
203
Noertjahyana, Agustinus. (2002). Studi Analisis Rapid Aplication Development
Informatika.
York: McGraw-Hill.
Informatika.
Ilmu.
Subiyakto, A., Ahlan, A. R., Kartiwi, M., Putra, S. J., & Durachman, Y. (2016).
204
Subiyakto, A., Ahlan, A. R., Putra, S. J., & Kartiwi, M. (2015). Validation of
Subiyakto, A., Hidayah, N. A., Gusti, G., & Hikami, M. A. (2019). Readiness and
Subiyakto, A., Rosalina, R., Utami, M. C., Kumaladewi, N., & Putra, S. J. (2017).
Turban, E., King, D., & Lang, J. (2010). Introduction to Electronic Commerce
Undang-Undang No. 23 Pasal 1 ayat (6) tahun 1999 tentang Bank Indonesia.
Bayumedia Publishing.
Whitten. &. Bentley. (2008). Introduction to System Analysis and Design. New
York: McGraw-Hill.
205
LAMPIRAN
Lampiran 1
Hasil Wawancara
$sub_reservation_wai case
tingpayment = ' active'; "regulation_regulationcateg
break; ory" :
case
"reservation_paymentconfir $sub_regulation_regul
mation" : ationcategory = ' active';
break;
$sub_reservation_pay case
mentconfirmation = ' active'; "regulation_regulation" :
break;
case $sub_regulation_regul
"reservation_refundrequest" ation = ' active';
: break;
$sub_reservation_refu case
ndrequest = ' active'; "article_articlecategory" :
break;
case $sub_article_articleca
"reservation_refundprocess" tegory = ' active';
: break;
case "article_article" :
$sub_reservation_refu
ndprocess = ' active'; $sub_article_article = '
break; active';
case break;
"reservation_report" :
<?php
$level = array(0, 1);
} if(in_array($this->session-
?> >userdata('user_authority'),
<!-- sidebar menu: : style can be $level)){ ?>
found in sidebar.less --> <li class="treeview <?php
<ul class="sidebar-menu"> echo $nav_setting; ?>">
<li class="header"></li> <a
<?php href="javascript:void(0);">
$level = array(0,1); <i class="fa fa-
if(in_array($this->session- wrench"></i> <span>
>userdata('user_authority'), Setting</span>
$level)){ ?> <i class="fa fa-
<li><a angle-left pull-right"></i>
href="javascript:void(0);" </a>
OnClick="link_to('home')"> <ul class="treeview-
<i class="fa fa- menu">
desktop"></i> <span> <li
Frontend</span></a></li> class="<?php echo
<?php } ?> $sub_setting_company;
?>"><a
<li class="<?php echo href="javascript:void(0);"
$nav_dashboard; ?>"><a OnClick="link_to('setting/c
href="javascript:void(0);" ompany')"><i class="fa fa-
OnClick="link_to('dashboar angle-double-right"></i>
d')"><i class="fa fa- Perusahaan</a></li>
dashboard"></i> <span> <?php
Home</span></a></li> $level =
array(0);
$sub_master_terminal;
if(in_array($this- ?>"><a
>session- href="javascript:void(0);"
>userdata('user_authority'), OnClick="link_to('master/te
$level)){ ?> rminal')"><i class="fa fa-
<li angle-double-right"></i>
class="<?php echo Terminal</a></li>
$sub_setting_preference; <li
?>"><a class="<?php echo
href="javascript:void(0);" $sub_master_route; ?>"><a
OnClick="link_to('setting/pr href="javascript:void(0);"
eference')"><i class="fa fa- OnClick="link_to('master/ro
angle-double-right"></i> ute')"><i class="fa fa-angle-
Preferensi</a></li> double-right"></i>
<?php } ?> Rute</a></li>
</ul> <li
</li> class="<?php echo
<?php } ?> $sub_master_schedule;
?>"><a
<?php href="javascript:void(0);"
$level = array(0, 1); OnClick="link_to('master/sc
if(in_array($this->session- hedule')"><i class="fa fa-
>userdata('user_authority'), angle-double-right"></i>
$level)){ ?> Jadwal</a></li>
<li class="treeview <?php </ul>
echo $nav_master; ?>"> </li>
<a <?php } ?>
href="javascript:void(0);">
<i class="fa fa- <?php
cog"></i> <span> $level =
Master</span> array(0, 2, 3, 4);
<i class="fa fa-
angle-left pull-right"></i> if(in_array($this-
</a> >session-
<ul class="treeview- >userdata('user_authority'),
menu"> $level)){ ?>
<li <li class="treeview <?php
class="<?php echo echo $nav_reservation; ?>">
$sub_master_city; ?>"><a <a
href="javascript:void(0);" href="javascript:void(0);">
OnClick="link_to('master/ci <i class="fa fa-
ty')"><i class="fa fa-angle- bus"></i> <span>
double-right"></i> Reservasi</span>
Kota</a></li> <i class="fa fa-
<li angle-left pull-right"></i>
class="<?php echo </a>
<ul class="treeview- fa-angle-double-right"></i>
menu"> Konfirmasi
<?php Pembayaran</a></li>
$level = <li
array(0, 2); class="<?php echo
$sub_reservation_refundreq
if(in_array($this- uest; ?>"><a
>session- href="javascript:void(0);"
>userdata('user_authority'), OnClick="link_to('reservati
$level)){ ?> on/refund-request')"><i
<li class="<?php class="fa fa-angle-double-
echo right"></i> Permintaan
$sub_reservation_reservatio Refund</a></li>
n; ?>"><a <li
href="javascript:void(0);" class="<?php echo
OnClick="link_to('reservati $sub_reservation_refundpro
on/')"><i class="fa fa-angle- cess; ?>"><a
double-right"></i> href="javascript:void(0);"
Pemesanan</a></li> OnClick="link_to('reservati
<?php } ?> on/refund-process')"><i
<?php class="fa fa-angle-double-
$level = right"></i> Proses
array(0, 3); Refund</a></li>
<?php } ?>
if(in_array($this- <?php
>session- $level =
>userdata('user_authority'), array(0, 4);
$level)){ ?>
<li if(in_array($this-
class="<?php echo >session-
$sub_reservation_waitingpa >userdata('user_authority'),
yment; ?>"><a $level)){ ?>
href="javascript:void(0);" <li
OnClick="link_to('reservati class="<?php echo
on/waiting-payment')"><i $sub_reservation_report;
class="fa fa-angle-double- ?>"><a
right"></i> Menunggu href="javascript:void(0);"
Pembayaran</a></li> OnClick="link_to('reservati
<li on/report')"><i class="fa fa-
class="<?php echo angle-double-right"></i>
$sub_reservation_paymentc Laporan</a></li>
onfirmation; ?>"><a <?php } ?>
href="javascript:void(0);" <?php
OnClick="link_to('reservati $level =
on/payment- array(0, 2);
confirmation')"><i class="fa
right"></i> Kategori
if(in_array($this- Artikel</a></li>
>session- <li
>userdata('user_authority'), class="<?php echo
$level)){ ?> $sub_article_article; ?>"><a
<li href="javascript:void(0);"
class="<?php echo OnClick="link_to('article')"
$sub_reservation_report; ><i class="fa fa-angle-
?>"><a double-right"></i>
href="javascript:void(0);" Artikel</a></li>
OnClick="link_to('reservati
on/report')"><i class="fa fa- </ul>
angle-double-right"></i> </li>
Lihat Pemesanan</a></li> <?php } ?>
<?php } ?>
</ul> <?php
</li> $level =
<?php } ?> array(0, 1);
<?php
$level = if(in_array($this-
array(0, 1); >session-
>userdata('user_authority'),
if(in_array($this- $level)){ ?>
>session- <li class="<?php echo
>userdata('user_authority'), $nav_user; ?>"><a
$level)){ ?> href="javascript:void(0);"
<li class="treeview <?php OnClick="link_to('user')"><
echo $nav_regulation; ?>"> i class="fa fa-user"></i>
<a <span>
href="javascript:void(0);"> User</span></a></li>
<i class="fa fa- <?php } ?>
pencil"></i> <span> <?php
Artikel</span> $level =
<i class="fa fa- array(0);
angle-left pull-right"></i> $level)){ ?>
</a> <li class="<?php echo
<ul class="treeview- $nav_contact; ?>"><a
menu"> href="javascript:void(0);"
<li OnClick="link_to('contact')
class="<?php echo "><i class="fa fa-
$sub_article_articlecategory envelope"></i> <span>
; ?>"><a Kontak
href="javascript:void(0);" Kami</span></a></li>
OnClick="link_to('article/ar <?php } ?>
ticle-category')"><i </ul>
class="fa fa-angle-double-