BAB 3 ANALISIS DAN PERANCANGAN

(1)

32 BAB 3

ANALIS IS DAN PERANCANGAN

3.1 Profil Plaza Bintaro Jaya

Plaza Bintaro Jaya adalah salah satu unit usaha dari PT. Jaya Real Property, Tbk yang didirikan sejak tahun1994. Keberadaan Plaza ini adalah merupakan salah satu fasilitas komersial yaitu pusat pembelanjaan yang terletak di tengah-tengah lokasi hunian perumahan Bintaro Jaya. Hingga saat ini Plaza Bintaro telah memiliki kurang lebih 150 penyeewa/tenant dengan berbagai jenis retail seperti supermarket, departemen store, bookstore, fashion, shoes, elektronik, entertaintment, jewllery, restoran, perlengkapan rumah, banking dll. Keberadaan yang letaknya ditengah-tengah wilayah Bintaro Jaya memberikan kemudahan bagi masyarakat khususnya warga Bintaro Jaya dan warga sekitarnya dalam pemenuhan kebutuhan sehari-hari. Dengan berpegang pada konsep “One Stop Shoping” yang artinya dalam satu tempat merupakan tempat hiburan bagi seluruh keluarga.

3.2 Visi dan Misi

Berpegang pada visi dan misi dari PT. Jaya Real Property, maka Plaza Bintaro Jaya mempunyai visi adalah : “M enjadi salah satu pengembang dan pengelola property terbaik di Indonesia”.

Sedangkan misinya adalah sebagai berikut :

• Mencapai pertumbuhan pendapatan di atas rata-rata pertumbuhan industry Real Estate dan property di Indonesia.

• Memberi produk dan pelayanan yang bermutu yang memuaskan konsumen.

(2)

33

• Membangun sumber daya menusia yang berkualitas dan iklim kerja yang baik untuk mencapai kinerja yang tinggi.

• Mengoptimalkan produktivitas seluruh sumber daya yang dimiliki demi manfaat konsumen, pemegang saham dan karyawan.

• Bertanggung jawab pada aspek social dan lingkungan disetiap unis usaha.

3.3 S truktur Organisasi Plaza Bintaro Jaya

Gambar 3.1 : S truktur Organisasi Plaza Bintaro Jaya

Dari bagian diatas, pucuk pimpinan Plaza Bintaro Jaya di pegang oleh seorang manager yang membawahi 5 unit kerja, yaitu : Keuangan, marketing promosi, tenant relation, operasioan dan teknik. M asing-masing unit kerja dipegang oleh supervisor yang mempunyai peran dan tugas yang berbeda-beda.

Building Manager

Pengadaan Sekertaris Umum

Keuangan Marketing Promosi Tenant Relation Operational Teknik

A/R

Collection

Administrasi

Administrasi Administrasi Keamanan dan Parkir House Keeping I ndoor House Keeping Outdoor Sipil ME

(3)

34

Unit Kerja Peran dan Tugas

1. Keuangan • Melakukan proses penagihan

sewa

• Membuat laporan rugi-laba/ cashflow

2. M arketing promosi • Mencari penyewa/tenant baru • Membuat kontrak perjanjian sewa

menyewa

• Membuat program pameran • Membuat program acara

3. Tenant relation • Membantu dan melakukan

penilaian atas proses fitting out/renovasi took

• Menangani complain tenant dan pengunjung

4. operasional • Menangani kemanan gedung • Menangani perparkiran

• Menangani Housekeeping Indoor dan Outdoor

5. Teknik • Menanganii sipil gedung

• Menangani Penerangan gedung • Menangani utilitas gedung Tabel 3.1 : Table Unit Kerja Serta Peran dan Tugas

(4)

35 3.4 Analisis Sistem Yang Sedang Berjalan

Plaza Bintaro Jaya adalah sebuah pusat perbelanjaan yang terletak didaerah Bintaro. Dimana daerah ini merupakan daerah yang sedang berkembang dan merupakan tempat pemukiman penduduk yang padat. Plaza Bintaro Jaya terdiri dari 3 lantai. Yaitu lantai dasar, lantai 1 dan lantai 2. Plaza Bintaro Jaya tidak hanya memiliki toko saja, tetapi juga terdapat restoran, toko buku, kafe dan sarana permainan anak serta bioskop 21. Sehingga Plaza Bintaro menjadi tempat pilihan favorit masyarakat sekitar untuk sekedar rekreasi, belanja, makan-makan ataupun menonton bioskop. Plaza Bintaro Jaya juga sering mengadakan pameran-pameran, bazaar dan kegiatan promosi lainnya yang membuat tempat ini banyak dikunjungi terutama pada hari-hari libur.

Pihak pengelola belum mempunyai fasilitas yang bisa menyediakan kebutuhan informasi bagi pengunjung Plaza yang memerlukannya. Untuk bisa mendapatkan informasi, biasanya pengunjung hanya bisa menanyakan pada costumer service yang terletak pada pintu masuk Plaza dan security yang berjaga saja. Dan untuk mencari lokasi toko, hanya disediakan denah sederhana saja, yang tentunya masih dirasa membingunkan pihak pengunjung. Oleh karena itu, pengunjung mengalami kesulitan dalam mendapatkan informasi yang mereka butuhkan.

3.5 Analisa Hasil Kuesioner

Hasil survey melalui kuisioner ini disebarkan kepada 30 responden yang merupakan para pengunjung Plaza Bintaro Jaya yang berusia 15-50 tahun baik itu laki-laki atau perempuan. Berikut ini adalah daftar pertanyaan serta pie chart dari persentase jawaban responden :

(5)

36 1. Pertanyaan kuesioner pertama

Berapa kali anda mengunjungi Plaza Bintaro Jaya dalam sebulan ?

Jumlah Responden Persentase

a. Kurang dari 5 kali 15 51%

b. 5-10 kali 10 33%

c. 11-15 kali 3 10%

d. 16-20 kali 1 3%

e. Lebih dari 20 kali 1 3%

Total 30 100%

Tabel 3.2 : Tingkat kunjungan responden dalam 1 bulan ke Plaza Bintaro Jaya

Grafik 3.1 : Grafik tingkat kunjungan respondendalam 1 bulan ke Plaza Bintaro Jaya

51% 33%

10% 3% 3% Kurang dari 5 kali

5-10 kali 11-15 kali 16-20 kali

lebih dari 20 kali Berapa kali anda mengunjungi Plaza Bintaro Jaya dalam sebulan ?

(6)

37

Dari grafik 3.1 dapat dilihat bahwa kebanyakan responden mengunjungi Plaza sebanyak kurang dari 5 kali (51%), kemudian 5-10 kali (33%), lalu 11-15 kali (10%), 16-20 kali (3%), dan lebih dari 20 kali (3%).

2. Pertanyaan kuesioner kedua

Berapa lama anda mengunjungi Plaza dalam satu kali datang?

a. 1-2 jam 10 33%

b. 2-3 jam 11 37%

c. 3-4 jam 6 20%

d. 4-5 jam 2 7%

e. lebih dari 5 jam 1 3%

Total 30 100%

Tabel 3.3 : Tingkat lamanya waktu dalam mengunjungi Plaza Bintaro Jaya

Grafik 3.2 : Grafik tingkat lamanya waktu dalam mengunjungi Plaza Bintaro Jaya 33% 37% 20% 7% 3% 1-2 jam 2-3 jam 3-4 jam 4-5 jam

lebih dari 5 jam Berapa lama anda mengunjungi Plaza dalam satu kali datang?

(7)

38

Pada grafik 3.2 dapat kita lihat bahwa kebanyakan para pengunjung berada di Plaza bintaro Jaya selama 2-3 jam (37%), kemudian 1-2 jam (33%), lalu 3-4 jam (20%), 4-5 jam (7%), dan terakhir selama lebih dari 5 jam (3%).

