vi Universitas Kristen Maranatha

ABSTRAK

Saat ini, kemajuan teknologi menawarkan berbagai sistem komputerisasi yang dapat digunakan untuk meningkatkan efektifitas dan efisiensi suatu proses bisnis. Sistem komputerisasi yang mengikuti kemajuan teknologi, membantu perusahaan agar proses yang ada berjalan dengan lebih cepat, efektif dan efisien. Ditambah dengan adanya teknologi internet, tidak ada lagi batasan jarak dan waktu untuk mendapatkan sebuah informasi.

Kebutuhan informasi dirasa penting bagi semua orang. Termasuk pengunjung yang membutuhkan informasi secara detail tentang segala jenis pelayanan dan fasilitas hotel. Selama ini, Hotel Le Beringin masih menggunakan cara tradisional dalam penyampaian informasi kepada pengunjung. Oleh karena itu dirancang suatu sistem informasi yang dapat membantu dalam menyampaikan informasi hotel dan pemesanan kamar. Sistem yang dibangun berbasis web dan memiliki manfaat sebagai media penyampai informasi yang terstruktur, konsisten dan dinamis dalam satu paket, sekaligus sebagai strategi marketing bagi hotel.

Adapun metodologi yang digunakan adalah dimulai dengan identifikasi dan analisa kebutuhan informasi melalui survei lapangan dan konsultasi dengan pengelola hotel sebagai bahan isi materi website. Identifikasi kebutuhan sistem dan desain sistem dengan DFD. Implementasi dari desain sistem menggunakan teknologi PHP, CSS dan MySQL.

Kata kunci : Sistem informasi, Website, Hotel Le Beringin.

vii Universitas Kristen Maranatha

ABSTRACT

Technology development offering many computerization system that can be used to increase effectivity and efficiency a business process recently. Computerization system which follow the technology development, help all the process in the company go faster, more effective and efficient. Increasingly with internet technology, there are no more distance and time limitation to obtain the information. The information necessity it seems to be important for people, including hotels visitor who need the detail information about the hotel, service and facilities. While Le Beringin Hotel utilize a traditional style to inform the visitors. Because of that situation, an information system which support the hotel information delivery and room ordering must be program a system that informed have a benefit like web as a base, structure, consistent and dynamic information delivery media in one package and as a hotel strategy at once. The metodolgy begin with the identification and information need analysis throught field survey, consultation with the hotel executive (organizer, manager) as a material of the websie content. Identification of a system necessity and design with DFD. Implementation of the system desin using PHP,CSS and MySQL technology.

Key word : Information system, website, Le Beringin Hotel

viii Universitas Kristen Maranatha

DAFTAR ISI

LEMBAR PENGESAHAN………………………………………………………………i

PRAKATA ....................................................................................................................... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ..................................................iv

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ........................................... v

ABSTRAK ......................................................................................................................vi

ABSTRACT ................................................................................................................... vii

DAFTAR ISI ................................................................................................................. viii

DAFTAR GAMBAR ....................................................................................................... xii

DAFTAR TABEL .......................................................................................................... xiv

KUESIONER ................................................................................................................ xvi

BAB I PENDAHULUAN ................................................................................................. 1

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

1.2 Rumusan Masalah .......................................................................................... 2

1.3 Tujuan Pembahasan ....................................................................................... 2

1.4 Ruang Lingkup Kajian ..................................................................................... 3

1.5 Sumber Data ................................................................................................... 3

1.6 Sistematika Penyajian ..................................................................................... 4

BAB II KAJIAN TEORI ................................................................................................... 5

2.1 Sistem Informasi.............................................................................................. 5

2.2 Flowchart ......................................................................................................... 6

2.3 DFD (Data Flow Diagram) .............................................................................. 8

2.3.1 Simbol Dalam DFD .................................................................................. 9

2.3.2 Aturan Dalam DFD................................................................................. 10

2.3.3 Petunjuk Pembuatan DFD ..................................................................... 11

2.4 Kamus data ................................................................................................... 12

2.5 Process Specification (PSpec)...................................................................... 14

2.6 ERD (Entity Relationalship Diagram) ............................................................ 14

2.7 MySQL ........................................................................................................... 20

2.8 Website .......................................................................................................... 21

2.9 Web Server Apache ...................................................................................... 26

2.10 PHP ( PHP HyperText Preprocessor) ....................................................... 27

2.11 AJAX (Asynchronous JavaScript And XML) ............................................. 29

