L A P O R A N S K R I P S I APIKASI RESERVASI TEMPAT PADA ...

i

HALAMAN SAMPUL

L A P O R A N S K R I P S I

APIKASI RESERVASI TEMPAT PADA FOOD COURT AFTER

DI KUDUS BERBASIS WEB RESPONSIF

MUHAMAD ALI RIBOWO

NIM. 201351027

DOSEN PEMBIMBING

Ahmad Jazuli, S.Kom

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

2019

ii

iii

iv

v

APLIKASI RESERVASI TEMPAT PADA FOOD COURT

AFTER DI KUDUS BERBASIS WEB RESPONSIF

Nama mahasiswa : Muhamad Ali Ribowo

NIM : 201251003

Pembimbing : Ahmad Jazuli, M.Kom

ABSTRAK

Food Court merupakan sebuah tempat makan yang terdiri dari counter-

counter makanan yang menawarkan aneka menu yang bervariasi. Food court

aadalah sebuah bisnis area makan yang terbuka dan bersifat informal yang sedang

berkembang maupun sangat diminati akan kebutuhan tempat untuk meeting dan

konsumsi makanan dan minuman bagi masyarakat. Sehingga membuat Food Court

bersaing memberi produk dan pelayanan yang terbaik kepada masyarakat. Food

Court tidak lepas dari perkembangan teknologi, sebagian besar mulai menerapkan

komputerisasi dalam proses bisnisnya. Pembangunan aplikasi reservasi tempat

berbasis web pada Food Court After dibuat dengan tujuan untuk memudahkan

pengguna untuk mendapatkan informasi mengenai Food Court dan memudahkan

dalam melakukan reservasi melalui media internet. Metode perancangan aplikasi

ini menggunakan metode SDLC (System Development Life Cycle) yang didalamnya

terdapat tahapan analisis kebutuhan, perancangan sistem, pengkodean sistem,

pengujian sistem, dan analisa. Hasil dari penelitian ini adalah suatu aplikasi

reservasi tempat berbasis web responsif untuk pelanggan, admin dan pemimpin

pengelola. Fitur yang diberikan pengguna adalah pengguna dapat memesan tempat

berdasar waktu, tempat yang diinginkan dan jumlah kapasitas pelanggan yang bisa

dilakukan tanpa pengguna harus reservasi langsung kelokasi dan mendapatkan

informasi pembayaran setelah melakukan pemesanan.

Kata Kunci : Reservasi, Food Court, Sistem, Web.

vi

RESERVATION APPLICATION OF FOOD COURT AFTER IN KUDUS

BASED ON RESPONSIVE WEB BASED

Student Name : Muhamad Ali Ribowo

Student Identity Number : 201251003

Supervisor : Ahmad Jazuli, M.Kom

ABSTRACT

Food Court is an eatery that comprised of counters which offer various

menus. A Food Court is an open and informal dining area business that is growing

and is in great demand for meeting places and the consumption of food and drinks

for the community. Thus making the Food Court compete to provide the best

products and services to the community. Food Court is inseparable from

technological developments, most began to apply computerization in their business

processes. Food Court After was created to make it easier for users to get

information about the Food Court and make it easier to make reservations through

the internet media. This application design method uses the SDLC (System

Development Life Cycle) method which has there are stages of requirements

analysis, system design, system coding, system testing, and analysis. The result of

this study is a responsive web-based place reservation application for customers,

admins and management leaders. The features that give can be used by the users to

reserve based on the time, the place that they want, and the capacity of the

customers which can do by the users without directly come to the location to reserve

and users will get the payment information after the reservation.

Keywords: Reservation, Food Court, System, Web.

vii

KATA PENGANTAR

Syukur alhamdulillah penulis haturkan kehadirat Allah SWT atas rahmat,

taufik dan hidayah Nya, selanjutnya sholawat serta salam penulis sampaikan kepada

