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.
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
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
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
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)
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).
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
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
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
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
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
browser atau pengakses web. Browser-browser yang mendukung
HTML antara lain adalah Internet Explorer, Netscape Navigator,
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.
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:
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)
PHP membuat proses pengembangan aplikasi menjadi mudah karena
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
data-data sebuah perusahaan yang berukuran sangat besar hingga berukuran Giga
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
Proses menggambarkan transformasi input menjadi output. Penamaan
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
Komponen ini digunakan untuk membuat model sekumpulan paket
data dan diberi nama dengan kata benda bersifat jamak. Simpanan data
dapat berupa file atau database yang tersimpan dalam disket, harddisk
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
Relasi menunjukkan adanya hubungan diantara sejumlah entitas yang
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)
Anggota adalah pengunjung yang telah mendaftarakan diri untuk
mendownload file template, meletakkan file dan database hotel
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
Ketika sudah memasuki sistem admin, maka 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)
Buku tamu adalah fasilitas yang disediakan untuk
pengujung agar pengunjung bisa memberikan komentar
terhadap web template hotel. Anggota bisa menanggapi
komentar yang diberikan pengunjung, juga diberikan hak
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
tampil nama anggota, password anggota, nama
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
konfirmasi tambah galeri
konfirmasi edit galeri
konfirmasi hapus galeri
konfirmasi edit footer
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
Terdiri dari proses tambah respon dan hapus
buku tamu. Respon adalah tanggapan yang
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
web template yang dikelola oleh anggota bisa
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
Header berisi nama hotel, slogan dan konten.
Konten bisa diisi dengan alamat hotel dan
nomor telepon. Administrator dapat mengatur
header dengan mengatur warna teks, dan
mengubah kontennya. Dengan melakukan
pengeditan terhadap header maka anggota
secara otomatis anggota melakukan aktivasi
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.
Website hotel ini memperoleh komentar dari
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
Web Template untuk Hotel , masing-masing adalah administrator,
anggota, dan pengunjung. Masing-masing entitas memberikan
masukan berupa aliran data kepada sistem, dan sistem memberikan
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