Pengembangan web template untuk hotel.
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.
(2)
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.
(3)
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
(4)
(5)
(6)
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.
(7)
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.
(8)
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.
(9)
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.
(10)
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.
(11)
(12)
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
(13)
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
(14)
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
(15)
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
(16)
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
(17)
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
(18)
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
(19)
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
(20)
Gambar 3.43 Halaman Create New Sub Menu... 81
Gambar 3.44 Halaman Add Respon... 81
Gambar 3.45 Halaman Edit Gallery... 82
Gambar 3.46 Halaman Delete Gallery... 82
Gambar 3.47 Halaman Edit Footer... 83
Gambar 3.48 Halaman Preview Footer... 83
Gambar 4.1 Halaman Index... 101
Gambar 4.2 Halaman Services... 102
Gambar 4.3 Halaman Header Manager... 103
Gambar 4.4 Halaman Banner Manager... 104
Gambar 4.5 Halaman Web PageManager... 105
Gambar 4.6 Halaman Gallery Manager... 106
Gambar 4.7 Halaman Guest Book... 107
Gambar 4.8 Halaman Sign in a Guest Book... 108
Gambar 4.9 Halaman Download Files... 109
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
Gambar 4.21 Halaman Banner Manager... 121
Gambar 4.22 Halaman Web Page Manager... 122
Gambar 4.23 Halaman Edit Web Page... 123
Gambar 4.24 Halaman Edit Gallery... 124
Gambar 4.25 Halaman Edit Footer... 125
(21)
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.
(22)
2
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
(23)
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 dihasilkan spesifikasi yang tidak akan berubah-ubah lagi karena kedua tahap
(24)
4
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 sebelum melangkah ke tahap selanjutnya. Hal ini sangat penting
(25)
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
(26)
6
F. MANFAAT PENELITIAN
Dengan dibangunnya sistem ini, maka pengelola hotel dapat mempromosikan beragam fasilitas dan kelengkapan lain yang dimiliki oleh hotel kepada masyarakat luas dengan mudah, tanpa harus memikirkan sisi
pemrograman dan meminimumkan perancangan dalam pembuatan web.
Pengunjung sistem ini memperoleh informasi tentang hotel yang
dikembangkan melalui template yang telah dikembangkan.
G. SISTEMATIKA PEMBAHASAN
Bab pertama yaitu pendahuluan berupa gambaran singkat tentang isi skripsi yang berisi latar belakang, rumusan masalah, batasan masalah, tujuan, metodologi, manfaat penelitian, dan sistematika pembahasan.
Bab kedua berupa landasan teori yang membahas tentang pengertian
template, Conten Management System, Aura CMS, Cascading Style Sheets,
hosting, XAMPP, World Wide Web, internet, dasar-dasar desain web, PHP,
MySQL, Data Flow Diagram(DFD), dan Entity Relationship(ER).
Bab ketiga menjelaskan analisis dan perancangan. Analisis sistem meliputi analisis masalah, analisis kelayakan dan analisis kebutuhan, sedangkan perancangan meliputi perancangan input output, perancangan proses, diagram aliran data, perancangan basis data, perancangan struktur menu, dan perancangan antarmuka.
(27)
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.
(28)
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.
(29)
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
(30)
10
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 bersifat GUI.
(31)
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 dan diakses.
(32)
12
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, Opera, Mozila.
(33)
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 yang dimiliki.
(34)
14
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.
(35)
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. Umumnya orang tidak bisa membedakan antara bayangan warna
(36)
16
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:
(37)
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 keunggulannya, yaitu:
(38)
18
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 Byte.
(39)
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.
(40)
20
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 proses disesuaikan dengan proses atau kegiatan yang sedang
(41)
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
(42)
22
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
(43)
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
(44)
24
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.
(45)
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
(46)
26
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 berasal dari himpunan entitas yang berbeda.
(47)
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
(48)
28
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
(49)
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.
(50)
30
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 miliknya agar bisa diakses oleh masyarakat umum. Setelah
(51)
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 berhak melakukan pengeditan terhadap data anggota.
(52)
32
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 untuk menghapus buku tamu bila perlu.
(53)
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
(54)
34
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 hotel, aktivasi, tanggal daftar, kota
(55)
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
(56)
36
judul
warna judul
slogan
warna slogan
konten header
gambar
judul
gambar konten
halaman banner
respon buku tamu
file
judul konten gambar
konten galeri
footer
(57)
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
(58)
38
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 diberikan oleh admin untuk pengunjung yang
(59)
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
(60)
40
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
(61)
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 anggota, dan sistem merubah data aktivasi dari
(62)
42
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
(63)
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.
(64)
44
3. Diagram Aliran Data
a. Diagram Konteks
Diagram level 0 dari sistem Pengembangan Web Template untuk
Hotel adalah sebagai berikut:
Pengembangan Web Templa
te te untuk Ho l
Anggota Administrator
Pengunjung 0 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 keluaran berupa konfirmasi maupun informasi.
(65)
Berikut ini adalah diagram dekomposisi fungsional sistem. Sistem 0 Pengembangan Web Template untuk Hotel Sub sistem administrator Sub sistem pengunjung 3 1 2 Sub sistem anggota
Gambar 3.2 Diagram Dekomposisi Fungsional Sistem
3 diagram di bawah ini merupakan dekomposisi dari masing-masing proses pada level 0.
Sub sistem admin 1 istrator Login admin Edit admin Update file 1.3 1.1 1.2 Update buku tamu Mengelola anggota 1.4 1.5 Upload file 1.3.1 Hapus file 1.3.2 Tambah respon 1.4.1 Hapus buku tamu 1.4.2 Menampilkan anggota 1.5.1 Hapus anggota 1.5.2 1.6 Logout admin
(66)
46 Subsistem pengunjung Download file Mencari info 2 rma tel si ho 2.3 2.1 2.2 Tambah buku tamu
Gambar 3.4 Diagram Dekomposisi Fungsional Pengunjung
Subsistem anggota Download template Upload template Login
anggota anggotaEdit
Mengatur template Edit header Update halaman Update galeri Daftar anggota Edit footer Update file Update buku tamu Edit banner Logout anggota Tambah halaman Edit halaman Hapus halaman Tambah menu Tambah sub menu Tambah respon Hapus buku tamu Upload file Hapus file Tambah galeri Edit galeri Hapus galeri
3.1 3.2 3.3 3.4 3.5 3.7
3 3.6.2 3.6.7 3.6.6 3.6.5 3.6.3 3.6.4 3.6.3.1 3.6.3.3 3.6.3.2 3.6.3.5 3.6.3.4 3.6.4.1 3.6.4.2 3.6.5.1 3.6.5.2 3.6.6.1 3.6.6.2 3.6.6.3 3.6 3.6.1
(67)
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
(68)
48
Anggota memberi input untuk melakukan pendaftaran anggota dan
melakukan pengaturan template hotel.
Anggota Sub sistem
anggota
data anggota data hotel ko nja
nfirmasi 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
(69)
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 anggota Edit admin Update file Admin File Buku tamu Anggota userna pa me dan ssword konfirmasi login admin username dan password username dan password data admin data admin
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 terupdate si, Hotel nama hotel Log out 1.1 1.2 1.3 1.4 1.5 1.6 login administrator valid
login administrator valid
login administrator valid
login administrator valid
login administr r valid konfirmasi logout administrator
ato
(70)
50
Proses sub sistem pengunjung dipecah menjadi 3 proses sebagai
berikut. Pengunjung dapat melakukan download file, melakukan
pencarian informasi hotel, dan menambah buku tamu.
Pengunjung
Download file
Mencari informasi
hotel
File nama file
file download
nama atau alamat hotel informasi hotel
Tambah buku tamu
Hotel
Buku tamu file
data 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
beserta database tersebut. Anggota dapat melakukan edit anggota
dan melakukan pengaturan template dengan syarat, anggota harus
(71)
Anggota Daftar anggota Mengatur template Edit anggota Login anggota Upload template Download template Hotel Anggota Template Database template data hotel data anggota file template database template database template Halaman Menu Sub menu Buku tamu File Galeri footer Banner Header file template
data buku tamu data buku tamu
terupdate data anggota data hotel konfirm di angg asi menja ota username dan password kon login firmasi anggota data anggota konfirmasi edit anggota
username dan password
username dan password
login ang a valid
data footer 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 got t he am 3.1 3.2 3.3 3.4 3.5 3.6 Logout anggota 3.7 data footer data footer terupdate
data galeri data galeri terupdate
file file terupdate data header terupdate data header data banner data banner terupdate data halaman data halaman terupdate data menu terupdate data menu 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
(72)
52
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
dan proses hapus file akan memberikan aliran data file terupdate pada
(73)
Berikut ini adalah pecahan dari proses update buku tamu. Administrator Tambah respon Hapus buku tamu 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 Menampilkan anggota Ha angg ta pus o Anggota 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 hotel 1.5 1.5 .2 .1 Database template template data anggota terupdate
data hotel data hotel terupdate
login administrator valid database template database template terupdate file template file template terupdate
(74)
54 Anggota Edit header Edit footer Update galeri Update file Update bukutamu Update halaman Edit banner Header Banner Halaman Menu Sub menu Buku tamu File Galeri Footer data header
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 i ta data halaman terupdate data halaman data menu terupdate data menu data submenu terupdate data sub menu data buku tamu
terupdate data buku tamu
file terupdate file data galeri terupdate data galeri data footer data footer terupdate data banner 3.6.1 3.6.2 3.6.3 3.6.4 3.6.5 3.6.6 3.6.7 Hotel aktivasi= true login anggota valid
login anggota valid
l anggota valid
lo anggota valid ogin
gin
login anggota valid
login anggota valid
(75)
e. DAD Level 4
Berikut ini adalah pecahan proses dari proses update halaman di
level 3.
Anggota halamanTambah
Tambah sub menu Tambah menu Hapus halaman Edit halaman Halaman Menu Sub menu data halaman data halaman konfirmasi tam
login anggota valid
ba man h hala konfirmasi edit halaman data halaman data menu data sub menu
konfirmasi hapus halaman
konfirmasi tambah menu
konfirmasi tambah sub menu data halaman data halaman terupdate data halaman data halaman terupdate data halaman data menu
data sub menu
data sub menu data menu 3.6.3.1 3.6.3.2 3.6.3.3 3.6.3.4 3.6.3.5 login anggota valid
login anggota valid
login anggota valid
login anggota valid
(76)
56
Berikut ini adalah pecahan proses dari proses update buku tamu.
Anggota Tambah
respon
Hapus buku tamu
Buku tamu respon
buku tam
login ang ota validg
u
respon buku tamu
konfirmasi tambah respon
Konfirmasi hapus halaman
respon
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 file
File file
file
konfirmasi upload file
konfirmasi hapus file
File
file terupdate
file 3.6.5.1
3.6.5.2 login anggota valid
login anggota valid
(77)
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
(78)
58
4. Perancangan Basis Data
a. Diagram ER (Entitas Relationship)
i. ER untuk webtemplateprovider
hotel kelola anggota
admin
buku tamu
adminmenu
menu navigasi id_p nama
id menu url
id menu url password
level tgl_daftar
id nama
tanggal nama
email alamat_hotel
kota aktivasi
nama_hotel id
level password
alamat komentar respon
id
1 1
Gambar 3.20 Diagram ER Provider
Terdapat 6 entitas dalam diagram di atas namun hanya dua entitas yang saling berelasi, yaitu entitas hotel dan anggota. Satu hotel dikelola oleh satu anggota atau satu anggota mengelola satu hotel
(1)
echo "</table>"; }
elseif($baris==0) {
echo"<script>alert('Not found hotel site'); </script>";
echo"<script>window.location='index.php'; </script>";
exit; }
} }
if (file_exists("images/menu_back.gif")) {
$ikon="<img src=images/menu_back.gif border=0>"; }
else {
$ikon="<b>·</b>"; }
echo "<br><br> ";
echo "<a href=\"javascript:history.back()\" >$ikon</a>";
?>
(2)
<?
if(ereg("services.php",$PHP_SELF)) {
header("location:index.php"); die;
}
echo "<p class=judul>HotelKita Services<br></P>";
echo "<font align=justify><img src=images\bulet.gif><b>As a member you can arrange a hotel website and manage it.<br>
The steps are:</b><br> 1. Sign up as a member.<br> 2. Completly fill the form .<br> 3. Link to hotel url.<br>
4. Enter the username and password registered in the provider.<br>
5. Arrange and manage your website based on theme of your
hotel<font color=orange> free.</font><br><br><br></font>"; echo "<font align=justify><img src=images\bulet.gif><b>By previewing the hotel example website you can surf to
Ngayojokarto Hotel & Resto as an example.<br></b><br><br><br> </font>";
echo "<font align=justify><img src=images\bulet.gif><b>As a member you will get a free hosting to save your database and file.<br></b><br><br><br>
</font>";
echo "<font align=justify><img src=images\bulet.gif><b>Please give your comment about this website in the guest book, thank
you.<br></b><br><br><br> </font>";
if (file_exists("images/menu_back.gif")) {
$ikon="<img src=images/menu_back.gif border=0>"; }
else {
$ikon="<b>·</b>"; }
echo "<br><br> ";
echo "<a href=\"javascript:history.back()\" >$ikon</a>"; ?>
(3)
<?
if(ereg("signup.php",$PHP_SELF)) {
header("location:index.php"); die;
} else {
$index_hal=1;
global $judul_situs, $url_situs, $koneksi_db,$PHP_SELF; echo "<span class=judul>Sign up form</span>";
?>
<form method="post" action="signupx.php" > <table border="0">
<tr>
<td>Username</td>
<td><input type="hidden" size="20" name="k" value="check">
<input type="text" size="20" name="user"></td> </tr>
<tr> <td>Email</td>
<td><input type="text" size=20 name="email"></td> </tr>
<tr>
<td>Password</td>
<td><input type="password" size="20" name="password"></td>
</tr>
<tr>
<td>Retype password</td>
<td><input type="password" size="20" name="password1"></td>
</tr>
<tr>
<td>Hotel Name</td>
<td><input type="text" size="20" name="hotelname"></td>
</tr>
<tr> <td>City</td>
<td><input type="text" size="20" name="city"></td> </tr>
(4)
<tr>
<td>Hotel Address</td>
<td><input type="text" size="60" name="hoteladdress"></td>
</tr> <tr>
<td><input type="submit" value="Ok"></td> <td> </td>
</tr> </table>
</form> <? }
if (file_exists("images/menu_back.gif")) {
$ikon="<img src=images/menu_back.gif border=0>"; }
else {
$ikon="<b>·</b>"; }
echo "<br><br> ";
echo "<a href=\"javascript:history.back()\" >$ikon</a><br><br>";
?>
(5)
<?
if(ereg("welcome.php",$PHP_SELF)) {
header("location:index.php"); die;
}
echo "<center><p class=judul>Welcome to The HotelKita Template</center><br><br></P>";
echo "<center><img src=images\wellcome.jpg></center><br><br>"; echo "<B>This is <font color=green>FREE WEBSITE
TEMPLATES</font></B><br>";
echo "To save your self hours of torment trying to get a free
website template to work for you offline<br>";
?>
(6)
<?
if(ereg("welcomepengunjung.php",$PHP_SELF)) {
header("location:index.php"); die;
} else {
if (file_exists("images/wellcome.jpg")) {
$ikon="<img src=images/wellcome.jpg>"; }
else {
$ikon="<b>·</b>"; }
echo"<span class=judul><br><center>Welcome as a member in $judul_situs</span><p></center>";
global $koneksi_db;
echo "<center>$ikon</center>";
echo "<span class=konten><b><br><center>Link your hotel website:
<a href='../$hotelname'
target=_blank>$hotelname</center></a></b></span>"; }
if (file_exists("images/menu_back.gif")) {
$ikon="<img src=images/menu_back.gif border=0>"; }
else {
$ikon="<b>·</b>"; }
echo "<br><br> ";
echo "<a href=\"javascript:history.back()\" >$ikon</a>"; ?>