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?


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?


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 ?


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?


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


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


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


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


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


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


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


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


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


Tentang Kita

Logo

Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment

Top News



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



Search

Image

xxxxxxxxxxxxxx

xxxxxxxxxxxxxx

Image


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





Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment

Top News



Search


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






Top News



Search

Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment


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



Name : Message : Submit

Top News



Search

Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment


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 : xxxxxxxxx

xxxxxx : xxxxxxxxx

Top News



Search

Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment


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



Search

Sound System



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



Search

Image Name Merk Price Keterangan Sewa

xxxxxxxxx xxxxxxxxx Rp . xxxxx xxxxxxxxx SewaImage

xxxxxxxxx xxxxxxxxx Rp . xxxxx xxxxxxxxx SewaImage


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



Search

Top News

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxx



140

Gambar 3.67 Rancangan layar Search

12. Rancangan layar Search

Faq LoginHubungiKlien KamiTentang KitaUtama

Footer

HeaderLogo

xxxxxxxx Go

Image


Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment

Top News



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



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


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



Search


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



Search


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


Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment

Top News



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


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



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


Footer

HeaderLogo

Search... Go

First Name :

Address :

User Name :

Telpphone :

xxxxxxxxxxxxx


xxxxxxxxxxxxx

xxxxxxxxxxxxx

Password : xxxxxxxxxxxxx

Last Name : xxxxxxxxxxxxx

Submit

Produk

Sound System

Lighting

Rigging Stage

Audio Visual

Equipment

Top News



Search

Email : xxxxxxxxxxxxx


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



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


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



Search

Daftar Sewa

Name :

Tempat Acara :

Telephone :

Handphone :

xxxxxxxxxxxxx

xxxxxxxxxxxxx

Nama Acara : xxxxxxxxxxxxx

xxxxxxxxxxxxx

Tanggal Acara Mulai :


Tanggal Acara Akhir :

xxxxxxxxxxxxx

xxxxxxxxxxxxx

Cara Pembayaran : Transfer Rekening : xxxxxxxxxxxxxx


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

Print

149

Gambar 3.76 Rancangan layar Printout Daftar Sewa Pelanggan

21. Rancangan layar Printout Daftar Sewa Pelanggan


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


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



Search

No Name Merk Keterangan

xxxxxx

Rp . xxxxx

Sewa History

Harga

xxxx

xxxxx

Rp . xxxxx

xxxx

x

x


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


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



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


Logo

Logout

Manage Produk

Nama Produk Harga Produk Category Action

xx xxxxxxxxxxxx xxxxxxxx xx


xx xxxxxxxxxxxx xxxxxxx xx



xx xxxxxxxxxxxx xxxxxx 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


xxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxx



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

Email

Password

Submit






Home

DaftarSewa

Galeri

FAQ

News

Produk

Buku Tamu

Account

Telepon



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 xxxxxxxxxx xxxxxxxxx xxxxxxxx


xx xxxxxxx xxxxxxxx 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


158

Gambar 3.85 Rancangan layar Edit Pelanggan Admin

30. Rancangan layar Edit Pelanggan Admin

Halaman ini merupakan halaman Edit Pelanggan Admin dari website


Logo

Logout

Edit Pelanggan

Pelanggan

Add

Manage

Home

DaftarSewa

Galeri

FAQ

News

Produk

Buku Tamu

Account

Username

Nama Depan

Nama Belakang

Alamat

Email

Password

Submit





xxxxxxxxxxxxxxxxxxxxxxTelepon



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


xxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxx



Hari xxxxxxxxxxxxxxxxxxxxxx

Status xxxxxxxxxxxxxxxxxxxxxx

Jumlah xxxxxxxxxxxxxxxxxxxxxx

Tanggal Pinjam xxxxxxxxxxxxxxxxxxxxxx

Tanggal Balik xxxxxxxxxxxxxxxxxxxxxx

Halaman ini merupakan halaman Add Daftar Sewa pelanggan Admin dari


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


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



xxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxx



Hari xxxxxxxxxxxxxxxxxxxxxx

Status xxxxxxxxxxxxxxxxxxxxxx

Jumlah xxxxxxxxxxxxxxxxxxxxxx

Tanggal Pinjam xxxxxxxxxxxxxxxxxxxxxx

Tanggal Balik xxxxxxxxxxxxxxxxxxxxxx

Halaman ini merupakan halaman Edit Daftar Sewa Pelanggan Admin dari


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


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


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


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


Logo

Logout

Manage Faq

Faq AnswerFaq QuestionNo Action

edit delete

edit delete

edit delete

edit delete

edit delete


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxx



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



Submit


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


Logo

Logout

Add Buku Tamu

Pelanggan

Home

DaftarSewa

Galeri

FAQ

News

Produk

Buku Tamu

Account

Add