2.12 Macromedia DreamWeaver 8.0 ................................................................ 30

2.13 XAMPP ...................................................................................................... 30

ix Universitas Kristen Maranatha

2.14 Test Case (Pengujian) ............................................................................... 31

BAB III ANALISIS DAN RANCANGAN SISTEM ......................................................... 32

3.1 Proses Bisnis ................................................................................................. 32

3.2 Penggambaran proses bisnis sebelum adanya aplikasi .............................. 33

3.3 Arsitektur Sistem ........................................................................................... 34

3.4 ERD (Entity Relationship Diagram) .............................................................. 36

3.5 Tabel Relasi-ER Diagram ............................................................................. 38

3.5 DFD ( Data Flow Diagram) ........................................................................... 42

3.5.1 Context Diagram .................................................................................... 42

3.5.2 DFD Level 1 ........................................................................................... 42

3.5.3 DFD Level 2 Proses Menu User ............................................................ 43

3.5.4 DFD Level 2 Proses Menu Admin ......................................................... 44

3.5.5 DFD Level 3 Proses 1.2 Melakukan proses booking ............................ 45

3.5.6 DFD Level 3 Proses 2.2 Mengelola Data Website ................................ 45

3.6 Kamus Data ................................................................................................... 46

3.7 Process Specification (PSpec)...................................................................... 52

3.8 Perancangan Desain Antar Muka ................................................................. 57

3.8.1 Desain Antar Muka User ........................................................................ 57

3.8.2 Desain Antar Muka Admin ..................................................................... 68

BAB IV HASIL PENELITIAN ........................................................................................ 74

4.1 Halaman User ............................................................................................... 74

4.1.1 Halaman Utama User ............................................................................ 74

4.1.2 Halaman How To Reach Us .................................................................. 75

4.1.3 Halaman History Of Beringin ................................................................. 75

4.1.4 Halaman Beatiful Of Salatiga ................................................................ 76

4.1.5 Halaman Suite Room ............................................................................. 77

4.1.6 Halaman Executive Room ..................................................................... 77

4.1.7 Halaman Deluxe Room .......................................................................... 78

4.1.8 Halaman Superior Room ....................................................................... 78

4.1.9 Halaman Standart Room ....................................................................... 79

4.1.10 Halaman Restaurant User ................................................................. 79

4.1.11 Halaman Event & Meeting User......................................................... 80

4.1.12 Halaman Spa & Aromatherapy User ................................................. 80

4.1.13 Halaman Free Internet Connection User ........................................... 81

4.1.14 Halaman Pool & Bar ........................................................................... 81

4.1.15 Halaman New Reservation ................................................................ 82

4.1.16 Halaman Confirm Reservation ........................................................... 82

x Universitas Kristen Maranatha

4.1.17 Halaman Insert Your Data ................................................................. 83

4.1.18 Halaman Check Reservation ............................................................. 83

4.1.19 Halaman Display Check Reservation ................................................ 84

4.1.20 Halaman Upcoming Event User......................................................... 84

4.1.21 Halaman Contact Us User ................................................................. 85

4.2 Halaman Admin ............................................................................................. 85

4.2.1 Halaman Log In Admin .......................................................................... 85

4.2.2 Halaman Utama Admin .......................................................................... 86

4.2.3 Halaman Introduction Content Admin ................................................... 86

4.2.4 Halaman How To Reach Us Content Admin ......................................... 87

4.2.5 Halaman History Of Beringin Content Admin ........................................ 88

4.2.6 Halaman Suite Room Content Admin ................................................... 89

4.2.7 Halaman Executive Room Content Admin ............................................ 89

4.2.8 Halaman Deluxe Room Content Admin ................................................ 90

4.2.9 Halaman Superior Room Content Admin .............................................. 91

4.2.10 Halaman Standart Room Content Admin ......................................... 91

4.2.11 Halaman Restaurant Content Admin ................................................. 92

4.2.12 Halaman Event & Meeting Content Admin ........................................ 93

4.2.13 Halaman Spa & Aromatherapy Content Admin ................................. 93

4.2.14 Halaman Free Internet Connection Content Admin .......................... 94

4.2.15 Halaman Pool & Bar Content Admin ................................................. 95

4.2.16 Halaman Reservation Admin ............................................................. 95

4.2.17 Halaman Utama Event Content Admin .............................................. 96

4.2.18 Halaman Add New Event Content Admin .......................................... 96

4.2.19 Halaman Edit Event Content Admin .................................................. 97

