BAB III HASIL DAN ANALISIS - Institutional Repository | Satya Wacana Christian University: Web Hotel di Kota Salatiga
BAB III
HASIL DAN ANALISIS
3.1
Analisa Kebutuhan
Web hotel di Kota Salatiga sebagaimana dijelaskan pada bab satu tentang
kebutuhan sistem yang dibutuhkan web hotel di Kota Salatiga berbasis web ini
agar dapat mengelola data dengan lebih baik sehingga di sini penulis di berikan
kesempatan untuk membangun sistem pengelolaan data berbasis web tersebut.
Dalam membangun sistem pengelolaan data berbasis web tersebut beberapa
kebutuhan yang diperlukan antara lain: kebutuhan antar muka, kebutuhan data
dan kebutuhan fungsional.
3.1.1 Kebutuhan Antar Muka
Kebutuhan antar muka yang diperlukan untuk membangun sistem
pengelolaan data ini meliputi:
a. Sistem yang akan dibangun harus user friendly.
b. Sistem yang akan dibangun harus mampu menyimpan data-data yang
dimasukkan oleh admin dan user.
c. Sistem
yang akan
dibangun
memiliki
fasilitas
untuk
menambah,
memperbaharui dan menghapus semua data yang ada di dalam storage.
3.1.2 Kebutuhan Data
Data-data yang akan diolah oleh sistem informasi ini antara lain:
a. Data hasil resume yang akan di tampilkan sebagai informasi kepada user.
b. Data resume yang akan menjadi end process dalam pencarian data yang
dibutuhkan oleh user
1
3.1.3 Kebutuhan Fungsional
Layanan yang disediakan oleh sistem pengelolaan data yang akan di
bangun ini adalah sebagai berikut:
a. Mengelola otoritas passcode, yaitu data passcode yang dimasukkan oleh
admin dan user dengan benar dan selanjutnya memberikan hak akses admin
dan user untuk menjalankan sistem.
b. Mengelola data resume serta informasi lainnya pada tampilan sistem
pengelolaan data ini untuk mengubah, menambah dan menghapus yang
dilakukan oleh admin.
c. Menambah data yang dilakukan oleh user.
3.2 Perancangan Sistem
3.2.1 Gambaran Umum Sistem yang Diusulkan
Sistem informasi yang diusulkan memiliki beberapa fungsi untuk
memudahkan pengguna dalam mengelola data hasil rapat dan informasi yang
akan disampaikan melalui sistem informasi berbasis web ini. Sistem telah
dirancang agar mudah diaplikasikan tanpa harus memakan waktu yang lama
dalam mengolah data resume web hotel di Kota Salatiga pada sistem
pengelolaan data berbasis web ini.
Secara umum, fungsi dari Sistem pengelolaan data web hotel di Kota
Salatiga adalah:
a. Pengelolaan data hasil pendataan dan resume hotel di Kota Salatiga.
b. Menampilkan informasi data hotel di Kota Salatiga dan resume yang
ditujukan pada user.
c.
Memberikan hak akses pada user untuk menambah data resume.
2
3.2.2 DFD (Data Flow Diagram)
Diagram arus data sistem web hotel di Kota Salatiga terdiri dari:
a. Proses Pengolahan Data
Proses pengolahan data ini meliputi menambah, mengubah dan
menghapus resume, data info dan proses ini dikerjakan oleh level user sebagai
admin yang memiliki hak akses penuh atas pengolahan data.
b. Proses Menampilkan Data
Proses menampilkan data merupakan proses akhir yang dilakukan oleh
sistem informasi ini. Setelah dilakukan proses pengolahan data di sistem
pengolahan data melalui admin site, public site adalah tempat dimana data akan
ditampilkan, yang ditujukan kepada user untuk melihat resume yang disediakan
oleh web hotel di Kota Salatiga.
Hasil Informasi hotel
Admin
Ssitem Informasi
Data hotel di Kota
Salatiga
Informasi Yang
Telah Disetujui
Input Data
Setting Data
User
Gambar 3.1 DFDlevel 0 Sistem Informasi hotel di Kota Salatiga
3
Keterangan:
-
Admin men-update aksi add, edit dan delete ke sistem informasi.
-
Admin mendapatkan respon dari sistem informasi berupa view data sesuai
aksi yang telah dilakukan.
-
Client hanya dapat mendapatkan informasi data parkir.
-
Client mendapatkan respon dari sistem yaitu data yang sudah disetujui oleh
admin.
Data hotel di Kota Salatiga
User
Data hotel di
Kota Salatiga
Konfirmasi
Db.List hotel di
Kota Salatiga
View data
Admin
Mengupdate data hotel
Di Kota Salatiga
Gambar 3.2 DFD level 1 Sistem Informasi hotel di Kota Salatiga
Keterangan:
-
User meng-aces data (data hotel, data resume dan data info) ke sistem
pengolahan data, setelah diolah akan diteruskan ke storage data masingmasing sesuai field-nya yaitu data rapat, data resume dan data info.
-
Admin mendapatkan respon dari sistem informasi berupa view data (view
data hotel, view data resume dan view data info) sesuai input melalui sistem
menampilkan data yang mendapatkan data dari storage data.
-
Admin meng-input aksi (setting data) ke data base hotel.
4
3.2.3 Tampilan Jaringan Simantik
A
A: Admin
B: Pengunjung
C: Edit Data Hotel
:
B
C
Gambar 3.3 Tampilan Jaringan Simantik
Admin bisa masuk edit data hotel dengan pengunjung yang sudah memasukan
data pada halaman website utama, B (Pengunjung), C (Edit hotel), kemudian
setelah memilih hotel maka pengunjung input pemesanan hotel dengan data
yang sudah ada lalu admin memproses data sewa hotel salatiga .
5
3.2.4 Diagram Activity Admin
Admin
System
Masukan UserName &
Password
Cek UserName &
Password
Tidak
Ya
Manipulasi
Data
Edit Hotel
Tampilankan
Halaman Admin
Melihat Data
Pengunjung
Proses Data
Gambar 3.4 Diagram Activity Admin
menjelaskan mengenai aktivitas admin dalam proses memanipulasi data
yang didalam nya terdapat proses edit hotel, dan data pengunjung.
6
3.2.5 Diagram Activity User
User
System
Masukan UserName &
Password
Cek UserName &
Password
Tidak
Ya
Input Data Pengunjung &
memilih Hotel pada
website utama
Tampilankan
Halaman User
Cek Data
Hotel Penuh & data
pengunjung salah
Klarifikasi data pengunjung
& hotel gagal
Klarifikasi data data pengunjung
& hotel berhasil
Proses Data
Gambar 3.4 Diagram Activity User
menjelaskan mengenai aktivitas user dalam proses data pengunjung
kemudian sistem akan memproses data pengunjung, jika mendapatkan
hotel penuh dan data pengunjung salah akan menampilkan hotel penuh dan
7
data pengunjung salah , jika data pengunjung dan data hotel benar akan
diproses oleh sistem.
3.2.6 Struktur Data Base
Gambar 3.5 Struktur Data Base
Database digunakan untuk menyimpan data, dalam aplikasi web sistem informasi
hotel di kota salatiga. Serta multi platform ini memiliki 3 (tiga) tabel yakni tabel
pengunjung, admin dan edit hotel.
8
Gambar 3.6 Relasi Struktur Data base web
Menjelaskan mengenai relasi struktur database yang ada pada website hotel di Kota
Salatiga yang terdiri dari tabel admin , edit hotel, dan pengunjung. Tabel admin
berhubungan dengan tabel pengunjung.
Gambar 3.7 Tabel pengunjung
Tabel pengunjung digunakan untuk menyimpan data pengunjung yang akan
digunakan untuk melihat data akumulasi pengunjung yang mengunjungi hotel pada
tampilan awal website.
9
Gambar 3.8 Tabel Admin
Tabel admin digunakan untuk menyimpan data admin yang akan digunakan untuk
masuk ke dalam sistem login yang diberikan. Dalam akun admin nantinya admin dapat
melakukan updating mengenai data pengunjung, menambah data hotel, print laporan
data pengunjung dan menghapus data hotel.
Gambar 3.9 Tabel Edit Hotel
Tabel edit hotel adalah tabel yang digunakan untuk menyimpan semua data hotel dari
edit dan update mengenai hotel salatiga.
10
3.2.7 Desain Antar Muka
Adapun perancangan adalah sebagai berikut:
a.
Desain Halaman Beranda
Label
Button 1
Button 2
Button 3
Button 4
Button 5
Image
Label
Button 7
Button 8
Button 9
Gambar 3.9 Desain halaman beranda
Keterangan :
-
Label bertuliskan ucapan selamat datang
-
Button 1 untuk pindah halaman ke home
-
Button 2 untuk pindah halaman ke pilihan hotel
-
Button 3 untuk pindah halaman ke room
-
sButton 4 untuk pindah halaman ke fasilitas
-
Button 5 untuk pindah halaman ke facebook
-
Button 6 untuk pindah halaman ke peta lokasi
-
Image menampilkan gambar background
-
Label bertuliskan daftar hotel
-
Button 7 pilihan hotel
-
Button 8 pilihan hotel
-
Button 9 pilihan hotel
11
Button 6
b
Desain Halaman pilihan kamar hotel
Label 1
Image 1
Label 2
Image 2
Image 3
Label 4
Label 3
Gambar 3.10 Desain halaman pilihan kamar hotel
Keterangan :
-
Label 1bertuliskan pilihan hotel
-
Image 1 menampilkan gambar kamar hotel
-
Image 2 menampilkan gambar kamar hotel
-
Image 3 menampilkan gambar kamar hotel
-
Label 2 bertuliskan alamat hotel
-
Label 3 bertuliskan alamat hotel
-
Label 4 bertuliskan alamat hotel
12
b. Desain Halaman Fasilitas
Label
Label 2
Label 3
Label 4
Image 1
Image 2
Image 3
Gambar 3.11Desain Halaman fasilitas
Keterangan :
-
Label 1 bertuliskan ruangan hotel
-
Label 2 bertuliskan nama hotel
-
Label 3 bertuliskan nama hotel
-
Label 4 bertuliskan nama hotel
-
Image 1 menampilkan gambar kamar hotel
-
Image 2 menampilkan gambar kamar hotel
-
Image 3 menampilkan gambar kamar hotel
13
3.3
Implementasi
Dari tahap tahap yang telah dilakukan, didapatkan Sistem web hotel di
Kota Salatiga. Berikut adalah tampilan yang dihaasilkan:
a.
Halaman Beranda
Gambar 3.12Desain Tampilan Halaman Beranda
Keterangan:
-
Diatas terdapat menu dari website tersebut, yaitu menu home,
menu pilihan hotel, menu fasilitas dan menu facebook.
-
Tampilan yang modern dan simple.
14
b.
Halaman Pilihan Hotel
Gambar 3.13 Desain Pilihan Hotel
Keterangan :
-
Diatas terdapat pilihan Hotel Wahid dan alamat.
-
Diatas terdapat pilihan Hotel Beringin dan alamat.
-
Diatas terdapat pilihan Hotel Laras Asri dan alamat.
15
c. Halaman Fasilitas
Gambar 3.13Desain Halaman Fasilitas
Keterangan :
Diatas terdapat pilihan fasiltas yang ada pada website hotel
salatiga , serta di dalam halaman ini terdapat keterangan nama
hotel yang akan di pilih oleh pengunjung.
16
d. Halaman Pilihan Kamar Hotel
Gambar 3.14 Desain Pilihan Kamr Hotel
Keterangan :
Halaman website ini menjelaskan mengenai pengunjung
yang
akan memilih kamar hotel yang di pesan oleh pengunjung hotel
kota salatiga.
3.4
Evaluasi
Berdasarkan hasil pengujian yang telah dilakukan, sistem informasi web hotel
di Kota Salatiga menggunakan mysql ini mampu membantu penyedia layanan
informasi hotel dengan baik, informasi yang di dapat lebih valid.
17
HASIL DAN ANALISIS
3.1
Analisa Kebutuhan
Web hotel di Kota Salatiga sebagaimana dijelaskan pada bab satu tentang
kebutuhan sistem yang dibutuhkan web hotel di Kota Salatiga berbasis web ini
agar dapat mengelola data dengan lebih baik sehingga di sini penulis di berikan
kesempatan untuk membangun sistem pengelolaan data berbasis web tersebut.
Dalam membangun sistem pengelolaan data berbasis web tersebut beberapa
kebutuhan yang diperlukan antara lain: kebutuhan antar muka, kebutuhan data
dan kebutuhan fungsional.
3.1.1 Kebutuhan Antar Muka
Kebutuhan antar muka yang diperlukan untuk membangun sistem
pengelolaan data ini meliputi:
a. Sistem yang akan dibangun harus user friendly.
b. Sistem yang akan dibangun harus mampu menyimpan data-data yang
dimasukkan oleh admin dan user.
c. Sistem
yang akan
dibangun
memiliki
fasilitas
untuk
menambah,
memperbaharui dan menghapus semua data yang ada di dalam storage.
3.1.2 Kebutuhan Data
Data-data yang akan diolah oleh sistem informasi ini antara lain:
a. Data hasil resume yang akan di tampilkan sebagai informasi kepada user.
b. Data resume yang akan menjadi end process dalam pencarian data yang
dibutuhkan oleh user
1
3.1.3 Kebutuhan Fungsional
Layanan yang disediakan oleh sistem pengelolaan data yang akan di
bangun ini adalah sebagai berikut:
a. Mengelola otoritas passcode, yaitu data passcode yang dimasukkan oleh
admin dan user dengan benar dan selanjutnya memberikan hak akses admin
dan user untuk menjalankan sistem.
b. Mengelola data resume serta informasi lainnya pada tampilan sistem
pengelolaan data ini untuk mengubah, menambah dan menghapus yang
dilakukan oleh admin.
c. Menambah data yang dilakukan oleh user.
3.2 Perancangan Sistem
3.2.1 Gambaran Umum Sistem yang Diusulkan
Sistem informasi yang diusulkan memiliki beberapa fungsi untuk
memudahkan pengguna dalam mengelola data hasil rapat dan informasi yang
akan disampaikan melalui sistem informasi berbasis web ini. Sistem telah
dirancang agar mudah diaplikasikan tanpa harus memakan waktu yang lama
dalam mengolah data resume web hotel di Kota Salatiga pada sistem
pengelolaan data berbasis web ini.
Secara umum, fungsi dari Sistem pengelolaan data web hotel di Kota
Salatiga adalah:
a. Pengelolaan data hasil pendataan dan resume hotel di Kota Salatiga.
b. Menampilkan informasi data hotel di Kota Salatiga dan resume yang
ditujukan pada user.
c.
Memberikan hak akses pada user untuk menambah data resume.
2
3.2.2 DFD (Data Flow Diagram)
Diagram arus data sistem web hotel di Kota Salatiga terdiri dari:
a. Proses Pengolahan Data
Proses pengolahan data ini meliputi menambah, mengubah dan
menghapus resume, data info dan proses ini dikerjakan oleh level user sebagai
admin yang memiliki hak akses penuh atas pengolahan data.
b. Proses Menampilkan Data
Proses menampilkan data merupakan proses akhir yang dilakukan oleh
sistem informasi ini. Setelah dilakukan proses pengolahan data di sistem
pengolahan data melalui admin site, public site adalah tempat dimana data akan
ditampilkan, yang ditujukan kepada user untuk melihat resume yang disediakan
oleh web hotel di Kota Salatiga.
Hasil Informasi hotel
Admin
Ssitem Informasi
Data hotel di Kota
Salatiga
Informasi Yang
Telah Disetujui
Input Data
Setting Data
User
Gambar 3.1 DFDlevel 0 Sistem Informasi hotel di Kota Salatiga
3
Keterangan:
-
Admin men-update aksi add, edit dan delete ke sistem informasi.
-
Admin mendapatkan respon dari sistem informasi berupa view data sesuai
aksi yang telah dilakukan.
-
Client hanya dapat mendapatkan informasi data parkir.
-
Client mendapatkan respon dari sistem yaitu data yang sudah disetujui oleh
admin.
Data hotel di Kota Salatiga
User
Data hotel di
Kota Salatiga
Konfirmasi
Db.List hotel di
Kota Salatiga
View data
Admin
Mengupdate data hotel
Di Kota Salatiga
Gambar 3.2 DFD level 1 Sistem Informasi hotel di Kota Salatiga
Keterangan:
-
User meng-aces data (data hotel, data resume dan data info) ke sistem
pengolahan data, setelah diolah akan diteruskan ke storage data masingmasing sesuai field-nya yaitu data rapat, data resume dan data info.
-
Admin mendapatkan respon dari sistem informasi berupa view data (view
data hotel, view data resume dan view data info) sesuai input melalui sistem
menampilkan data yang mendapatkan data dari storage data.
-
Admin meng-input aksi (setting data) ke data base hotel.
4
3.2.3 Tampilan Jaringan Simantik
A
A: Admin
B: Pengunjung
C: Edit Data Hotel
:
B
C
Gambar 3.3 Tampilan Jaringan Simantik
Admin bisa masuk edit data hotel dengan pengunjung yang sudah memasukan
data pada halaman website utama, B (Pengunjung), C (Edit hotel), kemudian
setelah memilih hotel maka pengunjung input pemesanan hotel dengan data
yang sudah ada lalu admin memproses data sewa hotel salatiga .
5
3.2.4 Diagram Activity Admin
Admin
System
Masukan UserName &
Password
Cek UserName &
Password
Tidak
Ya
Manipulasi
Data
Edit Hotel
Tampilankan
Halaman Admin
Melihat Data
Pengunjung
Proses Data
Gambar 3.4 Diagram Activity Admin
menjelaskan mengenai aktivitas admin dalam proses memanipulasi data
yang didalam nya terdapat proses edit hotel, dan data pengunjung.
6
3.2.5 Diagram Activity User
User
System
Masukan UserName &
Password
Cek UserName &
Password
Tidak
Ya
Input Data Pengunjung &
memilih Hotel pada
website utama
Tampilankan
Halaman User
Cek Data
Hotel Penuh & data
pengunjung salah
Klarifikasi data pengunjung
& hotel gagal
Klarifikasi data data pengunjung
& hotel berhasil
Proses Data
Gambar 3.4 Diagram Activity User
menjelaskan mengenai aktivitas user dalam proses data pengunjung
kemudian sistem akan memproses data pengunjung, jika mendapatkan
hotel penuh dan data pengunjung salah akan menampilkan hotel penuh dan
7
data pengunjung salah , jika data pengunjung dan data hotel benar akan
diproses oleh sistem.
3.2.6 Struktur Data Base
Gambar 3.5 Struktur Data Base
Database digunakan untuk menyimpan data, dalam aplikasi web sistem informasi
hotel di kota salatiga. Serta multi platform ini memiliki 3 (tiga) tabel yakni tabel
pengunjung, admin dan edit hotel.
8
Gambar 3.6 Relasi Struktur Data base web
Menjelaskan mengenai relasi struktur database yang ada pada website hotel di Kota
Salatiga yang terdiri dari tabel admin , edit hotel, dan pengunjung. Tabel admin
berhubungan dengan tabel pengunjung.
Gambar 3.7 Tabel pengunjung
Tabel pengunjung digunakan untuk menyimpan data pengunjung yang akan
digunakan untuk melihat data akumulasi pengunjung yang mengunjungi hotel pada
tampilan awal website.
9
Gambar 3.8 Tabel Admin
Tabel admin digunakan untuk menyimpan data admin yang akan digunakan untuk
masuk ke dalam sistem login yang diberikan. Dalam akun admin nantinya admin dapat
melakukan updating mengenai data pengunjung, menambah data hotel, print laporan
data pengunjung dan menghapus data hotel.
Gambar 3.9 Tabel Edit Hotel
Tabel edit hotel adalah tabel yang digunakan untuk menyimpan semua data hotel dari
edit dan update mengenai hotel salatiga.
10
3.2.7 Desain Antar Muka
Adapun perancangan adalah sebagai berikut:
a.
Desain Halaman Beranda
Label
Button 1
Button 2
Button 3
Button 4
Button 5
Image
Label
Button 7
Button 8
Button 9
Gambar 3.9 Desain halaman beranda
Keterangan :
-
Label bertuliskan ucapan selamat datang
-
Button 1 untuk pindah halaman ke home
-
Button 2 untuk pindah halaman ke pilihan hotel
-
Button 3 untuk pindah halaman ke room
-
sButton 4 untuk pindah halaman ke fasilitas
-
Button 5 untuk pindah halaman ke facebook
-
Button 6 untuk pindah halaman ke peta lokasi
-
Image menampilkan gambar background
-
Label bertuliskan daftar hotel
-
Button 7 pilihan hotel
-
Button 8 pilihan hotel
-
Button 9 pilihan hotel
11
Button 6
b
Desain Halaman pilihan kamar hotel
Label 1
Image 1
Label 2
Image 2
Image 3
Label 4
Label 3
Gambar 3.10 Desain halaman pilihan kamar hotel
Keterangan :
-
Label 1bertuliskan pilihan hotel
-
Image 1 menampilkan gambar kamar hotel
-
Image 2 menampilkan gambar kamar hotel
-
Image 3 menampilkan gambar kamar hotel
-
Label 2 bertuliskan alamat hotel
-
Label 3 bertuliskan alamat hotel
-
Label 4 bertuliskan alamat hotel
12
b. Desain Halaman Fasilitas
Label
Label 2
Label 3
Label 4
Image 1
Image 2
Image 3
Gambar 3.11Desain Halaman fasilitas
Keterangan :
-
Label 1 bertuliskan ruangan hotel
-
Label 2 bertuliskan nama hotel
-
Label 3 bertuliskan nama hotel
-
Label 4 bertuliskan nama hotel
-
Image 1 menampilkan gambar kamar hotel
-
Image 2 menampilkan gambar kamar hotel
-
Image 3 menampilkan gambar kamar hotel
13
3.3
Implementasi
Dari tahap tahap yang telah dilakukan, didapatkan Sistem web hotel di
Kota Salatiga. Berikut adalah tampilan yang dihaasilkan:
a.
Halaman Beranda
Gambar 3.12Desain Tampilan Halaman Beranda
Keterangan:
-
Diatas terdapat menu dari website tersebut, yaitu menu home,
menu pilihan hotel, menu fasilitas dan menu facebook.
-
Tampilan yang modern dan simple.
14
b.
Halaman Pilihan Hotel
Gambar 3.13 Desain Pilihan Hotel
Keterangan :
-
Diatas terdapat pilihan Hotel Wahid dan alamat.
-
Diatas terdapat pilihan Hotel Beringin dan alamat.
-
Diatas terdapat pilihan Hotel Laras Asri dan alamat.
15
c. Halaman Fasilitas
Gambar 3.13Desain Halaman Fasilitas
Keterangan :
Diatas terdapat pilihan fasiltas yang ada pada website hotel
salatiga , serta di dalam halaman ini terdapat keterangan nama
hotel yang akan di pilih oleh pengunjung.
16
d. Halaman Pilihan Kamar Hotel
Gambar 3.14 Desain Pilihan Kamr Hotel
Keterangan :
Halaman website ini menjelaskan mengenai pengunjung
yang
akan memilih kamar hotel yang di pesan oleh pengunjung hotel
kota salatiga.
3.4
Evaluasi
Berdasarkan hasil pengujian yang telah dilakukan, sistem informasi web hotel
di Kota Salatiga menggunakan mysql ini mampu membantu penyedia layanan
informasi hotel dengan baik, informasi yang di dapat lebih valid.
17