3. Pertanyaan kuesioner ketiga

Apakah tujuan anda dating ke Plaza Bintaro Jaya? Jumlah Responden Persentase

a. M embeli barang atau belanja 9 30%

b. M engunjungi tempat makan atau restoran yang ada di Plaza 8 27% c. Hang-out 6 20% d. M enonton bioskop 6 20% e. Lainnya 1 3% Total 30 100%

Tabel 3.4 : Tujuan responden dalam mengunjungi Plaza Bintaro Jaya

Grafik 3.3 : Grafik tujuan responden dalam mengunjungi Plaza Bintaro 30%

27% 20%

20% 3%

Membeli barang atau belanja

Mengunjungi tempat makan atau restoran Hang-out

Menonton bios kop Lainnya

(8)

39

Dari grafik 3.3 menunjukan bahwa kebanyakan para responden Plaza Bintaro Jaya untuk membeli barang atau belanja (30%), setelah itu mengunjungi tempat makan atau restoran (27%), lalu untuk hang-out(20%), menonton bioskop (20%), dan lainnya (3%).

4. Pertanyaan kuesioner keempat Informasi apa yang anda butuhkan ketika anda mengunjungi Plaza Bintaro?

a. Lokasi toko 10 33%

b. Lokasi sarana umum(WC, ATM , dll) 6 20%

c. Jadwal bioskop 5 17%

d. Acara yang sedang berlangsung 3 10%

e. Informasi produk yang dijual oleh took 6 20%

Total 30 100%

Tabel 3.5 : Informasi yang dibutuhkan oleh pengunjung Plaza Bintaro Jaya

Grafik 3.4 : Grafik mengenai informasi yang dibutukan oleh pengunjung Plaza Bintaro Jaya

33% 20% 17% 10% 20% Lokasi toko Lokasi sarana umum(WC, ATM, dll) Jadwal bioskop acara yang s edang berlangsung

Informas i produk yang dijual oleh toko

Informasi apa yang anda butuhkan ketika anda mengunjungi Plaza Bintaro?

(9)

40

Dari grafik 3.4 diketahui bahwa pengunjung menginginkan informasi mengenai mengenai lokasi toko (33%), kemudian lokasi saran umum (20%), lalu informasi produk yang dijual oleh toko (20%), jadwal bioskop (17%), dan informasi mengenai acara yang sedang berlangsung(10%).

5. Pertanyaan kuesioner kelima

Bila anda mengalami kesulitan mencari lokasi yang anda inginkan, anda akan bertanya pada siapa ?

a. Sekuriti 10 33%

b. Information Center 15 51%

c. Karyawan Plaza (OB, dll) 3 10%

d. Bertanya pada pengunjung lain 1 3%

e. Tidak tahu 1 3%

Total 30 100%

Tabel 3.6 : Pengunjung bertanya dengan siapa jika sulit mencari lokasi

Grafik 3.5 : Grafik mengenai pengunjung bertanya pada siapa jika sulit mencari lokasi toko

33% 51% 10% 3% 3% Sekuriti Information center Karyawan Plaza Pengunjung lain Tidak tahu

Bila anda mengalami kesulitan mencari lokasi yang anda inginkan, anda akan bertanya pada siapa ?

(10)

41

Dari grafik 3.5 dapat diketahui bahwa kebanyakan para pengunjung akan bertanya pada information center (51%), kemudian dengan sekuriti (33%), lalu dengan karyawan plaza (3%), dengan pengunjung lain (3%), dan terakhir tidak tahu (3%).

6. Pertanyaan kuesioner keenam

Apakah informasi yang diberikan oleh

sekuriti/information center/karyawan plaza/pengunjung lain sudah cukup membantu ?

a. Sangat tidak membantu 1 3%

b. Tidak membantu 8 27%

c. Kurang membantu 10 33%

d. M embantu 9 30%

e. Sangat membantu 2 7%

Total 30 100%

Tabel 3.7 : Informasi yang diberikan sudah membantu atau belum

Grafik 3.6 : Grafik mengenai informasi yang diberikan sudah membantu atau belum

3% 27% 33% 30% 7% Sangat tidak membantu Tidak membantu Kurang membantu Membantu Sangat membantu Apakah informasi yang diberikan oleh sekuriti/information center/karyawan plaza/pengunjung lain sudah cukup membantu ?

(11)

42

Dari grafik 3.6 menunjukan bahwa kebanyakan para responden merasa kurang membantu (33%), mambantu (30%), tidak membantu (27%), sangat membantu (7%), dan terakhir sangat tidak membantu (1%) dalam informasi yang diberikan.

7. Pertanyaan kuesioner ketujuh

Apakah anda pernah menggunakan komputer ? Jumlah Responden Persentase

a. Tidak pernah sama sekali 2 7%

b. Pernah sekali menggunakannya 3 11%

c. Jarang sekali menggunakannya 8 29%

d. Sering menggunakannya 10 35%

e. Sangat sering menggunakannya 5 18%

Total 30 100%

Tabel 3.8 : Tingkat penggunaan komputer oleh responden

Grafik 3.7 : Grafik tingkat penggunaan komputer oleh responden 7%

11%

29% 35%

18%

Tidak pernah s ama sekali Pernah sekali menggunakannya Jarang sekali menggunakannya Sering menggunakannya Sangat sering menggunakannya Apakah anda pernah menggunakan komputer ?

(12)

43

Dari grafik 3.7 dapat dilihat bahwa dalam menggunakan komputer para responden sering menggunakannya (35%), jarang sekali menggunakannya (8%), Sangat sering menggunakannya (18%), pernah sekali menggunakannya (11%), dan terakhir tidak pernah samasekali (7%).

8. Pertanyaan kuesioner kedelapan Apakah anda setuju jika di Plaza Bintaro Jaya dibuatkan sistem kios informasi?

a. Sangat tidak setuju 1 3%

b. Tidak setuju 3 10%

c. Setuju 15 50%

d. Sangat setuju 8 27%

e. Tidak tahu 3 10%

Total 30 100%

Tabel 3.9 : Mengetahui setuju tidaknya dibuatkan kios informasi di Plaza Bintaro Jaya

Grafik 3.8 : Grafik mengetahui setuju tidaknya dibuatkan kios informasi di Plaza Bintaro Jaya

3% _10%

50% 27%

10% Sangat tidak setuju

Tidak setuju Setuju

Sangat setuju Tidak tahu Apakah anda setuju jika di Plaza Bintaro Jaya dibuatkan sistem kios informasi?

(13)

44

Dari grafik 3.8 diketahui bahwa kebanyakan para responden setuju (50%), sangat setuju (27%), tidak setuju (10%), tidak tahu (10%), dan sangat tidak setuju (3%) jika di Plaza Bintaro Jaya dibuatkan sistem kios Informasi.

9. Pertanyaan kuesioner kesembilan Informasi apa yang seharusnya ditampilkan dalam kios informasi di Plaza Bintaro?

a. Lokasi toko 6 20%

b. Acara yang sedang berlangsung 3 10%

c. Lokasi sarana umum 4 13%

d. Jadwal bioskop 12 40%

e. Infomasi produk yang dijual oleh toko 5 17%

Total 30 100%

Tabel 3.10 : Mengetahui Jenis informasi apa yang seharusnya ditampilkan dalam kios informasi di Plaza Bintaro Jaya

Grafik 3.9 : Grafik mengetahui jenis informasi apa yang seharusnya ditampilkan dalam kios informasi di Plaza Bintaro Jaya

20% 10% 13% 40% 17% Lokasi toko

Acara yang se dang be rlangs ung

Lokasi s arana mum

Jadwal bioskop

Informasi produk yang dijual ole h toko

Informasi apa yang seharusnya ditampilkan dalam kios informasi di Plaza Bintaro?

(14)

45