4.2.20 Halaman Delete Event Content Admin .............................................. 97

4.2.21 Halaman Contact Us Content Admin ................................................. 98

BAB V EVALUASI ........................................................................................................ 99

5.1 Test Case Halaman New Reservation.......................................................... 99

5.2 Test Case Halaman Data Konsumen ......................................................... 100

5.3 Test Case Halaman Check Reservation User ............................................ 100

5.4 Test Case Halaman Log In Admin .............................................................. 101

5.5 Test Case Halaman Introduction Content Admin ....................................... 101

5.6 Test Case Halaman How To Reach Us Content Admin ............................ 102

5.7 Test Case Halaman History Of Beringin Content Admin ........................... 102

5.8 Test Case Halaman Suite Room Content Admin ....................................... 103

5.9 Test Case Halaman Executive Room Content Admin ............................... 103

xi Universitas Kristen Maranatha

5.10 Test Case Halaman Deluxe Room Content Admin ................................ 104

5.11 Test Case Halaman Superior Room Content Admin .............................. 104

5.12 Test Case Halaman Standart Room Content Admin .............................. 105

5.13 Test Case Halaman Restaurant Content Admin..................................... 105

5.14 Test Case Halaman Event & Meeting Content Admin ............................ 106

5.15 Test Case Halaman Spa & Aromatheraphy Content Admin .................. 106

5.16 Test Case Halaman Free Internet Connection Content Admin .............. 107

5.17 Test Case Halaman Pool & Bar Content Admin ..................................... 107

5.18 Test Case Halaman Add New Event Content Admin ............................. 108

5.19 Test Case Halaman Edit Event Content Admin ...................................... 108

5.20 Test Case Halaman Contact Us Content Admin .................................... 109

BAB V SIMPULAN DAN SARAN............................................................................... 110

6.1 Simpulan ...................................................................................................... 110

6.2 Saran ........................................................................................................... 110

DAFTAR PUSTAKA .................................................................................................... xvii

LAMPIRAN .................................................................................................................. A.1

RIWAYAT HIDUP PENULIS ....................................................................................... B.1

xii Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 1 Simbol - Simbol Flowchart ............................................................................ 7 Gambar 2 Relationship Set.......................................................................................... 15 Gambar 3 Attribut Multivalue ....................................................................................... 15 Gambar 4 Attribut Composite ...................................................................................... 15 Gambar 5 Atribut Derivatif ........................................................................................... 16 Gambar 6 Derajat Satu ................................................................................................ 16 Gambar 7 Derajat Dua ................................................................................................. 16 Gambar 8 Derajat Tiga ................................................................................................ 16 Gambar 9 Hubungan 1 Ke 1 ........................................................................................ 17 Gambar 10 Hubungan 1 Ke Banyak ........................................................................... 17 Gambar 11 Hubungan Banyak Ke Banyak ................................................................. 18 Gambar 12 Partisipasi Total ........................................................................................ 18 Gambar 13 Partisipasi Sebagian ................................................................................. 18 Gambar 14 Entitas Lemah ........................................................................................... 19 Gambar 15 Macromedia Dreamweaver 8 ................................................................... 30 Gambar 16 XAMPP ..................................................................................................... 31 Gambar 17 Proses Bisnis Sebelum Adanya Aplikasi Website ................................... 34 Gambar 18 Arsitektur Sistem ...................................................................................... 35 Gambar 19 ERD Sistem Hotel Le Beringin ................................................................. 37 Gambar 20 Context Diagram ....................................................................................... 42 Gambar 21 DFD Level 1 .............................................................................................. 42 Gambar 22 DFD Level 2 Proses Menu User .............................................................. 43 Gambar 23 DFD Level 2 Proses Menu Admin ............................................................ 44 Gambar 24 DFD Level 3 Proses Booking user ........................................................... 45 Gambar 25 Proses 2.2 Mengelola Data Website ........................................................ 45 Gambar 26 Halaman Menu Utama User ..................................................................... 57 Gambar 27 Halaman Menu Introduction ..................................................................... 58 Gambar 28 Halaman Menu How To Reach Us........................................................... 59 Gambar 29 Halaman Menu History Of Beringin ......................................................... 59 Gambar 30 Halaman Menu The Beautiful Of Salatiga................................................ 60 Gambar 31 Halaman Menu Room & Rates ................................................................ 61 Gambar 32 Halaman Menu Restaurant ...................................................................... 61 Gambar 33 Halaman Menu Event And Meeting ......................................................... 62 Gambar 34 Halaman Menu Spa And Aromatheraphy ................................................ 63 Gambar 35 Halaman Menu Free Internet Connection ................................................ 63 Gambar 36 Halaman Menu Pool And Bar ................................................................... 64 Gambar 37 Halaman Menu Cari Kamar ...................................................................... 65 Gambar 38 Halaman Status Kamar ............................................................................ 65 Gambar 39 Halaman Input Data Konsumen ............................................................... 66 Gambar 40 Halaman Pemesanan Kamar Berhasil ..................................................... 67 Gambar 41 Halaman Check Pesanan Kamar ............................................................. 67 Gambar 42 Rancangan Display Check Pesanan Kamar ............................................ 68 Gambar 43 Halaman Login Admin .............................................................................. 69 Gambar 44 Halaman Utama Admin ............................................................................ 69 Gambar 45 Halaman Introduction Admin .................................................................... 70 Gambar 46 Halaman Suite Room Admin .................................................................... 71 Gambar 47 Halaman Restaurant Content Admin ....................................................... 71 Gambar 48 Halaman Reservation Admin.................................................................... 72