junjungan kita Nabi Muhammad SAW beserta sahabat dan keluarganya sehingga

penulis berhasil menyelesaikan laporan skripsi dengan judul “Layanan Sistem

Pelaporan Kekerasan Terhadap Anak Di Kabupaten Kudus Berbasis Android”

Penyusunan laporan skripsi ini ditujukan untuk salah satu syarat dalam

menyelesaikan Program Studi S1 pada program studi Teknik Informatika, Fakultas

Teknik di Universitas Muria Kudus.

Pelaksanaan skripsi ini tak lepas dari bantuan dan dukungan beberapa pihak,

untuk itu penulis menyampaikan ucapan terima kasih kepada:

1. Bapak Mohammad Dahlan, ST, MT., selaku Dekan Fakultas Teknik

Universitas Muria Kudus.

2. Bapak Ahmad Jazuli, M.Kom., selaku Ketua Program Studi Teknik

Informatika Universitas Muria Kudus.

3. Bapak Ahmad Jazuli, M.Kom., selaku pembimbing I yang telah banyak

memberi motifasi dan masukan selama penyusunan skripsi ini.

4. Muhammad Malik Hakim, ST., MTI, selaku pembimbing II yang telah

banyak memberi motifasi dan masukan selama proses skripsi ini.

5. Segenap Dosen Program Studi Teknik Informatika Universitas Muria

Kudus yang telah memberi bekal ilmu pengetahuan dalam setiap

perkuliahan.

6. Bapak Robbi selaku Pengelola Food Court After Kudus yang telah banyak

memberikan informasi kepada penulis.

7. Kedua orang tua senantiasa memberikan semangat serta do’a untuk penulis.

8. Teman-teman seperjuangan yang telah membantu dalam penyusunan

laporan skripsi ini.

9. Rekan-rekan yang telah memberikan semangat untuk penulis.

viii

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, 05 Agustus 2019

Penulis

ix

DAFTAR ISI

HALAMAN SAMPUL ........................................................................................... i

HALAMAN PERSETUJUAN ............................................................................. ii

HALAMAN PENGESAHAN .............................................................................. iii

PERNYATAAN KEASLIAN .............................................................................. iv

ABSTRAK .............................................................................................................. v

ABSTRACT ........................................................................................................... vi

KATA PENGANTAR ......................................................................................... vii

DAFTAR ISI ......................................................................................................... ix

DAFTAR GAMBAR ......................................................................................... ixiii

DAFTAR TABEL ............................................................................................ ixvii

DAFTAR LAMPIRAN ...................................................................................... xix

BAB I PENDAHULUAN

1.1. Latar Belakang ........................................................................................... 1

1.2. Perumusan Masalah ................................................................................... 3

1.3. Batasan Masalah ........................................................................................ 3

1.4. Tujuan ........................................................................................................ 4

1.5. Manfaat ...................................................................................................... 4

BAB II TINJAUAN PUSTAKA

2.1. Penelitian Terkait ....................................................................................... 5

2.2. Landasan Teori........................................................................................... 7

2.2.1. Pengertian Reservasi................................................................................ 7

2.2.2. Pengertian Food Court ............................................................................ 7

2.2.3. Konsep Sistem Informasi ........................................................................ 7

2.2.4. Karakteristik Sistem ................................................................................ 8

2.2.5. Pengertian Aplikasi ................................................................................. 9

2.2.6. Database................................................................................................... 9

2.2.7. SQL (Struktured Query Language) ......................................................... 9

2.2.8 Responsif Web Design ............................................................................. 9

2.2.9. XAMPP ................................................................................................. 10

x

2.3. Black box Testing .................................................................................... 11

2.4. Kerangka Teori ........................................................................................ 12

2.5. Alat Bantu Desain Sistem ........................................................................ 13

2.5.1 FOD (Flow of Document) ....................................................................... 13

2.5.2 UML (Unifed Modelling Language) ....................................................... 14

2.6. ERD (Entity Relationship Diagram) ....................................................... 20

