PENGEMBANGAN WEB TEMPLATE UNTUK HOTEL
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 2007
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 pada 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 telah 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 downloadtemplate, 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 kalian menyayangiku, sebagai teman tanpa batas.
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
G. World Wide Web... 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
d. Grafik... 16
e. Kesederhanaan... 16
f. Konsistensi... 17
J. PHP... 17
K. MySQL... 18
L. Data Flow Diagram (DFD) ... 19
M. Entity Relationship (ER) ... 26
BAB III ANALISIS DAN PERANCANGAN A. Analisis Sistem... 29
1. Analisi Masalah... 29
2. Analisis Kelayakan... 29
3. Analisis Kebutuhan... 30
a. Administrator... 30
b. Pengunjung... 30
c. Anggota... 30
B. Perancangan Sistem... 33
1. Perancangan Input Output... 33
a. Administrator... 33
b. Pengunjung... 35
c. Anggota... 35
2. Perancangan Proses... 38
3. Diagram Aliran Data... 44
a. Diagram Konteks... 44
b. DAD Level 1... 47
c. DAD Level 2... 49
d. DAD Level 3... 52
e. DAD Level 4... 55
4. Perancangan Basis Data... 58
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
5. Perancangan Struktur Menu... 69
6. Perancangan Antarmuka... 71
BAB IV IMPLEMENTASI A. Alat Bantu Pembuatan Sistem... 84
B. Implementasi Basis Data... 84
1. Basis Data untuk Web Template Provider... 84
2. Basis Data untuk Web Template Hotel... 86
C. Implementasi Proses... 89
1. Pengunjung... 89
2. Administrator... 91
3. Anggota... 94
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... 43
Tabel 4.1 Struktur Tabel Admin... 84
Tabel 4.2 Struktur Tabel Admin Menu... 85
Tabel 4.3 Struktur Tabel Anggota... 85
Tabel 4.4 Struktur Tabel Buku Tamu... 85
Tabel 4.5 Struktur Tabel Menu Navigasi... 85
Tabel 4.6 Struktur Tabel Hotel... 86
Tabel 4.7 Struktur Tabel Admin Menu... 86
Tabel 4.8 Struktur Tabel Banner... 86
Tabel 4.9 Struktur Tabel Buku Tamu... 87
Tabel 4.10 Struktur Tabel Footer... 87
Tabel 4.11 Struktur Tabel Galeri... 87
Tabel 4.12 Struktur Tabel Halaman... 87
Tabel 4.13 Struktur Tabel Header... 88
Tabel 4.14 Struktur Tabel Menu... 88
Tabel 4.15 Struktur Tabel Sub Menu... 88
Tabel 4.16 Struktur Tabel User... 88
Tabel 5.1 Prosentase Hasil Pengujian... 129
Tabel 5.2 Analisis Hasil Kuesioner... 130
DAFTAR GAMBAR
Gambar 1.1 Modified Waterfall Model... 5
Gambar 2.1 Komponen DFD menurut Yourdan dan De Marco... 19
Gambar 2.2 Entitas Sumber... 19
Gambar 2.3 EntitasTujuan... 20
Gambar 2.4 EntitasTujuan dan Sumber... 20
Gambar 2.5 1 Input dan 1 Output... 21
Gambar 2.6 1 Input dan Banyak Output... 21
Gambar 2.7 Banyak Input dan 1 Output... 21
Gambar 2.8 Banyak Input dan Banyak... 22
Gambar 2.9Proses Write, Read, dan Update... 23
Gambar 2.10 Packets of Data...... 24
Gambar 2.11 DivergingData Flow...... 24
Gambar 2.12 Converging Data Flow... 25
Gambar 2.13 Aliran Data dari Proses ke Bukan Proses... 25
Gambar 2.14 Aliran Data dari Bukan Proses Menuju Proses... 25
Gambar 2.15 Aliran Data dari Proses ke Proses... 26
Gambar 2.16 Notasi Simbolik Diagram ER... 27
Gambar 3.1 Diagram Aliran Data Level 0... 44
Gambar 3.2 Diagram Dekomposisi Fungsional Sistem... 45
Gambar 3.3 Diagram Dekomposisi Fungsional Administrator... 45
Gambar 3.4 Diagram Dekomposisi Fungsional Pengunjung... 46
Gambar 3.5 Diagram Dekomposisi Fungsional Anggota... 46
Gambar 3.6 Diagram Aliran Data Level 1 Sub Sistem Administrator. 47 Gambar 3.7 Diagram Aliran Data Level 1 Sub Sistem Pengunjung.... 47
Gambar 3.8 Diagram Aliran Data Level 01 Sub Sistem Anggota... 48
Gambar 3.9 Diagram Aliran Data Level 2 Administrator... 49
Gambar 3.10 Diagram Aliran Data Level 2 Pengunjung... 50
Gambar 3.11 Diagram Aliran Data Level 2 Anggota... 51
Gambar 3.12 Diagram Aliran Data Level 3 Proses 1.3 Administrator. 52 Gambar 3.13 Diagram Aliran Data Level 3 Proses 1.4 Administrator. 53
Gambar 3.14 Diagram Aliran Data Level 3 Proses 1.5 Administrator.. 53
Gambar 3.15 Diagram Aliran Data Level 3 Proses 3.6 Administrator. 54 Gambar 3.16 Diagram Aliran Data Level 4 Proses 3.6.3 Anggota... 55
Gambar 3.17 Diagram Aliran Data Level 4 Proses 3.6.4 Anggota... 56
Gambar 3.18 Diagram Aliran Data Level 4 Proses 3.6.5 Anggota... 56
Gambar 3.19 Diagram Aliran Data Level 4 Proses 3.6.6 Anggota... 57
Gambar 3.20 Diagram ER Provider ... 58
Gambar 3.21 Diagram ER Template Hotel... 59
Gambar 3.22Struktur Menu Sisi Pengunjung Web Template Provider 69
Gambar 3.23 Struktur Menu Sisi Pengunjung Web Template Hotel.... 70
Gambar 3.24 Struktur Menu Sisi Anggota... 70
Gambar 3.25 Struktur Menu Sisi Administrator... 71
Gambar 3.26 Halaman Menu Pengunjung Web Template Provider.... 72
Gambar 3.27 Halaman Guest Book Pengunjung Web Template Provider 72
Gambar 3.28 Halaman File Download... 73
Gambar 3.29 Halaman Searching Resul... 73
Gambar 3.30 Halaman Menu Pengunjung Web Template Hotel... 74
Gambar 3.31 Halaman Guest Book Pengunjung Web Template Hotel. 74 Gambar 3.32 Halaman Menu Administrator... 75
Gambar 3.33 Halaman Index... 75
Gambar 3.34 Halaman Edit Admin... 76
Gambar 3.35 Halaman Sign up Member... 76
Gambar 3.36 Halaman Menu Anggota sebagai Administrator... 77
Gambar 3.37 Halaman Index Anggota... 78
Gambar 3.38 Halaman Edit Anggota... 78
Gambar 3.39 Halaman Edit Header... 79
Gambar 3.40 Halaman Create Web Page... 79
Gambar 3.41 Halaman Edit Web Page... 80
Gambar 3.42 Halaman Create New Menu... 80
Gambar 3.43 Halaman Create New Sub Menu... 81
Gambar 4.10 Halaman Searching Result... 110
Gambar 4.11 Halaman Hotel Site Example... 111
Gambar 4.12 Halaman Login Administrator... 112
Gambar 4.13 Halaman Sign Up Form... 113
Gambar 4.14 Halaman Welcome a Member... 114
Gambar 4.15 Halaman Index... 115
Gambar 4.16 Halaman Menu Room... 116
Gambar 4.17 Halaman Login Anggota... 117
Gambar 4.18 Halaman Welcome Admin... 118
Gambar 4.19 Halaman Edit Admiln... 119
Gambar 4.20 Halaman Edit Header... 120
BAB 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 webtemplate untuk hotel, sehingga pengelola hotel tidak perlu memikirkan pembuatan website dengan perancangan yang rumit, namun pengelola hanya mengisikan informasi yang akan ditawarkan pada sebuah
template dan menjadikannya sebuah website yang bisa diakses melalui internet.
B. RUMUSAN MASALAH
Bagaimana membangun sistem webtemplate 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 webtemplate hotel.
6. Web template ini bisa diakses oleh umum dengan syarat webtemplate
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.
9. Sistem ini dibuat hanya sampai tahap uji coba sistem. Uji coba 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
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
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 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 II
LANDASAN TEORI
A. TEMPLATE
Template adalah dokumen yang digunakan untuk membuat banyak halaman
web dengan layout yang sama. Dengan template, website dapat dibuat dengan cepat karena kita tidak perlu memikirkan desainnya (http://www.TemplateGratis.com/help.php)
B. CONTENT MANAGEMENT SYSTEM (CMS)
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 sistem pengelolaan isi website.
C. AURA CMS
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.
3. Theme yang memungkinkan untuk mengubah layout dengan cepat dan mudah.
D. CASCADING STYLE SHEETS (CSS)
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).
E. HOSTING
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
G. WORLD WIDE WEB
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 browserweb.
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
2. Address
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
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).
I. DASAR-DASAR DESAIN WEB
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.
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.
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
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
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.
J. PHP
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)
1. Source program atau script tidak dapat dilihat menggunakan fasilitas
view source.
2. Script atau kode program terintegrasi dengan file HTML, sehingga
developer bisa berkonsentrasi langsung pada penampilan dokumen
webnya.
3. Tidak ada proses compiling dan linking. Pada saat dijalankan server
akan mengerjakan script dan hasilnyalah yang dikirimkan ke web browser. Sehingga suatu aplikasi tidak memerlukan kompatibilitas web browser.
4. Integrasi yang luas ke berbagai server database. Menulis web yang terhubung ke database menjadi sangat sederhana. Database yang didukung oleh PHP: Oracle, MySQL, ODBC.
K. MySQL
Menurut Pramono dan Syafii (2005), MySQL merupakan database yang paling digemari oleh para programmer web karena program ini merupakan
database yang sangat kuat dan cukup stabil untuk digunakan sebagai media penyimpanan data. MySQL memiliki query yang telah distandarkan oleh ANSI/ISO yaitu menggunakan bahasa SQL sebagai bahasa permintaannya. Kemampuan lain yang dimiliki MySQL adalah mampu mendukung Relasional
Database Manajemen System (RDBMS), sehingga MySQL mampu menangani
L. DATA FLOW DIAGRAM (DFD)
DFD merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yg mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program. Komponen DFD menurut Yourdan dan DeMarco adalah sebagai berikut (http://www.library.gunadarma.ac.id):
entitas proses simpanan data aliran data
Gambar 2.1 Komponen DFD menurut Yourdan dan De Marco 1. Entitas
Entitas dapat berupa orang, sekelompok orang, organisasi, perusahaan atau departemen yang berada di luar sistem yang akan dibuat dan diberi nama yang berhubungan dengan sistem tersebut. Biasanya menggunakan kata benda. Misalnya dosen, atau mahasiswa.
Terdapat 3 jenis entitas: a. Entitas sumber
Merupakan entitas yang menjadi sumber.
b. Entitas tujuan
Merupakan entitas yang menjadi tujuan data atau informasi sistem
Gambar 2.3 entitas tujuan
c. Entitas tujuan dan sumber
Merupakan entitas yang menjadi sumber dan tujuan data atau informasi sistem.
Gambar 2.4 Entitas tujuan dan sumber
Hal yang perlu diperhatikan dalam pembuatan entitas adalah:
a. Alur data yang menghubungkan entitas dengan sistem menunjukkan hubungan sistem dengan dunia luar.
b. Hubungan antar entitas tidak digambarkan dalam DFD
2. Proses
dilakukan. Terdapat 4 kemungkinan yang dapat terjadi dalam proses sehubungan dengan input output:
a. 1 input dan 1 output
Gambar 2.5 1 input dan 1 output
b. 1 input dan banyak output
Gambar 2.6 1 input dan banyak output
c. Banyak input dan 1 output
d. Banyak input dan banyak output
Gambar 2.8 banyak input dan banyak output
Hal yang perlu diperhatikan tentang proses adalah: a. Proses harus memiliki input dan output.
b. Proses dapat dihubungkan dengan entitas, simpanan data atau proses melalui aliran data.
c. Suatu proses harus memiliki output. d. Suatu proses harus memiliki input.
e. Suatu proses harus memiliki cukup input untuk menghasilkan output.
f. Proses-proses yang hanyak melewatkan data tanpa melakukan pemrosesan terhadap data tersebut sebaiknya tidak digambarkan.
3. Simpanan data
Hal yang perlu diperhatikan mengenai simpanan data adalah:
a. Sebaiknya simpanan data diberi nama sesuai dengan nama yang dipakai dalam model data (diagram ER). Kata DATA tidak perlu digunakan.
b. Jika aliran data dari proses menuju simpanan data, hal ini berarti simpanan data berfungsi sebagai tujuan atau tempat penyimpanan dari suatu proses (proses write).
c. Jika aliran data dari simpanan data menuju proses, hal ini berarti simpanan data berfungsi sebagai sumber atau proses memerlukan data (proses read).
d. Jika aliran data dari proses menuju simpanan data dan sebaliknya, berarti simpanan data berfungsi sebagai sumber dan tujuan (proses
update).
proses write proses read proses update
4. Aliran data
Aliran data digunakan untuk menerangkan perpindahan data atau paket data dari satu bagian ke bagian lainnya. Aliran data dapat berupa kata, pesan, formulir atau informasi. Ada 4 konsep tentang aliran data:
a. Packets of data
Apabila ada 2 data atau lebih yang mengalir dari 1 sumber yang sama menuju pada tujuan yang sama dan mempunyai hubungan, digambarkan dengan 1 alur data.
Gambar 2.10 packets of data
b. Diverging data flow
Apabila ada sejumlah paket data yang berasal dari sumber yang sama menuju pada tujuan yang berbeda atau paket data yang kompleks dibagi menjadi beberapa elemen data yang dikirim ke tujuan yang berbeda.
c. Converging data flow
Apabila ada beberapa aliran data yang berbeda sumber menuju ke tujuan yang sama.
Gambar 2.12 converging data flow
d. Sumber dan tujuan
Aliran data harus dihubungkan pada proses, baik dari maupun yang menuju proses.
Gambar 2.13 aliran data dari proses ke bukan proses
Gambar 2.15 aliran data dari proses ke proses
Untuk mengurangi kompleksitas gambar, simbol-simbol proses, entitas, simpanan data dapat dibuat duplikatnya (Rosa, 1999).
M. ENTITY RELATIONSHIP (ER)
Menurut Fathansyah (1999), pada model Entity Relationship, data yang ada dalam dunia nyata diterjemahkan menjadi sebuah diagram data, yang disebut dengan Entity Relationship Diagram (ERD). Komponen pembentuknya adalah:
1.Entitas
Entitas merupakan individu yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain.
2.Atribut
Setiap entitas pasti memiliki atribut yang mendeskripsikan karakteristik dari entitas tersebut.
3.Relasi
Notasi-notasi simbolik di dalam Diagram ER adalah sebagai berikut: 1. Persegi panjang
Menyatakan himpunan entitas. 2. Lingkaran / elips
Menyatakan atribut. Atribut yang berfungsi sebagai key digarisbawahi 3. Belah ketupat
Menyatakan himpunan relasi. 4. Garis
Sebagai penghubung antara himpunan relasi dengan himpunan entitas dan himpunan entitas dengan atribut.
5. Kardinalitas relasi
Dapat dinyatakan dengan banyaknya garis cabang atau dengan pamakaian angka, 1 dan 1 untuk relasi satu ke satu, dan N untuk relasi satu ke banyak atau N dan N untuk relasi banyak ke banyak.
himpunan entitas E
a atribut a sebagai key
R himpunan relasi R
Gambar 2.16 notasi simbolik diagram ER
Urutan penggambaran ER adalah sebagai berikut:
1.Mengidentifikasikan dan menetapkan seluruh himpunan entitas yang akan terlibat.
2.Menentukan atribut-atribut key dari masing-masing himpunan entitas. 3.Mengidentifikasi dan menetapkan seluruh himpunan relasi diantara
himpunan entitas yang ada beserta foreign key nya.
4.Menentukan derajat / kardinalitas relasi untuk setiap himpunan relasi. 5.Melengkapi himpunan entitas dan himpunan relasi dengan atribut-atribut
BAB III
ANALISIS DAN PERANCANGAN
A. ANALISIS SISTEM
1. Analisis masalah
Untuk menjadi lebih berkembang tentunya berbagai bisnis berlomba-lomba untuk memberikan informasi yang lengkap kepada masyarakat luas. Seringkali pengelola bisnis seperti hotel membutuhkan cara yang instan untuk menyebarkan informasi melalui internet tanpa memikirkan pemrograman yang rumit dan meminimumkan tahap perancangan. Maka diperlukan sebuah fasilitas yang dapat mengatasi masalah tersebut di atas dengan menyediakan template yang merupakan desain untuk menempatkan informasi, sehingga orang awampun bisa membuat sebuah website. Web template ini menyediakan template hotel yang bisa diisi dengan informasi seputar dunia bisnis perhotelan.
2. Analisis kelayakan
Aplikasi ini dianggap layak karena membantu tahap desain pembuatan
web, pengelolaan isi atau content, dan pemrograman web bagi pihak pengelola hotel.
3. Analisis kebutuhan
Sistem web template hotel menyediakan template yang bisa didapat dengan mendaftar ke provider template. Kemudian provider memberikan tempat untuk menyimpan file dan database milik hotel agar bisa diakses oleh umum. Pihak yang terlibat dalam sistem ini adalah:
a. Administrator
Administrator adalah orang yang bertanggung jawab terhadap pengelolaan web template provider. Seorang administrator diperbolehkan untuk melakukan perubahan web dengan syarat
login administrator. Hak yang dimilikinya adalah untuk mengedit data administrator, mengelola anggota (member manager),
mengelola buku tamu (guestbook manager), dan mengelola file (files manager).
b. Pengunjung
Pengunjung adalah user yang ingin mencari site hotel di web provider, melihat contoh web template hotel, melihat informasi tentang layanan provider, mengisi buku tamu, melakukan
download file atau pengelola hotel yang akan menjadi calon
anggota web provider. c. Anggota (member)
pengunjung berhasil mendaftar dan menjadi anggota webprovider, saat itu juga anggota memperoleh file template yang langsung ditempatkan pada server milik provider, sehingga anggota bisa melakukan pengelolaan template. Saat itu pula level anggota berubah menjadi level administrator dalam web template hotel miliknya. Administrator adalah orang yang bertanggung jawab atas pengelolaan template. Adminstrator berfungsi sebagai manajer dalam web yang akan dirancang, yang menentukan pengaturan isi
web yang akan dibangun. Web template ini menyediakan fasilitas yang akan digunakan anggota sebagai seorang administrator, antara lain:
i. Login anggota
Login merupakan syarat pertama yang harus dilakukan agar bisa memasuki sistem sebagai seorang administrator, dengan cara memasukkan username dan password anggota. ii. Logout anggota
Logout digunakan untuk keluar dari sistem administrator atau yang disebut control panel, dan kembali pada tampilan awal atau tampilan web hotel.
iii. Edit anggota
Diantaranya adalah username, email, old password, new
password, dan retype new password.
iv. Pengaturan header (header manager)
Anggota dapat melakukan perubahan terhadap header diantaranya nama hotel, slogan hotel, dan konten hotel yang bisa diisi alamat dan nomor telepon. Anggota juga bisa merubah warna teks untuk disesuaikan dengan warna dasar
template hotel yang ia kelola.
v. Pengaturan banner (banner manager)
Banner berfungsi sebagai identitas hotel yang ditampilkan melalui gambar. Gambar yang digunakan sebagai banner harus sesuai dengan ukuran yang telah ditentukan.
vi. Pengaturan halaman (web page manager)
Untuk membuat menu dan submenu, maka anggota harus membuat halaman terlebih dahulu. Setelah halaman terbuat, maka halaman tersebut dapat diatur menjadi submenu, menu, bahkan diedit maupun dihapus.
vii. Pengaturan buku tamu (guest book manager)
viii. Pengaturan file(file manager)
Anggota diberikan hak untuk melakukan upload file dan menghapusnya bila perlu.
ix. Pengatuarn galeri (gallery manager)
Galeri digunakan untuk menampilkan gambar beserta keterangannya, atau informasi tentang hotel beserta gambarnya.
x. Pengaturan footer (footer manager)
Berfungsi untuk mengatur footer.
B. PERANCANGAN SISTEM
1. Perancangan Input Output a. Administrator
Input :
nama
password
nama
password lama
login admin
password baru respon
edit admin
file file
nama
password
hotel
aktivasi
tanggal daftar
kota
data tampil anggota
Output:
konfirmasi validasi login admin konfirmasi edit admin
konfirmasi hapus anggota konfirmasi tambah respon konfirmasi hapus buku tamu konfirmasi uploadfile
konfirmasi hapus file
konfirmasi logout admin
b. Pengunjung
Input : nama
alamat
komentar
nama_hotel
alamat_hotel
Output :
konfirmasi tambah buku tamu informasi hotel
filedownload
data pengunjung
c. Anggota
Input : nama_hotel
alamat_hotel kota
nama
password
password lama
password baru nama/alamat hotel
data hotel
data anggota
judul
warna judul
slogan
warna slogan
konten header
gambar
judul
gambar konten
halaman banner
respon buku tamu
file
judul konten gambar
konten galeri
footer
Output :
konfirmasi menjadi anggota
filetemplate
databasetemplate
konfirmasi login anggota konfirmasi edit anggota konfirmasi edit header konfirmasi edit banner konfirmasi tambah halaman konfirmasi edit halaman konfirmasi hapus halaman konfirmasi tambah menu konfirmasi tambah submenu konfirmasi tambah respon konfirmasi hapus buku tamu konfirmasi uploadfile
konfirmasi hapus file
2. Perancangan Proses
Pengguna Proses Keterangan
Login admin
Mengecek apakah username dan password
yang dimasukkan saat login sudah sesuai dengan data simpanan administrator. Login
adalah syarat untuk memasuki sistem administrator. Proses edit admin, update file,
update buku tamu, mengelola anggota, dan
logout tergantung pada proses validasi login, jika login valid, maka proses yang lainnya bisa dilakukan.
Edit admin
Mengganti data administrator bila ada perubahan.
Updatefile
Proses ini dipecah lagi menjadi 2 proses yaitu proses upload file dan proses hapus file.
Upload file adalah proses untuk memasukkan
file ke sistem dan hapus file adalah proses untuk melakukan penghapusan file yang telah diupload.
Administrator
Update buku tamu
telah mengisikan buku tamu.
Mengelola anggota
Terdiri dari proses untuk menampilkan anggota dan proses hapus anggota. Data anggota yang ditampilkan berasal dari simpanan anggota. Proses hapus anggota akan melakukan penghapusan data anggota dan hasilnya merupakan data anggota yang telah terupdate, untuk kemudian disimpan kembali dalam simpanan anggota.
Log out
Logout adalah proses untuk keluar dari sistem
webtemplate hotel.
Download
file
Download file adalah proses untuk mengambil
file dari sistem web template hotel. File ini merupakan layanan gratis yang disediakan sistem untuk pengunjung.
Pengunjung
Mencari informasi
hotel
Pengunjung dapat mencari informasi hotel melalui fasilitas pencarian. Pencarian dilakukan berdasarkan input nama hotel atau alamat hotel. Input tersebut dicocokkan dengan simpanan hotel. Jika cocok, maka akan ditampilkan data hotel berupa nama hotel, dan alamat hotel. Pengunjung bisa melakukan link
Tambah buku tamu
Pengunjung dapat memberikan komentar tentang website melalui buku tamu. Data buku tamu yang diisikan adalah nama pengunjung, alamat, dan komentar.
Daftar anggota
Anggota yang mendaftar adalah pengguna yang ingin memiliki template hotel dari sistem
web template hotel untuk dikelola menjadi sebuah website. Data yang diisikan pada waktu mendaftar menjadi anggota adalah nama anggota, email, password, nama hotel yang dikelola, kota, dan alamat hotel.
Download
template
Proses download template dilakukan secara otomatis oleh sistem saat anggota mendaftarkan diri. Hasil download tersebut berupa file-file web template beserta
databasenya. Anggota
Upload
template
Upload adalah proses untuk menempatkan file
dan database hasil download ke server milik sistem webtemplate hotel. Proses ini dilakukan secara otomatis setelah anggota melakukan
download. Tujuan proses upload adalah agar
oleh masyarakat umum.
Login
anggota
Anggota yang melakukan login adalah anggota yang telah mendaftarkan diri. Proses login
dilakukan dengan memasukkan username dan
password, kemudian sistem mencocokkan data yang diinputkan. Jika cocok maka anggota berhak untuk mengelola template miliknya, dan untuk selanjutnya anggota disebut sebagai administrator untuk mengelola template hotel miliknya.
Edit anggota
Setelah anggota login maka ia memiliki hak selayaknya administrator. Anggota juga memiliki hak untuk melakukan pengeditan
password.
Mengatur
template
Edit header
false menjadi true. Dengan aktivasi yang bernilai true, maka web template hotel dapat ditemukan pada sistem pencarian hotel.
Edit banner
Banner adalah identitas hotel dalam bentuk gambar dengan ukuran tertentu yang telah ditetapkan oleh sistem. Admin dapat mengganti banner dengan gambar yang mewakili identitas hotel yang ia kelola.
Update halaman
Website tersusun atas beberapa halaman.
Halaman yang dibuat bisa dijadikan menu atau submenu. Administrator dapat mengelola isi halaman diantarnya judul halaman, gambar, dan konten. Administrator diberi hak untuk menambah halaman, edit halaman, menghapus halaman, menambah halaman sebagai menu, dan menambah halaman sebagai sub menu.
Update buku tamu
Buku tamu disini adalah buku tamu milik web template hotel yang telah dikelola anggota.
ini memiliki hak untuk memberikan respon terhadap pengunjung yang mengisikan buku tamu, dan berhak untuk menghapus buku tamu pengunjung bila perlu.
Updatefile
File yang diupdate adalah file yang disediakan oleh pengelola web template hotel. File ini merupakan salah satu layanan dari website
hotel untuk didownload oleh pengunjungnya. Administrator dapat memasukkan file dengan cara upload file, dan dapat menghapus file
tersebut bila perlu.
Update galeri
Galeri adalah suatu fasilitas yang disediakan oleh web template hotel untuk menampilkan gambar atau foto milik hotel yang bersangkutan disertai dengan judul dan keterangan tentang foto yang ditampilkan.
Edit footer
Footer digunakan untuk meletakkan identitas administrator hotel, yang memiliki hak untuk mengelola dan mengatur web template hotel.
3. Diagram Aliran Data a. Diagram Konteks
Diagram level 0 dari sistem Pengembangan Web Template untuk Hotel adalah sebagai berikut:
Pengembangan username dan password, file,
data admin, respon buku tamu, data buku tamu, data tampil anggota
konfirmasi logn admin, konfirmasi hapus file, konfirmasi edit admin, konfirmasi tambah respon
buku tamu, konfirmasi hapus anggota, nama anggota password anggota nama hotel aktivasi tanggal daftar kota.
data anggota, data hotel, username dan password, header, data banner, data halaman, re on buku tamu, file, data galeri, data footer
firmasi menjadi anggota, konfirmasi login anggota, konfiramsi edit anggota, konfirmasi edit header, konfirmasi edit banner, konfirmasi tambah halaman, konfirmasi edit halaman, konfirmasi hapus halaman, konfirmasi tambah menu, konfirmasi tambah submenu,
konfirmasi tambah respon buku tamu, konfirmasi hapus buku tamu, konfirmasi hapus file,
konfirmasi upload file, konfirmasi tambah galeri, konfirmasi edit galeri, konfirmasi hapus galeri,
konfiramasi edit footer data
sp
kon
nama file, nama atau alamat hotel,
data buku tamu
file download, informasi hotel, nfirmasi tambah buku tamu ko
Gambar 3.1 Diagram Aliran Data Level 0
Terdapat tiga entitas yang berperan dalam sistem Pengembangan
Berikut ini adalah diagram dekomposisi fungsional sistem.
Gambar 3.2 Diagram Dekomposisi Fungsional Sistem
3 diagram di bawah ini merupakan dekomposisi dari masing-masing proses pada level 0.
Sub sistem
Subsistem
Gambar 3.4 Diagram Dekomposisi Fungsional Pengunjung
Subsistem
anggota anggotaEdit
Mengatur
b. DAD Level 1
DAD level 0 dapat dipecah menjadi 3 proses berdasarkan user
yang terlibat sebagai berikut:
Administrator Sub sistem administrator username dan password
konfirmasi login admin konfirmasi upload file
respon buku tamu konfirmasi tambah respon buku tamu
file
1 konfirmasi hapus file
konfirmasi logout administrator
konfirmasi edit admin data admin
konfirmasi hapus buku tamu
konfirmasi hapus anggota data buk tamuu
data ta pil anggotam
nama anggota, password anggota, nama hotel, aktivasi, tanggal daftar, kota
Gambar 3.6 Diagram Aliran Data Level 1 sub sistem Administrator
Pengunjung Sub sistem
pengunjung nama atau alamat hotel
informasi hotel
file download
nama file
2
data buku tamu
konfirmasi tambah buku tamu
Anggota memberi input untuk melakukan pendaftaran anggota dan melakukan pengaturan template hotel.
Anggota Sub sistem anggota me di anggota
u ame dan ssword sern
pa
konfirmasi login anggota
konfirmasi edit anggota
da headerta konfirmasi edit header
data banner konfirmasi edit banner
data halaman konfirmasi tambah halaman
konfirmasi edit halaman konfirmasi hapus halaman
konfirmasi tambah menu konfirmasi tambah submenu
respon buku tamu konfirmasi tambah respon buku tamu
konfirmasi hapus buku tamu file
konfirmasi hapus file konfirmasi upload file
data galeri konfirmasi tambah galerik nfirmasi edit galerio
konfirmasi hapus galeri data footer
konfirma it footer
3 si ed
konfirmasi logout anggota
c. DAD level 2
Berikut ini adalah pecahan dari proses sub sistem administrator, yang dipecah menjadi 6 proses.
Administrator Login admin
Update buku tamu
Mengelola
kon masi edit admin fir
file
konfirmasi upload file
konfirmasi hapus file
file terupdate
file
respon buku tamu
konfirmasi hapus buku tamu
konfirmasi tambah respon buku tamu
respon buku tamu
data buku tamu terupdate
data anggota data anggota terupdate
konfirmasi hapus anggota
data buku tamu
data buku tamu
data tampil anggota
nama anggota, password anggota, nama hotel, aktiva tanggal daftar, kota
data admin
login administrator valid
login administrator valid
login administrator valid
login administr r valid konfirmasi logout administrator
ato
Proses sub sistem pengunjung dipecah menjadi 3 proses sebagai berikut. Pengunjung dapat melakukan download file, melakukan pencarian informasi hotel, dan menambah buku tamu.
Pengunjung
nama atau alamat hotel
informasi hotel
data buku tamu konfirmasi tambah buku
tamu
data buku tamu terupdate 2.1
2.2
2.3
data buku tamu
Gambar 3.10 Diagram Aliran Data Level 2 Pengunjung
Di bawah ini adalah pecahan dari proses sub sistem anggota: Jika anggota melakukan pendaftaran, berarti anggota mendownload
file dan database template kemudian sistem menguploadkan file
Anggota
data buku tamu data buku tamu
terupdate konfirmasi edit anggota
username dan konfirmasi edit footer
konfirmasi edit galeri konfirmasi tambah galeri
konfirmasi hapus galeri data galeri
konfirmasi hapus file konfirmasi upload file
file
konfirmasi hapus buku tamu konfirmasi tambah respon
respon buku tamu
data header konfirmasi edi ader data banner
konfirmasi edit banner konfirmasi tambah hal an konfirmasi edit halaman konfirmasi hapus halaman konfirmasi tambah menu konfirmasi tambah sub menu data halaman data footer terupdate
data galeri data galeri terupdate
file data sub menu
terupdate data sub menu
aktivasi= true
login anggota valid
login anggota valid
konfirmasi logout anggota
data anggota terupdate data anggota
Gambar 3.11 Diagram Aliran Data Level 2 Anggota
Simpanan database template dan simpanan file merupakan
database dan file yang diperoleh ketika user berhasil mendaftar menjadi anggota. Saat proses upload, maka database dan file
d. DAD Level 3
Level 3 merupakan pecahan proses dari proses pada level 2. Proses yang akan dipecah adalah proses level 2 administrator dan proses level 2 anggota.
Proses yang dipecah dari proses level 2 administrator adalah proses
update file, proses update buku tamu, dan proses mengelola anggota.
Berikut ini adalah pecahan dari proses update file.
Administrator
Upload file
Hapus file
File file
konfirmasi upload file
file terupdate
file
file terupdate file
konfirmasi hapus file
1.3.1
1.3.2
login administrator valid
login administrator valid
Gambar 3.12 Diagram Aliran Data Level 3 proses 1.3 Administrator
Proses update file dipecah menjadi proses upload file dan hapus file. Masing-masing proses akan mempengaruhi simpanan data file. Proses
upload file memberikan aliran data file terupdate untuk simpanan file
Berikut ini adalah pecahan dari proses update buku tamu. respon buku tamu
konfirmasi tambah respon buku tamu
respon buku tamu
data buku tamu
data buku tamu terupdate
data buku tamu
konfirmasi hapus buku tamu
1.4.1
1.4.2
login administrator valid
login administrator valid
Gambar 3.13 Diagram Aliran Data Level 3 proses 1.4 Administrator
Berikut ini adalah pecahan proses mengelola anggota.
Administrator login administrator valid
data anggota
data tampil anggota
konfirmasi hapus anggota
data anggota nama anggota, password anggota, nama hotel,
aktivasi, tanggal daftar, kota
Hotel data anggota terupdate
data hotel data hotel terupdate
login
file template terupdate
Anggota
konfirmasi edit header
login anggota valid
data header terupdate
data header
data banner terupdate
data banner konfirmasi
edit banner
data halaman konfirmasi tambah halaman
konfirmasi edit halaman
ko rmasi hapus halaman
konfirmas tambah menu
konfirmasi mbah sub menu
respon buku tamu
konfirmasi tambah respon
konfirmasi hapus buku tamu
file
konfirmasi upload file
konfirmasi hapus file
data galeri
konfirmasi tambah galeri
konfirmasi edit galeri
konfirmasi hapus galeri
data footer
konfirmasi edit footer
nfi
data sub menu
data buku tamu terupdate
data buku tamu
file terupdate
login anggota valid
l anggota valid
lo anggota valid ogin
gin
login anggota valid
login anggota valid
e. DAD Level 4
Berikut ini adalah pecahan proses dari proses update halaman di level 3.
Anggota halamanTambah
Tambah
login anggota valid
ba
konfirmasi hapus halaman
konfirmasi tambah menu
konfirmasi tambah sub menu
data sub menu
data login anggota valid
login anggota valid
login anggota valid
login anggota valid
Berikut ini adalah pecahan proses dari proses update buku tamu.
login ang ota validg
u
respon buku tamu
konfirmasi
data buku tamu terupdate
data buku tamu 3.6.4.1
3.6.4.2 login anggota valid
Gambar 3.17 Diagram Aliran Data Level 4 proses 3.6.4 Anggota
Berikut ini adalah pecahan proses dari proses updatefile
Anggota Upload file
Hapus login anggota valid
login anggota valid
Berikut ini adalah pecahan proses dari proses update galeri
Anggota Tambah galeri
Edit
galeri Galeri da
validasi login ta galeri
data galeri
ko asi tambah
leri nfirm ga
konfirmasi edit galeri
data galeri terupdate
data galeri terupdate
data galeri 3.6.6.1
3.6.6.2 validasi login
Hapus galeri 3.6.6.3 validasi login
data galeri terupdate
data galeri data galeri
konfirmasi edit galeri
4. Perancangan Basis Data
a. Diagram ER (Entitas Relationship) i. ER untuk webtemplateprovider
hotel kelola anggota
admin
Gambar 3.20 Diagram ER Provider
ii. ER untuk template hotel
menu pun sub menu
id_parent id
slogan sloganwarna judul
Gambar 3.21 Diagram ER Template hotel
b. Mapping
i. Basis data milik provider
Relasional antara entitas hotel dan anggota memiliki kardinalitas 1 to 1, maka salah satu key dari entitas bisa menjadi foreign key dari entitas lain. Garis putus-putus di bawah menandakan kunci asing atau foreign key.
Hotel (id, nama_hotel, alamat_hotel, kota, id_p) Admin ( id, nama, email, password, level ) Adminmenu (id, menu, url)
Anggota (id_p, nama, password, level, tgl_daftar)
Buku tamu (id, tanggal, nama, email, alamat, komentar, respon) Menu navigasi (id, menu, url)
ii. Basis data milik template hotel
Relasi antara entitas menu dan submenu memiliki kardinalitas 1 to N, maka key dari entitas menu menjadi foreign key pada entitas submenu.
Relasi antara entitas submenu dan halaman memiliki kardinalitas 1 to 1, hal ini berarti key dari salah satu entitas menjadi foreign key pada entitas yang lain, dalam hal ini key
Relasi antara entitas menu dan halaman memiliki kardinalitas 1 to 1, hal ini berarti key dari salah satu entitas menjadi foreign key pada entitas yang lain, dalam hal ini key dari entitas halaman menjadi foreign key entitas menu .
Menu (id_parent, subject_menu, url, id_halaman)
User (id, user, email, password, level)
Header (id, judul, warna_judul, slogan, warna_slogan,konten) Banner (id, gambar)
Halaman (id_halaman, judul, gambar, konten)
Buku tamu (id, tanggal, nama, email, alamat, komentar, respon) Galeri (id, judul, gambar, konten)
Footer(id, konten)
Adminmenu (id, menu, url)
Keterangan atribut yang digaris bawah:
adalah atribut yang berfungsi sebagai primary key
Keterangan :
id : muncul secara otomatis oleh sistem, karena bersifat autoincrement, untuk membedakan atribut yang satu dengan lainnya.
id_p : id milik anggota.
id_parent : atribut untuk membedakan menu, bersifat
autoincrement.
nama : nama administrator pada entitas admin, nama anggota pada entitas anggota dan nama pengunjung pada entitas buku tamu
user : nama user.
email : email administrator pada entitas admin, email user pada entitas user, email pengunjung pada entitas buku tamu.
password : password milik administrator pada entitas
admin, password anggota pada entitas anggota, dan password user pada entitas
user
subject_menu : judul menu subject_submenu : judul submenu
url : alamat untuk menghubungkan antar halaman website.
level : jenjang user dibedakan berdasarkan hak yang diperoleh, 1 untuk administrator dan 2 untuk anggota.
nama_hotel : nama hotel yang akan dibuat web hotel alamat_hotel : alamat hotel
kota : kota hotel
judul : judul galeri untuk atribut galeri, judul header untuk atribut header, dan judul halaman untuk atribut halaman.
konten : isi dari atribut (galeri, halaman, header dan footer), bersifat konsisten atau sama disetiap halaman web.
gambar : foto atau gambar.
alamat : alamat pengunjung yang mengisi buku tamu.
komentar : komentar pengunjung saat mengisi buku tamu
c. Normalisasi
Bentuk Normalisasi tabel-tabel di atas adalah sebagai berikut: i. Bentuk Normal Tahap 1
Terpenuhi, karena semua tabel tidak memiliki atribut bernilai banyak (multivalued attribute).
ii. Bentuk Normal Tahap 2
Terpenuhi, karena sudah memenuhi kriteria bentuk normal yang pertama dan semua atribut yang bukan merupakan key
primer memiliki ketergantungan sepenuhnya pada key
primer.
iii. Bentuk Normal Tahap 3 :
Terpenuhi, karena sudah memenuhi kriteria bentuk normal yang kedua dan semua atribut non key primer tidak memiliki ketergantungan kepada atribut non key primer yang lain.
d. Kamus data