Dari grafik 3.9 diketahui bahwa para responden menginginkan sebuah kios informasi yang menyajikan informasi mengenai jadwal bioskop (40%), lokasi toko (20%), informasi produk yang dijual oleh toko (17%), lokasi saran umum (13%), dan terakhir acara yang sedang berlangsung (10%)

10. Pertanyaan kuesioner kesepuluh

Sebaiknya kios informasi diletakkan dimana? Jumlah Responden Persentase

a. Ditengah-tengah plaza 2 7%

b. Ditiap lantai 7 23%

c. Lobby 8 27%

d. Parkiran mobil atau motor 4 13%

e. Di tiap pintu masuk 9 30%

Total 30 100%

Tabel 3.11 : Mengetahui letak kios informasi sebaiknya dimana

Grafik 3.10 : Grafik mengetahui letak kios informasi sebaiknya dimana 7%

23%

27% 13%

30%

Dite ngah-te ngah plaza

Di tiap lantai

Lobby

Parkiran mobil atau motor

Di tiap pintu mas uk

(15)

46

Dari grafik 3.10 diketahui bahwa para responden menginginkan letak kios informasi berada di tiap pintu masuk (30%), lobby (27%), Di tiap lantai (23%), parkiran mobil atau motor (13%), dan terakhir di tengah-tengah Plaza (7%).

11. Pertanyaan kuesioner kesebelas Sistem kios informasi seperti apa yang anda harapkan untuk dipasang di Plaza Bintaro?

a. Tampilan yang menarik 8 27%

b. Informasi yang selalu up to date 5 17%

c. M udah digunakan 10 33%

d. Dapat dimengerti oleh semua orang 6 20%

e. Tidak tahu 1 3%

Total 30 100%

Tabel 3.12 : Mengetahui system kios informasi seperti apa yang diharapkan pengunjung

Grafik 3.11 : Grafik mengetahui system kios informasi seperti apa yang diharapkan pengunjung 27% 17% 33% 20% 3% Tampilan yang me narik

Informasi yang se lalu up to date

M udah digunakan

Dapat dime nge rti ole h se mua orang

Tidak tahu

Sistem kios informasi seperti apa yang anda harapkan untuk dipasang di Plaza Bintaro?

(16)

47

Dari grafik 3.11 diketahui bahwa kebanyakan para responden menginginkan sistem kios informasi yang mudah digunakan (33%), Tampilan yang menarik (27%), dapat dimengerti semua orang (20%), informasi yang up to date (17%), dan terakhir tidak tahu (3%).

Dari hasil kuesioner diatas, dapat ditarik kesimpulan bahwa para pengunjung mengalami kesulitan dalam memperoleh informasi mengenai Plaza Bintaro Jaya. Dikarenakan hanya menyediakan papan denah sederhana dan juga petugas yang ada di Plaza tersebut dirasakan belum cukup memenuhi kebutuhan informasi tersebut, terutama para pengunjung yang baru pertama kali mendatangi Plaza Bintaro Jaya.

Kemudian para pengunjung mengharapkan sebuah media penyampaian informasi yang mudah digunakan, interaktif dan selalu up to date.

3.6 Analisa Hasil Wawancara

Wawancara ini dilakukan kepada beberapa narasumber yang ada di Plaza Bintaro Jaya. Wawancara dilakukan kepada pihak customer service, pihak keamanan, pihak tenant, dan terakhir pihak 21 Cineplex yang ada di Plaza Bintaro Jaya. Berikut adalah hasil wawan caranya :

1. Wawancara Dengan Pihak Customer Service, Ibu Nia

Pertanyaan Jawaban 1. Bagaimana cara pengunjung

dalam memperoleh informasi yang mereka butuhkan?

Biasanya pengunjung langsung bertanya kepada kami atau pihak keamanan di sini

2. Informasi apasajakah yang pengunjung sering tanyakan?

Kebanyakan dari pengunjung sering menanyakan lokasi took atau juga fasilitas umum yang ada disini. Kadang juga mereka menanyakan took mana

(17)

48

yang menjual barang yang mereka cari 3. Apakah Anda mengalami

kesulitan dalam menjawab pertanyaan pengunjung?

Selama ini tidak terlalu kesulitan, namun kadangkala jika ada kios atau toko baru, kami suka lupa lokasi toko baru tersebut, jadi kami pun agak mengalami kesulitan dalam memberikan informasi yang mereka butuhkan mengenai took baru tersebut.

4. Setujukah Anda bila dirancang sebuah aplikasi kios informasi disini?

Kami sebagai pihak customer service setuju saja, palagi jika tujuannya untuk memudahkan pengunjung mendapatkan informasi yang mereka butuhkan

5. Sebaiknya kios informasi tersebut diletakkan dimana?

Di tempat pengunjung biasa ramai, di lobbi

Tabel 3.13 : Tabel Hasil Wawancara Pihak Customer Service

2. Wawancara dengan pihak keamanan, Bapak Herian Prananda Pertanyaan Jawaban

1. Informasi apa sajakah yang pengunjung sering tanyakan?

Pengunjung menanyakan seputar toko , galery atm , dan seputar disini saja

2. Apakah Anda mengalami kesulitan dalam menjawab pertanyaan pengunjung?

Saya rasa tidak karena sudah tau 'medan' dan seluk beluk plaza baik dari yang terkecil sampai yang terbesar

3. Setujukah Anda bila dirancang sebuah aplikasi kios informasi

Sekarang ini maseih menggunakan secara tertulis di dekat eskalator2,

(18)

49

disini? mungkin kami akan pertimbangkan dan

sampaikan ke pimpinan agar scara pelayanan memuaskan dan tidak berbelit 4. Jika iya, sebaiknya kios informasi

diletakan dimana?

Di tempat yang mudah terlihat sehingga penggunjung baru dateng ada kios informasi, seperti dilobby

Tabel 3.14 : Tabel Hasil Wawancara Pihak Keamanan

3. Wawancara dengan pihak tenant, Bapak Gozali selaku supervisor di Hoka-hoka Bento Plaza Bintaro

Pertanyaan Jawaban 1. selama ini, jika Anda ingin

melakukan promosi, apa yang Anda lakukan

Kami hanya menyebarkan brosur kepada pengunjung yang ada di Plaza. Atau dengan memasang poster-poster yang di tempelkan di bagian kaca toko kami 2. Apakah Anda setuju jika di Plaza

Bintaro dibuatkan system kios informasi?

Jika tujuannya untuk memudahkan kami memprosmosikan dagangan kami, dan untuk memudahkan pengunjung, kami setuju sekali.

3. Sistem seperti apa yang Anda inginkan pada kios informasi tersebut?

Kalau bias systemnya menarik, gampang dipakai oleh pengunjung kami, dan tentunya yang bias mempromosikan dagangan kami.

(19)

50

4. Wawancara dengan pihak 21 Cineplex Plaza Bintaro

Pertanyaan Jawaban 1. Jika ada film baru yang

ditayangkan di 21, cara promosi apa yang dilakukan pihak 21 di Plaza Bintaro

Kami hanya memajang poster-poster film baru di lokasi 21 Cineplex ,serta memutar trailer di layar besar yang ada di loket kami.

2. Apakah Anda setuju jika di Plaza Bintaro dibuatkan system kios informasi?

Kalau bisa mempromosikan 21, dan demi memudahkan pengunjung mengetahui film-film yang sedang diputar, kami sangat setuju.

3. Jika system kios informasi tersebut dimasukan trailer film serta jadwal penayangannya apakah Anda setuju?

Wah, kami tentunya sangat setuju. Apalagi jika dimasukan sinopsisnya. Tentunya kios informasi tersebut bias mempromosikan film-film yang sedang diputar disini.

4. Bagaimana tampilan yang Anda inginkan mengenai 21 dalam system kios infomasi tersebut?

Tentunya tampilan yang meraik. Dan mudah digunakan oleh semua orang, Karena 21 penontonnya mulai dari anak-anak hingga orang dewasa.

