i
LAPORAN SKRIPSI
APLIKASI PORTAL PEMESANAN TIKET BUS
MALAM DI KABUPATEN PATI BERBASIS
WEB
RESPONSIVE
NOVITA DWI CANDRA
NIM. 201453135
DOSEN PEMBIMBING
Wiwit Agus Triyanto, S.Kom., M.Kom
Nanik Susanti, S.Kom., M.Kom
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2018
ii
iii
iv
v
APLIKASI PORTAL PEMESANAN TIKET BUS
MALAM DI KABUPATEN PATI BERBASIS
WEB
RESPONSIVE
Nama mahasiswa : Novita Dwi Candra
NIM : 201453135
Pembimbing :
1. Wiwit Agus Triyanto, S.Kom., M.Kom
2. Nanik Susanti, S.Kom., M.Kom
RINGKASAN
Penggunaan internet saat ini telah menjadi kebiasaan bagi para penggunanya. Karena mereka dapat memperoleh informasi yang dibutuhkan dengan cepat serta memiliki jangkauan yang luas. Internet juga digunakan sebagai sarana promosi dan pelayanan pelanggan pada suatu perusahaan. Perusahaan dibidang transportasi khususnya transportasi darat yaitu bus, mereka melayani pemesanan tiket ke calon penumpang dengan cara yang masih konvensional yaitu calon penumpang harus mendatangi agen bus untuk mencari ketersediaan tiket bus.
Tujuan dari penelitian ini adalah untuk membangun suatu sistem informasi pemesanan tiket bus secara online dan dapat di akses oleh calon penumpang secara real-time. Sistem ini memberikan informasi mengenai ketersediaan tiket, jadwal keberangkatan, pemesanan tiket, serta informasi lain mengenai armada bus tersebut, sehingga calon penumpang tidak perlu mendatangi agen bus. Sistem pemesanan tiket bus ini dibuat dengan menggunakan metode waterfall dan perancangan sistem menggunakan metode UML (Unified Modelling Language). Sistem ini berbasis web dengan bahasa pemrograman PHP dan database MySQL. Melalui aplikasi portal pemesanan tiket bus ini diharapkan calon penumpang tidak kesulitan dalam melakukan pemesanan tiket karena pemesanan tiket dapat dilakukan dimana saja dan kapan saja.
vi
PORTAL APPLICATION OF
NIGHT
BUS
TICKET
BOOKING
IN
PATI
DISTRICT
BASED
ON
RESPONSIVE
WEB
Student Name : Novita Dwi Candra
Student Identity Number : 201453135
Supervisor :
1. Wiwit Agus Triyanto, S.Kom., M.Kom
2. Nanik Susanti, S.Kom., M.Kom
ABSTRACT
Current use of the internet has become a habit for its users. Because they can get the information needed quickly and have a wide range. The internet is also used as a means of promotion and customer service to a company. Companies in the field of transportation, especially land transportation, are buses, they serve booking tickets to prospective passengers in a conventional way, namely Passengers must go to the bus agent to find bus ticket availability.
The purpose of this study is to build an information system for bus ticket bookings online and can be accessed by prospective passengers in real-time. This system provides information about ticket availability, departure schedules, ticket reservations, as well as other information about the bus fleet, so that prospective passengers do not need to go to the bus agent. This bus ticket booking system is made using the waterfall method and system design using the UML (Unified Modeling Language) method. This system is web based with PHP programming language and MySQL database. Through this bus ticket booking portal application, it is expected that prospective passengers will have no difficulty in booking tickets because ticket bookings can be done anywhere and anytime.
vii
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT yang karena
rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan penulisan laporan skripsi dengan judul ”Aplikasi Portal Pemesanan Tiket Bus Malam di Kabupaten Pati Berbasis Web Responsive”.
Penyusunan laporan skripsi ini ditujukan untuk memenuhi salah satu
syarat memperoleh gelar sarjana S-1 pada program studi sistem informasi fakultas
teknik Universitas Muria Kudus.
Pelaksanaan penelitian dan penyusunan laporan skripsi ini tak lepas dari
bimbingan, bantuan dan dukungan beberapa pihak, maka untuk itu penulis
menyampaikan ucapan terima kasih kepada :
1. Bapak Dr. Suparnyo, SH., MS selaku Rektor Universitas Muria Kudus.
2. Bapak Mohammad Dahlan, ST., MT selaku Dekan Fakultas Teknik
Universitas Muria Kudus.
3. Bapak Pratomo Setiaji, S.Kom., M.Kom selaku Ketua Program Studi
Sistem Infomasi Fakultas Teknik Universitas Muria Kudus.
4. Bapak Wiwit Agus Triyanto, S.Kom., M.Kom selaku dosen
pembimbing utama yang telah memberikan bimbingan dan arahan
hingga terselesaikannya penulisan laporan skripsi ini.
5. Ibu Nanik Susanti, S.Kom., M.Kom selaku dosen pembimbing
pendamping yang telah memberikan pengarahan dan bimbingan
hingga terselesaikannya laporan skripsi ini.
6. Bapak Aries Jatmiko, S.T pimpinan dari PT. Selamet Trans Abadi
yang telah memberikan izin untuk melakukan penelitian, sehingga
penulis dapat menyelesaikan laporan ini.
7. Bapak Budi Santoso Gunawan pimpinan dari PT. Budi Jaya Mandiri
Utama yang telah memberikan izin kepada penulis untuk melakukan
penelitian, sehingga penulis dapat menyelesaikan laporan skripsi ini.
8. Dosen-dosen program studi Sistem Informasi yang telah mendidik dan
berbagi ilmu yang sudah didapat kepada penulis selama menempuh
viii
9. Seluruh staff Fakultas Teknik Universitas Muria Kudus yang telah
membantu penulis dalam kelengkapan keperluan administrasi kuliah.
10.Kedua orang tua yang sangat saya sayangi, Bapak dan Ibu yang telah
memberikan semangat dan doa kepada penulis untuk menyelesaikan
laporan skripsi ini.
11.Teman-teman program studi Sistem Infomasi angkatan 2014 yang
selalu mendukung dalam proses laporan skripsi ini.
12.Sahabat-sahabat saya yang selalu menyemangati dan menemani dalam
proses pembuatan laporan skripsi ini.
Penulis menyadari adanya kekurangan dan ketidaksempurnaan dalam
penulisan laporan skripsi ini, karena itu penulis menerima kritik, saran dan
masukan dari pembaca sehingga penulis dapat lebih baik di masa yang akan
datang. Akhirnya penulis berharap semoga buku tesis ini bisa bermanfaat
khususnya bagi penulis dan umumnya bagi para pembaca.
Kudus, 28 Agustus 2018
Penulis
Novita Dwi Candra
ix
DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
PERNYATAAN KEASLIAN ... iv
RINGKASAN ... v
ABSTRACT ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR GAMBAR ... xiii
DAFTAR TABEL ... xvii
DAFTAR LAMPIRAN ... xix
DAFTAR ISTILAH DAN SINGKATAN ... xx
BAB I PENDAHULUAN ... 1
1.6.1. Metode Pengumpulan Data ... 3
1.6.2. Metode Pengembangan Sistem ... 4
1.6.3. Metode Perancangan Sistem ... 5
1.7. Kerangka Pemikiran ... 7
BAB II TINJAUAN PUSTAKA ... 9
x
2.2. Tabel Perbandingan Penelitian Terkait ... 11
2.3. Landasan Teori ... 12
2.3.1. Pengertian Sistem Informasi ... 12
2.3.2. Definisi Web Portal ... 12
2.3.3. Jenis-jenis Web Portal ... 13
2.3.4. Definisi Pemesanan ... 14
2.3.5. FOD (Flow Of Document) ... 14
2.3.6. UML (Unified Modelling Language) ... 15
2.3.7. ERD (Entity Relarionship Diagram) ... 18
2.3.8. Kardinalitas ... 19
BAB III METODOLOGI PENELITIAN... 21
3.1. Objek Penelitian ... 21
3.1.1 Lokasi ... 21
3.2. Analisa Sistem Lama ... 22
3.3. Analisa dan Rancangan Sistem Baru ... 23
3.3.1. Analisa Kebutuhan ... 23
3.3.2. Rancangan Sistem Baru ... 24
3.3.2.1. Analisa Aktor Sistem ... 24
3.3.2.2. Business Use Case ... 25
3.3.2.3. System Use Case ... 26
3.3.2.4. Skenario Use Case ... 27
3.3.2.5. Class Diagram ... 37
3.3.2.6. Class Diagram Pemesanan Tiket Bus ... 43
3.3.2.7. Sequence Diagram ... 43
3.3.2.8. Activity Diagram ... 58
xi
3.3.3. Rancangan Basis Data ... 85
3.3.3.1. Entity Relationship Diagram ... 85
3.3.3.2. Transformasi Tabel ... 87
3.3.3.3. Struktur Tabel ... 88
3.3.3.4. Relasi Tabel ... 93
3.3.4. Desain Input dan Output ... 93
3.3.4.1 Desain Halaman Utama ... 93
3.3.4.2 Desain Input ... 96
3.3.4.3 Desain Output ... 99
BAB IV IMPLEMENTASI DAN PEMBAHASAN ... 101
4.1. Hasil Pembahasan ... 101
4.1.1. Implementasi Sistem ... 101
4.1.2. Implementasi Layar Antarmuka ... 101
4.1.3. Tampilan Program ... 101
4.1.3.1. Halaman Admin ... 101
4.1.3.2. Halaman Staff PO ... 103
4.1.3.3. Halaman Pimpinan ... 109
4.1.3.4. Halaman Agen ... 110
4.1.3.5. Halaman Calon Penumpang... 111
4.2. Pengujian Sistem ... 114
4.2.1. Black Box Testing ... 114
4.2.2. Pengujian Normal... 117
4.2.3. Pengujian Tidak Normal ... 117
BAB V PENUTUP ... 119
5.1. Kesimpulan ... 119
xii
DAFTAR PUSTAKA ... 120
xiii
DAFTAR GAMBAR
Gambar 1. 1. Kerangka Pemikiran ... 8
Gambar 3. 1. Denah Lokasi Objek Penelitian ... 21
Gambar 3. 2. FOD Pemesanan Tiket ... 23
Gambar 3. 3. Business Use Case Pemesanan Tiket Bus ... 26
Gambar 3. 4. System Use Case Pemesanan Tiket Bus ... 26
Gambar 3. 5. Class Pengaturan ... 37
Gambar 3. 6. Class User ... 38
Gambar 3. 7. Class Admin ... 38
Gambar 3. 8. Class Staff PO ... 38
Gambar 3. 9. Class Agen... 39
Gambar 3. 10. Class Pimpinan ... 39
Gambar 3. 11. Class Penumpang ... 39
Gambar 3. 12. Class Bus ... 40
Gambar 3. 13. Class Terminal ... 40
Gambar 3. 14. Class Trayek ... 40
Gambar 3. 15. Class Jadwal ... 41
Gambar 3. 16. Class Rekening ... 41
Gambar 3. 17. Class Pemesanan ... 41
Gambar 3. 18. Class Pembayaran ... 42
Gambar 3. 19. Class Laporan ... 42
Gambar 3. 20. Class Diagram Pemesanan Tiket Bus... 43
Gambar 3. 21. Sequence Diagram Pengaturan... 44
Gambar 3. 22. Sequence Diagram Pendaftaran ... 45
Gambar 3. 23. Sequence Diagram Kelola Bus ... 46
Gambar 3. 24. Sequence Diagram Kelola Terminal ... 74
Gambar 3. 25. Sequence Diagram Kelola Trayek... 48
Gambar 3. 26. Sequence Diagram Kelola Jadwal ... 49
Gambar 3. 27. Sequence Diagram Kelola Rekening... 50
Gambar 3. 28. Sequence Diagram Kelola Agen ... 51
Gambar 3. 29. Sequence Diagram Kelola Pimpinan... 52
xiv
Gambar 3. 31. Sequence Diagram Pemesanan... 54
Gambar 3. 32. Sequence Diagram Pembayaran ... 55
Gambar 3. 33. Sequence Diagram Pembatalan ... 56
Gambar 3. 34. Sequence Diagram Kelola Laporan... 57
Gambar 3. 35. Activity Diagram Pengaturan ... 58
Gambar 3. 36. Activity Diagram Pendaftaran ... 59
Gambar 3. 37. Activity Diagram Kelola Bus ... 60
Gambar 3. 38. Activity Diagram Kelola Terminal ... 61
Gambar 3. 39. Activity Diagram Kelola Trayek ... 62
Gambar 3. 40. Activity Diagram Kelola Jadwal ... 63
Gambar 3. 41. Activity Diagram Kelola Rekening ... 64
Gambar 3. 42. Activity Diagram Kelola Agen ... 65
Gambar 3. 43. Activity Diagram Kelola Pimpinan ... 66
Gambar 3. 44. Activity Diagram Kelola Staff PO ... 67
Gambar 3. 45. Activity Diagram Pemesanan ... 68
Gambar 3. 46. Activity Diagram Pembayaran ... 69
Gambar 3. 47. Activity Diagram Pembatalan ... 70
Gambar 3. 48. Activity Diagram Kelola Laporan ... 71
Gambar 3. 49. Statechart diagram method edit pengaturan ... 72
Gambar 3. 50. Statechart diagram method login... 72
Gambar 3. 51. Statechart diagram method logout... 72
Gambar 3. 52. Statechart diagram method aktivasi akun staff PO ... 73
Gambar 3. 53. Statechart diagram method register Staff PO ... 73
Gambar 3. 54. Statechart diagram method add agen ... 74
Gambar 3. 55. Statechart diagram method search agen ... 74
Gambar 3. 56. Statechart diagram method edit agen ... 74
Gambar 3. 57. Statechart diagram method delete agen ... 75
Gambar 3. 58. Statechart diagram method add pimpinan ... 75
Gambar 3. 59. Statechart diagram method edit pimpinan ... 75
Gambar 3. 60. Statechart diagram method delete pimpinan ... 76
Gambar 3. 61. Statechart diagram method register penumpang ... 76
xv
Gambar 3. 63. Statechart diagram method add bus ... 77
Gambar 3. 64. Statechart diagram method search bus ... 77
Gambar 3. 65. Statechart diagram method edit bus ... 77
Gambar 3. 66. Statechart diagram method delete bus ... 78
Gambar 3. 67. Statechart diagram method add terminal ... 78
Gambar 3. 68. Statechart diagram method search terminal ... 78
Gambar 3. 69. Statechart diagram method edit terminal ... 79
Gambar 3. 70. Statechart diagram method delete terminal ... 79
Gambar 3. 71. Statechart diagram method add trayek ... 79
Gambar 3. 72. Statechart diagram method search trayek... 80
Gambar 3. 73. Statechart diagram method edit trayek ... 80
Gambar 3. 74. Statechart diagram method delete trayek ... 80
Gambar 3. 75. Statechart diagram method add jadwal ... 81
Gambar 3. 76. Statechart diagram method search jadwal ... 81
Gambar 3. 77. Statechart diagram method edit jadwal ... 81
Gambar 3. 78. Statechart diagram method delete jadwal... 82
Gambar 3. 79. Statechart diagram method add rekening ... 82
Gambar 3. 80. Statechart diagram method search rekening... 82
Gambar 3. 81. Statechart diagram method edit rekening ... 83
Gambar 3. 82. Statechart diagram method delete rekening ... 83
Gambar 3. 83. Statechart diagram method add pemesanan ... 83
Gambar 3. 84. Statechart diagram method cancel... 84
Gambar 3. 85. Statechart diagram method add pembayaran ... 84
Gambar 3. 86. Statechart diagram method search laporan... 84
Gambar 3. 87. Statechart diagram method print laporan ... 85
Gambar 3. 88. Menentukan Entitas ... 85
Gambar 3. 89. Menentukan atribut key (primary key) ... 86
Gambar 3. 90. Identifikasi derajat kardinalitas relasi beserta foreign key ... 86
Gambar 3. 91. Melengkapi atrbut-atribut deskriptif ... 87
Gambar 3. 92. Relasi tabel ... 93
Gambar 3. 93. Halaman Utama Admin ... 94
xvi
Gambar 3. 95. Halaman Utama Pimpinan ... 95
Gambar 3. 96. Halaman Utama Agen ... 95
Gambar 3. 97. Halaman Utama Penumpang ... 96
Gambar 3. 98. Desain form input data bus... 96
Gambar 3. 99. Desain form input data terminal ... 97
Gambar 3. 100. Desain form input data trayek ... 97
Gambar 3. 101. Desain form input data jadwal ... 98
Gambar 3. 102. Desain form input data rekening ... 98
Gambar 3. 103. Desain output laporan pemesanan ... 99
Gambar 4. 1. Halaman aktivasi akun staff PO ... 102
Gambar 4. 2. Halaman menu pimpinan ... 102
Gambar 4. 3. Halaman pengaturan ... 103
Gambar 4. 4. Halaman register staff PO ... 104
Gambar 4. 5. Halaman menu data bus ... 104
Gambar 4. 6. Halaman menu data terminal... 105
Gambar 4. 7. Halaman menu data trayek ... 106
Gambar 4. 8. Halaman menu data jadwal ... 106
Gambar 4. 9. Halaman menu data rekening ... 107
Gambar 4. 10. Halaman menu pesanan ... 108
Gambar 4. 11. Halaman menu agen ... 108
Gambar 4. 12. Halaman menu laporan... 109
Gambar 4. 13. Halaman menu staff ... 109
Gambar 4. 14. Halaman menu laporan... 110
Gambar 4. 15. Halaman menu pemesanan ... 110
Gambar 4. 16. Halaman menu pesanan ... 111
Gambar 4. 17. Halaman buat akun ... 112
Gambar 4. 18. Halaman menu pemesanan ... 112
Gambar 4. 19. Halaman menu pesanan ... 113
Gambar 4. 20. Notifikasi Pembayaran ... 113
Gambar 4. 21. Bukti Pemesanan Tiket... 114
Gambar 4. 22. Pengujian normal halaman data bus ... 117
xvii
DAFTAR TABEL
Tabel 2. 1. Tabel Perbandingan Penelitian Terkait ... 11
Tabel 2. 2. Simbol Bagan Arus Dokumen ... 14
Tabel 2. 3. Notasi Use Case Diagram ... 15
Tabel 2. 4. Notasi Class Diagram... 16
Tabel 2. 5. Notasi Sequence Diagram ... 16
Tabel 2. 6. Notasi Activity Diagram ... 17
Tabel 2. 7. Notasi Statechart Diagram ... 18
Tabel 3. 1. Proses Business Use Case ... 25
Tabel 3. 2. Skenario use case Pengaturan ... 27
Tabel 3. 3. Skenario use case Pendaftaran ... 27
Tabel 3. 4. Skenario use case Kelola Bus ... 29
Tabel 3. 5. Skenario use case Kelola Terminal ... 29
Tabel 3. 6. Skenario use case Kelola Trayek ... 30
Tabel 3. 7. Skenario use case Kelola Jadwal ... 31
Tabel 3. 8 .Skenario use case Kelola Rekening ... 31
Tabel 3. 9. Skenario use case Kelola Agen ... 32
Tabel 3. 10. Skenario use case Pimpinan ... 33
Tabel 3. 11. Skenario use case Kelola Staff PO ... 33
Tabel 3. 12. Skenario use case Pemesanan ... 34
Tabel 3. 13. Skenario use case Pembayaran ... 35
Tabel 3. 14. Skenario use case Pembatalan... 36
Tabel 3. 15. Skenario use case Kelola Laporan ... 36
Tabel 3. 16. Struktur tabel pengguna ... 88
Tabel 3. 17. Struktur tabel bus ... 89
Tabel 3. 18. Struktur tabel terminal ... 89
Tabel 3. 19. Struktur tabel trayek ... 90
Tabel 3. 20. Struktur tabel jadwal ... 90
Tabel 3. 21. Struktur tabel po ... 91
Tabel 3. 22. Struktur tabel rekening ... 91
xviii
Tabel 3. 24. Struktur tabel pengaturan ... 92
Tabel 4. 1. Tabel skenario use case kelola bus ... 115
Tabel 4. 2. Tabel identifikasi test case ... 115
xix
DAFTAR LAMPIRAN
Lampiran 1 : Fotokopi Buku Bimbingan
Lampiran 2 : Fotokopi Surat Balasan
Lampiran 3 : Kode Program
xx
DAFTAR ISTILAH DAN SINGKATAN
FOD : Flow Of Document
UML : Unified Modelling Language
PHP : Hypertext Preprocessor