Laporan Tugas BesarPemprograman Berbasis Web“Penyewaan Kamar Hotel”Disusun Oleh:1110651001 Wahyu Farabi Firmansah111065104...
1. Tujuan1. Memudahkan Pelanggan yang ingin memesan Kamar hotel Viceroy Bali2. Memudahkan admin untuk melihat pemesan kama...
JavaScript dapat digunakan untuk mendeteksi browser pengunjung - JavaScript dapat digunakanuntuk mendeteksi browser pengun...
3. Hasil ProjekTampilan home screenKetika user pertama kali membuka website Viceroy bali, user akan disuguhi tampilan home...
FungsionalKontak kami
Harga
Kode diatas yaitu untuk membuat judul dan menampilkan icon disebelah judulLalu untuk mengimport kode yang ada di dalam fil...
Kode diatas adalah untuk membuat menu daftar baris meyamping, mengimpor melalui bootstrapdan juga beserta dropdownnyaKode ...
Kode diatas adalah untuk membuat footer dan masih kita bagi dengan bootstrap dan ada beberapapenerapan CSS dengan inline/ ...
Yaitu user diminta untuk memasukkan nama email dsb untuk melengkapi syarat menyewa hotel, jikauser udah mengisi dan meneka...
Jika anda login sebagai admin anda akan sisuguhi tampilan seperti iniYaitu terdapat menu lihat, menu lihat adalah menu khu...
Kode diatas untuk membuat tampilan login / masuk ke area administrator seperti dibawah dan formini akan memanggil form “lo...
Maksud kode diatas adalah
Include adalah form untuk membuat koneksi ke databaselalu selanjutnya untuk mengambil variabel, yaitu apa yang kita tulis ...
KesulitanKesulitan yang kami hadapi, mungkin di CRUDnya, karena kami hannya bisa membuat Cread danRead saja, untuk update ...
Upcoming SlideShare
Loading in …5
×

Laporan web

617
-1

Published on