Tabel 3.16 : Tabel Hasil Wawancara Pihak 21Cineplex Bintaro

3.7 Masalah atau Kebutuhan

Berdasarkan hasil kuisioner yang kami sebarkan kepada 30 pengunjung Plaza Bintaro Jaya, bisa diambil kesimpulan bahwa kebanyakan para pengunjung kesulitan

(20)

51

mendapatkan kesulitan dalam mencari lokasi toko yang diinginkan, karena sebanyak 10 orang atau 33% memilih jawaban tersebut dalam pengisian kuisioner kami.

Setelah itu, para pengunjung juga mengharapkan sebuah sarana atau media penyampaian informasi yang mudah digunakan, seperti pada hasil kuisioner pada table 3.11. sebanyak 10 orang atau 33% memilih jawaban tersebut.

3.8 Alternatif Solusi

Dari hasil pengisian kuisioner dan masalah yang dialami, maka dapat diketahui bahwa dibutuhkan sebuah media penyampaian informasi yang terkomputerisasi yang bisa memudahkan para pengunjung Plaza Bintaro Jaya guna mendapatkan informasi yang dibutuhkan. Oleh karena itu, maka kios informasi bisa menjawab semua masalah tersebut, yang berisikan tentang informasi-informasi seputar Plaza dan juga jadwal bioskop serta acara yang sedang berlangsung. Selain itu, dengan kios informasi, para pengunjung bisa mencari lokasi toko, restoran ataupun tempat lainnya yang ada pada Plaza Bintaro.

Karena dengan adanya kios informasi tersebut, maka diharapkan para pengunjung tidak lagi mendapatkan kesulitan dalam memperoleh informasi tersebut. Dan tidak perlu lagi mencari toko dengan menanya pada petugas Plaza. Cukup dengan mengklik nama toko atau tempat yang diinginkan, maka akan keluar letak lokasi toko yang dicari.

Kios informasi ini juga merupakan sebuah sistem yang dapat dengan mudah meng-update-nya, cukup dengan mengubah data pada database-nya saja, sehingga mempermudah pihak Plaza dalam mengganti informasi terbaru. Dalam kios informasi ini, dilengkapi password pada sistem untuk adminnya, sehingga tidak bisa sembarang orang yang bisa menggunakannya dan mengubah data yang ada.

(21)

52

Kios informasi ini juga bisa digunakan sebagai media pemasangan iklan untuk toko-toko yang ada di Plaza Bintaro, sehinga bisa menambah pemasukan bagi pihak pengelola Plaza Bintaro. Selain itu juga sebagai media penyampaian promo toko yang ada pada Plaza Bintaro Jaya, karena dengan kios informasi, penyampaian informasi bisa ditampilkan dengan lebih atraktif dengan dukungan multimedia-nya.

Perancangan sistem kios informasi pada Plaza Bintaro ini menggunakan Local Area Network, di mana server dan komputer Admin dapat digunakan sebagai Back-End (Administrator) dan komputer Client (Kios informasi) sebagai Front-End. Dengan menggunakan sistem ini maka pihak Plaza Bintaro dapat lebih mudah melakukan perbaikan dan perawatan seperti menambah, mengubah, dan menghapus data.

3.9 Perancangan S truktur Menu

Berikut ini adalah gambar dari rancangan struktur menu mengenai sistem kios informasi yang dibuat. Tujuan dibuatnya struktur menu ini agar dapat memahami hubungan antar menu tersebut.

(22)

53

Gambar 3.2 : S truktur Menu Utama

Pada menu utama pengguna dapat masuk kedalam menu-menu lainnya, yaitu menu profil, berita & acara, fasilitas umum, Cinema, lokasi toko, dan menu pencari barang.

Gambar 3.3 : S truktur Menu Profil

Pada menu profil, pengguna bisa melihat history dan denah serta foto-foto mengenai Plaza Bintaro Jaya.

(23)

54

Gambar 3.4 : S truktur Menu Pencarian Barang

Pada menu pencarian barang, pengunjung bisa melihat daftar barang secara umum, dan jika memilih salah satu barang yang ada di menu ini, maka sistem akan menampilkan menu daftar toko yang menjual barang tersebut.

Gambar 3.5 : S truktur Menu Fasilitas Umum

Di menu ini, para pengguna bisa melihat fasilitas umum berdasarkan dari lantai atau lokasi yang mereka ingin ketahui, yaitu menu parkir area, lantai dasar, lantai 1, dan lantai 2.

(24)

55

Gambar 3.6 : S truktur Menu Cinema

Pada menu Cinema ini, pengunjung dapat memlilih 4 menu, yaitu Film 1, Film 2, Film 3, dan terakhir Film . Pada tiap-tiap sub-menu film, terdapat 2 pilihan lagi, yaitu trailer dan keterangan jam dan synopsis.

Gambar 3.7 : S truktur Menu Toko

Pada menu toko, pengunjung dapat melihat daftar toko berdasarkan pilihan dari sub-menu berikutnya, yaitu lantai dasar, lantai 1 dan lantai 2. Pengunjung bisa melihat daftar toko berdasarkan lantai yang dipilih pada menu ini.

(25)

56

Gambar 3.8 : S truktur Menu Layar Admin

Di menu ini, admin yang bertugas untuk merawat data sistem kios informasi ini, pertama-tama masuk ke menu login setelah itu terdapat beberapa sub-menu, yaitu menu untuk ubah profil logo, ubah acara, ubah fasilitas umum, ubah iklan, ubah cinema, ubah toko, dan ubah barang.

(26)

57 3.10 State Transition Diagram (STD)

3.10.1 State Transition Diagram Menu Utama

Berikut ini adalah STD untuk menu utama :

Gambar 3.9 : State Transition Diagram Menu Utama

Pada menu utama ini pengguna dapat memilih menu berikutnya dengan mengklik salah satu tombol nya. Dan jika selama 1 menit pengguna mendiamkan tanpa mengklik tombol apapun, maka sistem akan menjalankan screen saver-nya. Dan jika pengguna mengklik kembali, maka akan kembali ke menu ini.

(27)

58

3.10.2 State Transition Diagram Menu Profil

Gambar 3.10 : State Transition Diagram Menu Profil

Di menu profil ini, pengguna dapat memilih 2 option, yaitu history dan denah&foto. Dan jika pengguna mendiamkan selama 1 menit, maka akan keluar screnn saver-nya. Dan jika di klik sembarang tempat, maka akan kembali ke menu ini. Jika pengguna mengkli pilihan home, maka akan kembali ke menu utama.

(28)

59

3.10.3 State Transition Diagram Menu Daftar Toko

Gambar 3.11 : State Transition Diagram Menu Daftar Toko

Pada menu daftar toko, pengguna dapat melihat daftar toko dengan mengklik 3 menu yang terdapat disini, yaitu daftar toko lantai dasar, daftar toko lantai 1, dan daftar toko lantai 2. Jika salah satu menu tersebut di klik, maka sistem akan menampilkan daftar toko yang telah dipilih. Dan dari daftar toko yang keluar, jika salah satu toko tersebut diklik, maka akan keluar informasi mengenai toko tersebut, beserta denahnya. Dan jika pengguna mendiamkan selama 1 menit, maka sistem akan menampilkan screen saver-nya. Dan jika kemabali mengklik maka akan kembali ke menu ini. Jika pengguna mengklik tombol home, maka akan kembali ke menu utama.

(29)

60

3.10.4 State Transition Diagram Menu Berita Acara

Gambar 3.12 : State Transition Diagram Menu Berita Acara

Pada menu ini, pengguna bisa melihat mengenai acara yang sedang

berlangsung pada Plaza Bintaro Jaya. Dan jika pengguna mendiamkan sistem selama 1 menit, maka akan keluar screen saver. Dan jika kembali di klik, maka sistem akan kembali ke menu ini. Jika pengguna mengklik tombol home, maka akan kembali ke menu utama.