Manage

Pesan

Nama

Submit



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


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





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


Logo

Logout

Edit Buku Tamu

Pesan

Nama

Submit



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 :



Submit


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 :



Submit


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



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


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


Pilih 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


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


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


Pilih Klien Kami

Tampilkan halaman Klien Kami

Pilih Faq


Pilih 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


Pilih 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


Pilih 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


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


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


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


Pilih Search

Masukkan Keyword yang dicari

Jika Pelanggan Akses Go

Periksa Validasi

Jika inputan Search tidak diisi


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


Akhir jika

Akhir proses Login

184

2. Proses Halaman Index Admin

Tampilkan halaman Admin



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


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


Akhir jika

Akhir jika

Akhir proses Add Produk

4. Proses Halaman Manage Produk


Jika Admin akses Manage maka


Jika Admin maka akses Edit Produk maka

Panggil proses Edit

Edit Produk akan disimpan


Selain itu

Jika Admin akses Delete maka

Panggil proses Delete

Data Produk akan terhapus


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


Proses Add Pelanggan dijalankan


Akhir jika

Akhir proses Add Pelanggan

6. Proses Halaman Manage Pelanggan



Tampilkan halaman Pelanggan Detail

Jika Admin maka akses Edit Pelanggan maka

Panggil proses Edit

Edit Pelanggan akan disimpan


Selain itu



Data Pelanggan akan terhapus


Akhir jika

Akhir proses Edit Pelanggan

Akhir proses Delete Pelanggan

Akhir proses Manage Pelanggan

7. Proses Halaman Add 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


Proses Add Daftar Sewa dijalankan


Akhir jika

Akhir proses Add Daftar Sewa

8. Proses Halaman Manage Daftar Sewa



Tampilkan halaman Daftar Sewa detail

Jika Admin akses Edit Daftar Sewa maka

Panggil proses Edit

Edit Daftar Sewa akan disimpan


Selain itu



Data Daftar Sewa akan terhapus


Akhir jika

Akhir jika

Akhir proses Edit Daftar Sewa

Akhir proses Delete Daftar Sewa

Akhir proses Manage Daftar Sewa

9. Proses Halaman Add Galeri


Jika Admin akses Add Galeri maka

188

Tampilkan halaman Add Galeri

Admin menginput Nama Event, Category, Upload Gambar


Proses Add Galeri dijalankan


Akhir jika

Akhir proses Add Galeri

10. Proses Halaman Manage Galeri


Jika Admin akses manage maka


Jika Admin maka akses Edit Galeri maka

Panggil proses Edit

Edit Galeri akan disimpan


Selain itu



Data Galeri akan terhapus


Akhir jika

Akhir proses Edit Galeri

Akhir proses Delete Galeri

Akhir proses Manage Galeri

11. Proses Halaman Add FAQ


Jika Admin akses Add FAQ maka

189

Tampilkan halaman Add FAQ

Admin menginput question, answer


Proses Add FAQ dijalankan


Akhir jika

Akhir proses Add FAQ

12. Proses Halaman Manage FAQ




Jika Admin maka akses Edit FAQ maka

Panggil proses Edit

Edit Faq akan disimpan


Selain itu



Data FAQ akan terhapus


Akhir jika

Akhir proses Edit FAQ

Akhir proses Delete FAQ

Akhir proses Manage FAQ

13. Proses Halaman Add Buku Tamu


Jika admin akses Add Buku Tamu maka

190

Tampilkan halaman Add Buku Tamu

Admin menginput name, message


Proses Add Buku Tamu dijalankan


Akhir jika

Akhir proses Add Buku Tamu

14. Proses Halaman Manage 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


Selain itu



Data Buku Tamu akan terhapus


Akhir jika

Akhir proses Edit Buku Tamu

Akhir proses Delete Buku Tamu

Akhir proses Manage Buku Tamu

15. Proses Halaman Add 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


Akhir jika

Akhir proses Add News

16. Proses Halaman Manage News




Jika Admin maka akses edit news maka

Panggil proses Edit

Edit News akan disimpan


Selain itu



Data News akan terhapus


Akhir jika

Akhir proses Edit News

Akhir proses Delete News

Akhir proses Manage News

17. Proses Halaman Add 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


Proses Add Daftar Sewa dijalankan


Akhir jika

Akhir proses Daftar Sewa

18. Proses Halaman Manage Daftar Sewa




Jika Admin akses Edit Daftar Sewa maka

Panggil proses Edit

Edit Daftar Sewa akan disimpan


Selain itu



Data Daftar Sewa akan terhapus


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


Proses Edit Account dijalankan

Akhir jika

Akhir proses Account

bab 3 analisis dan perancangan sistem 3.1 analisis …thesis.binus.ac.id/doc/bab3/2008-1-00077-if hl...

Documents