anggota
1110651001 Wahyu Farabi Firmansah
1110651046 Aditya Achmad Prasetya
1110651078 Oliffatur Rizki Susanto
1110651127 Putri Megawati

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
617
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Laporan web

  1. 1. Laporan Tugas BesarPemprograman Berbasis Web“Penyewaan Kamar Hotel”Disusun Oleh:1110651001 Wahyu Farabi Firmansah1110651046 Aditya Achmad Prasetya1110651078 Oliffatur Rizki Susanto1110651127 Putri MegawatiPROGRAM STUDI TEKNIK INFORMATIKAFAKULTAS TEKNIKUNIVERSITAS MUHAMMADIYAH JEMBER
  2. 2. 1. Tujuan1. Memudahkan Pelanggan yang ingin memesan Kamar hotel Viceroy Bali2. Memudahkan admin untuk melihat pemesan kamar hotel Voceroy Bali3. Untuk memenuhi syarat lulus mata kuliah Pemprograman berbasis web2. Dasar teoriHTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan oleh browserInternet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diaksesdan dibaca layaknya sebuah artikel. HTMLjuga dapat digunakan sebagai link link antara file-filedalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkanantar situs dalam dunia internet.Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikanbeberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnyastyles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style,misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakanbersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilanhalaman web yang dibuat dengan bahasa HTML dan XHTML.CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warnaborder, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, marginkiri/kanan/atas/bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untukmengatur tampilan dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan halamanyang sama dengan format yang berbeda.JavaScript adalah bahasa scripting yang paling populer di internet dan bekerja pada banyak browserseperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pagesuntuk 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 terjadisesuatu, seperti sebuah page telah selesai dipanggil atau saat seorang user meng-klik pada HTMLelementJavaScript dapat membaca dan menulis HTML elements - JavaScript dapat membaca dan mengubahisi dari HTML elementJavaScript dapat digunakan untuk mem-validasi data - JavaScript dapat digunakan untuk mem-validasi form data sebelum di-submitted ke server, hal ini akan mengamankan server daripemrosesan extra
  3. 3. JavaScript dapat digunakan untuk mendeteksi browser pengunjung - JavaScript dapat digunakanuntuk mendeteksi browser pengunjung dan – memanggil page lain yang secara specifik didesainuntuk browser tersebutJavaScript dapat digunakan untuk membuat cookies - JavaScript dapat digunakan untuk menyimpandan memanggil informasi di komputer pengunjung.jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasikomponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuerydirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatifsangat mudah. Sesuai slogan nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukanpekerjaan lebih banyak.AJAX merupakan singkatan dari Asynchronous JavaScript and XML. Istilah ini pertama kalidiperkenalkan dalam sebuah artikel oleh Jesse James Garrett dari Adaptive Path, sebuah perusahaanweb desain berbasis di San Francisco.Ia melihat bahwa dibutuhkan cara yang mudah untuk memilih suatu gaya desain dan kemudianmembangun 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 kedokumen lain.Agar HTML dapat berfungsi, pengguna pertama melakukan ‘action’ atau mengirim perintah melaluiweb browser yang kemudian diteruskan ke web server.Server kemudian memproses perintah itu, mungkin mengirimkan perintah lebih lanjut, dan akhirnyamerespon apa yang diminta pengguna.PHP adalah “Hypertext Preprocessor, PHP adalah bahasa scripting web HTML-embedded. Ini berartikode PHP dapat disisipkan ke dalam HTML halaman Web. Ketika sebuah halaman PHP diakses, kodePHP dibaca atau “diurai” oleh server. Output dari fungsi PHP pada halaman biasanya dikembalikansebagai kode HTML, yang dapat dibaca oleh browser. Karena kode PHP diubah menjadi HTMLsebelum halaman dibuka, pengguna tidak dapat melihat kode PHP pada halaman. Ini membuathalaman 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, PHPmemiliki sejumlah fitur unik dan fungsi tertentu juga. Tujuan dari bahasa pemrograman PHP adalahuntuk memungkinkan pengembang web untuk menulis halaman yang dihasilkan secara dinamisdengan cepat dan mudah. PHP juga bagus untuk menciptakan situs Web database-driven
  4. 4. 3. Hasil ProjekTampilan home screenKetika user pertama kali membuka website Viceroy bali, user akan disuguhi tampilan home screenseperti dibawah iniAkomodasi
  5. 5. FungsionalKontak kami
  6. 6. Harga
  7. 7. Kode diatas yaitu untuk membuat judul dan menampilkan icon disebelah judulLalu 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 jikaingin di panggil lagi.Kode di atas yaitu untuk membuat header, dengan menggunakan bootstrap dan membagi menjadibeberapa span agar membuat lebih rapi dan terorganisir,
  8. 8. Kode diatas adalah untuk membuat menu daftar baris meyamping, mengimpor melalui bootstrapdan juga beserta dropdownnyaKode diatas adalah untuk menampilkan artikel yang ada di database
  9. 9. Kode diatas adalah untuk membuat footer dan masih kita bagi dengan bootstrap dan ada beberapapenerapan CSS dengan inline/ langsung di tulis dalam tag dan juga didak perlu selectorUntuk home screen berikutnya sama saja yang beda hannya pemanggilan artikel tiap home screenUntuk tampilan user akan disuguhi tampilan seperti iniJika ingin menyewa kamar lansung klik sewa kamarform sewa kamar
  10. 10. Yaitu user diminta untuk memasukkan nama email dsb untuk melengkapi syarat menyewa hotel, jikauser udah mengisi dan menekan tombol simpan, maka data dari user tersebut akan masuk kedatabase dan bisa dilihat dari menu adminForm insertYaitu apa yang kita masukkan akan tersimpan di database
  11. 11. Jika anda login sebagai admin anda akan sisuguhi tampilan seperti iniYaitu terdapat menu lihat, menu lihat adalah menu khusus admin untuk melihat user yang memesankamar, yaitu dengan cara mengambil data yang diinputkan user tadi dari databaseForm login
  12. 12. Kode diatas untuk membuat tampilan login / masuk ke area administrator seperti dibawah dan formini akan memanggil form “login_proses.php”Form login_proses.php
  13. 13. Maksud kode diatas adalah
  14. 14. Include adalah form untuk membuat koneksi ke databaselalu selanjutnya untuk mengambil variabel, yaitu apa yang kita tulis di form admin akan diambil dandibandingkan ke database jika password benar, maka akan langsung di redirect ke menu adminjika salah maka akan muncul tulisan password salahKode dari koneksi.phpMaksudnya adalah server name, memakai localhost, username yaitu username dari mysql kita yaituroot, password yaitu password dari mysql kita isi jika ada, dan data base name, yaitu nama databasekita.Logout.phpYaitu session destroy untuk mengapus session / mengatur ulang, kita akan kehilangan data yang adadestroy tadi
  15. 15. KesulitanKesulitan yang kami hadapi, mungkin di CRUDnya, karena kami hannya bisa membuat Cread danRead saja, untuk update dan deletenya tidak ada, pada saat eksekusi delete, perintah sukses untukmendel tetapi data base tetap seperti semulaKesimpulanProgram ini dikhusukan untuk user yang akan memesan kamar,untuk mempermudah pemesan yangingin memesan kamar jika sudah memesan maka admin akan menginformasi kepada user untukintruksi selanjutnya,

×