(30)

61

3.10.5 State Transition Diagram Menu Cinema

Gambar 3.13 : State Transition Diagram Menu Cinema

Di menu Cinema, pengguna dapat memilih 4 option yang ada. Yaitu Film 1, film 2, film 3, dan film 4. Jika salah satu menu tersebut diklik, maka pengguna bisa memilih trailer dan melihat trailer film yang dipilih. Jika selama 1 menit sistem didiamkan, maka akan keluar screen saver. Namun jika diklik, maka akan keluar menu Cinema kembali. Jika pengguna mengklik tombol home, maka akan kembali ke menu utama.

(31)

62

3.10.6 State Transition Diagram Menu Fasilitas Umum

Gambar 3.14 : State Transition Diagram Menu Fasilitas Umum

Pada menu fasilitas umum, pengguna bisa melihat fasilitas umum berdasarkan option yang ada, yaitu parker area, lantai dasar, lantai 1, dan lantai 2. Jika pengguna mengklik salah satu option tersebut. M aka pengguna dapat melihat denah serta keterangan fasilitas umum. Dan jika pengguna mendiamkan sistem selama 1 menit, maka akan keluar screen saver. Dan jika kemblai di klik, maka sistem akan kembali ke menu ini. Jika pengguna mengklik tombol home, maka akan kembali ke menu utama.

(32)

63

3.10.7 State Transition Diagram Menu Pencarian Barang

Gambar 3.15 : State Transition Diagram Menu Pencarian Barang

Pada menu ini, pengguna dapat memilih nama barang yang dimaksud. Dan sistem akan menampilkan daftar toko yang berkaitan dengan barang tersebut. Dan setelah itu, jika kita memilih daftar toko yang maksud, sistem akan menampilkan detail toko tersebut.

(33)

64

3.10.8 State Transition Diagram Menu Admin

Gambar 3.16 : State Transition Diagram Menu Admin

Pada menu login terdapat beberapa menu lagi, yaitu menu database Profil Logo, acara, fasilitas umum, iklan, Cinema, toko, dan database barang. Jika pengguna mengklik tombol logout, maka akan keluar kembali ke tempilan login.

(34)

65

Anima si

3.11 Perancangan Layar S istem dan S pesifikasi Modul

3.11.1 Rancangan Layar dan S pesifikasi Modul Layar S creen S aver

Video

Gambar 3.17 : Perancangan layar S creen S aver Ukuran Layar : 1024 x 768

ID layar : Screen Saver

Deskripsi Layar : Layar ini menampilkan animasi & video untuk Screen Saver

Warna : Kuning kecoklatan Atribut Text : Agency FB

Images : Banner iklan Animasi : Iklan produk Video : IklanVideo.mov Audio : IklanAudio.mp3 Link dari Layar : Semua layar S pesifikasi Modul S creen S aver Modul Layar S creen S aver

(35)

66

Selama tidak ada modul yang tersentuh selama 120 detik Tampilkan modul yang terakhir dijalankan Akhir Modul

Dihalaman ini, jika pengguna tidak menyentuh layar selama 120 detik, maka akan muncul screen saver iklan yang ditampilkan di kios inforrnasi ini. Iklan tersebut berupa video yang bersuara.

(36)

67

3.11.2 Rancangan Layar dan S pesifikasi Modul Halaman Utama

Gambar 3.18 : Tampilan Halaman Utama

Ukuran Layar : 1024 x 768 ID layar : Halaman Utama

Deskripsi Layar : Layar ini menampilkan halaman utama sambutan selamat datang di Plaza Bintaro

Warna : Kuning kecoklatan

Atribut Text : Gabungan font antara Sydnie , Segoe UI, A gency FB, dan untuk jam menggunakan font Arial Images : Banner Iklan Images dari setiap toko

Keterangan Halaman Utama

LOGO PLAZA BINTARO JAYA Cari Barang Fasilitas Umum

B

a

n

er

A

n

im

a

si I

k

la

n

Lokasi Toko Berita Acara Profil Contact Us Tanggal & Jam

(37)

68

Animasi : Setiap button, logo, dan banner toko Video : Tidak ada video pada halaman ini

Audio : Pembukaan.mp3, 00-Background sound.mp3, 00-Click1.mp3, 00-Click.mp3, 00-Over.mp3

Link dari Layar : Screen Saver S pesifikasi Modul Halaman Utama Modul Layar Halaman Utama

Tampilkan halaman “Halaman Utama” Lakukan jika

M ouse Over “Screen Saver” lakukan modul “Halaman Utama”

Akhir lakukan jika Akhir Modul

Pada halaman menu utama ini terdapat kata sambutan selamat datang dan panduan untuk menggunakan fasilitas kios informasi ini. Terdapat pula Logo Plaza Bintaro, tanggal dan jam, tombol cari barang, animasi iklan yang ditampilkan secara slide show, dan tombol navigasi untuk menuju ke menu-menu lainnya.

(38)

69

3.11.3 Rancangan Layar dan S pesifikasi Modul Halaman Pencarian Barang

Gambar 3.19 : Tampilan Halaman Pencarian Barang

Ukuran Layar : 1024 x 768 ID layar : Cari Barang

Deskripsi Layar : Layar ini menampilkan daftar cari barang berdasarkan kategori barang

Keterangan Cari Barang

B

a

n

er

A

n

im

a

si I

k

la

n

(39)

70

Atribut Text : Gabungan font antara Sydnie , Segoe UI, Agency FB, dan untuk jam menggunakan font Arial

Images : Foto toko n.jpg

Animasi : Tidak ada animasi pada halaman ini Video : Tidak ada video pada halaman ini

Audio : Cari Barang.mp3, Background sound.mp3, 00-Click1.mp3, 00-Click.mp3, 00-Over.mp3

Link dari Layar : Semua layar S pesifikasi Modul Cari Barang Modul Layar Cari Barang

Tampilkan halaman “Cari Barang” Lakukan jika

Klik menu “Profil”, lakukan modul “Profil”

Klik menu “Berita Acara”, lakukan modul “Berita Acara” Klik menu “Fasilitas Umum”, lakukan modul “Fasilitas Umum”

Klik menu “Cinema”, lakukan modul “Cinema”

Klik menu “Lokasi Toko”, lakukan modul “Lokasi Toko” Klik menu “Contact Us”, lakukan modul “Contact Us” Klik menu “Cari Barang”, lakukan modul “Cari Barang”

Klik menu “Kategori n”, lakukan modul “Profil Toko n”

Akhir lakukan jika Akhir Modul

Dihalaman ini, pengguna bisa mencari barang yang diinginkan dengan cara memilih daftar barang yang ada berupa radio button. Jika salah satu tombol radio button dipilih, maka sistem akan menampilkan daftar toko yang berkaitan dengan barang yang dipilih. Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time, tombol cari barang, serta tombol navigasi untuk menuju ke menu-menu lainnya.

(40)

71

3.11.4 Rancangan Layar dan S pesifikasi Modul Halaman Profil

Gambar 3.20 : Tampilan Profil Plaza Bintaro

Ukuran Layar : 1024 x 768 ID layar : Profil

Deskripsi Layar : Layar ini berisi profil maupun visi dari didirikannya Plaza Bintaro

Atribut Text : Gabungan font antara Sydnie , Segoe UI, A gency FB, dan untuk jam menggunakan font Arial

Keterangan Profil

B

a

n

er

A

n

im

a

si I

k

la

n

Lokasi Toko Berita Acara Profil Contact Us Tanggal & Jam History Denah & Foto

(41)

72

Images : History.jpg, Denah dan Foto.jpg, Banner Iklan Images dari setiap toko

Audio : Profil.mp3, History.mp3, Denah & Foto.mp3, 00-Background sound.mp3, 00-Click1.mp3, 00-Click.mp3, 00-Over.mp3