xiii Universitas Kristen Maranatha

Gambar 49 Halaman Menu Event Admin .................................................................. 73 Gambar 50 Halaman Menu Contact Us Admin ........................................................... 73 Gambar 51 Tampilan Halaman Utama User ............................................................... 74 Gambar 52 Tampilan Halaman How To Reach Us ..................................................... 75 Gambar 53 Tampilan History Of Beringin User........................................................... 75 Gambar 54 Tampilan Beautiful Of Salatiga User ........................................................ 76 Gambar 55 Tampilan Suite Room User ...................................................................... 77 Gambar 56 Tampilan Executive Room User ............................................................... 77 Gambar 57 Tampilan Deluxe Room User ................................................................... 78 Gambar 58 Tampilan Superior Room User ................................................................. 78 Gambar 59 Tampilan Standart Room User ................................................................. 79 Gambar 60 Tampilan Restaurant User ....................................................................... 79 Gambar 61 Tampilan Event & Meeting User .............................................................. 80 Gambar 62 Tampilan Spa & Aromatherapy User ....................................................... 80 Gambar 63 Tampilan Free Internet Connection User ................................................. 81 Gambar 64 Tampilan Pool & Bar User ........................................................................ 81 Gambar 65 Tampilan New Reservation ...................................................................... 82 Gambar 66 Tampilan Confirm Reservation ................................................................. 82 Gambar 67 Tampilan Insert Your Data ....................................................................... 83 Gambar 68 Tampilan Check Reservation ................................................................... 83 Gambar 69 Tampilan Display Check Reservation User ............................................. 84 Gambar 70 Tampilan Upcoming Event User .............................................................. 84 Gambar 71 Tampilan Contact Us User ....................................................................... 85 Gambar 72 Tampilan Log In Admin ............................................................................ 86 Gambar 73 Tampilan Menu Utama Admin .................................................................. 86 Gambar 74 Tampilan Introduction Content Admin ...................................................... 87 Gambar 75 Tampilan How To Reach Us Content Admin ........................................... 88 Gambar 76 Tampilan History Of Beringin Content Admin .......................................... 88 Gambar 77 Tampilan Suite Room Content Admin ...................................................... 89 Gambar 78 Tampilan Executive Room Content Admin .............................................. 90 Gambar 79 Tampilan Deluxe Room Content Admin................................................... 90 Gambar 80 Tampilan Superior Room Content Admin ................................................ 91 Gambar 81 Standart Room Content Admin ................................................................ 92 Gambar 82 Tampilan Restaurant Content Admin ....................................................... 92 Gambar 83 Tampilan Event & Meeting Content Admin .............................................. 93 Gambar 84 Tampilan Spa & Aromatherapy Content Admin ....................................... 94 Gambar 85 Tampilan Free Internet Connection Conten Admin ................................. 94 Gambar 86 Tampilan Pool & Bar Content Admin ....................................................... 95 Gambar 87 Tampilan Reservation Admin ................................................................... 96 Gambar 88 Tampilan Utama Event Content Admin .................................................... 96 Gambar 89 Tampilan Add New Event Content Admin ............................................... 97 Gambar 90 Tampilan Edit Event Content Admin ........................................................ 97 Gambar 91 Tampilan Delete Event Content Admin .................................................... 98 Gambar 92 Tampilan Contact Us Content Admin ....................................................... 98

