ABSTRAK. v Universitas Kristen Maranatha

(1)

v

ABSTRAK

Travel Siliwangi adalah perusahaan yang bergerak di bidang jasa perjalanan antar kota Sukabumi dan Kota Bandung. Saat ini belum ada system yang diterapkan, sehingga proses bisnis yang berjalan masih belum efektif. Setiap pelangaan yang akan memesan tiket harus datang ke tempat untuk memesan tiket. Hal ini menyebabkan kerjanya dua kali pelanggan yang akan memesan tiket tersebut, ketika sudah datang jauh jauh tetapi sudah penuh dan juga ketika sudah penuh harus menunggu yang cancel. Tujuan penelitian ini ditunjukan agar perusahan dapat menjaring pelanggan dari berbagai pelosok kota atau kabupaten. Sehingga pemasukkan PH P dan basis data MySQL. Hasil penelitian menunjukan bahwa dengan diterapkannya sistem informasi dapat meunjukkan bahwa dengan diterapkannya sistem informasi dapat membantu pelanggan untuk melakukan pemesanan dengan lancar dan tidak membuat susah pelanggan , pemesanan yang dilakukan pun dapat dilakukan dimana saja dan kapan saja tanpa harus datang langsung ke travel siliwangi .

Kata Kunci: Travel Siliwangi, Siliwangi, Sistem Informasi, PHP, MySQL, Website.

(2)

vi

ABSTRACT

Travel Siliwangi is a company engaged in the field of travel between the city of Sukabumi and Bandung. Currently there is no system implemented, so the running business process is still not effective. Any tickets that will book tickets must come to the place to book tickets. This causes two times the customer who will book the ticket, when it has come a long way but already full and also when it is full have to wait for the cancel. The purpose of this study indicated that the company can capture customers from various corners of the city or district. So that PHP input and MySQL database. The results showed that with the implementation of information systems can show that with the implementation of information systems can help customers to make reservations smoothly and not make difficult customers, reservations can be made anywhere and anytime without having to come directly to travel siliwangi.

Keywords: Travel Siliwangi, Siliwangi, Information System, PHP, MySQL, Website.

(3)

vii

DAFTAR ISI

LEMBAR PENGESAHAN ... i

PERNYATAAN ORISINALISTAS LAPORAN PENELITIAN ... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii

PRAKATA ... iv

ABSTRAK ... v

ABSTRACT ... vi

DAFTAR ISI ... vii

DAFTAR GAMBAR ... xiii

DAFTAR TABEL ... xv

DAFTAR NOTASI/ LAMBANG ... xvi

BAB 1 PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 2

1.3 Tujuan Pembahasan ... 2

1.4 Ruang Lingkup ... 2

 Perangkat Keras ... 2

 Perangkat Lunak ... 2

 Aplikasi... 3

1.5 Sumber Data ... 3

 Data Primer ... 3

 Data Sekunder ... 3

1.6 Sistematika Penyajian ... 3

BAB 2 KAJIAN TEORI ... 5

2.1 Sistem Informasi ... 5

(4)

viii

2.2 Pemesanan Tiket ... 5

2.3 Website ... 6

2.4 Jasa ... 6

2.5 Database ... 6

2.6 Proses Bisnis ... 7

2.7 Entity Relationship Diagram (ERD) ... 7

2.7.1 Entitas ... 7

2.7.2 Relasi ... 8

2.7.3 Atribut dan Key ... 8

2.7.4 Foreign Key ... 8

2.8 PHP Hypertext Prepocessore (PHP) ... 8

2.9 Hypertext Markup Language (HTML) ... 9

2.10 Cascading Style Sheet (CSS) ... 9

2.11 Unified Modeling Language (UML) ... 9

2.11.1 Use Case Diagram ... 10

2.11.2 Activity Diagram ... 10

2.11.3 Class Diagram ... 11

2.12 Blackbox Testing ... 11

2.13 Javascript ... 12

BAB 3 ANALISIS DAN RANCANGAN SISTEM ... 13

3.1.1 Proses Bisnis Pemesanan Secara Manual ... 13

3.2.1 Proses Pembuatan Laporan Secara Manual ... 14

3.3 ERD ... 15

3.4 Transformasi ERD Kedalam Tabel ... 15

(5)

ix

3.4.1 Tabel Role Menu Group... 16

3.4.2 Tabel Menu ... 16

3.4.3 Tabel User Group ... 16

3.4.4 Tabel User ... 16

3.4.5 Tabel Tipe Keberangkatan ... 17

3.4.6 Tabel Transaksi ... 17

3.4.7 Tabel Mobil ... 18

3.4.8 Tabel Seat ... 18

3.4.9 Tabel Pool ... 18

3.4.10 Tabel Keberangkatan ... 19

3.4.11 Tabel Reward ... 19

3.4.12 Tabel Voucher ... 19

3.4.13 Tabel Detail Voucher ... 20

3.5 Use Case ... 20

3.5.1 Sub Use Case Kelola Jadwal ... 21