Link dari Layar : Semua layar S pesifikasi Modul Profil

Modul Layar Profil

Tampilkan halaman “Profil” Lakukan jika

Klik menu “History”, lakukan modul “History”

Klik menu “Denah & Foto”, lakukan modul “Denah & Foto”

Klik menu “Lokasi Toko”, lakukan modul “Lokasi Toko” Klik menu “Contact Us”, lakukan modul “Contact Us” Klik menu “Cari Barang”, lakukan modul “Cari Barang” Akhir lakukan jika

Akhir Modul

Pada halaman profil ini, terdapat tombol cari barang, tombol history, tombol denah dan foto. Jika salah satu tombol tersebut di klik, maka keterangan yang dimaksud akan keluar. Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time, tombol cari barang, serta tombol navigasi untuk menuju ke menu-menu lainnya.

(42)

73

3.11.5 Rancangan Layar dan S pesifikasi Modul Halaman Berita Acara

Gambar 3.21 : Tampilan Berita Acara

Ukuran Layar : 1024 x 768 ID layar : Berita Acara

Deskripsi Layar : Pada halaman berita dan acara, hanya berupa keterangan mengenai acara yang sedang berlangsung di Plaza Bintaro Jaya, dan juga mengenai promosi-promosi yang dilakukan oleh pihak toko

Keterangan Berita Acara

B

a

n

er

A

n

im

a

si I

k

la

n

(43)

74 Warna : Kuning kecoklatan

Atribut Text : Gabungan font antara Sydnie , Segoe UI, Agency FB, dan untuk jam menggunakan font Arial

Images : Banner Iklan Images dari setiap toko Animasi : Setiap button, logo, dan banner toko Video : Tidak ada video pada halaman ini

Audio : Berita Acara.mp3, 00-Background sound.mp3, 00-Click1.mp3, 00-Click.mp3, 00-Over.mp3 Link dari Layar : Semua layar

S pesifikasi Modul Berita Acara Modul Layar Berita Acara

Tampilkan halaman “Berita Acara” Lakukan jika

Akhir Modul

Pada halaman berita dan acara, hanya berupa keterangan mengenai acara yang sedang berlangsung di Plaza Bintaro Jaya, dan juga mengenai promosi-promosi yang dilakukan oleh pihak toko. Seperti halaman sebelumnya, Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time, tombol cari barang, serta tombol navigasi untuk menuju ke menu-menu lainnya.

(44)

75

3.11.6 Rancangan Layar dan S pesifikasi Modul Halaman Fasilitas Umum

Gambar 3.22 : Tampilan Fasilitas Umum

Ukuran Layar : 1024 x 768 ID layar : Fasilitas Umum

Deskripsi Layar : Pada halaman ini, pengguna bisa mencari fasilitas umum secara keseluruhan. Tanpa harus memilih-milih jenis fasilitas umum

Keterangan

Fasilitas Umum

B

a

n

er

A

n

im

a

si I

k

la

n

Lokasi Toko Berita Acara Profil Contact Us Tanggal & Jam Lantai Dasar Lantai I Lantai II Parkir Area

(45)

76

Images : Parkir Area.jpg, Lantai Dasar.jpg, Lantai 1.jpg, Lantai 2.jpg, Banner Iklan Images dari setiap toko Animasi : Setiap button, logo, dan banner toko

Video : Tidak ada video pada halaman ini

Audio : Fasilitas Umum.mp3, Parkir Area.mp3, Lantai Dasar.mp3, Lantai 1.mp3, Lantai 2.mp3, Background sound.mp3,Click1.mp3, 00-Click.mp3, 00-Over.mp3

Link dari Layar : Semua layar S pesifikasi Modul Fasilitas Umum Modul Layar Fasilitas Umum

Tampilkan halaman “Fasilitas Umum” Lakukan jika

Klik menu “Parkir Area”, lakukan modul “Parkir Area”

Klik menu “Lantai Dasar”, lakukan modul “Lantai Dasar”

Klik menu “Lantai I”, lakukan modul “Lantai I” Klik menu “Lantai II”, lakukan modul “Lantai II” Klik menu “Cinema”, lakukan modul “Cinema”

Akhir Modul

Di halaman ini, pengguna bisa mencari fasilitas umum secara keseluruhan. Tanpa harus memilih-milih jenis fasilitas umum. Jika dipilih salah satu tombol yang ada, maka sistem akan menampilkan denah lantai yang di maksud, dan menampilkan

(46)

77

fasilitas umum yang ada pada lantai tersebut dengan di tandai seperti berkedap-kedip, beserta keterangan fasilitas umum tersebut. Seperti juga pada halaman lainnya Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time. , tombol cari barang , serta tombol navigasi untuk menuju ke menu-menu lainnya.

(47)

78

3.11.7 Rancangan Layar dan S pesifikasi Modul Halaman Cinema

Gambar 3.23 : Tampilan Halaman Cinema Ukuran Layar : 1024 x 768

ID layar : Cinema

Deskripsi Layar : Layar ini menampilkan jadwal cinema yang akan ditayangkan

Keterangan Tabel Cinema

LOGO PLAZA BINTARO JAYA Fasilitas Umum

B

a

n

er

A

n

im

a

si I

k

la

n

(48)

79

Images :scarymovie4.jpg, barnyard.jpg, fastfurioust.jpg, stickit.jpg, thesimpsons.jpg

Animasi : Setiap button, logo, dan banner toko

Video : Barnyard.flv, fastandthefurious.flv, ScaryM ovie4.flv, stickit.flv, thesimpsons.flv

Audio : Cinema.mp3, Trailer Studio 1.mp3, Trailer Studio2.mp3, Trailer Studio 3.mp3, Trailer

Studio4.mp3, Trailer Studio 5.mp3, 00-Background sound.mp3,

00-Click1.mp3, 00-Click.mp3, 00-Over.mp3 Link dari Layar : Semua layar

S pesifikasi Modul Cinema Modul Layar Cinema

Tampilkan halaman “Cinema” Lakukan jika

Klik menu “Sinopsis1”, lakukan modul “Sinopsis1”

Klik menu “Trailer1”, lakukan modul

“Trailer1”

“Trailer2”

“Trailer3”

“Trailer4”

“Trailer5”

Klik menu “Back”, lakukan modul “Cinema” Klik menu “Lokasi Toko”, lakukan modul “Lokasi Toko” Klik menu “Contact Us”, lakukan modul “Contact Us”

(49)

80

Klik menu “Cari Barang”, lakukan modul “Cari Barang” Akhir lakukan jika

Akhir Modul

Pada halaman Cinema, pengguna bisa memilih jadwal bioskop berdasarkan judul film yang sedang tayang saat itu. Terdapat keterangan harga tiket HTM, Judul Film, Jam Tayang, serta tombol synopsis yang apabila di tekan maka akan muncul synopsis dari film tersebut. Terdapat pula tombol movie trailer yang apabila ditekan maka akan muncul cuplikan dari movie tersebut berupa video dan audio secara full screen. Seperti juga pada halaman lainnya Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time, serta tombol navigasi untuk menuju ke menu-menu lainnya.

(50)

81

3.11.8 Rancangan Layar dan S pesifikasi Modul Halaman Daftar Toko

Gambar 3.24 : Tampilan Halaman Daftar Toko

Ukuran Layar : 1024 x 768 ID layar : Lokasi Toko

Deskripsi Layar : Layar ini menampilkan daftar lokasi toko dan juga profil toko tersebut

Images : toko1.jpg, toko2.jpg, toko3.jpg, toko4.jpg, toko5.jpg, toko6.jpg, toko7.jpg, toko8.jpg, toko9.jpg,

Keterangan

Daftar Toko

B

a

n

er

A

n

im

a

si I

k

la

n

Lokasi Toko Berita Acara Profil Contact Us Tanggal & Jam Lantai Dasar Lantai I Lantai II