BAB III METODOLOGI

3.1. Objek Penilitian ....................................................................................... 21

3.1.1 Sekilas Tentang Food Court After ........................................................... 21

3.1.2 Visi dan Misi ............................................................................................ 21

3.2. Metode Pengumpulan Data ...................................................................... 22

3.2.1 Sumber Data Primer ................................................................................ 22

3.2.2 Sumber Data Sekunder ............................................................................ 22

3.3. Metode Pengembangan Sistem ................................................................ 23

3.4. Analisa Sistem yang Dibangun ............................................................... 24

3.5. Analisa Kebutuhan Data dan Informasi .................................................. 24

3.6. Analisa Kebutuhan Perangkat Keras ....................................................... 25

3.7. Analisa Kebutuhan Perangkat Lunak....................................................... 25

3.8. Perancangan Pemodelan Sistem .............................................................. 25

3.8.1 Analisa Aktor Sistem ............................................................................ 25

3.8.2 Business Use Case ................................................................................. 26

3.8.3 Sistem Use Case Diagram ..................................................................... 27

3.8.4 Skenario Use Case (Flow of Event) ...................................................... 29

3.8.5 Class Diagram ....................................................................................... 35

3.8.6 Activity Diagram ................................................................................... 50

3.8.7 Statechart Diagram ................................................................................ 59

3.9 Entity Relationship Diagram .................................................................... 66

3.9.1 Kamus Data ........................................................................................... 70

3.9.2 Transformasi ERD ke Relasi ................................................................. 71

3.10 Perancangan Basis Data ........................................................................... 73

3.10.1 Struktur Tabel ........................................................................................ 73

xi

3.10.2 Relasi Tabel ........................................................................................... 77

3.11. Perancangan Desain Interface ............................................................... 77

BAB IV HASIL DAN PEMBAHASAN

4.1 Implementasi Sistem ................................................................................ 83

4.2 Implementasi Layar Antarmuka .............................................................. 83

4.3 Tampilan Program ................................................................................... 83

4.3.1 Halaman Login User .............................................................................. 83

4.3.2 Halaman Utama Admin ......................................................................... 84

4.3.2.1 Halaman Beranda .................................................................................. 84

4.3.2.2 Halaman Profil Admin .......................................................................... 84

4.3.2.3 Halaman Halaman Daftar Booking ........................................................ 84

4.3.2.4 Halaman Verifikasi Pembayaran ........................................................... 86

4.3.2.5 Halaman Kelola Kedatangan Pelanggan ............................................... 86

4.3.2.6 Halaman Data Lokasi ............................................................................ 87

4.3.2.7 Edit Data Lokasi .................................................................................. 87

4.3.2.8 Halaman Data Tempat ......................................................................... 88

4.3.2.9 Halaman Laporan Pelanggan ............................................................... 89

4.3.2.10 Halaman Laporan Booking ................................................................. 89

4.3.3 Halaman Utama Pelanggan ................................................................... 90

4.3.3.1 Halaman Tampil Pelanggan................................................................... 90

4.3.3.2 Halaman Detail Tempat Booking .......................................................... 90

4.3.3.3 Halaman Tampil Input Reservasi tempat .............................................. 91

4.3.3.4 Halaman Konfirmasi Pembayaran ......................................................... 91

4.3.4 Halaman Utama Pimpinan ..................................................................... 92

4.3.4.1 Halaman Tampil Pimpinan .................................................................... 92

4.3.4.2 Halaman Laporan Data Booking............................................................ 92

4.3.4.3 Halaman Data User ................................................................................ 93

4.4 Pengujian Sistem ................................................................................... 93

4.4.1. Hasil Pengujian Form Login ................................................................. 93

4.4.2. Hasil Pengujian Registrasi ..................................................................... 95

4.4.3. Hasil Pengujian Reservasi ..................................................................... 97

xii

