Aplikasi pemesanan kamar hotel ini memudahkan pelanggan dan admin dalam proses pemesanan dan pengelolaan kamar. Pelanggan dapat melihat detail kamar dan melakukan pemesanan secara online, sedangkan admin dapat melihat data pelanggan yang melakukan pemesanan melalui antarmuka administrasi. Aplikasi ini dibuat menggunakan bahasa pemrograman HTML, CSS, JavaScript, PHP dan database MySQL.
1. Laporan Tugas Besar
Pemprograman Berbasis Web
“Penyewaan Kamar Hotel”
Disusun Oleh:
1110651001 Wahyu Farabi Firmansah
1110651046 Aditya Achmad Prasetya
1110651078 Oliffatur Rizki Susanto
1110651127 Putri Megawati
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2. 1. Tujuan
1. Memudahkan Pelanggan yang ingin memesan Kamar hotel Viceroy Bali
2. Memudahkan admin untuk melihat pemesan kamar hotel Voceroy Bali
3. Untuk memenuhi syarat lulus mata kuliah Pemprograman berbasis web
2. Dasar teori
HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan oleh browser
Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses
dan dibaca layaknya sebuah artikel. HTMLjuga dapat digunakan sebagai link link antara file-file
dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan
antar situs dalam dunia internet.
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan
beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya
styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style,
misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan
halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warna
border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin
kiri/kanan/atas/bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk
mengatur tampilan dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman
yang sama dengan format yang berbeda.
JavaScript adalah bahasa scripting yang paling populer di internet dan bekerja pada banyak browser
seperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pages
untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb.
Java (dikembangkan oleh Sun Microsystems) adalah sebuah bahasa pemrograman yang powerful &
sangat kompleks – sama dengan C & C++.
JavaScript dapat bereaksi terhadap events - JavaScript dapat di-set untuk menjalankan saat terjadi
sesuatu, seperti sebuah page telah selesai dipanggil atau saat seorang user meng-klik pada HTML
element
JavaScript dapat membaca dan menulis HTML elements - JavaScript dapat membaca dan mengubah
isi dari HTML element
JavaScript dapat digunakan untuk mem-validasi data - JavaScript dapat digunakan untuk mem-
validasi form data sebelum di-submitted ke server, hal ini akan mengamankan server dari
pemrosesan extra
3. JavaScript dapat digunakan untuk mendeteksi browser pengunjung - JavaScript dapat digunakan
untuk mendeteksi browser pengunjung dan – memanggil page lain yang secara specifik didesain
untuk browser tersebut
JavaScript dapat digunakan untuk membuat cookies - JavaScript dapat digunakan untuk menyimpan
dan memanggil informasi di komputer pengunjung.
jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi
komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery
dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif
sangat mudah. Sesuai slogan nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukan
pekerjaan lebih banyak.
AJAX merupakan singkatan dari Asynchronous JavaScript and XML. Istilah ini pertama kali
diperkenalkan dalam sebuah artikel oleh Jesse James Garrett dari Adaptive Path, sebuah perusahaan
web desain berbasis di San Francisco.
Ia melihat bahwa dibutuhkan cara yang mudah untuk memilih suatu gaya desain dan kemudian
membangun desain tersebut untuk klien.
Tujuan utama dari AJAX adalah untuk membuat aplikasi web berfungsi seperti aplikasi desktop.
HyperText Markup Language (HTML), bahasa yang banyak digunakan dalam World Wide Web,
dirancang berdasarkan gagasan hypertext atau halaman teks yang dapat dikaitkan di dalam atau ke
dokumen lain.
Agar HTML dapat berfungsi, pengguna pertama melakukan ‘action’ atau mengirim perintah melalui
web browser yang kemudian diteruskan ke web server.
Server kemudian memproses perintah itu, mungkin mengirimkan perintah lebih lanjut, dan akhirnya
merespon apa yang diminta pengguna.
PHP adalah “Hypertext Preprocessor, PHP adalah bahasa scripting web HTML-embedded. Ini berarti
kode PHP dapat disisipkan ke dalam HTML halaman Web. Ketika sebuah halaman PHP diakses, kode
PHP dibaca atau “diurai” oleh server. Output dari fungsi PHP pada halaman biasanya dikembalikan
sebagai kode HTML, yang dapat dibaca oleh browser. Karena kode PHP diubah menjadi HTML
sebelum halaman dibuka, pengguna tidak dapat melihat kode PHP pada halaman. Ini membuat
halaman PHP cukup aman untuk mengakses database dan informasi aman lainnya.
Banyak sintaks PHP yang hasil adaptasi dari bahasa lain seperti bahasa C, Java dan Perl. Namun, PHP
memiliki sejumlah fitur unik dan fungsi tertentu juga. Tujuan dari bahasa pemrograman PHP adalah
untuk memungkinkan pengembang web untuk menulis halaman yang dihasilkan secara dinamis
dengan cepat dan mudah. PHP juga bagus untuk menciptakan situs Web database-driven
4. 3. Hasil Projek
Tampilan home screen
Ketika user pertama kali membuka website Viceroy bali, user akan disuguhi tampilan home screen
seperti dibawah ini
Akomodasi
7. Kode diatas yaitu untuk membuat judul dan menampilkan icon disebelah judul
Lalu untuk mengimport kode yang ada di dalam file-file yang dipanggil tersebut,
pemanggilan ini bertujuan untuk membuat kode mudah di akses dan tidak perlu menulis ulang jika
ingin di panggil lagi.
Kode di atas yaitu untuk membuat header, dengan menggunakan bootstrap dan membagi menjadi
beberapa span agar membuat lebih rapi dan terorganisir,
8. Kode diatas adalah untuk membuat menu daftar baris meyamping, mengimpor melalui bootstrap
dan juga beserta dropdownnya
Kode diatas adalah untuk menampilkan artikel yang ada di database
9. Kode diatas adalah untuk membuat footer dan masih kita bagi dengan bootstrap dan ada beberapa
penerapan CSS dengan inline/ langsung di tulis dalam tag dan juga didak perlu selector
Untuk home screen berikutnya sama saja yang beda hannya pemanggilan artikel tiap home screen
Untuk tampilan user akan disuguhi tampilan seperti ini
Jika ingin menyewa kamar lansung klik sewa kamar
form sewa kamar
10. Yaitu user diminta untuk memasukkan nama email dsb untuk melengkapi syarat menyewa hotel, jika
user udah mengisi dan menekan tombol simpan, maka data dari user tersebut akan masuk ke
database dan bisa dilihat dari menu admin
Form insert
Yaitu apa yang kita masukkan akan tersimpan di database
11. Jika anda login sebagai admin anda akan sisuguhi tampilan seperti ini
Yaitu terdapat menu lihat, menu lihat adalah menu khusus admin untuk melihat user yang memesan
kamar, yaitu dengan cara mengambil data yang diinputkan user tadi dari database
Form login
12. Kode diatas untuk membuat tampilan login / masuk ke area administrator seperti dibawah dan form
ini akan memanggil form “login_proses.php”
Form login_proses.php
14. Include adalah form untuk membuat koneksi ke database
lalu selanjutnya untuk mengambil variabel, yaitu apa yang kita tulis di form admin akan diambil dan
dibandingkan ke database jika password benar, maka akan langsung di redirect ke menu admin
jika salah maka akan muncul tulisan password salah
Kode dari koneksi.php
Maksudnya adalah server name, memakai localhost, username yaitu username dari mysql kita yaitu
root, password yaitu password dari mysql kita isi jika ada, dan data base name, yaitu nama database
kita.
Logout.php
Yaitu session destroy untuk mengapus session / mengatur ulang, kita akan kehilangan data yang ada
destroy tadi
15. Kesulitan
Kesulitan yang kami hadapi, mungkin di CRUDnya, karena kami hannya bisa membuat Cread dan
Read saja, untuk update dan deletenya tidak ada, pada saat eksekusi delete, perintah sukses untuk
mendel tetapi data base tetap seperti semula
Kesimpulan
Program ini dikhusukan untuk user yang akan memesan kamar,untuk mempermudah pemesan yang
ingin memesan kamar jika sudah memesan maka admin akan menginformasi kepada user untuk
intruksi selanjutnya,