PEMBUATAN WEBSITE PADA HOTEL WIRYOMARTONO TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun oleh : RIZA AYU WIJAYA NIM. M3107050 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2010 i
HALAMAN PERSETUJUAN PEMBUATAN WEBSITE PADA HOTEL WIRYOMARTONO Disusun Oleh : RIZA AYU WIJAYA NIM. M3107050 Tugas Akhir ini telah disetujui untuk dipresentasikan pada ujian Tugas Akhir pada tanggal 23 Juni 2010 Pembimbing Utama Rini Anggrainingsih, MT. NIP. 19780909 200 812 2 002 ii
HALAMAN PENGESAHAN PEMBUATAN WEBSITE PADA HOTEL WIRYOMARTONO Disusun Oleh: RIZA AYU WIJAYA NIM. M3107050 Dibimbing Oleh Pembimbing Utama Rini Anggrainingsih, MT. NIP. 19780909 200 812 2 002 Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Ilmu Komputer pada hari...tanggal... Dewan Penguji : 1. Rini Anggrainingsih, MT ( ) NIP. 19780909 200 812 2 002 2. Fendi Aji Purnomo, S.Si ( ) NIDN. 0626098402 3. Drs. YS. Palgunadi, M.Sc ( ) NIP. 19560407 198 303 1 004 Disahkan oleh : Dekan Fakultas MIPA UNS Ketua Program Studi DIII Ilmu Komputer UNS Prof. Drs. Sutarno, M.Sc, Ph.D NIP. 19600809 198612 1 001 Drs. YS. Palgunadi, M.Sc NIP. 19560407 198 303 1 004 iii
ABSTRACT Riza Ayu Wijaya, 2010, DEVELOPING WEBSITE AT HOTEL WIRYOMARTONO. Information Engineering, Faculty of Mathematics and Natural Sciences, Sebelas Maret University. Information technology has developed quite rapidly, especially with the internet. In conveying information, hotel information at Wiryomartono uses the book as a means of notice boards. The writer makes another alternative to use the website through the internet as a medium.website provides a single display interface to access user friendly protocol. The information contained the hotel wiryomartono data. Data were collected by various methods, interview method, observation method, methods of documentation and library research. The program was developed by using Macromedia dreaweaver 8, apache web server and PhpMyAdmin 2.10.2 as database manager. Existing data website. developed It can be concluded that website of Hotel Wiryomartono has already been Keywords: Macromedia Dreamweaver 8, PHP, MySQL iv
ABSTRAKSI Riza Ayu Wijaya, 2010, PEMBUATAN WEBSITE PADA HOTEL WIRYOMARTONO. Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Teknologi informasi mengalami perkembangan yang cukup pesat, terlebih lagi dengan adanya internet. Dalam menyampaikan informasi, hotel Wiryomartono menggunakan buku informasi dan papan pengumuman sebagai sarana, maka penulis membuat alternatif lain yaitu dengan menggunakan website melalui internet sebagai sarana. Website menyediakan tampilan antar muka tunggal untuk mengakses protokol protokol agar mudah digunakan user. Informasi yang terdapat di hotel wiryomartono data datanya dikumpulkan dengan berbagai metode yaitu metode wawancara, metode observasi, metode dokumentasi,studi pustaka. Dengan menggunakan macromedia dreaweaver 8, web server apache,database manager PhpMyAdmin 2.10.2. data yang ada akan dianalisa, dan ditampilkan dalam bentuk website. Berdasarkan hal hal diatas bahwa website hotel Wiryomartono kedepannya dapat dikembangkan. Kata Kunci : Macromedia dreamweaver 8, Php, MySQL v
MOTTO Bukan kesulitan yang membuat kita takut, tapi ketakutanlah yang membuat kita sulit. Karena itu jangan pernah mencoba untuk menyerah dan jangan pernah menyerah untuk mencoba ( dari seorang sahabat ) vi
HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan untuk : 1. Kedua orang tua penulis 2. Teman - teman yang selalu memberikan dukungan dan bantuan dalam penyelesaian Tugas Akhir ini 3. Almamater Universitas Sebelas Maret Surakarta. vii
KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-nya untuk membantu dan menuntun penulis dalam menyelesaikan penyusunan laporan Tugas Akhir ( TA ) dengan judul Pembuatan Website Pada Hotel Wiryomartono dan dengan segala kerendahan hati kepada semua pihak yang telah berkenan membantu penulis dalam menyelesaikan laporan Tugas Akhir ini. Ucapan terima kasih penulis haturkan kepada pihak yang telah membantu dalam penyelesaian laporan Tugas Akhir ini antara lain : 1. Bapak Drs. YS. Palgunadi, M.Sc selaku Ketua Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta 2. Ibu Rini Anggrainingsih, MT selaku Dosen Pembimbing Tugas Akhir atas arahan dan bimbingannya dalam pembuatan laporan ini 3. Ibu Sri Wahyuni selaku Supervisor di Hotel Wiryomartono yang telah memberikan bantuan serta kerjasamanya kepada penulis selama penelitian di Hotel Wiryomartono 4. Teman teman D3 Ilmu Komputer angkatan 2007, terima kasih atas dukungannya 5. Semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu dalam pelaksanaan dan penyusunan laporan Tugas Akhir ini baik secara moral maupun material, terima kasih. Akhirnya penulis mengucapkan terima kasih kepada semua pihak dan semoga laporan ini dapat bermanfaat bagi semua pihak terutama bagi mahasiswa Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas sebelas Maret Surakarta. Surakarta, 25 Juni 2010 Penulis viii
DAFTAR ISI Halaman HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN ABSTRACT... iv HALAMAN ABSTRAKSI... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... ix DAFTAR TABEL... xii DAFTAR GAMBAR... xiii BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Rumusan Masalah... 1 1.3 Batasan Masalah... 2 1.4 Tujuan... 2 1.5 Manfaat... 2 1.6 Metodologi Penelitian... 2 1.7 Sistematika Penulisan... 3 BAB II LANDASAN TEORI... 5 2.1 Website... 5 2.2 Cascade Sheet Style (CSS)... 5 2.3 PHP... 6 2.4 Apache... 6 2.5 Interface Website Yang Baik... 7 2.3.1 Halaman Pembuka... 7 2.3.2 Banner... 7 2.3.3 Menu... 7 ix
2.3.4 Breadcrum... 8 2.3.5 Link... 9 2.3.6 Kontent... 9 2.3.7 Tampilan Website... 9 2.3.8 Searching... 9 2.3.9 Relative Spesification... 9 2.3.10 Penyesuaian Font dan Pewarnaan... 10 2.3.11 Penggunaan White Space... 10 2.3.12 Familiarity... 11 2.3.13 Simplicity... 11 BAB III DESAIN DAN PERANCANGAN... 12 3.1 Deskripsi Data... 12 3.2 Analisa Sistem... 12 3.3 Flowchart Sistem yang Berjalan... 13 3.4 Perancangan Sistem... 16 3.4.1 Diagram Konteks... 16 3.4.2 Data Flow Diagram (DFD) Level 0... 17 3.4.3 Data Flow Diagram (DFD) Level 1... 19 3.4.4 Relasi Antar Tabel... 23 3.4.5 Tabel... 23 3.5 Struktur dan Desain Website... 26 BAB IV IMPLEMENTASI DAN ANALISA... 28 4.1 Implementasi Sistem... 28 4.2 Perangkat Sistem... 28 4.2.1 Perangkat Lunak ( Software )... 28 4.2.2 Perangkat Keras (Hardware)... 28 4.3 Implementasi Website... 29 4.4 Halaman Pengunjung Atau User... 29 4.4.1 Tampilan Halaman Home Atau Halaman Depan.. 29 4.4.2 Tampilan Layanan Website Searching... 30 4.4.3 Tampilan Polling... 30 x
4.4.4 Tampilan Halaman Kamar... 31 4.4.5 Tampilan Halaman Reservation... 31 4.4.6 Tampilan Halaman Nota Pemesanan... 32 4.4.7 Tampilan Halaman Info Hiburan... 33 4.4.8 Tampilan Halaman Peta Lokasi... 34 4.5 Halaman Administrator... 34 4.5.1 Halaman Login Admin... 35 4.5.2 Tampilan Halaman Index Atau Halaman Depan... 35 4.5.3 Tampilan Halaman Kamar... 36 4.5.4 Tampilan Halaman Input Kamar... 36 4.5.5 Tampilan Halaman Keterangan Kamar... 37 4.5.6 Tampilan Halaman Info Hiburan... 38 4.5.7 Tampilan Halaman Polling... 39 4.5.8 Tampilan Halaman Pilihan Jawaban... 39 4.5.9 Tampilan Halaman Hasil Polling... 40 BAB V PENUTUP... 41 5.1 Kesimpulan... 41 5.2 Saran... 41 DAFTAR PUSTAKA... 42 xi
DAFTAR TABEL Nomor Halaman 1. Tabel Petugas... 23 2. Tabel Transaksi... 23 3. Tabel Reservation... 24 4. Tabel Kamar... 25 5. Tabel Keterangan Kamar... 25 6. Tabel Info Hiburan... 25 7. Tabel Polling... 26 8. Tabel Pilihan Jawaban... 26 xii
DAFTAR GAMBAR Nomor Halaman 1. Folwchart Proses Pemesanan Kamar... 13 2. Folwchart Proses Layanan Website... 14 3. Folwchart Proses Kontrol Website... 15 4. Diagram Konteks... 16 5. Data Flow Diagram (DFD) Level 0... 17 6. Data Flow Diagram (DFD) Level 1, Proses Pemesanan Kamar... 19 7. Data Flow Diagram (DFD) Level 1, Proses Layanan Website... 21 8. Data Flow Diagram (DFD) Level 1, Proses Kontrol Website... 21 9. Relasi Antar Tabel... 23 10. Rancangan Halaman Utama Pengunjung... 27 11. Rancangan Halaman Utama Admin... 27 12. Tampilan Halaman Home User... 29 13. Tampilan Layanan Website Searching... 30 14. Tampilan Polling... 30 15. Tampilan Halaman Kamar... 31 16. Tampilan Halaman Reservation... 32 17. Tampilan Halaman Nota Pemesanan... 33 18. Tampilan Halaman Info Hiburan... 33 19. Tampilan Halaman Peta Lokasi... 34 20. Tampilan Halaman Login Admin... 35 21. Tampilan Halaman Depan Admin... 35 22. Tampilan Halaman Kamar ( Admin )... 36 23. Tampilan Halaman Input Kamar... 37 24. Tampilan Halaman Keterangan Kamar... 37 25. Tampilan Halaman Info Hiburan (admin)... 38 26. Tampilan Halaman Detail Hiburan... 38 27. Tampilan Halaman Polling... 39 xiii
28. Tampilan Halaman Pilihan Jawaban... 40 29. Tampilan Halaman Hasil Polling... 40 xiv