4.4.4. Hasil Pengujian Tambah Data Tempat Reservasi ................................. 98

4.4.5 Pengujian T. Test ................................................................................. 100

BAB V PENUTUP

Kesimpulan ...................................................................................................... 103

Saran ................................................................................................................ 103

DAFTAR PUSTAKA ......................................................................................... 104

xiii

DAFTAR GAMBAR

Gambar 2.1 Kerangka Pemikiran .......................................................................... 12

Gambar 3.1 Diagram Business Use Case Aplikasi Reservasi Tempat ................. 26

Gambar 3.2 Diagram Sistem Use Case Aplikasi Reservasi Tempat .................... 28

Gambar 3.3 Class user .......................................................................................... 36

Gambar 3.4 Class Admin ...................................................................................... 36

Gambar 3.5 Class Pimpinan .................................................................................. 36

Gambar 3.6 Class Pelanggan ................................................................................ 37

Gambar 3.7 Class Booking .................................................................................... 37

Gambar 3.8 Class Pembayaran ............................................................................. 38

Gambar 3.9 Class Lokasi ...................................................................................... 38

Gambar 3.10 Class Tempat ................................................................................... 38

Gambar 3.11 Class Terboking .............................................................................. 39

Gambar Gambar 3.12 Class Diagram Aplikasi Reservasi

Berbasis Web di Food Court After Kudus ............................................................ 39

Gambar 3.13 Sequence Diagram Daftar Pelanggan ............................................. 41

Gambar 3.14 Sequence Diagram Kelola Pelanggan ............................................. 41

Gambar 3.15 Sequence Diagram Booking ............................................................ 42

Gambar 3.16 Sequence Diagram Kelola Boking....................................................43

Gambar 3.17 Sequence Diagram Kelola Pembayaran............................................44

Gambar 3.18 Sequence Diagram Kelola Lokasi ................................................... 45

Gambar 3.19 Sequence Diagram Kelola Tempat ................................................. 46

Gambar 3.20 Sequence Diagram Kelola Tempat Pemesanan .............................. 47

Gambar 3.21 Sequence Diagram Kelola User ...................................................... 48

Gambar 3.22 Sequence Diagram Laporan ............................................................ 49

Gambar 3.23 Activity Diagram Daftar Pelanggan ................................................ 50

Gambar 3.24 Activity Diagram Kelola Pelanggan ................................................ 51

Gambar 3.25 Activity Diagram Booking ............................................................... 52

Gambar 3.26 Activity Diagram Kelola Boking ..................................................... 53

Gambar 3.27 Activity Diagram Kelola Pembayaran ............................................. 54

Gambar 3.28 Activity Diagram Kelola Lokasi ...................................................... 55

xiv

Gambar 3.29 Activity Diagram Kelola Tempat .................................................... 56

Gambar 3.30 Activity Diagram Tempat Terboking ............................................. 57

Gambar 3.31 Activity Diagram Kelola User ......................................................... 58

Gambar 3.32 Activity Diagram Laporan ............................................................... 59

Gambar 3.33 Statechart diagram method tambah user. ........................................ 59

Gambar 3.34 Statechart diagram method cari user. ............................................. 59

Gambar 3.35 Statechart diagram method edit user. ............................................. 60

Gambar 3.36 Statechart diagram method hapus user ........................................... 60

Gambar 3.37 Statechart diagram method daftar pelanggan ................................. 60

Gambar 3.38 Statechart diagram method tambah pelanggan ............................... 60

Gambar 3.39 Statechart diagram method cari pelanggan ..................................... 61

Gambar 3.40 Statechart diagram method edit pelanggan ..................................... 61

Gambar 3.41 Statechart diagram method hapus pelanggan ................................. 61

Gambar 3.42 Statechart diagram method booking ............................................... 61

Gambar 3.43 Statechart diagram method detail booking ..................................... 62

Gambar 3.44 Statechart diagram method konfirmasi booking ............................. 62

