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 email
password lama
login admin
password baru
respon edit admin
buku tamu PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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 upload
file konfirmasi
hapus file
konfirmasi logout
admin tampil nama anggota, password anggota, nama
hotel, aktivasi, tanggal daftar, kota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
b. Pengunjung
Input : nama
email alamat
komentar nama_hotel
alamat_hotel Output :
konfirmasi tambah buku tamu informasi hotel
file download
data pengunjung
c. Anggota
Input : nama_hotel
alamat_hotel kota
nama password
password lama
password baru
namaalamat hotel
data hotel
data anggota
edit anggota PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
judul warna
judul slogan
warna slogan
konten header
gambar
judul gambar
konten halaman
banner
respon buku tamu
file
judul konten
gambar
konten galeri
footer file
Output : konfirmasi
menjadi anggota
file template
database template
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
upload file
konfirmasi hapus
file konfirmasi tambah galeri
konfirmasi edit galeri konfirmasi hapus galeri
konfirmasi edit footer konfirmasi logout anggota
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.
Update file
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 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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 web
template 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
menuju ke website hotel yang bersangkutan. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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 database
nya. Anggota
Upload template
Upload adalah proses untuk menempatkan file
dan database hasil download ke server milik sistem web template hotel. Proses ini dilakukan
secara otomatis setelah anggota melakukan download
. Tujuan proses upload adalah agar web
template yang dikelola oleh anggota bisa menjadi sebuah website yang bisa dikunjungi
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 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
para pengunjungnya. Administrator web hotel PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
ini memiliki hak untuk memberikan respon terhadap pengunjung yang mengisikan buku
tamu, dan berhak untuk menghapus buku tamu pengunjung bila perlu.
Update file
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. Tabel 3.1 Perancangan Proses
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 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.
Berikut ini adalah diagram dekomposisi fungsional sistem.
Sistem 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
Gambar 3.3 Diagram Dekomposisi Fungsional Administrator
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
Edit anggota
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
Gambar 3.5 Diagram Dekomposisi Fungsional Anggota
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
spon buku tamu re
file 1
konfirmasi hapus file konfirmasi logout administrator
konf asi edit admin
irm data admin
konfirmasi hapus buku tamu konfirmasi
pus anggota ha
data buk tamu u
data ta pil anggota m
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 downlo
ad nama file
2
data buku tamu konfirmasi tambah bu
amu ku t
Gambar 3.7 Diagram Aliran Data Level 1 sub sistem Pengunjung
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
konf si login anggota
irma konfirmasi edit anggota
da header ta
konfirmasi edit header da
banner ta
konfirmasi edit banner data halaman
konfirmasi halaman
tambah konfirmas
dit halaman i e
konfirmasi hapus halaman konfirm
tambah menu asi
konfirmasi tambah submenu res
buku tamu pon
konfirmasi tambah respon buku tamu konfirmas
apus buku tamu i h
file konfi
asi hapus file rm
konfi i upload file
rmas data galeri
konfirmasi tambah galeri k nfirmasi edit galeri
o konfirmasi hapus galeri
data footer konfirma
it footer
3 si ed
kon i logout anggota
firmas
Gambar 3.8 Diagram Aliran Data Level 1 sub sistem Anggota
c. DAD level 2 Berikut ini adalah pecahan dari proses sub sistem administrator,
yang dipecah menjadi 6 proses.
Administrator Login admin
Update buku tamu
Mengelola 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
mu ta
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
Gambar 3.9 Diagram Aliran Data Level 2 Administrator
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
melalui proses login anggota terlebih dahulu. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
tersebut ditempatkan pada server milik web template provider. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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 simpanan file dan memerlukan masukan data file dari simpanan file.
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
Gambar 3.14 Diagram Aliran Data Level 3 proses 1.5 Administrator
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
log in anggota valid
lo anggota valid
gin
Gambar 3.15 Diagram Aliran Data Level 3 proses 3.6 Anggota
e. DAD Level 4 Berikut ini adalah pecahan proses dari proses update halaman di
level 3.
Anggota Tambah
halaman
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
Gambar 3.16 Diagram Aliran Data Level 4 proses 3.6.3 Anggota
Berikut ini adalah pecahan proses dari proses update buku tamu.
Anggota Tambah
respon
Hapus buku tamu
Buku tamu respon
buku tam login ang ota valid
g 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 ang
ta valid go
Gambar 3.17 Diagram Aliran Data Level 4 proses 3.6.4 Anggota
Berikut ini adalah pecahan proses dari proses update file
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 an a valid
ggot
Gambar 3.18 Diagram Aliran Data Level 4 proses 3.6.5 Anggota
Berikut ini adalah pecahan proses dari proses update galeri
Anggota Tambah
galeri
Edit galeri
Galeri da
va lidasi 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
Gambar 3.19 Diagram Aliran Data Level 4 proses 3.6.6 Anggota
4. Perancangan Basis Data
a. Diagram ER Entitas Relationship i. ER untuk web template provider
hotel anggota
kelola
admin
buku tamu adminmenu
menu navigasi
id_p nama
id menu
url id
menu url
password level
tgl_daftar id
nama email
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
ii. ER untuk template hotel
menu sub menu
pun id_parent
id ya
1 N
banner
galeri adminmenu
footer id
menu url
id konten
subject_ submenu
url
id gambar
id judul
subject_ menu
url
konten gambar
halaman punya
punya judul
konten id_halaman
gambar
user id
email level
password user
header id
warna judul slogan
warna slogan
judul
buku tamu respon
alamat nama
email komentar
id tanggal
1 1
1 1
konten
Gambar 3.21 Diagram ER Template hotel
Terdapat 10 entitas dalam diagram di atas namun hanya tiga entitas yang saling berelasi, yaitu entitas menu, submenu, dan
halaman. Satu menu mempunyai banyak submenu, satu halaman mempunyai banyak submenu, dan satu menu
mempunyai satu halaman. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
b. Mapping
i. Basis data milik provider Relasional antara entitas hotel dan anggota memiliki
kardinalitas 1 to 1, maka salah satu key dari entitas bisa menjadi foreign key dari entitas lain. Garis putus-putus di
bawah menandakan kunci asing atau foreign key. Hotel id, nama_hotel, alamat_hotel, kota, id_p
Admin id, nama, email, password, level Adminmenu id, menu, url
Anggota id_p, nama, password, level, tgl_daftar Buku tamu id, tanggal, nama, email, alamat, komentar, respon
Menu navigasi id, menu, url
ii. Basis data milik template hotel Relasi antara entitas menu dan submenu memiliki kardinalitas
1 to N, maka key dari entitas menu menjadi foreign key pada entitas submenu.
Relasi antara entitas submenu dan halaman memiliki kardinalitas 1 to 1, hal ini berarti key dari salah satu entitas
menjadi foreign key pada entitas yang lain, dalam hal ini key dari entitas halaman menjadi foreign key entitas submenu .
Submenu id, subject_submenu, url, id_parent, id_halaman PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Relasi antara entitas menu dan halaman memiliki kardinalitas 1 to 1, hal ini berarti key dari salah satu entitas menjadi foreign
key pada entitas yang lain, dalam hal ini key dari entitas
halaman menjadi foreign key entitas menu . Menu id_parent, subject_menu, url, id_halaman
User id, user, email, password, level
Header id, judul, warna_judul, slogan, warna_slogan,konten Banner id, gambar
Halaman id_halaman, judul, gambar, konten Buku tamu id, tanggal, nama, email, alamat, komentar, respon
Galeri id, judul, gambar, konten Footerid, konten
Adminmenu id, menu, url
Keterangan atribut yang digaris bawah: adalah atribut yang berfungsi sebagai primary key
adalah atribut yang berfungsi sebagai foreign key PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Keterangan : id
: muncul secara otomatis oleh sistem, karena bersifat autoincrement, untuk membedakan
atribut yang satu dengan lainnya. id_p
: id milik anggota. id_parent :
atribut untuk
membedakan menu, bersifat autoincrement
. nama
: nama administrator pada entitas admin, nama anggota pada entitas anggota dan
nama pengunjung pada entitas buku tamu user
: nama
user .
email :
email administrator pada entitas admin, email user pada entitas user, email
pengunjung pada entitas buku tamu. password
: password
milik administrator pada entitas admin, password anggota pada entitas
anggota, dan password user pada entitas user
subject_menu : judul menu
subject_submenu : judul submenu menu
: nama menu pada entitas adminmenu dan menunavigasi
url :
alamat untuk menghubungkan antar halaman website.
level : jenjang
user dibedakan berdasarkan hak
yang diperoleh, 1 untuk administrator dan 2 untuk anggota.
nama_hotel : nama hotel yang akan dibuat web hotel
alamat_hotel : alamat hotel
kota : kota hotel
judul :
judul galeri untuk atribut galeri, judul header untuk atribut header, dan judul
halaman untuk atribut halaman. konten
: isi dari atribut galeri, halaman, header dan footer, bersifat konsisten atau sama
disetiap halaman web. gambar
: foto atau gambar. alamat
: alamat pengunjung yang mengisi buku
tamu. komentar :
komentar pengunjung saat mengisi buku
tamu respon
: tanggapan yang diberikan oleh
administrator terhadap komentar yang diberikan oleh pengunjung.
c. Normalisasi Bentuk Normalisasi tabel-tabel di atas adalah sebagai berikut:
i. Bentuk Normal Tahap 1
Terpenuhi, karena semua tabel tidak memiliki atribut bernilai banyak multivalued attribute.
ii. Bentuk Normal Tahap 2
Terpenuhi, karena sudah memenuhi kriteria bentuk normal yang pertama dan semua atribut yang bukan merupakan key
primer memiliki ketergantungan sepenuhnya pada key primer.
iii. Bentuk Normal Tahap 3 : Terpenuhi, karena sudah memenuhi kriteria bentuk normal
yang kedua dan semua atribut non key primer tidak memiliki ketergantungan kepada atribut non key primer yang lain.
d. Kamus data integer
= [0|1|2|3|4|5|6|7|8|9] varchar
= [A-Z | a-z | 0-9| ‘ ‘ | | . ] longtext
= [A-Z | a-z | 0-9| ‘ ‘ | | . ] text
= [A-Z | a-z | 0-9| ‘ ‘ | | . ] PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Admin = id + nama + email + password + level
id = integer
nama =
{varchar}
20
email =
{varchar}
40
password =
{varchar}
32
level =
integer
Admin menu = id + menu + url
id =
integer menu
= {varchar}
30
url =
{varchar}
60
Anggota = id_p + nama + password + level +
tgl_daftar id_p
= integer
nama = {varchar}
20
password =
{varchar}
10
level =
varchar tgl_daftar
= {varchar}
12
Buku tamu = id + tanggal + nama + email + alamat +
komentar + respon id =
integer tanggal
= {varchar}
12
nama = {varchar}
50
email = {varchar}
60
alamat = text
komentar = text
respon = text
Hotel = id + nama_hotel + alamat_hotel + kota +
id_p + aktivasi id
= integer nama_hotel = {varchar}
50
alamat_hotel = {varchar}
50
kota = {varchar}
20
id_p = integer
aktivasi = enum ‘true’,’false’
Menu navigasi = id + menu + url
id = integer
menu = {varchar}
30
url =
{varchar}
60
Banner = id + gambar
id =
integer gambar =
{varchar}
30
Footer = id + konten
id =
integer konten
= longtext
Galeri = id + judul + konten + gambar
id = integer
judul =
{varchar}
30
konten = longtext
gambar = {varchar}
30
Halaman = id_halaman + judul + konten + gambar
id_halaman =
integer judul
= {varchar}
80
konten =
longtext gambar =
{varchar}
30
Header = id + judul + warna_judul + slogan +
warna_slogan + konten id_parent =
integer judul
= {varchar}
50
warna_judul = {varchar}
50
slogan = longtext
warna_slogan = {varchar}
50
konten = longtext
Menu = id_parent + subject_menu + url +
id_halaman id_parent
= integer
subject_menu =
{varchar}
50
url =
{varchar}
20
id_halaman =
integer
Submenu = id + subject_submenu + url + id_parent +
id_halaman id
= integer
subject_submenu = {varchar}
50
url =
{varchar}
20
id_parent = integer
id_halaman = integer
User = id + nama + password + level
id = integer
nama =
{varchar}
20
password =
{varchar}
32
level =
varchar
5. Perancangan Struktur Menu
Berikut ini adalah perancangan struktur menu untuk pengunjung, anggota maupun administrator.
Files manager
Guest book manager
Web page manager
Banner manager
Header manager
Services Gallery
manager Footer
manager Guest book
Download Searching
hotel
Example web template hotel
Sign guest book
File download
Searching result
Index
Ngayojokar to hotel
Gambar 3.22 Struktur menu sisi Pengunjung web template provider
Struktur menu di bawah ini, hanya digambarkan menu yang utama dipakai, karena struktur menu untuk web template hotel, sepenuhnya
menjadi tanggung jawab pengelola hotel. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Guest book Download
Sign guest book
File download
Index
Gambar 3.23 Struktur menu sisi Pengunjung web template hotel
Files manager
Guest book manager
Web page manager
Banner manager
Header manager
Edit admin
Gallery manager
Footer manager
Edit header
Edit banner
Create web page
Edit web page
Delete webpage
Create menu
Create sub menu
Index
Delete guest book
Add respon
Delete files
Create gallery
Edit gallery
Delete gallery
Edit footer
Preview footer
Gambar 3.24 Struktur menu sisi Anggota
Files manager
Guest book manager
Member manager
Edit admin
Delete member
Index
Delete guest book
Add respon
Delete files
Gambar 3.25 Struktur menu sisi Administrator
Keterangan: Suatu menu dapat menuju ke menu dan kembali ke menu
yang lainnya Suatu menu dapat menuju ke menu dan tidak dapat kembali
ke menu yang lainnya Pada gambar di atas semua menu dapat kembali ke menu index, namun
sebagian tidak digambarkan untuk memudahkan pembacaan gambar.
6. Perancangan Antarmuka
a. Menu untuk pengunjung i. Pengunjung web template provider
banner
konten administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine your template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer
Gambar 3.26 halaman menu pengunjung web template provider
banner administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine your template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer Guest book
Name Email
submit Location
Comment
reset
Gambar 3.27 halaman guest book untuk pengunjung web template provider
banner administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine y
our template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer File download
File name Size
file_name1.ext fileize1
file_name2.ext fileize2
Gambar 3.28 halaman file download untuk pengunjung web template provider
banner administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine
your template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer Searching result
Hotel name Address
hotel name1 address1
hotel name3 address3
hotel name2 address2
Gambar 3.29 halaman seacrhing result untuk pengunjung web template provider
ii. Pengunjung web template hotel
banner
konten administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Guest service
hotel shops parking
transportation galerry 1
gallery content1 galerry 2
gallery content2
Gambar 3.30 halaman menu pengunjung web template hotel
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Guest book Name
Email
submit Location
reset
Gambar 3.31 halaman guest book untuk pengunjung web template hotel
b. Menu untuk administrator
banner
konten administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine your template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer Admin Menu
Log out Index admin
Edit admin Member manager
Guest book manager Files manager
Gambar 3.32 halaman menu administrator
banner administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine your template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer Admin Menu
Log out Index admin
Edit admin Member manager
Guest book manager Files manager
Welcome in HotelKita, Imagine YourTemplate Colourfull administration system
This is management system.
Gambar 3.33 halaman index
banner administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine your template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer Admin Menu
Log out Index admin
Edit admin Member manager
Guest book manager Files manager
Edit admin Username
Email Old password
New password Retype new password
update
Gambar 3.34 halaman edit admin
banner administrator
download guest book
search Search Hotel Site
Web hotel example
WEB TEMPLATE PROVIDER
HotelKita Imagine your template colourfull
Sign Up to be a member
Home Menu Template
welcome services
Header manager Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager
footer Admin Menu
Log out Index admin
Edit admin Member manager
Guest book manager Files manager
Sign up form Username
Password Retype password
Hotel name City
Hotel address Ok
Gambar 3.35 halaman sign up member
c. Menu untuk anggota Menu anggota dalam hal ini adalah anggota yang telah mendaftar
dan telah diberi hak untuk mengelola template hotel miliknya. Maka anggota dalam hal ini disebut sebagai administrator web
template .
banner
konten administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Gambar 3.36 halaman menu anggota sebagai administrator
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Welcome as admin in HotelKita, Imagine Your Template Colourfull administration system
You can manage your hotel website here Your website will signed up if you activite first
by editing the header manager. Activite
now???
Gambar 3.37 halaman index anggota
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Edit admin Username
Email Old password
New password Retype new password
update
Gambar 3.38 halaman edit anggota
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Edit header Hotel name
Color Hotel slogan
Slogan color Content
submit
Gambar 3.39 halaman edit header
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Create web pa ge
Title Image
Content browse
submit
Gambar 3.40 halaman create web page
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Edit web page Title
Image Content
submit browse
Gambar 3.41 halaman edit web page
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Create new me nu
Menu Url
create
Gambar 3.42 halaman create new menu
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Create new sub menu Menu
Url create
Sub from
Gambar 3.43 halaman create new sub menu
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Guest book manage r
Namelocation omment
xx-xx-xxxx Name : xxxxxx
Location: xxxxxxxx Respon
C xxx
submit
Gambar 3.44 halaman add respon
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Edit gallery Title
Image Content
submit browse
Gambar 3.45 halaman edit gallery
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Are you sure y ou w
ant to delete gallery? yes
-- no
Gambar 3.46 halaman delete gallery
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Edit footer Content
preview
Gambar 3.47 halaman edit footer
banner administrator
download guest book
Hotel name
slogan hotel konten
footer Room rates
twin room ocean view king
garden view Special offer
club retreat package suite dream package
lovers package
Dinning
restaurant lounge bars
live entertainment Activities
golf fitness center
pool Control Panel
Index admin Edit admin
Header manager galerry 1
gallery content1 galerry 2
gallery content2 Banner manager
Web page manager Guest book manager
Files manager Gallery manager
Footer manager Log out
Preview footer
Content
preview su
bmit your_mailxxx.com
all rights reserved your_nick_name
ye by
ar
Gambar 3.48 halaman perview footer
BAB IV IMPLEMENTASI