(51)

82

toko10.jpg, toko11.jpg, toko12.jpg, toko13.jpg, toko14.jpg, toko15.jpg, toko16.jpg, toko17.jpg, toko18.jpg

Audio : Lokasi Toko.mp3, Lantai 1.mp3, Lantai 2.mp3, 00-Background sound.mp3, 00-Click1.mp3, 00-Click.mp3, 00-Over.mp3

Link dari Layar : Semua layar S pesifikasi Modul Lokasi Toko Modul Layar Lokasi Toko

Tampilkan halaman “Lokasi Toko” Lakukan jika

Klik menu “Lokasi Toko”, lakukan modul “Lokasi Toko” Klik menu “Lantai Dasar”, lakukan modul “Lantai Dasar”

Klik menu “Profil n”, lakukan modul “Profil n” Klik menu “Denah n”, lakukan modul “Denah n”

Klik menu “Lantai I”, lakukan modul “Lantai I”

Klik menu “Lantai II”, lakukan modul “Lantai II” Klik menu “Profil n”, lakukan modul “Profil n” Klik menu “Denah n”, lakukan modul “Denah n”

Klik menu “Contact Us”, lakukan modul “Contact Us” Klik menu “Cari Barang”, lakukan modul “Cari Barang” Akhir lakukan jika

Akhir Modul

Di halaman ini, pengguna bisa melihat daftar toko berdasarkan lantai yang dipilih. Jika salah satu toko tersebut diklik, maka sistem akan menampilkan denah

(52)

83

toko dan profil toko. Seperti juga pada halaman lainnya Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time , tombol cari barang , serta tombol navigasi untuk menuju ke menu-menu lainnya.

3.11.9 Rancangan Layar dan S pesifikasi Modul Halaman Denah Toko

Gambar 3.25 : Tampilan Halaman Denah Toko Ukuran Layar : 1024 x 768

ID layar : Denah Toko

Deskripsi Layar : Layar ini menampilkan lokasi denah toko yang telah dipilih sebelumnya

Warna : Kuning kecoklatan LOGO PLAZA BINTARO JAYA Cari Barang Fasilitas Umum

B

a

n

er

A

n

im

a

si I

k

la

n

Profil Toko

Keterangan

Denah Toko

(53)

84

Images : denahtoko n.jpg

Link dari Layar : Lokasi Toko S pesifikasi Modul Denah Toko Modul Layar Denah Toko

Tampilkan halaman “Denah Toko” Lakukan jika

(54)

85

Pada halaman denah toko, pengguna bisa melihat denah toko yang telah dipilh sebelumnya, dan jika pengguna mengklik tombol profil toko, maka sistem akan menampilkannya, seperti pada rancangan layar selanjutnya. Dan jika pengguna mengklik tombol back, maka sistem akan kembali kehalaman daftar toko. Seperti halaman-halaman sebelumnya Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time. , tombol cari barang , serta tombol navigasi untuk menuju ke menu-menu lainnya.

3.11.10 Rancangan Layar dan S pesifikasi Modul Halaman Profil Toko

Gambar 3.26 : Tampilan Halaman Profil Toko LOGO PLAZA BINTARO JAYA Cari Barang Fasilitas Umum

B

a

n

er

A

n

im

a

si I

k

la

n

Profil Toko

Keterangan

Profil Toko

(55)

86 Ukuran Layar : 1024 x 768 ID layar : Profil Toko

Deskripsi Layar : Layar ini menampilkan halaman Profil toko, pengguna mendapatkan informasi mengenai toko tersebut

Images : profiltoko n.jpg

Link dari Layar : Lokasi Toko S pesifikasi Modul Profil Toko Modul Layar Profil Toko

Tampilkan halaman “Profil Toko” Lakukan jika

(56)

87

Akhir Modul

Pada halaman Profil toko, pengguna mendapatkan informasi mengenai toko tersebut. Dan jika pengguna klik tombol back, maka pengguna kembali ke halaman denah toko. Seperti juga pada halaman lainnya Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time, tombol cari barang , serta tombol navigasi untuk menuju ke menu-menu lainnya.

(57)

88

3.11.11 Rancangan Layar dan S pesifikasi Modul Halaman Contact Us

Gambar 3.27 : Tampilan Halaman Profil Toko

Ukuran Layar : 1024 x 768 ID layar : Contact Us

Deskripsi Layar : Layar ini menampilkan kontak informasi dari pembuat kios informasi Plaza Bintaro

Keterangan Contact Us

B

a

n

er

A

n

im

a

si I

k

la

n

(58)

89 Images : Contact Us.jpg

Animasi : Tidak ada animasi pada halaman ini Video : Tidak ada video pada halaman ini

Audio : Contact Us.mp3, Background sound.mp3, 00-Click1.mp3, 00-Click.mp3, 00-Over.mp3

Link dari Layar : Semua layar S pesifikasi Modul Contact Us Modul Layar Contact Us

Tampilkan halaman “Contact Us” Lakukan jika

Akhir Modul

Pada halaman Pusat Informasi terdapat informasi bantuan bagi pengunjung yang mengalami kesulitan. Terdapat juga informasi dari pembuat kios dan nomor telepon yang dapat dihubungi. Seperti juga pada halaman lainnya Pada logo plaza bintaro jaya, menggunakan animasi. Dan pada banner iklan yang dipasang berupa slide show. Di halaman ini juga terdapat tanggal dan jam secara real time , tombol cari barang , serta tombol navigasi untuk menuju ke menu-menu lainnya.

(59)

90

3.11.12 Rancangan Layar dan S pesifikasi Modul Halaman Login

Gambar 3.28 : Tampilan Halaman Login

Ukuran Layar : 415 x 234 ID layar : FormLogin

Deskripsi Layar : Layar ini menampilkan autentifikasi administrator Warna : Biru Gelap

Atribut Text : Gabungan font antara System, Impact, Ms Sans Serif Images : PlazaBintaro.jpg

Animasi : Tidak ada animasi pada halaman ini Video : Tidak ada video pada halaman ini Audio : Tidak ada audio pada halaman ini Link dari Layar : Semua layar

S pesifikasi Modul Login Modul Layar FormLogin

Tampilkan halaman “FormLogin” Lakukan jika

Klik menu “Login”, lakukan modul “Administrator” Akhir lakukan jika

“Username” and “Password” TRUE Akhir Modul

Di halaman Login terdapat tombol Login, textfield “Username”, textfield “Password”, text Plaza Bintaro, dan Gambar. Apabila admin memasukkan

Gambar Plaza

Bintaro

Login

Plaza Bintaro

Username :

Password :

(60)

91

username dan password dengan benar, maka akan pindah ke halaman administrator.

3.11.13 Rancangan Layar dan S pesifikasi Modul Halaman Administrator

Gambar 3.29 : Tampilan Halaman Administrator Ukuran Layar : 415 x 234

ID layar : FormAdministrator

Deskripsi Layar : Layar ini menampilkan menu untuk mengganti data dari ”Ubah data” dan ”Ubah Password”

Warna : Biru Gelap

Atribut Text : Gabungan font antara System, Impact, Ms Sans Serif Images : PlazaBintaro.jpg

S pesifikasi Modul Administrator Modul Layar FormAdministrator

Tampilkan halaman “FormAdministrator” Lakukan jika

Gambar Plaza

Bintaro

Logout Ubah Data Ubah Password

Plaza Bintaro

(61)

92

Klik menu “Ubah Data”, lakukan modul “Ubah Data”

Klik menu “Ubah Password”, lakukan modul “Ubah Password”

Klik menu “Logout”, lakukan modul “Login” Akhir lakukan jika

Akhir Modul

Di halaman Administrator terdapat tombol Logout, Ubah Data, Ubah Password, text Plaza Bintaro, dan Gambar. Admin bisa mengubah data atau mengubah password.