xiv Universitas Kristen Maranatha

DAFTAR TABEL

Tabel I Simbol Dalam DFD ............................................................................................ 9 Tabel II Notasi Kamus Data ......................................................................................... 12 Tabel III Contoh Kamus Data ...................................................................................... 13 Tabel IV Simbol ERD ................................................................................................... 19 Tabel V Tabel booking ................................................................................................. 38 Tabel VI Tabel user...................................................................................................... 38 Tabel VII Tabel konsumen ........................................................................................... 39 Tabel VIII Tabel dtl_booking ........................................................................................ 39 Tabel IX Tabel kamar .................................................................................................. 40 Tabel X Tabel jenis ...................................................................................................... 40 Tabel XI Tabel contentintroduction .............................................................................. 40 Tabel XII Tabel contentfacilities ................................................................................... 40 Tabel XIII Tabel contentroom ...................................................................................... 41 Tabel XIV Tabel contentcontactus............................................................................... 41 Tabel XV Tabel event .................................................................................................. 41 Tabel XVI Kamus Data konsumen .............................................................................. 46 Tabel XVII Kamus Data booking ................................................................................. 47 Tabel XVIII Kamus Data dtl_booking .......................................................................... 48 Tabel XIX Kamus Data jenis ........................................................................................ 49 Tabel XX Kamus Data kamar ...................................................................................... 49 Tabel XXI Kamus Data contentintroduction ................................................................ 49 Tabel XXII Kamus Data contentroom .......................................................................... 50 Tabel XXIII Kamus Data contentfacilities .................................................................... 50 Tabel XXIV Kamus Data event .................................................................................... 51 Tabel XXV Kamus Data contentcontactus .................................................................. 51 Tabel XXVI PSpec Melihat Info Hotel Le Beringin ...................................................... 52 Tabel XXVII PSpec Menambah Booking..................................................................... 53 Tabel XXVIII PSpec Melihat Booking .......................................................................... 53 Tabel XXIX PSpec Menghapus Booking ..................................................................... 54 Tabel XXX PSpec Mengelola Info Introduction ........................................................... 54 Tabel XXXI Mengelola Info Room ............................................................................... 55 Tabel XXXII Mengelola Info Fasilitas .......................................................................... 55 Tabel XXXIII Mengelola Info Contact Us ..................................................................... 56 Tabel XXXIV Mengelola Info Event ............................................................................. 56 Tabel XXXV PSpec Proses Login ............................................................................... 56 Tabel XXXVI Test Case Halaman New Reservation .................................................. 99 Tabel XXXVII Test Case Halaman Halaman Data Konsumen ................................. 100 Tabel XXXVIII Test Case Halaman Check Reservation User .................................. 100 Tabel XXXIX Test Case Halaman Log In Admin ...................................................... 101 Tabel XL Test Case Halaman Introduction Content Admin ...................................... 101 Tabel XLI Test Case Halaman How To Reach Us Content Admin .......................... 102 Tabel XLII Test Case Halaman History Of Beringin Content Admin ........................ 102 Tabel XLIII Test Case Halaman Suite Room Content Admin ................................... 103 Tabel XLIV Test Case Halaman Executive Room Content Admin ........................... 103 Tabel XLV Test Case Halaman Deluxe Room Content Admin ................................ 104 Tabel XLVI Test Case Halaman Superior Room Content Admin ............................. 104 Tabel XLVII Test Case Halaman Standart Room Content Admin ............................ 105 Tabel XLVIII Test Case Halaman Restaurant Content Admin .................................. 105

xv Universitas Kristen Maranatha

Tabel XLIX Test Case Halaman Event & Meeting Content Admin ........................... 106 Tabel L Test Case Halaman Spa & Aromatheraphy Content Admin ....................... 106 Tabel LI Test Case Halaman Free Internet Connection Content Admin .................. 107 Tabel LII Test Case Halaman Pool & Bar Content Admin ........................................ 107 Tabel LIII Test Case Halaman Add New Event Content Admin ............................... 108 Tabel LIV Test Case Halaman Edit Event Content Admin ....................................... 108 Tabel LV Test Case Halaman Contact Us Content Admin ....................................... 109

xvi Universitas Kristen Maranatha

A. KUESIONER……………………………………………………………………...A.1

B. RIWAYAT HIDUP……………………………………………………….………..B.1

DAFTAR LAMPIRAN