Iklan Televisi Comercial Politeknik PalComTech Television ...
BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis …thesis.binus.ac.id/Doc/Bab3/2008-1-00077-IF HL...
Transcript of BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis …thesis.binus.ac.id/Doc/Bab3/2008-1-00077-IF HL...
80
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
3.1.1 Sejarah dan Struktur Organisasi Princess Sound and Lighting
3.1.1.1 Sejarah Perusahaan
Entertainment menjadi core business Princess Sound and
Lighting didirikan pada tahun 1981 oleh Bapak Purnama
Setiawan selaku pendiri dan sekaligus menjabat sebagai Chief
Executive Officer perusahaan Princess Sound and Lighting.
Princess Sound and Lighting adalah perusahaan rental di Jakarta
yang bergerak di bidang sound system, laser, lighting, equipment
DJ, Audio Visual, rigging dan stage, untuk kebutuhan
penyelenggaraan event seperti : music concert, launching product,
company gathering, live broadcast television, fashion show, tour
atau road show, wedding atau birthday party, exhibition, mobile
disco, dsb.
Princess Sound and Lighting secara totalitas selalu
berusaha mewujudkan dan memberikan layanan prima dan terbaik
dengan sound system sangat memadai dan berkualitas, di dukung
sumber daya manusia yang berpengalaman dan expert, sebagai
kontribusi optimal untuk memenuhi kebutuhan, kepercayaan,
serta kepuasan pelanggan. Setelah 26 tahun beroperasi, Princess
81
Sound and Lighting mulai memperluas jenis peralatan yang
lainnya untuk disewakan antara lain rigging, camera digital, air
conditioner, dan genzet. Princess Sound and Lighting memliki
kantor pusat di jalan Kebayoran Lama No.14 Jakarta Selatan.
Princess Sound and Lighting ini memiliki visi yaitu untuk
menjadi perusahaan sound system yang selalu memberikan sound
system dan service yang terbaik kepada setiap pelanggan nya dan
misi dari Princess Sound and Lighting ini adalah untuk menjadi
perusahaan yang terdepan dalam bidang sound system.
82
3.1.1.2 Struktur Organisasi Perusahaan
Ganbar 3.1 Struktur Organisasi Princess Sound and Lighting
3.1.1.3 Tugas dan Wewenang
Tugas dan wewenang dari masing-masing jabatan dalam
Perusahaan Princess Sound and Lighting dapat diuraikan sebagai
berikut:
1. CEO (Chief Executive Officer)
Bertugas sebagai pembuatan kebijaksanaan dalam perusahaan,
mengubah dan memperbaiki peraturan yang berlaku dalam
I
83
Princess Sound and Lighting dan membuat keputusan tertinggi
dalam Princess Sound and Lighting.
2. Marketing Dept Head
Bertugas dalam pelayanan pelanggan yang akan melakukan
transaksi sound system, menentukan kisaran harga dari sound
system dan jasa dalam suatu kegiatan yang akan
diselenggarakan.
Bagian ini membawahi 2 divisi yaitu:
Marketing Secretary
Bagian ini khusus menangani dan menjalankan secara
langsung segala kegiatan yang berkaitan dengan marketing
dan sebagai public relation ke pihak luar.
Admin / Operator
Bagian ini yang menerima telepon dari pelanggan ataupun
non- pelanggan tentang penyewaan jasa dan sound system
yang disediakan Princess Sound and Lighting.
3. Executive Asisten Manager
Bagian ini menangani dan melakukan pengambilan keputusan
atas segala aktivitas kerja yang menjadi inti dari segala
aktivitas internal di perusahaan Princess Sound and Lighting.
Bagian ini membawahi 2 divisi yaitu:
Technical Dept Head
Bagian ini khusus menangani permasalahan technical
secara langsung dalam suatu lapangan dan membagi
84
beberapa karyawan dalam beberapa team sesuai
kemampuan dan keahlian dari masing-masing personil.
Personal & G.A Dept Head
Bagian ini yang berwenang dalam pengambilan keputusan
dan juga pengawasan terhadap perawatan gedung, serta
sarana dan prasarana yang digunakan dalam kegiatan yang
mendukung operasional princess sound and Lighting.
4. Finance Dept Head
Bertanggung jawab dalam pencatatan, pengeluaran dan
pemasukkan suatu biaya yang diterima oleh Princess Sound
and Lighting atas jasa dan sound system yang digunakan oleh
perusahaan-perusahaan yang telah bekerjasama.
3.1.2 Sistem yang Sedang Berjalan
Sistem penyewaan yang sedang berjalan pada perusahaan Princess
Sound and Lighting saat ini berlangsung secara manual. Pelanggan yang
ingin menyewa sound system dapat melakukan penyewaan melalui
telepon atau datang langsung ke kantor. Ketika permintaan penyewaan
suatu sound system diterima oleh bagian marketing, maka segera di
buatkan spesifikasi data sound system yang dibutuhkan pelanggan
tersebut dan segera dibuat invoice sebagai bukti penyewaan tersebut.
Untuk pelanggan yang datang langsung ke kantor, invoice akan
langsung diberikan kepada pelanggan agar ditanda-tangani sedangkan
pelanggan yang melakukan penyewaaan melalui telepon dapat
menentukan tempat dan waktu untuk melakukan percakapan tentang
85
penyewaan sound system yang ingin di sewa, lalu invoice akan diberikan
saat, pelanggan ada di tempat event atau kegiatan yang sedang
berlangsung.
Segera setelah dikeluarkan invoice, bagian marketing memberikan
spesifikasi yang telah dibuat ke bagian operasional agar bagian
operasional nantinya menyiapkan sound system yang diinginkan ke
pelanggan.
Setelah semua sound system disiapkan maka bagian operasional
akan melapor ke bagian marketing bahwa sound system telah siap. Bagian
marketing akan memberikan alamat atau tujuan tempat pelanggan
membutuhkan sound system lalu bagian operasional akan memasang dan
mengetes semua sound system yang telah disetujui ataupun sesuai
invoice.
Pelanggan dapat melakukan pembayaran dengan tiga cara, yaitu
dengan mengeluarkan giro, pembayaran cash dan transfer via bank
langsung ke rekening Princess Sound and Lighting. Jika pelanggan telah
melakukan pembayaran, maka bagian keuangan memberikan invoice
kepada pelanggan sebagai bukti bahwa pelanggan telah melakukan
pembayaran.
86
Sewa Sound System
Menerima& MembuatSpesifikasi
Sound System
Membuat Invoice& Menyerahkan
SpesifikasiSound System
Ke Bag Gudang
Tanda TanganInvoice &
MengembalikanInvoice
Terima Invoice& Berikan Invoice
Kuning ke BagKeuangan &
Berikan InvoiceMerah ke
Pelanggan
Terima Invoice &Lakukan
Pembayaran
Terima InvoiceKuning dan CatatPenyewaan dan
Pembayaran
MenerimaPembayaran &berikan invoice
MenerimaSpesifikasi &Menyiapkan
Sound System
Sound SystemDiantar
PelangganMenerima
Sound System
MenerimaSound System &
Mengantar KeTempat Tujuan
Pelanggan
MemberikanSpesifikasi
Sound SystemYang Ingin Disewa
Tidak
Ya
Ke TempatPelangganMengambil
Sound System
MemberitahukanPengembalianSound System
Sound SystemSelesai
Digunakan
Gambar 3.2 Gambar Flow Chart Sistem Berjalan Princess Sound and Lighting
Pelanggan Bag Pemasaran Bag Keuangan Bag Gudang Bag Pengiriman
87
3.1.3 Gambaran Permasalahan
Setelah melakukan survey di lapangan berupa wawancara dengan
beberapa karyawan Princess Sound and Lighting dan atasannya, juga
menganalisa sistem yang sedang berjalan pada Princess Sound and
Lighting, di temukan beberapa masalah yang dihadapi oleh Princess
Sound and Lighting. Salah satu masalahnya terdapat pada sistem
penyewaan, pelanggan harus datang ke kantor Princess Sound and
Lighting jika ingin memesan sound system, sedangkan hasil survey saya,
pelanggan Princess Sound and Lighting utama mayoritasnya adalah
perusahaan production house, event organizer, stasiun TV dan mall-mall.
Sehingga penyewaan yang dilakukan secara manual memerlukan beban
yang cukup menyulitkan.
Jika pelanggan melakukan penyewaan melalui telepon, maka
kemungkinan terjadinya salah pengertian antara pelanggan dan karyawan
Princess Sound and Lighting cukup besar, sehingga dapat merugikan
kedua belah pihak. Selain itu pelanggan yang memesan sound system,
belum tentu mengerti benar sound system dan spesifikasi sound system
yang ingin dipesan, sehingga karyawan Princess Sound and Lighting
perlu datang ke tempat pelanggan untuk menjelaskan secara mendetail
tentang sound system yang ingin disewa. Tentu saja hal ini merupakan
tambahan beban bagi Princess Sound and Lighting. Masalah ini dapat
menjadi lebih besar apabila pelanggan berada di luar Jakarta.
Permasalahan juga terdapat dalam kegiatan promosi sound
system, komunikasi dengan pelanggan dan mencari pelanggan baru.
88
Untuk melakukan semua itu, karyawan bagian pemasaran harus
bepergian ke pelanggan secara rutin untuk terus menjaga hubungan yang
baik dengan pelanggan yang sudah ada dan untuk mencari pelanggan
baru.
Semakin mahalnya bahan bakar dan transportasi, membuat beban
Princess semakin berat. Semakin banyaknya pelanggan Princess Sound
and Lighting yang berada di luar Jakarta, membuat Princess Sound and
Lighting harus memikirkan cara baru untuk terus menjalin hubungan baik
dengan pelanggan, tetapi dengan itu menambah beban yang lebih berat
lagi bagi Princess Sound and Lighting.
3.1.4 Usulan Pemecahan Permasalahan
Dari hasil tinjauan permasalahan yang telah dijabarkan, maka
diusulkan untuk merancang dan membangun sebuah system penyewaan
berbasiskan web yang dapat mempermudah system penyewaan
perusahaan karena dilakukan secara online, sehingga akan membantu
pelanggan dalam melakukan penyewaan sound system, selain itu website
ini juga akan sangat membantu dalam hal pemasaran perusahaan,
berkomunikasi dengan pelanggan dan melakukan promosi. aplikasi
penyewaan berbasiskan web ini memberikan beberapa keuntungan yaitu :
1. Memberikan informasi mengenai sound system yang disewakan oleh
Princess, informasi tersebut antara lain gambar, nama, keterangan,
harga sewa, dll, sehingga nantinya akan mempermudah pelanggan
dalam sound system yang ingin disewa.
89
2. Pelanggan dan pengunjung dapat melakukan penyewaan secara online
sehingga pelanggan dan pengunjung tidak perlu berpergian apabila
ingin melakukan penyewaan
3. Pengunjung dapat menjadi pelanggan jika dia sudah melakukan
transaksi sesuai ketentuan- ketentuan dari Princess Sound and
Lighting.
4. Pelanggan akan mendapatkan diskon 10% jika dia melakukan
penyewaan online melalui website tersebut.
5. Pelanggan dan pengunjung dapat langsung mencetak invoice sebagai
bukti penyewaan melalui printer pelanggan.
6. Aplikasi penyewaan ini dapat diakses dari manapun melalui internet,
sehingga setiap orang dapat melihatnya dan dapat menjadi media
promosi.
7. Pelanggan dan pengunjung dapat mengetahui info-info tentang sound
system terbaru yang di sewakan.
8. Pelanggan dapat melihat gambar-gambar event yang menggunakan
jasa sound system Princess Sound and Lighting.
3.1.5 Metode Pengumpulan Data
Dalam memahami kebutuhan setiap pelanggan terhadap
penyewaan Sound System, maka dilakukanlah sebuah analisis dengan
menyebarkan Kuesioner, pertanyaan – pertanyaan yang terdapat dalam
90
Property12%
EO20%
P H16%
TV H10%
Mall24%
Bridal18%
kuesioner tersebut didapatkan dari permasalahan – permasalahan yang
dialami Princess Sound and Lighting. Kuesioner disebarkan ke 50
pelanggan tetap Princess Sound and Lighting. Adapun tujuan dari
penyebaran Kuesioner ini adalah untuk mengetahui permasalahan
pelanggan terhadap Princess Sound and Lighting. Berikut adalah hasil
evaluasi Kuesioner yang telah terkumpul.
Kuesioner untuk Pelanggan :
1) Jenis Usaha Anda ?
Jawaban Jumlah Responden Presentase
Property 6 12%
Event Organizer 10 20%
Production House 8 16%
Television House 5 10%
Mall 12 24%
Bridal/Modelling 9 19%
Gambar 3.3 Pie Chart Jenis Usaha
91
Ya70%
Tidak30%
2) Ketika menyewa Sound System, Anda harus datang ke kantor Princess
Sound & Lighting?
Jawaban Jumlah Responden Presentase
Ya 35 70%
Tidak 15 30%
Gambar 3.4 Pie Chart Pelanggan Harus Datang ke Kantor Princess Sound
& Lighting Untuk Menyewa Sound System
3) Ketika Anda menyewa Sound System, terjadi kesalahan percakapan
ketika menyewa melalui telepon?
Jawaban Jumlah Responden Presentase
Ya 40 80%
Tidak 10 20%
92
Ya80%
Tidak20%
Gambar 3.5 Pie Chart Kesalahan Percakapan Pelanggan Menyewa Melalui Telepon
4) Apakah Anda mengetahui spesifikasi detail tentang Sound System
yang Anda ingin sewa ?
Jawaban Jumlah Responden Presentase
Ya 5 10%
Tidak 45 90%
Ya10%
Tidak90%
Gambar 3.6 Pie Chart Pelanggan Mengetahui Spesifikasi Detail Tentang
Sound System Yang Ingin Disewa
93
5) Apakah hubungan kerjasama Anda terjadi ketika Anda melakukan
penyewaan di Princess Sound and Lighting?
Jawaban Jumlah Responden Presentase
Ya 40 80%
Tidak 10 20%
Ya80%
Tidak20%
Gambar 3.7 Pie Chart Hubungan Kerjasama Antara Pelanggan dan
Princess Sound & Lighting Ketika Melakukan Penyewaan.
Kesimpulan yang dapat diambil dari hasil evaluasi Kuesioner ini
adalah sebagian besar (24%) pelanggan Princess Sound and Lighting
adalah mall-mall di Jakarta. Para pelanggan harus datang langsung ke
kantor Princess Sound and Lighting untuk melakukan penyewaan (70%).
Ketika pelanggan menyewa Sound System, sering terjadi kesalahan
percakapan ketika menyewa melalui telepon (80%). Pelanggan tidak
mengetahui spesifikasi detail tentang Sound System (90%) dan hubungan
kerjasama pelanggan terjadi ketika melakukan penyewaan di Princess
Sound and Lighting (80%).
94
3.2 Rancangan Sistem Usulan
3.2.1 Model Aplikasi yang Diusulkan
Pelanggan, pengunjung dan admin yang terlibat dalam aplikasi
penyewaan sound system berbasis web ini menjadi 2 bagian yaitu : front
end user dan back end user. Pelanggan dan karyawan Princess Sound and
Lighting termasuk front end user yaitu yang hanya dapat menggunakan
semua fasilitas yang tersedia tanpa dapat mengubahnya, sedangkan admin
adalah back end user yaitu yang dapat mengubah data-data yang terdapat
pada aplikasi.
3.2.1.1 Use Case Diagram
Dalam merepresentasikan sekumpulan langkah (skenario) yang
saling terhubung, baik secara otomatis maupun manual, yang bertujuan
untuk menyelesaikan suatu proses bisnis, kami menggunakan use case
diagram. Adapun use case diagram dari perancangan System penyewaan
ini digambarkan sebagai berikut ini.
95
System
Ac Pelanggan
View Site
Melakukan Login
Melakukan Logout
Mengatur Produk
Mengatur News
Mengatur FAQ
Mengatur Pelanggan
Mengatur BukuTamu
Mengatur Profil
Mengatur Galeri
Memasukkan BukuTamu
Diskon
Ac Admin
Register
Ac Pengunjung
Mengatur DaftarSewa
Menyewa Produk
Gambar 3.8 Use Case Diagram Aplikasi Penyewaan
96
3.2.1.2 Class Diagram
Dalam menggambarkan data yang ada di dalam system
penyewaan ini menggunakan class diagram, seperti gambar di
bawah ini
+viewgaleri()+addgaleri()+updategaleri()+deletegaleri()
-galeri_id : Integer-galeri_name : String-category_galeri : String-galeri_image
galeri
+viewnews()+addnews()+updatenews()+deletenews()
-news_id : int-tittle : String-date : Date-content : String
news
+viewfaq()+addfaq()+updatefaq()+deletefaq()
-faq_id : Integer-faq_question : String-faq_answer : String
faq
+viewproduk()+addproduk()+updateproduk()+deleteproduk()
-productid : int-product_name : String-price : double-category : Integer-type : Integer-image-keterangan : String-jumlah : Integer
produk
+viewbukutamu()+addbukutamu()+updatebukutamu()+deletebukutamu()
-guest_id : Integer-guest : String-id_coment : String
bukutamu+login()
-username : String-password : String
login
+login()+add()+update()+delete()
-adminid : int-username : String-pasword : String
admin
+view()+register()
pengunjung
+diskon()+addproduk()+deleteproduk()+rentproduk()
-user_id : Integer-username : String-password : String-firstname : String-lastname : String-address : String-email : String-phone : String
pelanggan
+viewprofil()+updateprofil()
-username : String-password : String-firstname : String-lastname : String-address : String-email : String-phone : int
Profil *1
*
*
*
*
*
*
*
*
*
*
*
*
*
***
*
**
*
1
1 1
*
1
*
1
*
1
*
1
*
+add_sewa()+update_sewa()+delete_sewa()
-sewa_id : Integer-product_name : String-type : String-keterangan : String-price : double-jumlah : Integer-jumlah_hari : Integer-total : long-firstname : String-phone : String-event : String-place : String-rent_date : Date-return_date : Date-diskon : float
daftarsewa
1
1
*
*
Gambar 3.9 Class Diagram aplikasi Penyewaan
97
...AcPengunjung.
ObjTentangKita
viewtentangkita()
3.2.1.3 Sequence Diagram
Dalam menggambarkan serangkaian messages yang
mengalami pertukaran yang dilakukan oleh object (dapat juga
berupa actor) yang terdapat pada aplikasi penyewaan tersebut,
maka sequence diagram aplikasi ini dapat digambarkan sebagai
berikut.
..AcPengunjung.
ObjUtama
viewutama()
Gambar 3.11 Sequence Diagram Pengunjung viewTentangKita
AcPengunjung
AcPengunjung
Gambar 3.10 Sequence Diagram Pengunjung viewUtama
98
...AcPengunjung..
ObjGaleri
view galeri()
Gambar 3.12 Sequence Diagram Pengunjung viewGaleri
AcPegunjung
ObjFaq
viewfaq()
Gambar 3.13 Sequence Diagram Pengunjung viewFaq
AcPengunjung
99
AcPengunjung...
ObjKlienKami
viewklienkami()
Gambar 3.14 Sequence Diagram Pengunjung viewklienkami
..AcPengunjung..
ObjBukuTamu
viewbukutamu()
addbukutamu()
Gambar 3.15 Sequence Diagram Pengunjung viewbukutamu
AcPengunjung
AcPengunjung
100
AcPengunjung
ObjNews
viewnews()
Gambar 3.16 Sequence Diagram Pengunjung viewNews
Ac Pengunjung...
ObjRegister
register()
input username()
input password()
input nama depan()
input nama belakang()
input alamat()
input email()
input telepon()
Gambar 3.17 Sequence Diagram Pengunjung Register
AcPengunjung
101
AcPengunjung.
ObjSoundsystem
viewsoundsystem()
.AcPengunjung
ObjRigging
viewrigging()
.AcPengunjung.
viewaudiovisual()
AcPengunjung..
ObjLighting
viewlighting()
AcPelanggan
viewequipment()
ObjSoundsystem
ObjSoundsystem
Gambar 3.18 Sequence Diagram Pengunjung viewSound,Lighting, Rigging, Audiovisual
dan Equipment
AcPengunjung AcPengunjung
AcPengunjung AcPengunjung
AcPengunjung
ObjEquipmen
ObjAudioVisu
viewAudioVisualviewSoundSystem
viewLightinglviewRigging()
viewEquipment()
102
.AcPelanggan
ObjLogin
login()
Gambar 3.19 Sequence Diagram Pelanggan Login
AcPelanggan.
ObjProfile
viewprofile()
updateprofile()
Gambar 3.20 Sequence Diagram Pelanggan View dan UpdateProfil
AcPelanggan
ViewProfil()
UpdateProfil()
ObjProfil
AcPelanggan
ObjLogin
Login()
103
Ac.Pelanggan
ObjFaq.
viewfaq()
Gambar 3.21 Sequence Diagram Pelanggan ViewFaq
.Ac. Pelanggan.
ObjGallery.
viewgallery()
Gambar 3.22 Sequence Diagram Pelanggan ViewGaleri
ViewGaleri()
ObjGaler
AcPelanggan
AcPelanggan
ViewFaq()
ObjFaq
104
Ac Pelanggan.
ObjGuestBook.
viewguestbook()
addguestbook()
Gambar 3.23 Sequence Diagram Pelanggan ViewBukuTamu
AcPelanggan..
ObjProduct.
viewproduct()
addproduct()
updateproduct()
deleteproduct()
Gambar 3.24 Sequence Diagram Pelanggan Add, View, Update,
Delete Produk
AddProduk()
ViewProduk()
UpdateProduk()
DeleteProduk()
ObjProduk
AcPelanggan
ObjBukuTamu
ViewBukuTamu()
AddBukuTamu()
105
.AcPelanggan.
.ObjRental
addrental()
updaterental()
deleterental()
discount()
checkout()
,ObjCheckRental
Print()
Gambar 3.25 Sequence Diagram Pelanggan Sewa Produk
Gambar 3.26 Sequence Diagram Pelanggan viewnews
ObjDaftarsewa ObjProduk
AddProduk()
UpdateProduk()
DeleteProduk()
Diskon()
AcNews.
ObjNews.
viewnews()
AcPelanggan
106
AcPengunjung.
ObjSoundsystem
viewsoundsystem()
.AcPengunjung
ObjRigging
viewrigging()
.AcPengunjung.
viewaudiovisual()
AcPengunjung..
ObjLighting
viewlighting()
AcPelanggan
viewequipment()
ObjSoundsystem
ObjSoundsystem
Gambar 3.27 Sequence Diagram Pelanggan viewSound,Lighting, Rigging, Audiovisual
dan Equipment
AcPelanggan AcPelangga
AcPelanggan AcPelanggan
AcPelanggan
ObjEquipmen
ObjAudioVisu
viewAudioVisualviewSoundSystem
viewLightinglviewRigging()
viewEquipment(
107
Ac Admin
Login
login()
Gambar 3.28 Sequence Diagram Admin Login
ObjAdmin
.ObjProduct
addproduct()
updateproduct()
viewproduct()
deleteproduct()
Gambar 3.29 Sequence Diagram Admin Produk
ViewProduk()
AddProduk() AddProduk()
UpdateProduk()
DeleteProduk()
ObjProduk
Login()
108
ObjAdmin
.ObjProduct
addproduct()
updateproduct()
viewproduct()
deleteproduct()
ObjAdmin
.ObjProduct
addproduct()
updateproduct()
viewproduct()
deleteproduct()
ViewPelanggan()
AddProduk() AddPelanggan()
UpdatePelanggan()
DeletePelanggan()
ObjPelanggan
Gambar 3.30 Sequence Diagram Admin Pelanggan
ViewDaftarSewa()
AddProduk() AddDaftarSewa()
UpdateDaftarSewa()
DeleteDaftarSewa()
ObjDaftarSew
Gambar 3.31 Sequence Diagram Admin DaftarSewa
109
ObjAdmin.
ObjGallery
viewgallery()
addgallery()
updategallery()
deletegallery()
.ObjAdmin.
Objfaq
viewfaq()
addfaq()
updatefaq()
deletefaq()
Gambar 3.32 Sequence Diagram Admin Galeri
ViewGaleri()
AddGaleri()
UpdateGaleri()
DeleteGaleri()
ObjGaleri
Gambar 3.33 Sequence Diagram Admin Faq
ViewFaq()
AddFaq()
UpdateFaq
DeleteFaq(
110
Ac Admin.
ObjGuestBook.
viewguestbook()
addguestbook()
updateguestbook()
deleteguestbook()
AcAdmin.
ObjNews,
viewnews()
addnews()
updatenews()
deletenews()
ObjBukuTamu
ViewBukuTamu()
AddBukuTamu()
UpdateBukuTamu(
DeleteBukuTamu()
Gambar 3.35 Sequence Diagram Admin News
Gambar 3.34 Sequence Diagram Admin BukuTamu
111
Ac Admin.
ObjGuestBook.
viewguestbook()
addguestbook()
Gambar 3.36 Sequence Diagram Admin Account
3.2.1.4 Activity Diagram
Untuk memvisualisasikan interaksi di antara use case yang
berbeda, kami menggambarkan activity diagram dari usulan
prosedur sebagai berikut.
Product
/ ViewProduct
Gambar 3.37 Activity Diagram Pengunjung ViewWebsite
ObjAccount
ViewAccount()
UpdateAccount
/View Webite
Website
112
Buku Tamu
/ ViewBukuTamu
/ AddBukuTamu/ DeleteBukuTamu
Gambar 3.38 Activity Diagram Pengunjung BukuTamu
Guest Book
/ ViewGuestBook
Gambar 3.39 Activity Diagram Pengunjung Register
Pelanggan
/ Login
/ UpdateProfil/ Sewa
/ Logout
Gambar 3.40 Activity Diagram Pelanggan Login
Register
/View Register
113
DaftarSewa
/ SewaProduk
/ AddProduk/ UpdateProduk
/ DeleteProduk / Diskon
Gambar 3.41 Activity Diagram Pelanggan Sewa Produk
Profil
/ ViewProfil
/ UpdateProfil
Gambar 3.42 Activity Diagram Pelanggan ViewProfil
114
Admin
/ Login
/ Add/ Update
/ Logout
/ Delete
Gambar 3.43 Activity Diagram Admin Login
Produk
/ ViewProduk
/ AddProduk/ UpdateProduk
/ DeleteProduk
Gambar 3.44 Activity Diagram Admin Produk
115
Pelanggan
/ ViewPelanggan
/ AddPelanggan/ UpdatePelanggan
/ DeletePelanggan
Gambar 3.45 Activity Diagram Admin Pelanggan
DaftarSewa
/ ViewDaftarSewa
/ AddDaftarSewa/ UpdateDaftarSewa
/ DeleteDaftarSewa
Gambar 3.46 Activity Diagram Admin DaftarSewa
/Delete Pelanggan
116
Galeri
/ ViewGaleri
/ AddGaleri/ UpdateGaleri
/ DeleteGaleri
Gambar 3.47 Activity Diagram Admin Galeri
FAQ
/ ViewFaq
/ AddFaq/ UpdateFaq
/ DeleteFaq
Gambar 3.48 Activity Diagram Admin FAQ
117
Buku Tamu
/ ViewBukuTamu
/ AddBukuTamu/ DeleteBukuTamu
Gambar 3.49 Activity Diagram Admin BukuTamu
News
/ ViewNews
/ AddNews/ UpdateNews
/ DeleteNews
Gambar 3.50 Activity Diagram Admin News
Account
/ ViewAccount
/ UpdateAccount
Gambar 3.51 Activity Admin Account
118
3.2.2 Spesifikasi File Database
Daftar table pada database
Nama Table Deskripsi
admin Table ini digunakan untuk menyimpan data-data admin seperti username dan passwordnya
bukutamu Table ini digunakan untuk menyimpan data-data yang memberikan komentar
daftarsewa Table ini digunakan untuk menyimpan data-data penyewaan yang telah dilakukan pelanggan
faq Table ini digunakan untuk menyimpan beberapa pertanyaan mengenai tata cara penyewaan
galeri Table ini digunakan untuk menyimpan data-data galeri
news Table ini digunakan untuk menyimpan berita tentang kegiatan atau event
produk Table ini digunakan untuk menyimpan data – data produk
pelanggan Table ini digunakan untuk menyimpan data-data pelanggan
Tabel 3.1 Tabel Database
119
Tabel 3.3 Tabel bukutamu
Nama Table : admin
Primary Key : admin_id
Foreign Key : -
Keterangan : Tabel admin berisikan data tentang admin
Field Type Length Keterangan
admin_id PK tinyint 4 Auto_increment
Field ini untuk menyimpan admin_id
username varchar 20 Field ini untuk menyimpan username
password varchar 20 Field ini untuk menyimpan password
Nama Table : bukutamu
Primary Key : guest_id
Foreign Key : -
Keterangan : Tabel bukutamu berisikan data tentang bukutamu
Field Type Length Keterangan
guest_id PK tinyint 10 auto_increment
Field ini untuk menyimpan guest_id
guest varchar 30 Field ini untuk menyimpan guest
idcomment varchar 10 Field ini untuk menyimpan komentar
Tabel 3.2 Tabel admin
120
Nama Table : daftarsewa
Primary Key : sewa_id
Foreign Key : product_id
Keterangan : Tabel daftarsewa berisikan data tentang daftarsewa
Field Type Length Keterangan
sewa_id PK
tinyint 10 Auto_increment
Field ini untuk menyimpan sewa_id
product_id FK varchar 30 Field ini untuk menyimpan nama produk
type varchar 30 Field ini untuk menyimpan tipe produk
keterangan text Field ini untuk menyimpan keterangan produk
price double Field ini untuk menyimpan harga produk
jumlah int Field ini untuk menyimpan jumlah produk
jumlah_hari int Field ini untuk menyimpan jumlah hari
total double Field ini untuk menyimpan total
firstname varchar 50 Field ini untuk menyimpan namadepan
phone varchar 10 Field ini untuk menyimpan phone
event varchar 50 Field ini untuk menyimpan nama acara
rent_date varchar 50 Field ini untuk menyimpan
121
Tabel 3.4 Tabel daftarsewa
tanggal penyewaan
return_date date Field ini untuk menyimpan tanggal pengembalian
diskon float Field ini untuk menyimpan diskon
Nama Table : faq
Primary Key : faq_id
Foreign Key : -
Keterangan : Tabel faq berisikan data tentang faq
Field Type Length Keterangan
faq_id PK tinyint 2 auto_increment
Field ini untuk menyimpan faq_id
faq_question text Field ini untuk menyimpan faq question
faq_answer text Field ini untuk menyimpan faq answer
Tabel 3.5 Tabel faq
122
Nama Table : galeri
Primary Key : galeri_id
Foreign Key : -
Keterangan : Tabel galeri berisikan data tentang galeri
Nama Table : produk
Primary Key :product_id
Foreign Key : -
Keterangan : Tabel produk berisikan data tentang produk
Field Type Length Keterangan
product_id PK tinyint 10 auto_increment
Field ini untuk menyimpan product_id
product_name varchar 30 Field ini untuk menyimpan nama produk
price double Field ini untuk menyimpan harga produk
Field Type Length Keterangan
galeri_id PK tinyint 5 auto_increment
Field ini untuk menyimpan galeri_id
galeri_name varchar 30 Field ini untuk menyimpan nama galeri
category_galeri int 10 Field ini untuk menyimpan category galeri
galeri_image varchar 30 Field ini untuk menyimpan gambar galeri
Tabel 3.6 Tabel galeri
123
Tabel 3.8 Tabel News
category varchar 12 Field ini untuk menyimpan kategori produk
type varchar 30 Field ini untuk menyimpan tipe produk
image varchar 30 Field ini untuk menyimpan gambar produk
keterangan text Field ini untuk menyimpan keterangan produk
jumlah double Field ini untuk menyimpan jumlah produk
sewa varchar 20 Field ini untuk menyimpan gambar sewa produk
Nama Table : news
Primary Key : news_id
Foreign Key : -
Keterangan : Tabel news berisikan data tentang news
Field Type Length Keterangan
news_id PK tinyint 10 auto_increment
Field ini untuk menyimpan news_id
title varchar 50 Field ini untuk menyimpan judul acara
date varchar 20 Field ini untuk menyimpan tanggal acara
content text Field ini untuk menyimpan isi acara
Tabel 3.7 Tabel produk
124
Nama Table: pelanggan
Primary Key : user_id
Foreign Key : product_id
Keterangan : Tabel pelanggan berisikan data tentang pelanggan
Field Type Length Keterangan
user_id PK tinyint 10 auto_increment
Field ini untuk menyimpan user_id
username varchar 30 Field ini untuk menyimpan username
password varchar 30 Field ini untuk menyimpan password
firstname varchar 12 Field ini untuk menyimpan firstname
lastname varchar 20 Field ini untuk menyimpan lastname
address varchar 30 Field ini untuk menyimpan address
email text Field ini untuk menyimpan email
phone varchar 10 Field ini untuk menyimpan phone
product_id FK tinyint 4 Field ini untuk menyimpan product_id
Tabel 3.9 Tabel pelanggan
125
3.2.3 Entity Relationship Diagram (ERD)
Pemodelan data yang digunakan dalam menggambarkan data
yang berhubungan dengan entity dan relationship dideskripsikan oleh
data-data di sub bab sebelunya akan digambarkan erd nya dibawah ini:
Admin
PK admin_id
usernamepassword
News
PK news_id
tittledatecontent
Produk
PK product_id
product_namepricecategorytypeimageketeranganjumlah
Buku Tamu
PK guest_id
id_guestid_comment
Faq
PK faq_id
faq_questionfaq_answer
Galeri
PK galeri_id
galeri_namecategory_galerigaleri_image
Pelanggan
PK,FK1 product_idPK user_id
usernamepasswordfirstnamelastnameaddressemailphonesewa
Daftar Sewa
PK sewa_idPK,FK2 product_id
product_nametypeketeranganpricejumlahjumlah_haritotalfirstnamephoneeventplacerent_datereturn_datediskon
Gambar 3.52 Entity Relationship Diagram
126
3.2.4 Perancangan Menu Utama
3.2.4.1 Struktur Menu Utama
Pada awal pengunjung masuk ke aplikasi, tentu langsung
akan menuju utama sebagai halaman utamanya. Dari sini tanpa
harus mendapatkan hak akses langsung bisa mengakses tentang
kita, galeri, FAQ, Klien Kami, Buku Tamu, Hubungi Kami,
Login, Produk dan News.
Menu Utama
Utama Galeri FAQBukuTamu
HubungiKami Produk
View Faq ViewProduk
ViewGaleri
View BukuTamu
AddBukuTamu
ViewHubungi
Kami
ViewSound
ViewLighting
ViewRigging
ViewAudioVisual
ViewEquipment
ViewUtama
News
ViewNews
TentangKita
ViewTentang
Kita
KlienKami
ViewKlienKami
Gambar 3.53 Struktur Menu Utama
127
3.2.4.2 Struktur Menu Pelanggan
Setelah melakukan login, terutama yang mendapat hak
akses sebagai pelanggan, dibawah ini bisa dilihat menu apa saja
yang bisa di akses:
Login
Utama Galeri FAQ ProfilBukuTamu
HubungiKami
ViewProfl
Produk
EditProfl
View Faq ViewProduk
ViewGaleri
View BukuTamu
AddBukuTamu
ViewHubungi
Kami
ViewSound
ViewLighting
ViewRigging
ViewAudioVisual
ViewEquipment
ViewUtama
News
ViewNews
TentangKita
ViewTentang
Kita
KlienKami
ViewKlienKami
DaftarSewa
ViewDaftarSewa
SewaHistory
ViewSewa
History
Gambar 3.54 Struktur Menu Pelanggan
3.2.4.3 Struktur Menu Admin
Setelah melakukan login, terutama yang mendapat hak
akses sebagai admin, dibawah ini bisa dilihat menu apa saja yang
bisa diakses oleh admin :
128
Login
Produk Galeri
AddProduk
ViewProduk
EditProduk
DeleteProduk
AddGaleri
DeleteGaleri
EditGaleri
ViewGaleri
Pelanggan
AddPelanggan
ViewPelanggan
EditPelanggan
DeletePelanggan
Daftar Sewa
AddDaftar Sewa
ViewDaftar Sewa
EditDaftar Sewa
DeleteDaftar Sewa
FAQ
AddFAQ
DeleteFAQ
EditFAQ
ViewFAQ
BukuTamu
AddBukuTamu
DeleteBukuTamu
EditBukuTamu
ViewBukuTamu
News
AddNews
DeleteNews
EditNews
ViewNews
Account
UpdateAccount
3.2.5 Perancangan Layar
Perancangan layar yang diperlukan dalam aplikasi ini secara
umum terbagi ke dalam 3 macam hak akses. Tetapi semuanya itu
sebenarnya dapat diakses oleh hak akses tertinggi yaitu admin. Dengan
demikian perancangan layar yang dilakukan adalah berdasarkan hak
akses admin agar terlihat lebih umum sehingga bisa digunakan untuk hak
akses yang lainnya.
Gambar 3.55 Struktur Menu Login Admin
129
Gambar 3.56 Rancangan layar Secara Umum
1. Rancangan layar Secara Umum
Halaman ini merupakan rancangan layar secara umum aplikasi
penyewaan Princess Pada rancangan layar umum terdapat bagian-
bagian sebagai berikut:
• Header : bagian ini terdiri dari logo perusahaan Princess Sound and
Lighting dan search bar.
• MenuBar : bagian ini merupakan navigasi dari aplikasi tersebut, dan
terdiri dari link-link yang disesuaikan dengan hak akses atau
authority setiap spesifikasi pelanggan.
• Content : bagian ini merupakan bagian isi dari setiap halaman
tampilan, disesuaikan dengan keperluan.
Menu
Content
MenuMenuMenuMenuMenu
Footer
HeaderLogo
Menu News
Search... Go
Menu
130
Gambar 3.57 Rancangan layar Utama
• Footer : bagian ini merupakan identitas perusahaan serta identitas
pembuat aplikasi penyewaan tersebut.
2. Rancangan layar Utama
Halaman ini merupakan halaman Utama dari website Princess Sound
and Lighting.
Faq LoginHubungi KamiKlien KamiTentang KitaUtama
Footer
HeaderLogo
Search... Go
Image
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Buku TamuGaleri
131
Gambar 3.58 Rancangan layar Tentang Kita
3. Rancangan layar Tentang Kita
Halaman ini merupakan halaman Tentang Kita website Princess Sound
and Lighting.
Footer
HeaderLogo
Search... Go
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Tentang Kita
Logo
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
132
Gambar 3.59 Rancangan layar Galeri
4. Rancangan layar Galeri
Halaman ini merupakan halaman Galeri dari website Princess Sound
and Lighting.
Footer
HeaderLogo
Search... Go
GaleriProduk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Image
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
Image
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
133
Gambar 3.60 Rancangan layar Klien Kami
5. Rancangan layar Klien Kami
Halaman ini merupakan halaman Klien Kami dari website Princess
Sound and Lighting.
Footer
HeaderLogo
Search... Go
Klien Kami
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
134
Gambar 3.61 Rancangan layar Faq
6. Rancangan layar Faq
Halaman ini merupakan halaman FAQ dari website Princess Sound
and Lighting.
Footer
HeaderLogo
Search... Go
Frequently Ask Question
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
135
Gambar 3.62 Rancangan layar Buku Tamu
7. Rancangan layar Buku Tamu
Halaman ini merupakan halaman Buku Tamu dari website Princess
Sound and Lighting.
Footer
HeaderLogo
Search... Go
Buku Tamu
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Name : Message : Submit
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
136
Gambar 3.63 Rancangan layar Hubungi Kami
8. Rancangan layar Hubungi Kami
Halaman ini merupakan halaman Hubungi Kami dari website Princess
Sound and Lighting.
Footer
HeaderLogo
Search... Go
Hubungi Kami
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxx
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxx
xxxxxx : xxxxxxxxx
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
xxxxxx : xxxxxxxxx
137
Gambar 3.64 Rancangan layar Produk
9. Rancangan layar Produk
Footer
HeaderLogo
Search... Go
Image
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Sound System
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
xxxxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxx : xxxxxxxxx
xxxxxx : xxxxxxxxx
xxxxxx : xxxxxxxxx
Halaman ini merupakan halaman Produk dari website Princess Sound
and Lighting.
138
Gambar 3.65 Rancangan layar Produk Detail
10. Rancangan layar ProdukDetail
Halaman ini merupakan halaman Produk Detail dari website Princess
Sound and Lighting.
Footer
HeaderLogo
Search... Go
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Image Name Merk Price Keterangan Sewa
xxxxxxxxx xxxxxxxxx Rp . xxxxx xxxxxxxxx SewaImage
xxxxxxxxx xxxxxxxxx Rp . xxxxx xxxxxxxxx SewaImage
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
xxxxxxx >> xxxxxx
139
Gambar 3.66 Rancangan layar News
11. Rancangan layar News
Halaman ini merupakan halaman News dari website Princess Sound
and Lighting.
Footer
HeaderLogo
Search... Go
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxx
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
140
Gambar 3.67 Rancangan layar Search
12. Rancangan layar Search
Faq LoginHubungiKlien KamiTentang KitaUtama
Footer
HeaderLogo
xxxxxxxx Go
Image
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Buku TamuGaleri
Halaman Search bisa dilakukan di halaman apapun di website Princess
Sound and Lighting, dengan memasukkan kata kunci di textbox search di
pojok kanan atas.
141
Gambar 3.68 Rancangan layar Hasil Search Produk
13. Rancangan layar Hasil Search Produk
Halaman ini menampilkan halaman Hasil Search Produk dari website
Princess Sound and Lighting.
Footer
HeaderLogo
Search... Go
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Search Result For '' xxxxxxx "
Image Name Merk Price Keterangan Rental
xxxxxxxxx xxxxxxxxx Rp . xxxxx xxxxxxxxx Add to CartImage
Image Name Merk Price Keterangan Rental
xxxxxxxxx xxxxxxxxx Rp . xxxxx xxxxxxxxx Add to CartImage
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
142
Gambar 3.69 Rancangan layar Login Pelanggan
14. Rancangan layar Login Pelanggan
Halaman ini merupakan halaman Login dari website Princess Sound
and Lighting.
Footer
HeaderLogo
Search... Go
Username
Password
Login Pelanggan
Login
Forgot your password
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
Reset
Register
143
Gambar 3.70 Rancangan layar Login Pelanggan Salah
15. Rancangan layar Login Pelanggan Salah
Halaman ini merupakan halaman Login, jika pelanggan salah
menginput username dan password pada website Princess Sound and
Lighting akan memberikan pesan kesalahan.
Footer
HeaderLogo
Search... Go
Username
Password
Login Pelanggan
Login
Lupa Password
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Faq LoginHubungi KamiKlien KamiTentang KitaUtama Buku TamuGaleri
Reset
Register
Wrong Username or Password
144
Gambar 3.71 Rancangan layar Utama Pelanggan
16. Rancangan layar Utama Pelanggan
Halaman ini merupakan halaman Utama Pelanggan dari website
Princess Sound and Lighting setelah selesai proses login.
Logout
Footer
HeaderLogo
Search... Go
Image
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Profil Sewa HistoryDaftar SewaHubungi KamiFaqBuku TamuGaleriTentang KitaUtama
145
Gambar 3.72 Rancangan layar View Profil Pelanggan
17. Rancangan layar View Profil Pelanggan
Halaman ini merupakan halaman View Profil Pelanggan dari website
Princess Sound and Lighting.
Footer
HeaderLogo
Search... Go
First Name :
Address :
User Name :
Telpphone :
xxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Password : xxxxxxxxxxxxx
Last Name : xxxxxxxxxxxxx
Edit
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Email : xxxxxxxxxxxxx
LogoutProfil Sewa HistoryDaftar SewaHubungi KamiFaqBuku TamuGaleriTentang KitaUtama
146
Gambar 3.73 Rancangan layar Edit Profil Pelanggan
18. Rancangan layar Edit Profil Pelanggan
Halaman ini merupakan halaman Edit Profil pelanggan dari website
Princess Sound and Lighting.
Footer
HeaderLogo
Search... Go
First Name :
Address :
User Name :
Telpphone :
xxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Password : xxxxxxxxxxxxx
Last Name : xxxxxxxxxxxxx
Submit
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Email : xxxxxxxxxxxxx
LogoutProfil Sewa HistoryDaftar SewaHubungi KamiFaqBuku TamuGaleriTentang KitaUtama
147
Gambar 3.74 Rancangan layar Daftar Sewa Pelanggan
19. Rancangan layar Daftar Sewa Pelanggan
.
Halaman ini merupakan halaman Daftar Sewa Pelanggan dengan
melakukan proses update untuk total produk yang di sewa, button
produk untuk kembali sewa produk yang diinginkan dan button
checkout untuk lanjutkan proses sewa selanjutnya dari website Princess
Sound and Lighting.
Footer
HeaderLogo
Search... Go
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
No Name Merk Keterangan total Action
xxxxxx Rp.xxxxx
Daftar Sewa
xx
Harga
xxxx
xxxxx
xx
xxxx
Update
Total Sewa Rp. xxxxxxx Check OutProduk
x
x
Disc xx% Rp. xxxxxxx
Delete
Delete
LogoutProfil Sewa HistoryDaftar SewaHubungi KamiFaqBuku TamuGaleriTentang KitaUtama
Jumlah Hari
Rp.xxxx
xx
xxxxxx
xxxxxxxx
xxxx
148
Gambar 3.75 Rancangan layar Konfirmasi Daftar Sewa Pelanggan
20. Rancangan layar Konfirmasi Daftar Sewa Pelanggan
Halaman ini merupakan halaman Konfirmasi Daftar Sewa pelanggan
dari website Princess Sound and Lighting.
Footer
HeaderLogo
Search... Go
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
Daftar Sewa
Name :
Tempat Acara :
Telephone :
Handphone :
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Nama Acara : xxxxxxxxxxxxx
xxxxxxxxxxxxx
Tanggal Acara Mulai :
xxxxxxxxxxxxxxxxxxxxxxxxxx
Tanggal Acara Akhir :
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Cara Pembayaran : Transfer Rekening : xxxxxxxxxxxxxx
LogoutProfil Sewa HistoryDaftar SewaHubungi KamiFaqBuku TamuGaleriTentang KitaUtama
No Name Merk Keterangan total Action
xxxxxx Rp.xxxxx
Harga
xxxx
xxxxx xxxx
Total Sewa Rp. xxxxxxx Check Out
x
x
Disc xx% Rp. xxxxxxx
Delete
Delete
Jumlah Hari
Rp.xxxxxxxx
xxxxxxxx
xxxx
xx
xx
xx
xx
149
Gambar 3.76 Rancangan layar Printout Daftar Sewa Pelanggan
21. Rancangan layar Printout Daftar Sewa Pelanggan
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Halaman ini merupakan halaman printout Daftar Sewa Pelanggan dari
website Princess Sound and Lighting.
150
Gambar 3.77 Rancangan layar Daftar Sewa History Pelanggan
22. Rancangan layar Sewa History Pelanggan
.
Halaman ini merupakan halaman Sewa History Pelanggan yang mana
isi dari halaman ini untuk mengetahui penyewaan yang pernah
dilakukan oleh pelanggan.
Footer
HeaderLogo
Search... Go
Produk
Sound System
Lighting
Rigging Stage
Audio Visual
Equipment
Top News
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Search
No Name Merk Keterangan
xxxxxx
Rp . xxxxx
Sewa History
Harga
xxxx
xxxxx
Rp . xxxxx
xxxx
x
x
LogoutProfil Sewa HistoryDaftar SewaHubungi KamiFaqBuku TamuGaleriTentang KitaUtama
Jumlah
xxxx
xxxxxxxx
xxxx
xx
xx
151
Gambar 3.78 Rancangan layar Login Admin
23. Rancangan layar Login Admin
Halaman ini merupakan halaman Login Admin dari website Princess
Sound and Lighting.
Login Administrator
Username
Password
Login
Logo
Reset
152
Gambar 3.79 Rancangan layar Utama Admin
24. Rancangan layar Utama Admin
Halaman ini merupakan halaman utama Admin dari website Princess Sound
and Lighting setelah admin melakukan proses login.
Logo
Welcome Administrator
xxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@xxxxxxxxxxxxxxxxxx
Logout
Pelangan
DaftarSewa
Galeri
FAQ
News
Produk
Home
Buku Tamu
Account
153
Gambar 3.80 Rancangan layar Add Produk Admin
25. Rancangan layar Add Produk Admin
Halaman ini merupakan halaman Add Produk Admin dari website Princess
Sound and Lighting.
Logo
Logout
Add Produk
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Nama Produk
Category
Type
Keterangan
Jumlah :
Harga Produk
Submit
xxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Gambar xxxxxxxxxxxxxxxxxxxxxx Browse
154
Gambar 3.81 Rancangan layar Manage Produk Admin
26. Rancangan layar Manage Produk Admin
Halaman ini merupakan halaman Manage Produk Admin dari website
Princess Sound and Lighting.
Logo
Logout
Manage Produk
Nama Produk Harga Produk Category Action
xx xxxxxxxxxxxx xxxxxxxx xx
xx xxxxxxxxxxxx xxxxxxxx xx
xx xxxxxxxxxxxx xxxxxxx xx
xx xxxxxxxxxxxx xxxxxxxx xx
xx xxxxxxxxxxxx xxxxxxx xx
xx xxxxxxxxxxxx xxxxxx xx
xx xxxxxxxxxxxx xxxxxxx xx
xx xxxxxxxxxxxx xxxxxx xx
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
Type
xx
xx
xx
xx
xx
xx
xx
xx
Jumlah
xx
xx
xx
xx
xx
xx
xx
xx
Gambar
xx
xx
xx
xx
xx
xx
xx
xx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
No
xx
xx
xx
xx
xx
xx
xx
xx
Keterangan
xx
xx
xx
xx
xx
xx
xx
xx
Deleted Checked
155
Gambar 3.82 Rancangan layar Edit Produk Admin
27. Rancangan layar Edit Produk Admin
Halaman ini merupakan halaman Edit Produk Admin dari website Princess
Sound and Lighting.
Logo
Logout
Nama Produk
Category
Type
Keterangan
Jumlah
Harga Produk
Submit
xxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Gambar xxxxxxxxxxxxxxxxxxxxxx
Edit Produk
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Browse
156
Gambar 3.83 Rancangan layar Add Pelanggan Admin
28. Rancangan layar Add Pelanggan Admin
Halaman ini merupakan halaman Add Pelanggan Admin dari website Princess
Sound and Lighting.
Logo
Logout
Pelanggan
Add
Manage
Add Pelanggan
Username
Nama Depan
Nama Belakang
Alamat
Password
Submit
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Telepon
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
157
Gambar 3.84 Rancangan layar Manage Pelanggan Admin
29. Rancangan layar Manage Pelanggan Admin
Logo
Logout
Manage Pelanggan
No Username Password Nama Depan Alamat Email Action
xx xxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx
xx xxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx
xx xxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx
xx xxxxxxx xxxxxxxxxx xxxxxxxxx xxxxxxxx
xx xxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx
xx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxx
xx xxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx
xx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxx
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
Pelanggan
Add
Manage
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Nama Belakang
xxxxxxxxx
xxxxxxxxx
xxxxxxxxx
xxxxxxxxxx
xxxxxxxxx
xxxxxxxx
xxxxxxxxx
xxxxxxxx
xxxxxxxxx
xxxxxxxxx
xxxxxxxxx
xxxxxxxxxx
xxxxxxxxx
xxxxxxxx
xxxxxxxxx
xxxxxxxx
Telepon
xxxxxxxx
xxxxxxxx
xxxxxxxx
xxxxxxxx
xxxxxxxx
xxxxxxxx
xxxxxxxx
xxxxxxxx
Deleted Checked
xx
xx
xx
xx
xx
xx
xx
xx
xx
Halaman ini merupakan halaman Manage Pelanggan Admin dari website
Princess Sound and Lighting.
158
Gambar 3.85 Rancangan layar Edit Pelanggan Admin
30. Rancangan layar Edit Pelanggan Admin
Halaman ini merupakan halaman Edit Pelanggan Admin dari website
Princess Sound and Lighting.
Logo
Logout
Edit Pelanggan
Pelanggan
Add
Manage
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Username
Nama Depan
Nama Belakang
Alamat
Password
Submit
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxTelepon
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
159
Gambar 3.86 Rancangan layar Add Daftar Sewa Admin
31. Rancangan layar Add Daftar Sewa Admin
Logo
Logout
Add Daftar Sewa
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Nama
Merk
Keterangan
Harga
Total
Nama Alat
Submit
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Hari xxxxxxxxxxxxxxxxxxxxxx
Status xxxxxxxxxxxxxxxxxxxxxx
Jumlah xxxxxxxxxxxxxxxxxxxxxx
Tanggal Pinjam xxxxxxxxxxxxxxxxxxxxxx
Tanggal Balik xxxxxxxxxxxxxxxxxxxxxx
Halaman ini merupakan halaman Add Daftar Sewa pelanggan Admin dari
website Princess Sound and Lighting.
160
Gambar 3.87 Rancangan layar Manage Daftar Sewa Admin
32. Rancangan layar Manage Daftar Sewa Admin
Halaman ini merupakan halaman Manage Daftar Sewa Admin dari
website Princess Sound and Lighting.
Logo
Logout
Manage Daftar Sewa
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
TotalHariHarga
DeleteEdit
No Nama Nama Alat Merk / Type Keterangan Jumlah Action
xxxxxxxxxxxxxx xxxxx xxxxxxx xxxxxx xxxxxxx x
xxxxxxxxxxxxxxx xxxxxx xxxxxxx xxxxxx xxxxxxx x
xxxxxxx
Deleted Checked
xxxxxxxxx xxxxxxx xxxxxx xxxxxx xxxxxxx x
DeleteEdit
DeleteEdit
DeleteEditxxxxxxxxxxxxx xxxxxxx xxxxx xxxxxxx xxxxxxx x
xxxxxxxxxxxxxxx xxxxx xxxxxxx xxxxxx xxxxxxx x
xxxxxxxxxxxxxxx xxxxx xxxxxx xxxxxx xxxxxxx x
xxxxxxxxxxxxxx xxxxx xxxxxxx xxxxxxx xxxxxxx x
DeleteEdit
DeleteEdit
DeleteEdit
161
Gambar 3.88 Rancangan layar Edit Daftar Sewa Admin
33. Rancangan layar Edit Daftar Sewa Admin
Logo
Logout
Add Daftar Sewa
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Nama
Merk
Keterangan
Harga
Total
Nama Alat
Submit
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Hari xxxxxxxxxxxxxxxxxxxxxx
Status xxxxxxxxxxxxxxxxxxxxxx
Jumlah xxxxxxxxxxxxxxxxxxxxxx
Tanggal Pinjam xxxxxxxxxxxxxxxxxxxxxx
Tanggal Balik xxxxxxxxxxxxxxxxxxxxxx
Halaman ini merupakan halaman Edit Daftar Sewa Pelanggan Admin dari
website Princess Sound and Lighting.
162
Gambar 3.89 Rancangan layar Add Galeri Admin
34. Rancangan layar Add Galeri Admin
Halaman ini merupakan halaman Add Galeri Admin dari website Princess
Sound and Lighting.
Logo
Logout
Add Galeri
Category Galeri
Nama Galeri
Submit
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxx
Gambar Galeri xxxxxxxxxxxxxxxxxxxxxx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
browse
163
Gambar 3.90 Rancangan layar Manage Galeri Admin
35. Rancangan layar Manage Galeri Admin
Halaman ini merupakan halaman Manage Galeri Admin dari website
Princess Sound and Lighting.
Logo
Logout
Manage Galeri
No Nama Galeri Category Galeri Gambar Galeri
xx xxxxxx xx xxxxxxx
xx xxxxxx xx xxxxxx
xx xxxxxxx xx xxxxxxx
xx xxxxxxx xx xxxxxxxx
Action
edit delete
edit delete
edit delete
edit deletePelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Deleted Checked
164
Gambar 3.91 Rancangan layar Edit Galeri Admin
36. Rancangan layar Edit Galeri Admin
Halaman ini merupakan halaman Edit Galeri Admin dari website Princess
Sound and Lighting.
Logo
Logout
Edit Galeri
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Category Galeri
Nama Galeri
Submit
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxx
Image xxxxxxxxxxxxxxxxxxxxxx browse
165
Gambar 3.92 Rancangan layar Add FAQ Admin
37. Rancangan layar Add FAQ Admin
Halaman ini merupakan halaman Add FAQ Admin dari website Princess
Sound and Lighting.
Logo
Logout
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
AddFAQ
Question
Answer
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Submit
xxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxx xxx
166
Gambar 3.96 Rancangan layar Manage Faq Admin
Gambar 3.93 Rancangan layar Manage FAQ Admin
38. Rancangan layar Manage FAQ Admin
Halaman ini merupakan halaman Manage FAQ Admin dari website
Princess Sound and Lighting.
Logo
Logout
Manage Faq
Faq AnswerFaq QuestionNo Action
edit delete
edit delete
edit delete
edit delete
edit delete
xxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xx
xx
xx
xx
xx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
o
o
o
o
o
o
Deleted Checked
167
Gambar 3.94 Rancangan layar Edit Faq Admin
39. Rancangan layar Edit FAQ Admin
Halaman ini merupakan halaman Edit FAQ Admin dari website Princess
Sound and Lighting.
Logo
Logout
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Edit FAQ
Question
Answer
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Submit
xxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxx xxx
168
Gambar 3.95 Rancangan layar Add Buku Tamu Admin
40. Rancangan layar Add Buku Tamu Admin
Halaman ini merupakan halaman Add Buku Tamu Admin dari website
Princess Sound and Lighting.
Logo
Logout
Add Buku Tamu
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Pesan
Nama
Submit
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
169
Gambar 3.96 Rancangan layar Manage Buku Tamu Admin
41. Rancangan layar Manage Buku Tamu Admin
Halaman ini merupakan halaman Manage Buku Tamu Admin dari website
Princess Sound and Lighting.
Logo
Logout
Manage Buku Tamu
PesanNama Action
edit delete
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Deleted Checked
xxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
edit
edit
edit
delete
delete
delete
No
xx
xx
xx
xx
xx
xx
xx
xx
170
Gambar 3.97 Rancangan layar Edit Buku Tamu Admin
42. Rancangan layar Edit Buku Tamu Admin
Halaman ini merupakan halaman Edit Buku Tamu Admin dari website
Princess Sound and Lighting.
Logo
Logout
Edit Buku Tamu
Pesan
Nama
Submit
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
171
Gambar 3.98 Rancangan layar Add News Admin
43. Rancangan layar Add News Admin
Halaman ini merupakan halaman Add News Admin dari website Princess
Sound and Lighting untuk menambahkan news di halaman utama Princess
Sound and Lighting
Logo
Logout
Add News
Title :
Content :
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Submit
xxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxx xxx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
172
Gambar 3.99 Rancangan layar Manage News Admin
44. Rancangan layar Manage News Admin
Halaman ini merupakan halaman Manage News Admin dari website
Princess Sound and Lighting yang berguna untuk melakukan pengaturan
seperti edit dan delete terhadap news yang ingin dipublish ke website.
Logo
Logout
Manage News
No No Title Action
xx xxxxxxxxxxxx
xx xxxxxxxxxxxx
xx xxxxxxxxxxxx
xx xxxxxxxxxxxx
xx xxxxxxxxxxxx
xx xxxxxxxxxxxx
xx xxxxxxxxxxxx
xx xxxxxxxxxxxx
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
edit delete
Content
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
Date
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
Deleted Checked
173
Gambar 3.100 Rancangan layar Edit News Admin
45. Rancangan layar Edit News Admin
Halaman ini merupakan halaman Edit News Admin dari website Princess
Sound and Lighting.
Logo
Logout
Edit News
Title :
Content :
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Submit
xxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxx xxx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Add
Manage
174
Gambar 3.101 Rancangan layar Account Admin
46. Rancangan layar Account Admin
Halaman ini merupakan halaman Account Admin dari website Princess
Sound and Lighting.
Logo
Logout
Edit Account
Password*
Username
Change
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxx
Pelanggan
Home
DaftarSewa
Galeri
FAQ
News
Produk
Buku Tamu
Account
Password Confirm* xxxxxxxxxxxxxxxxxxxxxx
175
3.2.6 Spesifikasi Proses
3.2.6.1 Spesifikasi Proses Pengunjung
1. Halaman Utama
Tampilkan halaman Utama
Pilih Tentang Kita
Tampilkan halaman Tentang Kita
Pilih Galeri
Tampilkan halaman Galeri
Pilih Klien Kami
Tampilkan halaman Klien Kami
Pilih FAQ
Tampilkan halaman FAQ
Pilih Buku Tamu
Tampilkan halaman Buku Tamu
Pilih Hubungi Kami
Tampilkan halaman Hubungi Kami
Pilih Produk
Tampilkan halaman Produk
Pilih Login
Tampilkan halaman Login
Pilih News
Tampilkan halaman News
Akhiri pilihan Menu
Akhir proses halaman Utama
176
2. Proses Halaman Galeri
Lakukan Pilihan Menu
Tampilkan halaman Galeri
Pilih Ceremonial
Tampikan halaman Ceremonial
Pilih Confrence
Tampikan halaman Confrence
Pilih Exhibition
Tampikan halaman Exhibition
Pilih Seminar
Tampikan halaman Seminar
Pilih Launching
Tampikan halaman Launching
Akhir lakukan pilihan Galeri
Akhir proses halaman Galeri
3. Proses Halaman Buku Tamu
Lakukan pilihan Menu
Pilih Buku Tamu
Pengunjung mengetik Nama
Pengunjung mengetik Pesan
Jika akses Pelanggan Submit maka
Isi Nama dan Pesan akan dikirim
Akhir jika
Akhir proses Buku Tamu
Akhir proses Menu
177
4. Proses Halaman Produk
Lakukan Pilihan Menu
Pilih Produk
Tampilkan halaman Produk
Pilih Sound System
Tampikan halaman Sound System
Pilih Lighting
Tampikan halaman Lighting
Pilih Rigging
Tampikan halaman Rigging
Pilih Audio Visual
Tampikan halaman Audio Visual
Akhir lakukan pilihan Produk
Akhir proses halaman Produk
5. Proses Halaman Search
Lakukan Pilihan Menu
Pilih Search
Masukkan Keyword yang dicari
Jika pelanggan Akses Go
Periksa Validasi
Jika inputan Search tidak terisi maka
Tampilkan Pesan Kesalahan
Selain itu
Tampilkan Keyword yang dicari
Akhir jika
Akhir proses Search
178
3.2.6.2 Spesifikasi Proses Pelanggan
1. Proses Login Pelanggan
Tampilkan halaman Login
Masukkan Username, Password
Jika Login Valid
Tampilkan halaman Utama sesudah Login
Selain itu
Tampilkan Pesan Kesalahan
Akhir jika
Akhir proses Login
2. Proses Lupa Password
Jika pelanggan Lupa Password maka
Tampilkan halaman Lupa Password
Minta pelanggan menginput Email
Jika pelanggan akses Send maka
Periksa Input
Jika input valid maka
Password akan dikirim ke email pelanggan
Jika input tidak valid maka
Tampilkan halaman Lupa Password
Akhir jika
Akhir jika
Akhir proses lupa Password Pelanggan
179
3. Halaman Home sesudah Login
Tampilkan halaman index
Pilih Utama
Tampilkan halaman Tentang Kita
Pilih Galeri
Tampilkan halaman Galeri
Pilih Klien Kami
Tampilkan halaman Klien Kami
Pilih Faq
Tampilkan halaman FAQ
Pilih Buku Tamu
Tampilkan halaman Buku Tamu
Pilih Hubungi Kami
Tampilkan halaman Hubungi Kami
Pilih Profil
Tampilkan halaman Profil
Pilih Daftar Sewa
Tampilkan halaman Daftar Sewa
Pilih Sewa History
Tampilkan halaman Sewa History
Pilih Logout
Tampilkan halaman Utama
Pilih News
Tampilkan halaman News
Akhiri pilihan Menu
Akhir proses halaman Utama
180
4. Proses Edit Profil Pelangaan
Jika pilih Profil maka
Tampilkan halaman Profil Pelanggan
Pelanggan lakukan Edit
Jika Pelanggan akses Submit maka
Edit Informasi Pribadi
Informasi Pribadi Diupdate
Akhir Jika
Akhir proses Profil
5. Proses Halaman Produk
Lakukan Pilihan Menu
Pilih produk
Tampilkan halaman Produk
Pilih Sound System
Tampikan halaman Sound System
Pilih Lighting
Tampikan halaman Lighting
Pilih Rigging
Tampikan halaman Rigging
Pilih Audio Visual
Tampikan halaman Audio Visual
Pilih Equipment
Tampikan halaman Equipment
Akhir lakukan pilihan Menu
Akhir proses halaman Produk
181
6. Proses sewa Pelangaan
Jika pilih Produk maka
Tampilkan halaman Produk
Pilih Produk
Jika tekan Sewa
Tambahkan produk ke dalam Daftar Sewa
Akhir jika
Akhir proses Produk
7. Proses Daftar Sewa
Tampilkan halaman Produk yang sudah di Sewa
Jika tekan Update
Ubah Jumlah Produk
Ubah total Diskon
Ubah Total Harga
Selain itu
Jika tekan delete
Hapus Produk yang disewa
Ubah total Produk yang disewa
Ubah total Diskon yang disewa
Ubah jumlah Produk yang disewa
Selain itu
Jika tekan Sewa
Tampilkan halaman Produk
Akhir jika
Jika tekan Checkout
Tampilkan Produk
182
Tampilkan Total Produk
Tampilkan Jumlah Produk
Selain itu
Jika tekan Print
Cetak Produk
Cetak jumlah Produk
Cetak total Produk
Cetak total Diskon
Akhir jika
Tambahkan Produk ke dalam Daftar Sewa
Akhir jika
Akhir proses Daftar Sewa
8. Proses Print
Tampilkan halaman Invoice
Jika pelanggan akses Print ini maka
Cetak Invoice
Akhir jika
Akhir proses Print
9. Proses Halaman Buku Tamu
Lakukan pilihan Menu
Pilih Buku Tamu
Pengunjung mengetik Nama
Pengunjung mengetik Pesan
Jika akses Pelanggan Submit maka
Isi Nama dan Pesan akan dikirim
Akhir jika
Akhir proses Buku Tamu
183
Akhir proses Menu
10. Proses Halaman Search
Lakukan Pilihan Menu
Pilih Search
Masukkan Keyword yang dicari
Jika Pelanggan Akses Go
Periksa Validasi
Jika inputan Search tidak diisi
Tampilkan Pesan Kesalahan
Selain itu
Tampilkan Keyword yang dicari
Akhir jika
Akhir proses Search
3.2.6.3 Spesifikasi Proses Admin
1. Proses Login Admin
Tampilkan Halaman Login
Masukkan Username, Password
Jika Login Valid
Tampilkan halaman Utama sesudah Login
Selain itu
Tampilkan Pesan Kesalahan
Akhir jika
Akhir proses Login
184
2. Proses Halaman Index Admin
Tampilkan halaman Admin
Lakukan pilihan Menu
Tampilkan halaman Utama
Pilih Produk
Tampikan halaman Produk
Pilih Pelanggan
Tampikan halaman Pelanggan
Pilih Daftar Sewa
Tampikan halaman Daftar Sewa
Pilih Galeri
Tampikan halaman Galeri
Pilih FAQ
Tampikan halaman FAQ
Pilih Buku Tamu
Tampikan halaman Buku Tamu
Pilih News
Tampikan halaman News
Pilih Account
Tampikan halaman Account
Akhir lakukan pilihan Menu
Akhir proses halaman Admin
3. Proses Halaman Add Produk
Tampilkan halaman Produk
Jika admin akses Add Produk maka
Tampilkan halaman Add Produk
Admin menginput nama, type, jumlah, keterangan, upload
185
Jika Admin akses Submit maka
Proses Add Produk dijalankan
Tampilkan halaman Produk
Akhir jika
Akhir jika
Akhir proses Add Produk
4. Proses Halaman Manage Produk
Tampilkan halaman Produk
Jika Admin akses Manage maka
Tampilkan halaman Produk
Jika Admin maka akses Edit Produk maka
Panggil proses Edit
Edit Produk akan disimpan
Tampilkan halaman Produk
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data Produk akan terhapus
Tampilkan halaman Produk
Akhir jika
Akhir proses Edit Produk
Akhir proses Delete Produk
Akhir proses Manage Produk
5. Proses Halaman Add Pelanggan
Tampilkan halaman Pelanggan
Jika Admin akses Add Pelanggan maka
Tampilkan halaman Add Pelanggan
186
Admin menginput first name, last name, address, telephone, password
Jika Admin akses Submit maka
Proses Add Pelanggan dijalankan
Tampilkan halaman Pelanggan
Akhir jika
Akhir proses Add Pelanggan
6. Proses Halaman Manage Pelanggan
Tampilkan halaman Pelanggan
Jika Admin akses Manage maka
Tampilkan halaman Pelanggan Detail
Jika Admin maka akses Edit Pelanggan maka
Panggil proses Edit
Edit Pelanggan akan disimpan
Tampilkan halaman Pelanggan
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data Pelanggan akan terhapus
Tampilkan halaman Pelanggan
Akhir jika
Akhir proses Edit Pelanggan
Akhir proses Delete Pelanggan
Akhir proses Manage Pelanggan
7. Proses Halaman Add Daftar Sewa
Tampilkan halaman Daftar Sewa
Jika Admin akses Add Daftar Sewa maka
Tampilkan halaman Add Daftar Sewa
187
Admin menginput nama, nama alat, merk, keterangan, harga, jumlah, hari, total
Jika Admin akses Submit maka
Proses Add Daftar Sewa dijalankan
Tampilkan halaman Daftar Sewa
Akhir jika
Akhir proses Add Daftar Sewa
8. Proses Halaman Manage Daftar Sewa
Tampilkan halaman Daftar Sewa
Jika Admin akses Manage maka
Tampilkan halaman Daftar Sewa detail
Jika Admin akses Edit Daftar Sewa maka
Panggil proses Edit
Edit Daftar Sewa akan disimpan
Tampilkan halaman Daftar Sewa
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data Daftar Sewa akan terhapus
Tampilkan halaman Daftar Sewa
Akhir jika
Akhir jika
Akhir proses Edit Daftar Sewa
Akhir proses Delete Daftar Sewa
Akhir proses Manage Daftar Sewa
9. Proses Halaman Add Galeri
Tampilkan halaman Galeri
Jika Admin akses Add Galeri maka
188
Tampilkan halaman Add Galeri
Admin menginput Nama Event, Category, Upload Gambar
Jika Admin akses Submit maka
Proses Add Galeri dijalankan
Tampilkan halaman Galeri
Akhir jika
Akhir proses Add Galeri
10. Proses Halaman Manage Galeri
Tampilkan halaman Galeri
Jika Admin akses manage maka
Tampilkan halaman Galeri
Jika Admin maka akses Edit Galeri maka
Panggil proses Edit
Edit Galeri akan disimpan
Tampilkan halaman Galeri
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data Galeri akan terhapus
Tampilkan halaman Galeri
Akhir jika
Akhir proses Edit Galeri
Akhir proses Delete Galeri
Akhir proses Manage Galeri
11. Proses Halaman Add FAQ
Tampilkan halaman FAQ
Jika Admin akses Add FAQ maka
189
Tampilkan halaman Add FAQ
Admin menginput question, answer
Jika Admin akses Submit maka
Proses Add FAQ dijalankan
Tampilkan halaman FAQ
Akhir jika
Akhir proses Add FAQ
12. Proses Halaman Manage FAQ
Tampilkan halaman FAQ
Jika Admin akses Manage maka
Tampilkan halaman FAQ
Jika Admin maka akses Edit FAQ maka
Panggil proses Edit
Edit Faq akan disimpan
Tampilkan halaman FAQ
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data FAQ akan terhapus
Tampilkan halaman FAQ
Akhir jika
Akhir proses Edit FAQ
Akhir proses Delete FAQ
Akhir proses Manage FAQ
13. Proses Halaman Add Buku Tamu
Tampilkan halaman Buku Tamu
Jika admin akses Add Buku Tamu maka
190
Tampilkan halaman Add Buku Tamu
Admin menginput name, message
Jika Admin akses Submit maka
Proses Add Buku Tamu dijalankan
Tampilkan halaman Buku Tamu
Akhir jika
Akhir proses Add Buku Tamu
14. Proses Halaman Manage Buku Tamu
Tampilkan halaman Buku Tamu
Jika Admin akses manage maka
Tampilkan halaman Buku Tamu detail
Jika Admin maka akses Edit Buku Tamu maka
Panggil proses Edit
Edit Buku Tamu akan disimpan
Tampilkan halaman Buku Tamu
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data Buku Tamu akan terhapus
Tampilkan halaman Buku Tamu
Akhir jika
Akhir proses Edit Buku Tamu
Akhir proses Delete Buku Tamu
Akhir proses Manage Buku Tamu
15. Proses Halaman Add News
Tampilkan halaman News
Jika Admin akses Add News maka
191
Tampilkan halaman Add News
Admin menginput title dan content
Jika Admin akses submit maka
Proses Add News dijalankan
Tampilkan halaman News
Akhir jika
Akhir proses Add News
16. Proses Halaman Manage News
Tampilkan halaman News
Jika Admin akses Manage maka
Tampilkan halaman News
Jika Admin maka akses edit news maka
Panggil proses Edit
Edit News akan disimpan
Tampilkan halaman News
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data News akan terhapus
Tampilkan halaman News
Akhir jika
Akhir proses Edit News
Akhir proses Delete News
Akhir proses Manage News
17. Proses Halaman Add Daftar Sewa
Tampilkan halaman Daftar Sewa
Jika Admin akses Add Daftar Sewa maka
192
Tampilkan halaman Add Daftar Sewa
Admin menginput nama, alat, merk, keterangan, harga, jumlah, hari dan total
Jika Admin akses Submit maka
Proses Add Daftar Sewa dijalankan
Tampilkan halaman Daftar Sewa
Akhir jika
Akhir proses Daftar Sewa
18. Proses Halaman Manage Daftar Sewa
Tampilkan halaman Daftar Sewa
Jika Admin akses Manage maka
Tampilkan halaman Daftar Sewa
Jika Admin akses Edit Daftar Sewa maka
Panggil proses Edit
Edit Daftar Sewa akan disimpan
Tampilkan halaman Daftar Sewa
Selain itu
Jika Admin akses Delete maka
Panggil proses Delete
Data Daftar Sewa akan terhapus
Tampilkan halaman Daftar Sewa
Akhir jika
Akhir proses Edit Daftar Sewa
Akhir proses Delete Daftar Sewa
Akhir proses Manage Daftar Sewa
193
19. Proses Halaman Edit Account Admin
Tampilkan halaman Account
Jika Admin akses Account maka
Tampilkan halaman Edit Account
Admin menginput username, password, dan confirm password
Jika Admin akses Submit maka
Proses Edit Account dijalankan
Akhir jika
Akhir proses Account