3.5.2 Sub Use Case Kelola Pool... 22

3.5.3 Sub Use Case Kelola Pemesanan ... 23

3.5.4 Sub Use Case Kelola User ... 24

3.5.5 Sub Use Case Kelola Mobil ... 25

3.5.6 Sub Use Case Kelola Laporan... 26

3.6 Activity Diagram ... 27

3.6.1 Activity Diagram Kelola Member ... 27

3.6.1.1 Activity Diagram Update Member... 28

3.6.2 Activity Diagram Kelola Pemesanan ... 29

3.6.3 Activity Diagram Lihat Penumpang ... 30

3.6.4 Activity Diagram Pemesanan Tiket ... 31

(6)

x

3.6.5 Activity Diagram Daftar Member ... 32

3.6.6 Activity Diagram Submit Pembayaran ... 33

3.7 Class Diagram ... 34

3.7.1 Classdiagram Package Entity ... 34

3.8 Rancangan Antarmuka ... 34

3.8.1 Tampilan User Customer ... 34

3.8.1.1 Login ... 34

3.8.1.2 Sign up ... 35

3.8.1.3 Beranda ... 36

3.8.1.4 Pemesanan ... 36

3.8.1.5 Pembayaran Tiket... 37

3.8.1.6 Informasi Transaksi ... 37

3.8.1.7 Riwayat Pemesanan ... 38

3.8.1.8 Konfirmasi... 38

3.9 Tampilan User Admin ... 39

3.9.1 Tampilan Awal ... 39

3.9.1.1 Masuk ... 40

3.9.1.2 Daftar User ... 40

3.9.1.3 Grup User ... 41

3.9.1.4 Daftar Pool ... 41

3.9.1.5 Daftar Mobil ... 42

3.9.1.6 Daftar Seat ... 42

3.9.1.7 Jadwal Keberangkatan ... 43

3.9.1.8 Daftar Pemesanan... 43

3.9.1.9 Pemesanan ... 44

3.9.1.10 Riwayat Pemesanan ... 44

(7)

xi

3.9.1.11 Laporan ... 45

BAB 4 IMPLEMENTASI ... 46

4.1 Tampilan User ... 46

4.1.1 Sign Up... 46

4.1.2 Login ... 47

4.1.3 Beranda ... 47

4.1.4 Pemesanan ... 48

4.1.5 Pemesanan Pembayaran Tiket... 48

4.1.6 Pemesanan Informasi Transaksi ... 49

4.1.7 Riwayat Pemesanan ... 49

4.1.8 Riwayat Pemesanan Konfirmasi ... 50

4.2 Tampilan Admin ... 50

4.2.1 Login Admin ... 50

4.2.2 Beranda ... 51

4.2.3 Daftar User ... 51

4.2.4 Daftar Grup User ... 52

4.2.5 Daftar Pool ... 52

4.2.6 Daftar Mobil ... 53

4.2.7 Daftar Seat ... 53

4.2.8 Jadwal Keberangkatan ... 54

4.2.9 Daftar pemesanan user ... 54

4.2.10 Pemesanan ... 55

4.2.11 Riwayat pemesanan ... 55

4.2.12 Laporan ... 56

BAB 5 PENGUJIAN... 57

5.1 Halaman User ... 57

(8)

xii

5.1.1 Pengujian Login User ... 57

5.1.2 Pengujian Menu User ... 57

5.1.3 Pengujian User ... 58

5.2 Halaman Admin ... 58

5.2.1 Pengujian Admin Login ... 59

5.2.2 Pangujian Menu Admin ... 59

5.2.3 Pengujian Kelola Admin ... 59

BAB 6 SIMPULAN DAN SARAN ... 63

6.1 Simpulan ... 63

6.2 Saran ... 63

DAFTAR PUSTAKA ... 64

(9)

xiii

DAFTAR GAMBAR

Gambar 3.1 Flowchart Pemesanan Secara Manual ... 13

Gambar 3. 2 flowcart pembuatan laporan secara manual ... 14

Gambar 3.3 ERD ... 15

Gambar 3.4 use case sistem ... 20

Gambar 3.5 Activity Tambah Member ... 27

Gambar 3.6 Activity Diagram Update Member ... 28

Gambar 3.7 Activity Diagram kelola pemesanan ... 29

Gambar 3.8 Activity Diagram Lihat Penumpang ... 30

Gambar 3.9 Activity Diagram Pemesanan Tiket ... 31

Gambar 3.10 Activity Diagram Daftar Member ... 32

Gambar 3.11 Activity Diagram Submit Pembayaran ... 33

Gambar 3.12 class diagram package entity ... 34

Gambar 3.13 Login ... 34

Gambar 3.14 sign up ... 35

Gambar 3.15 beranda ... 36

Gambar 3.17 pembayaran tiket ... 37

Gambar 3.18 adalah halaman ketika pemesanan sudah booking , halaman ini adalah form yang harus diisi data kelengkapannya ... 37

Gambar 3.19 riwayat pemesanan ... 38