(62)

93

3.11.14 Rancangan Layar dan S pesifikasi Modul Halaman Ubah Data

Gambar 3.30 : Tampilan Halaman Ubah Data

Ukuran Layar : 238 x 464 ID layar : FormUbahData

Deskripsi Layar : Layar ini menampilkan menu untuk mengganti data Berita Acara, Cinema, Sinopsis Film, dan Lokasi Toko

Warna : Biru Gelap

Atribut Text : Gabungan font antara System, Impact, Ms Sans Serif Cancel Lokasi Toko Sinopsis Film Cinema Berita Acara

Gambar Plaza

Bintaro

Logout

Plaza Bintaro

Ubah Data

(63)

94 Images : PlazaBintaro2.jpg

S pesifikasi Modul Ubah Data Modul Layar FormUbahData

Tampilkan halaman “FormUbahData” Lakukan jika

Klik menu “Berita Acara”, lakukan modul “Berita Acara” Klik menu “Cinema”, lakukan modul “Cinema”

Klik menu “Sinopsis Film”, lakukan modul “Sinopsis Film” Klik menu “Lokasi Toko”, lakukan modul ”Lokasi Toko” Klik menu “Logout”, lakukan modul ”Login”

Klik menu “Cancel”, lakukan modul ”Administrator” Akhir lakukan jika

Akhir Modul

Di halaman Ubah Data terdapat tombol Berita Acara, Cinema, Sinopsis Film, Lokasi Toko, text Plaza Bintaro, dan Gambar. Admin bisa mengubah data dari masing-masing menu tersebut.

(64)

95

3.11.15 Rancangan Layar dan S pesifikasi Modul Halaman Ubah Password

Gambar 3.31 : Tampilan Halaman Ubah Password Ukuran Layar : 350 x 475

ID layar : FormUbahPassword

Deskripsi Layar : Layar ini menampilkan menu untuk mengganti password lama

Warna : Biru Gelap

Atribut Text : Gabungan font antara System, Impact, Ms Sans Serif Images : Tidak ada images pada halaman ini

Animasi : Tidak ada animasi pada halaman ini Cancel Submit

Plaza Bintaro

Ubah Password Username : Password Lama :

Masukkan Username dan Password Baru Username :

Password Baru :

Masukkan Username dan Password Lama

Masukkan Password Baru S ekali Lagi Password Baru :

:

(65)

96

Video : Tidak ada video pada halaman ini Audio : Tidak ada audio pada halaman ini Link dari Layar : Administrator

S pesifikasi Modul Ubah Password Modul Layar FormUbahPassword

Tampilkan halaman “FormUbahPassword” Lakukan jika

Klik menu “Submit”, lakukan modul “Ubah Password” Klik menu “Logout”, lakukan modul ”Login”

Klik menu “Cancel”, lakukan modul ”Administrator” Akhir lakukan jika

Akhir Modul

Di halaman Ubah Password, admin dapat mengubah password atau username, lakukan validasi terlebih dahulu terhadap username dan password yang lama.

(66)

97

3.11.16 Rancangan Layar dan S pesifikasi Modul Halaman Berita Acara

Gambar 3.32 : Tampilan Halaman Berita Acara Ukuran Layar : 575 x 487

ID layar : FormBeritaAcara

Deskripsi Layar : Layar ini menampilkan data Berita Acara yang dapat di Edit, Save, Delete, Insert

Warna : Biru Gelap

Animasi : Tidak ada animasi pada halaman ini Video : Tidak ada video pada halaman ini Audio : Tidak ada audio pada halaman ini M enu

001

Gambar Plaza Bintaro

Logout

Plaza Bintaro

Save Insert Delete Edit << < > >> No :

Judul :

Berita : Acara Berita Acara

(67)

98 Link dari Layar : Ubah Data S pesifikasi Modul Berita Acara Modul Layar FormBeritaAcara

Tampilkan halaman “FormBeritaAcara” Lakukan jika

Klik menu “M enu”, lakukan modul “Administrator” Klik menu “Logout”, lakukan modul “Login” Klik menu “Save”, lakukan modul “Save” Klik menu “Insert”, lakukan modul “Insert” Klik menu “Delete”, lakukan modul “Delete” Klik menu “Edit”, lakukan modul “Edit” Klik menu “First”, lakukan modul “First” Klik menu “Back”, lakukan modul “Back” Klik menu “Next”, lakukan modul “Next” Klik menu “Last”, lakukan modul “Last” Akhir lakukan jika

Akhir Modul

Di halaman Berita Acara, admin dapat mengubah data dari Berita Acara yaitu field Nomor, field Judul, dan Field Berita Acara

(68)

99

3.11.17 Rancangan Layar dan S pesifikasi Modul Halaman Cinema

Gambar 3.33 : Tampilan Halaman Cinema

Ukuran Layar : 575 x 385 ID layar : FormCinema

Deskripsi Layar : Layar ini menampilkan data Cinema Warna : Biru Gelap

Animasi : Tidak ada animasi pada halaman ini Video : Tidak ada video pada halaman ini Audio : Tidak ada audio pada halaman ini Link dari Layar : Ubah Data

S pesifikasi Modul Cinema Modul Layar FormCinema M enu

001

00:00

Logout

Plaza Bintaro

Save Insert Delete Edit << < > >>

00:00 00:00 00:00 00:00 Jam ke1 Jam ke2 Jam ke3 Jam ke4 Jam ke5

Cinema Studio : Judul Film :

(69)

100 Tampilkan halaman “FormCinema” Lakukan jika

Klik menu “M enu”, lakukan modul “Administrator” Klik menu “Logout”, lakukan modul “Login” Klik menu “Save”, lakukan modul “Save” Klik menu “Insert”, lakukan modul “Insert” Klik menu “Delete”, lakukan modul “Delete” Klik menu “Edit”, lakukan modul “Edit” Klik menu “First”, lakukan modul “First” Klik menu “Back”, lakukan modul “Back” Klik menu “Next”, lakukan modul “Next” Klik menu “Last”, lakukan modul “Last” Akhir lakukan jika

Akhir Modul

Di halaman Cinema, admin dapat mengubah data dari Cinema, yaitu terdapat field Studio, field Judul Film, dan field Jam Tayang dari masing-masing judul.

(70)

101

3.11.18 Rancangan Layar dan S pesifikasi Modul Halaman Sinopsis

Gambar 3.34 : Tampilan Halaman Sinopsis Ukuran Layar : 574 x 555

ID layar : FormSinopsis

Deskripsi Layar : Layar ini menampilkan data Sinopsis Film Warna : Biru Gelap

Animasi : Tidak ada animasi pada halaman ini Video : Tidak ada video pada halaman ini Audio : Tidak ada audio pada halaman ini M enu

001

Gambar Plaza Bintaro

Logout

Plaza Bintaro

Save Insert Delete Edit << < > >> No : Judul : Sinopsis : Gambar : Trailer : Sinopsis Browse Browse

(71)

102 Link dari Layar : Ubah Data S pesifikasi Modul Sinopsis Modul Layar FormS inopsis

Tampilkan halaman “FormSinopsis” Lakukan jika

Klik menu “M enu”, lakukan modul “Administrator” Klik menu “Logout”, lakukan modul “Login” Klik menu “Save”, lakukan modul “Save” Klik menu “Insert”, lakukan modul “Insert” Klik menu “Delete”, lakukan modul “Delete” Klik menu “Edit”, lakukan modul “Edit” Klik menu “First”, lakukan modul “First” Klik menu “Back”, lakukan modul “Back” Klik menu “Next”, lakukan modul “Next” Klik menu “Last”, lakukan modul “Last” Klik menu “Browse”, lakukan modul “Browse” Akhir lakukan jika

Akhir Modul

Di halaman Sinopsis, admin dapat mengubah data dari Sinopsis dari masing-masing Studio Film