PENGEMBANGAN WEB TEMPLATE UNTUK HOTEL Skripsi Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains Program Studi Ilmu Komputer
Skripsi
Diajukan untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Sains
Program Studi Ilmu Komputer
Oleh:
Anna Novita
NIM : 023124066
PROGRAM STUDI ILMU KOMPUTER
JURUSAN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
PERSEMBAHAN
Tulisan ini aku persembahkan untuk orang-orang yang menyayangi diriku selama detik waktu telah menemaniku di dunia ini.
Kepada Bapa-ku yang ada di surga, penolongku saat aku jatuh, yang memberi aku minum saat aku haus, Tuhan Yesus Kristus terimakasih Engaku beri aku waktu sampai hari ini untuk belajar p ada dunia yang Engkau ciptakan.
Kedua orang tuaku, Bapak.......engkau cermin hidupku, kerja keras mu yang aku kagumi, rasa pantang menyerah yang melekat pada dirimu, tetap setia pada Yang Beri Hidup meski apapun ujian dari Nya, trimakasih engkau ku kagumi
Ibu.......kesabaran yang engkau miliki, patut jadi contoh kehidupan yang aku jalani, terimakasih untuk perhatianmu pada putrimu.
Adek Sani Dek makacih buat senyummu yang tulus, terimakasih kau jagai bapak ibu selama mbak di Jogja, terimakasih dukunganmu lumayan buat mbak semangat.
Semangat hidupku.... Mas Budhi WJC, terimakasih t elah temani aku sepanjang perjuanganku, melawan hidup yang penuh arus, terimakasih untuk cintamu.
Keluarga besar Hardjo Wiyono dan Narto Utomo yang beri aku cambuk kehidupan untuk raih impianku yang indah.
ABSTRAKSI
Pengembangan Web Template untuk Hotel merupakan suatu sistem yang menyediakan template untuk dijadikan sebuah website hotel. Template merupakan dokumen yang digunakan untuk membuat banyak halaman web dengan layout yang sama. Sistem ini berbasis Content Management System (CMS). CMS digunakan untuk memudahkan pembuatan halaman web yaitu dengan membedakan antara isi dan desainnya. Sistem ini dibangun untuk membantu pengelola hotel dalam membuat website hotel dan mempublikasikannya menjadi sebuah website yang bisa dikunjungi masyarakat luas.
Dalam tugas akhir ini, metodologi pengembangan sistem yang digunakan adalah Modified Waterfall Model. Pengguna sistem ini adalah anggota, administrator, dan pengunjung. Anggota adalah pihak pengelola hotel yang akan memodifikasi template menjadi sebuah web template hotel. Administrator adalah pihak yang mengelola web penyedia template. Sedangkan pengunjung adalah pihak yang mengunjungi web template provider atau web template hotel. Fasilitas yang disediakan untuk anggota adalah download template, daftar anggota, upload
template, login anggota, edit anggota, dan mengatur template. Fasilitas yang
disediakan untuk administrator adalah login admin, edit admin, update file, update buku tamu, mengelola anggota, dan logout administrator. Fasilitas yang disediakan untuk pengunjung adalah download file, mencari informasi hotel, dan tambah buku tamu. Sistem ini dibangun dengan bahasa pemrograman PHP dan MySQL untuk mengelola basis datanya.
Hasil yang diperoleh berdasarkan kuesioner yang diedarkan kepada 30 responden adalah sistem ini cukup membantu bagi pengelola hotel untuk membuat website hotel dan mengelolanya sendiri. Bagi pengunjung, sistem ini cukup membantu untuk melakukan pencarian hotel yang diinginkan serta menemukan informasi tentang hotel yang bersangkutan.
ABSTRACT
Web Template Development for Hotel is a system which provides a template used for a hotel web site. Template is a document to make numerous of web pages with the same layout. This system is built in Content Management System (CMS) base. CMS is used to create web page in an easy way which differentiates the content and the design. The system is built to help hotel management by creating hotel website and publish it as a web site which could be accessed by wide range of society.
This final project uses the Modified Waterfall Model as the development system methodology. The user of the system are the member, administrator, and web site visitor. A member is the hotel management who will modify the template as the hotel web template. The administrator is the one who manage the web template hotels. A visitor is the one who visit the hotel web template or web template provider. The facilities which are provided for a member are template downloading, signing up as member, template uploading, member login, member editing and template managing. The facilities for administrator are administrator login, administrator editing, file updating, guest book updating, managing the member and administrator logout. Facilities for the visitor are downloading file, searching the hotels information and adding guest book. This system is built using PHP programming language and MySQL to manage the data base.
The result of questionnaire which distributed to 30 respondents shows that the system really helps the hotel management to create the hotel web site and enable them to manage it. For the visitor, the system could help them to search the suitable hotel, and to find information about the hotel.
KATA PENGANTAR
Puji dan syukur kepada Tuhan Yesus Kristus yang telah melimpahkan kasihNya, sehingga penulis bisa menyelesaikan skripsi ini. Skripsi ini ditulis untuk memenuhi salah satu syarat memperoleh gelar sarjana sains Fakultas Matematika dan Ilmu Pengetahuan Alam, Program Studi Ilmu Komputer Universitas Sanata Dharma. Terselesaikannya karya ini tidak terlepas dari bantuan berbagai pihak. Oleh karena itu dengan segala kerendahan hati penulis menyampaikan ucapan terima kasih kepada :
1. Ibu Anastasia Rita Widiarti, M.Kom, selaku dosen pembimbing skripsi untuk membimbing penulis dengan kasih sayang.
2. Ibu P.H. Prima Rosa, S.Si.,M.Sc. selaku KaProDi Ilmu Komputer dan dosen penguji, Bapak Iwan Binanto,S.Si. selaku dosen penguji.
3. Seluruh Dosen dan Karyawan Fakultas MIPA, yang telah membimbing penulis selama belajar di Sanata Dharma.
4. Bapak ibuku pelindungku di dunia ini.
5. Mb Evi HR trimakasih dukunganmu buat aku bangkit, terimakasih untuk waktu yang kau berikan padaku.
6. Temen-temen manisku evy, lilis, elva, nyitz2, kehadiran kalian memberi warna indah pada duniaku.
7. Semua teman-teman yang pernah jadi satu atapku: mb Agnes dan mb Kadek, Nunik, Ajeng, Titik, Ambar, Sita, Yuni, Wulan, Miin, makasih
8. Ika, Reni, Pindy makasih dukungannya, terimakasih kalian menganggapku kakak pengganti.
9. Habibillah......, Koming, Oskar, Marto, terimakasih suhu, mb Vira, Tenny, makasih udah temeni aku setiap malam.
10. Cicil, mb Diana, makasih untuk kedewasaannya.
11. Mas Yuli terimakasih banyak membantu aku selama aku di Jogja.
12. Bu Djum, makasih untuk sarapan tiap hari yang lezat dan petuah- petuahnya tentang arti cinta.
13. Mas Titop beserta staf Hyatt Regency, Mas Havez Melia Purosani, Mas Anton dan Mbak Nungki beserta staf Jogjakarta Plaza, terimakasih atas bantuan kuesionernya.
14. Teman-teman Gramedia: Bu Marta, Mb Ririn, Pak Ambon, Pak Tikno, Mas Nanang, Mas Ade, Yudha, Sinta, Catur, Lusi, Ratri, Yoga, Aveb, Mas Simon, terimakasih untuk pelajaran yang sangat berharga.
15. Teman-teman cyber ku yang selalu memberi semangat mas Ajis, mas BudiJkt, mas Wawan, terimakasih telah mengubah sebagian hidupku.
16. Teman-teman IKOM 2002 yang telah menemaniku selama bergelut dengan pena dan kertas.
Penulis menyadari skripsi ini jauh dari sempurna, maka penulis mengharapkan kritik dan saran yang bersifat membangun untuk kemajuan dan kesempurnaan skripsi ini. Akhirnya penulis berharap semoga skripsi ini berguna bagi semua pihak.
DAFTAR ISI
HALAMAN JUDUL..................................................................................... i HALAMAN PERSETUJUAN PEMBIMBING............................................ ii HALAMAN PENGESAHAN....................................................................... iii HALAMAN PERSEMBAHAN.................................................................... iv ABSTRAK..................................................................................................... v ABSTRACT................................................................................................... vi KATA PENGANTAR.................................................................................... vii PERNYATAAN KEASLIAN KARYA........................................................ ix DAFTAR ISI.................................................................................................. x DAFTAR TABEL.......................................................................................... xv DAFTAR GAMBAR..................................................................................... xiv
BAB I PENDAHULUAN A. Latar Belakang........................................................................
1 B. Rumusan Masalah...................................................................
2 C. Batasan Masalah.....................................................................
2 D. Tujuan..................................................................................... 3
E. Metodologi.............................................................................. 3
F. Manfaat Penelitian................................................................... 6 G. Sistematika Pembahasan.........................................................
6
BAB II LANDASAN TEORI A. Template .................................................................................
8 B. Content Management System (CMS) ....................................
8 C. Aura CMS..............................................................................
9 D. Cascading Style Sheets (CSS) ...............................................
9 E. Hosting ................................................................................... 10 F.
XAMPP.................................................................................. 10
World Wide Web
G. .................................................................... 11
1. Protocol ......................................................................... 11
2. Address .......................................................................... 12 3. HTML............................................................................
12 H. Internet.................................................................................... 13 I.
Dasar-dasar desain web..........................................................
13 1. Tata letak (layout) yang rapi.........................................
13 2. Pewarnaan yang baik....................................................
13 3. Bentuk-bentuk yang menarik.......................................
14 4. Tipografi yang menarik................................................
14 5. Akses cepat..................................................................
14
6. Usability ...................................................................... 14
a. Navigasi............................................................. 14
b. Link ................................................................... 15 c. Warna buta.........................................................
15
e. Kesederhanaan..................................................
b. Pengunjung...................................................... 30
44 a. Diagram Konteks.................................................
38 3. Diagram Aliran Data.................................................
c. Anggota............................................................... 35 2. Perancangan Proses..................................................
b. Pengunjung......................................................... 35
33
33 a. Administrator......................................................
33 1. Perancangan Input Output.........................................
c. Anggota............................................................ 30 B. Perancangan Sistem...........................................................
a. Administrator.................................................. 30
16
30
29 3. Analisis Kebutuhan..................................................
29 2. Analisis Kelayakan...................................................
29 1. Analisi Masalah........................................................
26 BAB III ANALISIS DAN PERANCANGAN A. Analisis Sistem...................................................................
19 M. Entity Relationship (ER) ....................................................
K. MySQL............................................................................... 18
L. Data Flow Diagram (DFD) ..............................................f. Konsistensi....................................................... 17 J. PHP.................................................................................... 17
44
c. DAD Level 2.................................................
84
3. Anggota.................................................................. 94
2. Administrator......................................................... 91
1. Pengunjung............................................................. 89
89
2. Basis Data untuk Web Template Hotel................... 86 C. Implementasi Proses........................................................
1. Basis Data untuk Web Template Provider............. 84
84 B. Implementasi Basis Data...............................................
49 d. DAD Level 3.................................................
71 BAB IV IMPLEMENTASI A. Alat Bantu Pembuatan Sistem.......................................
69 6. Perancangan Antarmuka......................................
5. Perancangan Struktur Menu.................................
a. DiagramER..................................................... 58 i. ER untuk Web Template Provider................ 58 ii. ER untuk Web Template Hotel...................... 59 b. Mapping............................................................ 60 i. Basis data milik Web Template Provider..... 60 ii. Basis data milik Web Template Hotel.......... 60
58
55 4. Perancangan Basis Data.......................................
52 e. DAD Level 4.................................................
D. Implementasi Antar Muka.............................................. 100
BAB V HASIL KUESIONER DAN PEMBAHASAN A. Kuesioner...................................................................... 126 B. Sasaran Penyebaran Kuesioner..................................... 127 C. Teknik Pengumpulan Data........................................... 128 D. Prosentase Hasil Pengujian........................................... 129 E. Analisis Hasil................................................................. 130 BAB VI PENUTUP A. Kesimpulan..................................................................... 132 B. Saran............................................................................... 133 DAFTAR PUSTAKA............................................................................. 134 LAMPIRAN............................................................................................ 136
DAFTAR TABEL Tabel 3.1 Perancangan Proses...............................................................
87 Tabel 4.10 Struktur Tabel Footer..........................................................
88 Tabel 5.1 Prosentase Hasil Pengujian.................................................. 129
88 Tabel 4.16 Struktur Tabel User............................................................
88 Tabel 4.15 Struktur Tabel Sub Menu....................................................
88 Tabel 4.14 Struktur Tabel Menu...........................................................
87 Tabel 4.13 Struktur Tabel Header.........................................................
87 Tabel 4.12 Struktur Tabel Halaman......................................................
87 Tabel 4.11 Struktur Tabel Galeri..........................................................
86 Tabel 4.9 Struktur Tabel Buku Tamu...................................................
43 Tabel 4.1 Struktur Tabel Admin...........................................................
86 Tabel 4.8 Struktur Tabel Banner...........................................................
86 Tabel 4.7 Struktur Tabel Admin Menu.................................................
85 Tabel 4.6 Struktur Tabel Hotel.............................................................
85 Tabel 4.5 Struktur Tabel Menu Navigasi..............................................
85 Tabel 4.4 Struktur Tabel Buku Tamu...................................................
85 Tabel 4.3 Struktur Tabel Anggota........................................................
84 Tabel 4.2 Struktur Tabel Admin Menu.................................................
Tabel 5.2 Analisis Hasil Kuesioner.................................................... 130DAFTAR GAMBAR Gambar 1.1 Modified Waterfall Model.................................................
25 Gambar 2.15 Aliran Data dari Proses ke Proses...................................
49 Gambar 3.10 Diagram Aliran Data Level 2 Pengunjung......................
48 Gambar 3.9 Diagram Aliran Data Level 2 Administrator....................
47 Gambar 3.8 Diagram Aliran Data Level 01 Sub Sistem Anggota.......
47 Gambar 3.7 Diagram Aliran Data Level 1 Sub Sistem Pengunjung....
46 Gambar 3.6 Diagram Aliran Data Level 1 Sub Sistem Administrator.
46 Gambar 3.5 Diagram Dekomposisi Fungsional Anggota.....................
45 Gambar 3.4 Diagram Dekomposisi Fungsional Pengunjung................
45 Gambar 3.3 Diagram Dekomposisi Fungsional Administrator............
44 Gambar 3.2 Diagram Dekomposisi Fungsional Sistem........................
27 Gambar 3.1 Diagram Aliran Data Level 0............................................
26 Gambar 2.16 Notasi Simbolik Diagram ER.........................................
25 Gambar 2.14 Aliran Data dari Bukan Proses Menuju Proses...............
5 Gambar 2.1 Komponen DFD menurut Yourdan dan De Marco...........
25 Gambar 2.13 Aliran Data dari Proses ke Bukan Proses........................
24 Gambar 2.12 Converging Data Flow....................................................
24 Gambar 2.11 DivergingData Flow.......................................................
23 Gambar 2.10 Packets of Data..............................................................
22 Gambar 2.9Proses Write, Read, dan Update.......................................
21 Gambar 2.8 Banyak Input dan Banyak................................................
21 Gambar 2.7 Banyak Input dan 1 Output...............................................
21 Gambar 2.6 1 Input dan Banyak Output...............................................
20 Gambar 2.5 1 Input dan 1 Output.........................................................
20 Gambar 2.4 EntitasTujuan dan Sumber................................................
19 Gambar 2.3 EntitasTujuan....................................................................
19 Gambar 2.2 Entitas Sumber..................................................................
50
Gambar 3.12 Diagram Aliran Data Level 3 Proses 1.3 Administrator.72 Gambar 3.28 Halaman File Download.................................................
79 Gambar 3.41 Halaman Edit Web Page.................................................
79 Gambar 3.40 Halaman Create Web Page.............................................
78 Gambar 3.39 Halaman Edit Header......................................................
78 Gambar 3.38 Halaman Edit Anggota....................................................
77 Gambar 3.37 Halaman Index Anggota..................................................
76 Gambar 3.36 Halaman Menu Anggota sebagai Administrator.............
76 Gambar 3.35 Halaman Sign up Member...............................................
75 Gambar 3.34 Halaman Edit Admin......................................................
75 Gambar 3.33 Halaman Index................................................................
74 Gambar 3.32 Halaman Menu Administrator........................................
74 Gambar 3.31 Halaman Guest Book Pengunjung Web Template Hotel.
73 Gambar 3.30 Halaman Menu Pengunjung Web Template Hotel.........
73 Gambar 3.29 Halaman Searching Resul...............................................
72 Gambar 3.27 Halaman Guest Book Pengunjung Web Template Provider
52 Gambar 3.13 Diagram Aliran Data Level 3 Proses 1.4 Administrator.
71 Gambar 3.26 Halaman Menu Pengunjung Web Template Provider....
70 Gambar 3.25 Struktur Menu Sisi Administrator...................................
70 Gambar 3.24 Struktur Menu Sisi Anggota...........................................
69 Gambar 3.23 Struktur Menu Sisi Pengunjung Web Template Hotel....
59 Gambar 3.22Struktur Menu Sisi Pengunjung Web Template Provider
58 Gambar 3.21 Diagram ER Template Hotel...........................................
57 Gambar 3.20 Diagram ER Provider ....................................................
56 Gambar 3.19 Diagram Aliran Data Level 4 Proses 3.6.6 Anggota......
56 Gambar 3.18 Diagram Aliran Data Level 4 Proses 3.6.5 Anggota......
55 Gambar 3.17 Diagram Aliran Data Level 4 Proses 3.6.4 Anggota......
54 Gambar 3.16 Diagram Aliran Data Level 4 Proses 3.6.3 Anggota......
53 Gambar 3.15 Diagram Aliran Data Level 3 Proses 3.6 Administrator.
53 Gambar 3.14 Diagram Aliran Data Level 3 Proses 1.5 Administrator..
80
Gambar 3.43 Halaman Create New Sub Menu...................................Gambar 4.11 Halaman Hotel Site Example.......................................... 111Gambar 4.23 Halaman Edit Web Page................................................. 123Gambar 4.22 Halaman Web Page Manager......................................... 122Gambar 4.21 Halaman Banner Manager.............................................. 121Gambar 4.20 Halaman Edit Header...................................................... 120Gambar 4.19 Halaman Edit Admiln..................................................... 119Gambar 4.18 Halaman Welcome Admin.............................................. 118Gambar 4.17 Halaman Login Anggota................................................. 117Gambar 4.16 Halaman Menu Room...................................................... 116Gambar 4.15 Halaman Index................................................................ 115Gambar 4.14 Halaman Welcome a Member......................................... 114Gambar 4.13 Halaman Sign Up Form................................................... 113Gambar 4.12 Halaman Login Administrator........................................ 112Gambar 4.10 Halaman Searching Result.............................................. 11081 Gambar 3.44 Halaman Add Respon....................................................
Gambar 4.9 Halaman Download Files................................................. 109Gambar 4.8 Halaman Sign in a Guest Book......................................... 108Gambar 4.7 Halaman Guest Book........................................................ 107Gambar 4.6 Halaman Gallery Manager............................................... 106Gambar 4.5 Halaman Web PageManager............................................ 105Gambar 4.4 Halaman Banner Manager................................................ 104Gambar 4.3 Halaman Header Manager................................................ 103Gambar 4.2 Halaman Services.............................................................. 10283 Gambar 4.1 Halaman Index.................................................................. 101
83 Gambar 3.48 Halaman Preview Footer................................................
82 Gambar 3.47 Halaman Edit Footer......................................................
82 Gambar 3.46 Halaman Delete Gallery.................................................
81 Gambar 3.45 Halaman Edit Gallery....................................................
Gambar 4.24 Halaman Edit Gallery..................................................... 124BAB I PENDAHULUAN A. LATAR BELAKANG Beranekaragam kepentingan dan kesibukan manusia yang berkaitan dengan
jarak dan waktu tentu saja tidak lepas dengan tempat peristirahatan untuk menginap. Banyak tempat penginapan yang ditawarkan mulai dari losmen hingga hotel berbintang, namun sayang informasi yang diberikan oleh beberapa tempat penginapan tersebut kurang bisa dijangkau oleh masyarakat luas.
Perkembangan teknologi yang semakin canggih, memungkinkan para pemilik hotel mempromosikan fasilitas dan kemewahan hotel kepada masyarakat.
Sekarang ini banyak media untuk penyampaian informasi, salah satunya yang paling populer adalah intertenet. Internet merupakan media informasi yang mendunia. Agar pengelola hotel bisa menyebarluaskan informasi hotel, maka dibutuhkan suatu website hotel yang bisa diakses melalui internet. Beberapa pengelola hotel mampu membuat website melalui bantuan seorang programmer dan desainer yang handal, namun adakalanya pengelola hotel ingin secara langsung membangun website tanpa memikirkan sisi pemrograman dan desainnya. Maka dibangunlah web template untuk hotel, sehingga pengelola hotel tidak perlu memikirkan pembuatan website dengan perancangan yang rumit, namun pengelola hanya mengisikan informasi yang akan ditawarkan pada sebuah
B. RUMUSAN MASALAH Bagaimana membangun sistem web template untuk hotel.
C. BATASAN MASALAH
Berikut ini adalah beberapa hal yang menjadikan batasan dalam sistem web
template untuk hotel: 1. Template yang dibuat hanya template untuk hotel saja.
2. Penyedia template disebut dengan web template provider. Provider template menyediakan template secara gratis atau free.
3. Template dapat diperoleh pengunjung dengan syarat pengunjung mendaftar menjadi anggota atau member. Dalam hal ini anggota adalah pihak pengelola hotel.
4. Saat proses pendaftaran disetujui, maka provider memberikan tempat untuk menyimpan database dan file milik hotel, sehingga anggota memiliki web template yang siap dikelola. Fasilitas demikian dinamakan dengan hosting.
5. Ketika anggota melakukan proses login ke web templatenya, saat itulah kedudukannya menjadi level admin, karena ia diberi hak untuk melakukan perubahan terhadap template yang ia kelola. Template yang ia kelola tersebut dinamakan web template hotel.
6. Web template ini bisa diakses oleh umum dengan syarat web template hotel sudah diaktivasi oleh pengelola hotel atau admin.
7. Pengelola hotel disebut sebagai admin hanya dalam web template hotel, sedangkan dalam web template provider, ia disebut sebagai anggota.
8. Provider memiliki admin yang berfungsi untuk melakukan pengaturan terhadap anggota, buku tamu, dan file manager.
dilakukan pada server lokal, belum terkoneksi oleh internet. Semua proses hosting, download, upload yang berkaitan dengan server internet dalam sistem ini hanya dibuatkan prototipe dari sistem sesungguhnya yang sudah terkoneksi dengan internet.
D. TUJUAN Membuat web template hotel berbasis Content Management System.
E. METODOLOGI
Metode yang digunakan dalam pembuatan sistem ini adalah model modified
waterfall model atau model air terjun yang sudah dimodifikasi. Metode ini
merupakan penyempurnaan dari metode air terjun (waterfall) yang melakukan proses pembuatan situs web secara terstruktur dan berurutan. Yang membedakan metode ini dengan metode air terjun biasa yaitu memprioritaskan tahap penentuan tujuan dan analisa kebutuhan yang dilakukan secara berulang kali sampai dihasilkan spesifikasi yang tidak akan berubah-ubah lagi karena kedua tahap tersebut menjadi tulang punggung keberhasilan proyek pembuatan situs web Tahap-tahapannya adalah sebagai berikut (Wahana Komputer, 2005):
1. Penentuan tujuan Merumuskan tujuan pembuatan situs web dan apa saja keuntungan yang akan diperoleh dari pembuatan situs web tersebut.
2. Analisa kebutuhan Melakukan analisa kebutuhan dan membuat spesifikasi lengkap tentang isi, menentukan web statis atau web dinamis, penggunaan multimedia dan kebutuhan-kebutuhan lainnya secara jelas karena tahap ini adalah tahap penentu keberhasilan tahap-tahap selanjutnya.
3. Desain dan prototipe Merancang situs web sesuai dengan spesifikasi yang diberikan. Mulai dari membuat rancangan tampilan visual dan menentukan rancangan program yang dibutuhkan dalam pembuatan fasilitas-fasilitas yang ada pada situs web.
4. Implementasi Pada tahap ini dilakukan proses implementasi terhadap seluruh situs
web
, yaitu membuat seutuhnya tampilan visual dengan menggunakan alat-alat bantu dalam mengolah layout dan gambar-gambar yang ditampilkan, menempatkan animasi dan kebutuhan multimedia lain. Melakukan coding, serta proses uji coba pada masing-masing unit sehingga dapat diketahui unit mana yang masih harus diperbaiki artinya bagi kemudahan dalam melakukan koreksi atau perbaikan pada sebuah unit.
5. Integrasi Melakukan penggabungan dari semua komponen penyusun situs web sehingga menjadi situs web yang solid dan sesuai dengan spesifikasi yang ada.
6. Uji coba sistem Melakukan proses uji coba terhadap sistem yang dibangun sehingga dapat diketahui bagian-bagian mana yang masih belum berfungsi dengan baik. Tujuannya adalah agar situs web tersebut tidak mengandung kesalahan.
Diagram pembuatan situs web model air terjun yang dimodifiksi: Menentukan Tujuan
Analisa Kebutuhan Desain dan Prototipe
Implementasi Integrasi
Uji Coba Sistem
F. MANFAAT PENELITIAN
Dengan dibangunnya sistem ini, maka pengelola hotel dapat mempromosikan beragam fasilitas dan kelengkapan lain yang dimiliki oleh hotel kepada masyarakat luas dengan mudah, tanpa harus memikirkan sisi pemrograman dan meminimumkan perancangan dalam pembuatan web.
Pengunjung sistem ini memperoleh informasi tentang hotel yang dikembangkan melalui template yang telah dikembangkan.
G. SISTEMATIKA PEMBAHASAN
Bab pertama yaitu pendahuluan berupa gambaran singkat tentang isi skripsi yang berisi latar belakang, rumusan masalah, batasan masalah, tujuan, metodologi, manfaat penelitian, dan sistematika pembahasan.
Bab kedua berupa landasan teori yang membahas tentang pengertian
template , Conten Management System, Aura CMS, Cascading Style Sheets,
hosting , XAMPP, World Wide Web, internet, dasar-dasar desain web, PHP,
MySQL, Data Flow Diagram(DFD), dan Entity Relationship(ER).
Bab ketiga menjelaskan analisis dan perancangan. Analisis sistem meliputi analisis masalah, analisis kelayakan dan analisis kebutuhan, sedangkan perancangan meliputi perancangan input output, perancangan proses, diagram aliran data, perancangan basis data, perancangan struktur menu, dan perancangan antarmuka.
Bab keempat menjelaskan tentang implementasi yaitu alat bantu pembuatan sistem, implementasi basis data, implementasi proses, dan implementasi antarmuka
Bab kelima berisi hasil kuesioner dan pembahasan yaitu pengertian tentang kuesioner, sasaran penyebaran kuesioner, teknik pengumpulan data, prosentase hasil pengujian, dan analisis hasil.
Bab keenam berisi kesimpulan dan saran.
web dengan layout yang sama. Dengan template, website dapat dibuat dengan
cepat karena kita tidak perlu memikirkan desainnya (http://www.TemplateGratis.com/help.php)
CONTENT MANAGEMENT SYSTEM (CMS) B.
Pengertian CMS dapat diartikan secara kata perkata yaitu content dan management system (Resha, 2004).
Content
pada dasarnya adalah setiap jenis atau unit informasi digital yang digunakan untuk mengisi setiap halaman. Content dapat berupa teks, gambar, animasi, suara dan lain-lain. Atau dengan kata lain semua hal yang akan diperlihatkan ke publik melalui internet, intranet atau ekstranet.
Content Management atau pengelolaan isi suatu web adalah menggabungkan
aturan, proses dan alur kerja seperti cara-cara sistem terpusat oleh webmaster dan sistem terdistribusi, pemilik atau penyumbang isi dapat membuat, mengubah dan mem-publish seluruh isi halaman sesuai dengan alur sistem.
Content Management System merupakan suatu alat atau gabungan dari alat
yang efisien, efektif dan memudahkan pembuatan halaman web menggunakan
Aura CMS adalah salah satu kategori CMS Open Source yang dibuat oleh komunitas Indonesia. Aura CMS merupakan kumpulan script PHP yang membantu web developer untuk membangun website dengan content dinamis tanpa membuang banyak waktu. Aura CMS relatif lebih mudah karena tidak terlalu prosedural dalam mengatur website dan menggunakan bahasa script PHP awam yang mudah dimengerti oleh programmer web pemula (Luthfie, 2005).
Beberapa keunggulan Aura CMS adalah:
1. Mudah dimodifikasi oleh pemula untuk kemudian dipelajari dan dikembangkan menggunakan PHP.
2. Fasilitas layout yang minimalis sehingga mudah untuk mengganti dan mengubah layout.
Theme
3. yang memungkinkan untuk mengubah layout dengan cepat dan mudah.
Cascading Style Sheets
merupakan salah satu bagian dari desain web yang berfungsi untuk mengatur tampilan setiap unsur yang ada di dalam website.
Konsep lahirnya CSS adalah untuk memisahkan isi dan tampilan. CSS mengatur tampilan secara langsung dengan menggunakan format html. Penggunaan CSS sangatlah mudah bila dibandingkan dengan mengatur style secara langsung pada unsur yang ada di website maka tinggal mengubah script dari CSS dan secara otomatis seluruh objek atau unsur yang menggunakan style dari sebuah CSS akan berubah sesuai aturan baru yang telah dibuat (Sakur, 2005).
Hosting adalah menyewa ruangan harddisk dan fasilitas di server internet
untuk menempatkan dokumen-dokumen web dalam bentuk html, database, audio, ataupun video sehingga menjadi sebuah situs web yang dapat dikunjungi dari seluruh dunia. Tujuan hosting adalah agar informasi bisnis mudah ditemukan oleh khalayak dunia atau agar citra perusahaan meningkat dengan online di internet (http://www.apenta.com/faq.php).
F.
XAMPP
XAMPP adalah sebuah aplikasi Open Source yang mendukung aplikasi
Web Server. XAMPP merupakan paket all in one yang didalamnya terdapat
Apache, PHP, dan MySQL (Herianto, 2006). Selain bisa membuat web server,
XAMPP dapat membuat dan mengontrol komputer sebagai FTP server. Layanan ini dikendalikan dari sebuah control panel milik XAMPP yang terpusat dan bersifat GUI.
WWW lebih dikenal dengan web, adalah suatu layanan yang didapat oleh pemakai komputer yang terhubung ke internet (Nugroho, 2004). Awalnya web adalah ruang informasi dalam internet dengan menggunkan teknologi hypertext. Pengguna dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.
Kini internet identik dengan web, karena kepopuleran web sebagai standar
interface
pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email, chatting, sampai dengan melakukan transaksi bisnis. Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri informasi di internet.
Dengan World Wide Web (jaringan dunia luas) seorang pengguna dapat menampilkan sebuah halalman virtual yang disebut dengan website. Dilihat dari proses kerjanya, WWW dapat dibagi menjadi beberapa komponen sebagai berikut:
1. Protocol Protocol
adalah media yang distandarkan untuk dapat mengakses komputer di dalam sebuah jaringan. Halaman yang dapat diakses adalah halaman website. WWW memiliki standar protocol yang bernama HTTP atau Hypertext Transfer Protocol. Dengan protocol ini sebuah halaman yang ada di dalam komputer jaringan dapat dibuka Merupakan alamat yang berkaitan dengan penamaan sebuah komputer di dalam jaringan. Alamat ini sebenarnya merupakan sebuah nomor yang dimiliki sebuah komputer yang sering disebut nomor IP, akan tetapi dengan adanya perkembangan zaman, dibentuklah metode baru yang bernama domain name. Sehingga nomor IP tersebut digantikan dengan sebuah alamat yang dinamakan URL (Uniform Resource
Located
) yang berkaitan dengan nama suatu instansi pemilik komputer tersebut.
3. HTML
Hypertext Markup Language adalah sebuah bahasa scripting yang
dapat menghasilkan halaman website sehingga halaman tersebut dapat diakses pada setiap komputer pengakses. Semua tag-tag HTML bersifat dinamis, artinya kode HTML tidak dijadikan sebagai file
executable program. Hal ini disebabkan HTML hanyalah sebuah
bagasa scripting yang dapat berjalan apabila dijalankan di dalam
browser atau pengakses web. Browser-browser yang mendukung
HTML antara lain adalah Internet Explorer, Netscape Navigator, Opera, Mozila.
H.
INTERNET
Internet merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independent yang dihubungkan satu dengan yang lainnya. Internet bisa menghubungkan beberapa jaringan lokal yang ada pada setiap tempat. Agar beberapa komputer dapat terhubung menjadi sebuah kelompok jaringan, dibutuhkan suatu media penghubung yang bernama TCP/IP, yaitu sebuah protokol yang mengidentifikasikan sebuah komputer yang terhubung di dalam jaringan.
TCP/IP memiliki teknik mengidentifikasi dengan menggunakan penomoran yang dinamakan nomor IP. Dengan nomor ini sebuah komputer dapat terhubung dengan komputer lain dalam sebuah jaringan atau dalam jaringan global yang disebut internet (Hartono, 1999).
Suatu template membutuhkan desain yang bagus untuk menarik perhatian pengunjung. Menurut Hakim dan Mutmainah (2003), dasar desain yang baik mencakup hal-hal berikut: 1. Tata letak (layout) yang rapi.
Tata letak digunakan untuk menata elemen-elemen dalam sebuah halaman agar lebih enak dilihat dan dibaca.
2. Pewarnaan yang baik.
Warna digunakan untuk penerangan dalam situs, informasi dan produk
3. Bentuk-bentuk yang menarik Bentuk digunakan untuk membentuk sebuah citra dan mengekspresikan sebuah informasi.
4. Tipografi yang menarik Tipografi adalah seni penggunaan huruf, digunakan untuk berkomunikasi dengan pengunjung
5. Akses cepat
6. Usability
Usability adalah suatu pengalaman pengguna dalam berinteraksi
dengan aplikasi atau situs web sampai pengguna dapat mengoperasikannya dengan mudah dan cepat. Usability lebih mengacu pada desain dari web itu sendiri. Beberapa hal yang harus diperhatikan untuk mencapai tingkat usability yaitu: a. Navigasi
Navigasi dapat membantu pengunjung untuk menemukan jalan yang mudah ketika menjelajah sebuah situs web. Untuk membuat navigasi yang baik : i. Umumnya navigasi diletakkan di sebelah kiri atau di atas dari sebuah halaman web. ii. Navigasi yang dibuat jelas dan ringkas. iii. Navigasi bisa berbentuk teks atau grafik. Bila berbentuk grafik, maka perlu disertakan teks pada grafik tersebut. v. Pemakain frame untuk navigasi tidak dianjurkan karena kebanyakan menimbulkan link yang tidak berfungsi dan membuat desain terlihat statis. vi. Konsistensi, artinya navigasi diletakkan pada tempat yang sama ditiap halaman digunakan warna yang sama, dan ditempatkan pada tempat yang mudah untuk dilihat.
b. Link
Link
adalah struktur dari halaman web, link yang standar adalah sebagai berikut: i. Suatu link ditandai dengan garis bawah, menggaris bawahi teks yang bukan link tidak dianjurkan. ii. Umumnya sebuah link yang belum pernah dikunjungi atau belum diklik berwarna biru, sedangkan link yang sudah dikunjungi berwarna merah atau ungu. iii. Apabila di dalam link belum terdapat isinya, sebaiknya jangan dicantumkan, agar tidak terjadi broken link atau link yang tidak berfungsi
c. Warna buta Warna buta adalah kombinasi warna yang jelek, sehingga menghasilkan warna yang menyilaukan, mengaburkan, samar- samar dan tidak terlihat. Ini bisa menyebabkan teks tidak bisa terbaca, navigasi tidak terpakai dan elemen tidak terlihat. merah dan warna hijau, maka penggunaan warna merah dan warna hijau saja dalam desain harus dihindari. Hendaknya dibuat kontras yang tinggi antara teks dengan latar belakangnya (background).
d. Grafik Grafik biasanya berupa gambar atau foto. Di samping membuat halaman lebih cantik dengan gambar-gambar yang menarik, grafik juga bisa memperlambat akses dengan memperbesar ukuran file. Maka untuk mempercepat akses grafik dalam sebuah situs hendaknya: i. Menggunakan grafik sehemat mungkin. ii. Apabila gambar yang digunakan menggunakan warna yang kompleks seperti foto, lebih baik menggunakan format jpeg karena jika menggunakan format yang salah, titik-titik dan warna foto kelihatan kabur. Apabila warna dalam suatu gambar di bawah 256 warna, lebih baik menggunakann GIF, karena format ini didukung oleh semua browser, ukurannya lebih kecil dan mempercepat akses.
e. Kesederhanaan Keserderhanaan adalah kunci untuk mencapai tingkat usability.
Ada beberapa hal yang membuat situs terlihat sederhana, yaitu: i. Tanda terang pada kalimat yang dianggap penting. ii. Hendaknya menggunakan background yang terang dengan teks yang gelap, dan sebaliknya. iii. Isi ditulis dengan ringkas dan singkat.
f. Konsistensi Konsistensi berarti tetap. Tidak membuat pengunjung bingung dan berpikir keras ketika berada dalam situs. Beberapa hal yang membuat konsistensi pada situs: i. Kebanyakan situs meletakkan logonya di ujung atas sebelah kiri halaman. ii. Pastikan menjaga letak elemen desain seperti navigasi, logo dan judul berada di lokasi yang sama pada tiap halaman. iii. Memakai jenis huruf yang sama, maksimal menggunakan tiga jenis huruf.
PHP atau Personal Home Page adalah sebuah bahasa scripting yang dipaketkan dengan HTML. Bahasa ini memungkinkan para pembuat aplikasi web menyajikan halaman HTML dinamis dan interaktif dengan cepat dan mudah. PHP ditempatkan dalam server dan diproses diserver, hasilnya dikirimkan ke klien, tempat pemakai menggunakan browser (Kadir, 2001)
PHP membuat proses pengembangan aplikasi menjadi mudah karena
1. Source program atau script tidak dapat dilihat menggunakan fasilitas view source.
Script
2. atau kode program terintegrasi dengan file HTML, sehingga
developer bisa berkonsentrasi langsung pada penampilan dokumen web nya.