Gambar 3.20 konfirmasi... 38

Gambar 3.21 tampilan awal ... 39

Gambar 3.22 masuk ... 40

Gambar 3.23 daftar user ... 40

Gambar 3.24 daftar grup user... 41

Gambar 3.25 daftar pool ... 41

Gambar 3.26 daftar mobil ... 42

Gambar 3.27 daftar seat ... 42

Gambar 3.28 jadwal keberangkatan ... 43

Gambar 3.29 daftar pemesanan ... 43

(10)

xiv

Gambar 3.30 pemesanan ... 44

Gambar 3.31 Riwayat pemesanan ... 44

Gambar 3.32 Laporan... 45

Gambar 4.33 sign up ... 46

Gambar 4.34 ... 47

Gambar 4.37 pemesanan pembayaran tiket ... 48

Gambar 4.38 pemesanan informasi transaksi... 49

Gambar 4.40 riwayat pemesanan konfirmasi ... 50

Gambar 4.41 login admin ... 50

Gambar 4.43 daftar user ... 51

Gambar 4.44 daftar grup user... 52

Gambar 4.45 daftar pool ... 52

Gambar 4.46 daftar mobil ... 53

Gambar 4.47 daftar seat ... 53

Gambar 4.48 jadwal keberangkatan ... 54

Gambar 4.49 daftar pemesanan user ... 54

Gambar 4.52 Laporan... 56

(11)

xv

DAFTAR TABEL

Tabel 2.2.1 Definisi UML ... 9

Tabel 3.1 Role ... 16

Tabel 3.2 User ... 16

Tabel 3.3 Member ... 16

Tabel 3.4 Booking ... 16

Tabel 3.5 Detail Booking ... 17

Tabel 3.6 Transaksi ... 17

Tabel 3.7 Pool ... 18

Tabel 5.9 Pengujian Login User... 57

Tabel 5.10 Pengujian Menu User ... 57

Tabel 5.11 pengujian user ... 58

Tabel 5.12 Pengujian Login Admin ... 59

Tabel 5.13 Pengujian Menu Admin ... 59

Tabel 5.14 Pengujian Kelola Admin ... 59

(12)

xvi

DAFTAR NOTASI/ LAMBANG

Jenis Notasi/Lambang Nama Arti

Use Case Use Case

Use Case digambarkan sebagai lingkaran elips dengan nama Use Case dituliskan didalam elips tersebut.

Use Case Actor

Actor adalah pengguna sistem. Actor tidak terbatas hanya manusia saja, jika sebuah sistem berkomunikasi dengan aplikasi lain dan membutuhkan input atau memberikan output, maka aplikasi tersebut juga bisa dianggap sebagai actor.

Use Case Association

Association menunjukkan

hubungan statis antar dua Class.

Class

diagram Class

Class adalah dekripsi kelompok obyek-obyek dengan property, perilaku (operasi) dan relasi yang sama.

Activity

Diagram Start Titik awal

Activity

Diagram End Titik akhir

Activity

Diagram Activity Menunjukkan proses

Activity

Diagram Decision Pilihan untuk

mengambil keputusan

(13)

xvii

Activity

Diagram Fork

Digunakan untuk menunjukkan kegiatan yang dilakukan secara parallel atau untuk menggabungkan dua kegiatan paralel menjadi satu.

Flowchart Simbol arus /

flow

Menyatakan jalannya arus suatu proses

Flowchart Simbol process

Menyatakan suatu tindakan

(proses) yang dilakukan oleh komputer

Flowchart Simbol manual

Menyatakan suatu tindakan (proses) yang tidak dilakukan oleh komputer

Flowchart Simbol

decision

Menujukkan suatu kondisi tertentu yang akan menghasilkan dua kemungkinan

Flowchart Simbol

terminal

Menyatakan permulaan atau akhir suatu program

Flowchart Simbol manual

input

Memasukkan data secara manual dengan menggunakan online keyboard

Flowchart Simbol

document

Mencetak keluaran dalam bentuk dokumen (melalui printer)

Flowchart Simbol offline-

storage

Menunjukkan bahwa data dalam simbol ini akan disimpan ke suatu media tertentu

(14)

xviii

ERD Entity

(rectangler)

Digunakan untuk menggambarkan obyek yang diidentifikasikan ke dalam lingkungan.

ERD Atribut (oval)

Digunakan untuk menggambarkan elemen-elemen dari suatu entity, yang menggambarkan karakter entity.

ERD Hubungan

(diamond)

Entity dapat

berhubungan satu sama lain. Hubungan ini disebut dengan relationship.

ERD Garis (line)

Digunakan untuk menghubungkan entity dengan

relasi/hubungan, maupun entity dengan atribut.

Referensi:

Notasi/Lambang Flowchart dari Sitorus [1]

Notasi/Lambang ERD dari Yuhefizard [2]

Notasi/Lambang Activity Diagram dari Kimmel [3]

Notasi/Lambang Class Diagram dari Kimmel [3]