Gambar 3.45 Statechart diagram method cetak booking ...................................... 62

Gambar 3.46 Statechart diagram method tambah booking .................................. 62

Gambar 3.47 Statechart Diagram method cari booking ....................................... 62

Gambar 3.48 Statechart diagram method upload pembayaran ............................. 63

Gambar 3.49 Statechart diagram method hapus pembayaran .............................. 63

Gambar 3.50 Statechart diagram method detail pembayaran ............................... 63

Gambar 3.51 Statechart diagram method verifikasi pembayaran ........................ 63

Gambar 3.52 Statechart diagram method tambah lokasi ...................................... 64

Gambar 3.53 Statechart diagram method edit lokasi............................................ 64

Gambar 3.54 Statechart diagram method hapus lokasi ........................................ 64

Gambar 3.55 Statechart diagram method cari lokasi............................................ 64

Gambar 3.56 Statechart diagram method tambah tempat .................................... 65

Gambar 3.57 Statechart diagram method edit tempat .......................................... 65

Gambar 3.58 Statechart diagram method hapus tempat. ...................................... 65

Gambar 3.59 Statechart diagram method cari tempat .......................................... 65

Gambar 3.60 Menentukan Entitas ......................................................................... 66

xv

Gambar 3.61 Menentukan atribut key (primary key) ............................................ 66

Gambar 3.62 Relasi antara entitas Pelanggan dan Booking .................................. 67

Gambar 3.63 Relasi antara entitas Pelanggan dan Pembayaran ........................... 67

Gambar 3.64 Relasi antara entitas User dan Booking ........................................... 67

Gambar 3.65 Relasi antara entitas User dan Tempat ............................................ 68

Gambar 3.66 Relasi antara entitas User dan Lokasi ............................................. 68

Gambar 3.67 Relasi antara entitas User dan booking ........................................... 68

Gambar 3.68 Relasi antara entitas User dan Pembayaran..................................... 69

Gambar 3.69 Relasi antara entitas Tempat dan Lokasi ......................................... 69

Gambar 3.70 ERD Aplikasi Reservasi Berbasis

Web di Food Court After Kudus .......................................................................... 70

Gambar 3.71 Relasi Tabel Aplikasi Reservasi Tempat ........................................ 77

Gambar 3.72 Desain Halaman Utama Pelanggan ................................................. 78

Gambar 3.73 Desain Halaman Utama Admin....................................................... 78

Gambar 3.74 Desain Halaman Utama Pimpinan .................................................. 79

Gambar 3.75 Desain Input Data booking .............................................................. 79

Gambar 3.76 Desain Input Data Lokasi ................................................................ 80

Gambar 3.77 Desain Input Data Tempat............................................................... 80

Gambar 3.78 Desain Input Data User ................................................................... 81

Gambar 3.79 Desain Input Data Booking ............................................................. 81

Gambar 3.80 Desain Output Laporan ................................................................... 82

Gambar 4.1 Halaman Login User ......................................................................... 83

Gambar 4.2 Halaman Beranda .............................................................................. 84

Gambar 4.3 Halaman Profil Admin ...................................................................... 85

Gambar 4.4 Halaman daftar booking .................................................................... 85

Gambar 4.5 Halaman verifikasi pembayaran ........................................................ 86

Gambar 4.6 Halaman Konfirmasi Kedatangan Pelanggan ................................... 86

Gambar 4.7 Halaman Kelola Lokasi ..................................................................... 87

Gambar 4.8 Halaman Edit Data Lokasi ................................................................ 87

Gambar 4.9 Halaman Data Tempat ....................................................................... 88

Gambar 4.10 Data User ......................................................................................... 88

Gambar 4.11 Halaman Laporan Pelanggan .......................................................... 89

xvi

Gambar 4.12 Halaman Tampil UKM.................................................................... 89

Gambar 4.13 Halaman Tampil Pelanggan ............................................................ 90

