Your SlideShare is downloading. ×
Laporan web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Laporan web

547
views

Published on

anggota …

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
547
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
34
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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. 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. 3. Hasil ProjekTampilan home screenKetika user pertama kali membuka website Viceroy bali, user akan disuguhi tampilan home screenseperti dibawah iniAkomodasi
  • 5. FungsionalKontak kami
  • 6. Harga
  • 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. 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. 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. 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. 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. 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. Maksud kode diatas adalah
  • 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. 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,