Gambar 4.14 Halaman Detail Tempat Booking Pelanggan .................................. 90

Gambar 4.15 Halaman Tampil Input Reservasi Tempat ....................................... 91

Gambar 4.16 Halaman Konfirmasi Pembayaran .................................................. 91

Gambar 4.17 Halaman Tampil Pimpinan.............................................................. 92

Gambar 4.18 Halaman Laporan Data Booking ..................................................... 92

Gambar 4.19 Halaman Data User ......................................................................... 93

Gambar 4.20 Grafik hasil perhitungan t test ....................................................... 102

xvii

DAFTAR TABEL

Tabel 2.1 simbol bagan arus dokumen .................................................................. 13

Tabel 2.2 Notasi Use Case Diagram.................................................................... 15

Tabel 2.3 Notasi Class Diagram .......................................................................... 16

Tabel 2.4 Notasi Sequence Diagram .................................................................... 17

Tabel 2.5 Notasi Activity Diagram....................................................................... 18

Tabel 2.6 Notasi Statechart Diagram .................................................................. 19

Tabel 2.7 Notasi ERD .......................................................................................... 20

Tabel 3.1 Gambaran Aktivitas Bisnis ................................................................... 27

Tabel 3.2 Proses sistem Use Case ......................................................................... 27

Tabel 3.3 skenario use case daftar pelanggan ....................................................... 29

Tabel 3.4 skenario use case kelola pelanggang .................................................... 30

Tabel 3.5 skenario use case booking ..................................................................... 30

Tabel 3.6 skenario use case Kelola booking ......................................................... 31

Tabel 3.7 skenario use case kelola pembayaran ................................................... 31

Tabel 3.8 skenario use case kelola lokasi ............................................................. 32

Tabel 3.9 skenario use case kelola tempat ............................................................ 33

Tabel 3.10 skenario use case tempat booking ....................................................... 34

Tabel 3.11 skenario use case kelola user .............................................................. 34

Tabel 3.12 skenario use case laporan .................................................................... 35

Tabel 3.13 Tabel User ........................................................................................... 71

Tabel 3.14 Tabel Pelanggan .................................................................................. 71

Tabel 3.15 Tabel Lokasi ........................................................................................ 71

Tabel 3.16 Tabel Tempat ...................................................................................... 72

Tabel 3.17 Tabel Booking ..................................................................................... 72

Tabel 3.18 Tabel Terboking .................................................................................. 72

Tabel 3.19 Tabel Pembayaran ............................................................................... 72

Tabel 3.20 Struktur Tabel User ............................................................................. 73

Tabel 3.21 Struktur Tabel Pelanggan .................................................................... 73

Tabel 3.22 Struktur Tabel Lokasi.......................................................................... 74

Tabel 3.23 Struktur Tabel Tempat ........................................................................ 75

xviii

Tabel 3.24 Struktur Tabel Booking ....................................................................... 75

Tabel 3.25 Struktur Tabel Ter-booking ................................................................. 76

Tabel 3.26 Tabel Pembayaran ............................................................................... 76

Tabel 4.1 Pengujian black box form login ............................................................ 93

Tabel 4.2 Pengujian black box form registrasi ...................................................... 95

Tabel 4.3 Pengujian black box form reservasi ...................................................... 97

Tabel 4.4 Pengujian black box form data tambah tempat ..................................... 98

Tabel 4.5 Nilai rata-rata sebelum menggunakan sistem ..................................... 100

Tabel 4.6 Nilai rata-rata sebelum menggunakan sistem ..................................... 101

Tabel 4.7 Selisih Nilai Hasil Perhitungan T. Test ............................................... 101

xix

DAFTAR LAMPIRAN

LAMPIRAN 1. Surat Keterangan Penelitiaan ..................................................... 105

LAMPIRAN 2. Scan Buku Konsultasi Skripsi .................................................... 106

LAMPIRAN 3. Dokumentasi Kuesioner ............................................................. 108