bab 3 analisis dan perancangan -...

56
38 BAB 3 ANALISIS DAN PERANCANGAN 3.1 Sejarah Perusahaan Plaza Senayan diresmikan dan dibuka pada November 1995, berlokasi di Jalan Asia Afrika No. 8, Jakarta Pusat. Dibangun dengan konsep “pusat perbelanjaan yang serba ada dengan hiburan yang lengkap” (one stop shopping with entertainment). Konsep ini dipilih karena sebagian besar pengungjung yang mengunjungi suatu pusat perbelanjaan tidak hanya datang untuk berbelanja tetapi juga untuk rekreasi atau sekedar jalan-jalan. Pembangunan Plaza Senayan dimulai Februari 1994. Plaza Senayan dibangun dan dikelola oleh PT. Senayan Trikarya Sempana. PT. Senayan Trikarya Sempana selaku developer Plaza Senayan beralamat di Jalan New Delhi 9, Pintu 1 Gelora Senayan, Jakarta Pusat. Dalam perencanaan pembangunan Plaza Senayan, PT. Senayan Trikarya Sempana melakukan kerjasama antara konsultan Airmas Asri, Wiratman & Associates, Arnan Pratama Consultant dan kontraktor Kajima Overseas Asia – Waskita Karya Joint Operations. Dengan luas area 163.050 m 2 Plaza Senayan merupakan bangunan dengan 5 lantai, serta fasilitas seperti total toko kurang lebih 250 buah, 4 bank, 6 macam ATM, keamanan 24 jam, air conditioner, escalator, elevator, car call, toilet, telepon umum, musola, monitor iklan, dan juga tempat parkir yang dapat menampung kurang lebih 3425 buah mobil.

Upload: dangnguyet

Post on 25-Mar-2019

223 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

38

BAB 3

ANALISIS DAN PERANCANGAN

3.1 Sejarah Perusahaan

Plaza Senayan diresmikan dan dibuka pada November 1995, berlokasi di Jalan

Asia Afrika No. 8, Jakarta Pusat. Dibangun dengan konsep “pusat perbelanjaan yang

serba ada dengan hiburan yang lengkap” (one stop shopping with entertainment).

Konsep ini dipilih karena sebagian besar pengungjung yang mengunjungi suatu pusat

perbelanjaan tidak hanya datang untuk berbelanja tetapi juga untuk rekreasi atau sekedar

jalan-jalan.

Pembangunan Plaza Senayan dimulai Februari 1994. Plaza Senayan dibangun

dan dikelola oleh PT. Senayan Trikarya Sempana. PT. Senayan Trikarya Sempana

selaku developer Plaza Senayan beralamat di Jalan New Delhi 9, Pintu 1 Gelora

Senayan, Jakarta Pusat. Dalam perencanaan pembangunan Plaza Senayan, PT. Senayan

Trikarya Sempana melakukan kerjasama antara konsultan Airmas Asri, Wiratman &

Associates, Arnan Pratama Consultant dan kontraktor Kajima Overseas Asia – Waskita

Karya Joint Operations.

Dengan luas area 163.050 m2 Plaza Senayan merupakan bangunan dengan 5

lantai, serta fasilitas seperti total toko kurang lebih 250 buah, 4 bank, 6 macam ATM,

keamanan 24 jam, air conditioner, escalator, elevator, car call, toilet, telepon umum,

musola, monitor iklan, dan juga tempat parkir yang dapat menampung kurang lebih 3425

buah mobil.

Page 2: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

39

3.2 Struktur Organisasi

Board of Commissioner

Presiden Direktur

Direktur

Manager Property Manager Leasing Manager Keuangan Manager HRD Manager GeneralAffair (GA)

Staffs Staffs Staffs

TechnicalManager

OperasionalManager

Deputy ManagerPembayaran

Deputy ManagerPenagihan

Staffs Staffs Staffs Staffs

Gambar 3.1 Bagan Struktur Organisasi PT. Senayan Trikarya Sempana

Adapun uraian tugas dari masing-masing tingkatan dalam struktur organisasi

pada PT. Senayan Trikarya Sempana adalah :

a. Board of Commissioner

Merupakan para pemegang saham pada PT. Senayan Trikarya Sempana.

b. Presiden Direktur

Merupakan direktur yang memimpin serta mengawasi kegiatan kerja jangka

panjang di PT. Senayan Trikarya Sempana.

Page 3: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

40

c. Direktur

Merupakan atasan tertinggi dari mal dan bertanggung jawab mengetahui keadaan

mal dan memonitor mal secara keseluruhan.

d. Manager Property

Mengatur dan mengelola mal secara keseluruhan serta mengatur segala kegiatan

operasional mal.

e. Manager Leasing

Bertanggung jawab dengan segala sesuatu yang berhubungan dengan penyewaan

toko dan tempat di Plaza Senayan.

f. Manager Keuangan

Menangani masalah finansial perusahaan PT. Senayan Trikarya Sempana dan

urusan royalti untuk setiap toko.

g. Manager HRD

Bertanggung jawab atas sumber daya manusia yang berada di kepegawaian mal

atau karyawan mal.

h. Manager General Affair (GA)

Bertanggung jawab dalam mengatur payroll atau gaji karyawan mal dan

menerima keluhan dari pegawai mal.

i. Technical Manager.

Bertanggung jawab atas segala kerusakan teknis di gedung mal atau toko-toko di

mal.

j. Operational Manager

Bertanggung jawab atas kegiatan operational dari mal.

Page 4: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

41

3.3 Analisis

Plaza Senayan adalah sebuah pusat perbelanjaan yang terletak di daerah

Senayan. Di dalamnya banyak terdapat toko-toko besar maupun kecil, restoran dan

fasilitas-fasilitas lain yang membentuk Plaza Senayan menjadi salah satu pusat

perbelanjaan yang diminati. Hampir setiap bulannya Plaza Senayan juga mengadakan

pameran-pameran seperti pameran mobil, peluncuran handphone, dan lain-lain yang

membuat Plaza Senayan menjadi pusat perbelanjaan yang padat dikunjungi terutama

pada hari libur dan pada akhir pekan.

Pihak pengelola mempunyai sarana untuk para pengunjung dalam mencari

informasi, seperti denah lokasi dan customer service. Sarana ini dirasakan kurang

efisien, seperti denah lokasi, karena adanya kesulitan dalam merubah data sebab data

didalamnya bersifat permanen, dan juga sarana ini menimbulkan kesulitan bagi

pengunjung untuk mencari lokasi tempat yang dituju. Sarana ini terlihat masih kurang

dalam membantu pengujung memenuhi kebutuhannya akan informasi.

3.3.1 Proses Bisnis

Plaza Senayan merupakan pusat perbelanjaan yang terdiri dari 5 lantai,

dengan jumlah kios kurang lebih 250 kios, restoran, dan juga dilengkapi dengan

bioskop dan arena boling sehingga membuat Plaza Senayan menjadi tempat

pilihan untuk rekreasi, belanja, makan, dan nonton.

Sementara itu pihak pengelola Plaza Senayan dalam melayani kebutuhan

informasi bagi pengunjung dilakukan dengan pemasangan directory map, yaitu

meja bergambar denah dari lantai tertentu. Atau juga pengunjung bisa bertanya

kepada customer service dilantai dasar didepan pintu utama. Penggunaan

Page 5: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

42

directory map ini juga dianggap masih kurang efisien, karena bersifat permanen.

Dengan adanya upaya dari pengelola itu juga, pengunjung masih kesulitan untuk

mencari informasi yang mereka butuhkan.

3.3.2 Kuesioner

Dari hasil kuesioner ini, dimana responden yang ditanya berjumlah 50

responden, dapat diketahui seberapa sering responden mengunjungi Plaza

Senayan, apa saja yang dilakukannya, kesulitan dalam mencari informasi,

pengetahuan responden tentang kios informasi sehingga dapat diketahui perlu

atau tidaknya kios informasi bagi pengunjung, dan dimana peletakannya.

Tabel 3.1 Tingkat kunjungan responden dalam 1 bulan ke Plaza Senayan.

Berapa kali anda mengunjungi Plaza

Senayan dalam 1 bulan ?

Jumlah

responden

Persentase ( % )

a. 1 – 3 kali 13 26

b. 4 – 6 kali 33 66

c. Lebih dari 6 kali 4 8

Page 6: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

43

Jumlah responden

13

33

4

1 - 3 kali4 - 6 kaliLebih dari 6 kali

Grafik 3.1 Grafik tingkat kunjungan responden dalam 1 bulan ke Plaza Senayan

Data ini ditujukan untuk mengetahui seberapa seringnya responden

mengunjungi Plaza Senayan dalam kurun waktu 1 bulan.

Berdasarkan tabel 3.1 diketahui bahwa responden dapat mengunjungi

Plaza Senayan dalam kurun waktu 1 bulan sebanyak 4 – 6 kali yaitu 33

responden (66%), dan sebanyak 1 – 3 kali yaitu 13 responden (26%).

Tabel 3.2 Kegiatan responden di Plaza Senayan.

Kegiatan (utama) apa yang biasa anda

lakukan di Plaza Senayan ?

Jumlah

responden

Persentase ( % )

a. Belanja 13 26

b. Makan 11 22

c. Jalan – jalan 22 44

d. Lain – lain 4 8

Page 7: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

44

Jumlah responden

13

1122

4

BelanjaMakanJalan - jalanLain - lain

Grafik 3.2 Grafik kegiatan responden di Plaza Senayan

Data ini ditujukan untuk mengetahui kegiatan dari responden yang datang

ke Plaza Senayan. Dan juga untuk mengetahui tujuan dari responden

mengunjungi Plaza Senayan.

Berdasarkan tabel 3.2 diketahui bahwa responden mengunjungi Plaza

Senayan hanya untuk jalan – jalan sebanyak 22 responden (44%), dan juga untuk

belanja sebanyak 13 responden (26%).

Tabel 3.3 Kebutuhan informasi responden Plaza Senayan.

Informasi (yang utama) apa yang anda

butuhkan ketika berada di Plaza Senayan ?

Jumlah

responden

Persentase ( % )

a. Lokasi toko dan restoran 27 54

b. Acara mal dan pameran 12 24

c. Informasi penawaran khusus toko 9 18

d. Lain – lain 2 4

Page 8: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

45

Jumlah responden

27 12

92

Lokasi toko danrestoran

Acara mal danpameran

Informasipenawarankhusus tokoLain-lain

Grafik 3.3 Grafik kebutuhan informasi responden Plaza Senayan.

Data ini ditujukan untuk mengetahui kebutuhan apa yang sangat

dibutuhkan oleh responden di Plaza Senayan.

Berdasarkan tabel 3.3 diketahui bahwa responden membutuhkan

informasi lokasi toko dan restoran sebanyak 27 responden (54%), dan yang

membutuhkan informasi tentang acara mal dan pameran sebanyak 12 responden

(24%).

Tabel 3.4 Kesulitan memperoleh informasi responden Plaza Senayan.

Apakah anda kesulitan dalam mencari

informasi / lokasi melalui denah?

Jumlah

responden

Persentase ( % )

a. Sangat kesulitan 23 46

b. Cukup kesulitan 20 40

c. Tidak kesulitan 7 14

Page 9: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

46

Jumlah responden

23

20

7

Sangat kesulitanCukup kesulitanTidak kesulitan

Grafik 3.4 Grafik kesulitan memperoleh informasi responden Plaza Senayan.

Data ini ditujukan untuk mengetahui seberapa sulitnya responden untuk

memperoleh informasi yang dicarinya.

Berdasarkan tabel 3.4 ternyata responden sangat kesulitan untuk

memperoleh informasi yang mereka cari (23 responden atau 46%), dan 20

responden (40%) cukup sulit mencari informasi yang mereka cari.

Tabel 3.5 Bantuan customer service dalam mencari informasi.

Apakah anda merasa terbantu oleh customer

service ketika mencari informasi?

Jumlah

responden

Persentase ( % )

a. Sangat terbantu 7 14

b. Cukup terbantu 10 20

c. Kurang terbantu 22 44

d. Tidak terbantu 11 22

Page 10: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

47

Jumlah responden

7

10

22

11Sangat terbantuCukup terbantuKurang terbantuTidak terbantu

Grafik 3.5 Bantuan customer service dalam mencari informasi.

Data ini ditujukan untuk mengetahui apakah pengunjung terbantu oleh

customer service ketika mencari suatu informasi.

Berdasarkan tabel 3.5 diketahui bahwa responden kurang merasa terbantu

oleh customer service dalam mencari informasi (22 responden atau 44%). Dan

hanya 11 responden saja yang merasa terbantu oleh customer service.

Tabel 3.6 Pemahaman responden tentang kios informasi.

Apakah anda mengerti tentang kios

informasi ?

Jumlah

responden

Persentase ( % )

a. Sangat mengerti 16 32

b. Cukup mengerti 22 44

c. Kurang mengerti 8 16

d. Tidak mengerti 4 8

Page 11: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

48

Jumlah responden

16

22

84

Sangat mengertiCukup mengertiKurang mengertiTidak mengerti

Grafik 3.6 Grafik pemahaman responden tentang kios informasi.

Data ini ditujukan untuk mengetahui pemahaman responden tentang kios

informasi.

Berdasarkan tabel 3.6 diketahui bahwa sebagian besar responden

mengerti dan memahami tentang kios informasi, dimana yang sangat mengerti

sebanyak 16 responden (32%), yang cukup mengerti sebanyak 22 responden

(44%), dan yang kurang mengerti hanya 8 responden (16%), dan yang tidak

mengerti 4 responden (8%).

Tabel 3.7 Perlu tidaknya kios informasi multimedia.

Menurut anda perlukah kios informasi

multimedia pada Plaza Senayan ?

Jumlah

responden

Persentase ( % )

a. Sangat perlu 24 48

b. Cukup perlu 17 34

c. Kurang perlu 7 14

d. Tidak perlu 2 4

Page 12: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

49

Jumlah responden

24

17

7 2

Sangat perluCukup perluKurang perluTidak perlu

Grafik 3.7 Grafik perlu tidaknya kios informasi multimedia.

Data ini ditujukan untuk mengetahui seberapa perlunya kios informasi

multimedia di Plaza Senayan.

Berdasarkan tabel 3.7 sebagian besar responden menjawab sangat perlu

untuk dibangun sebuah kios informasi multimedia sebanyak 24 responden (48%),

cukup perlu sebanyak 17 responden (34%), dan yang menjawab kurang perlu

sebanyak 7 responden (14%), dan yang menjawab tidak perlu hanya 2 responden.

Tabel 3.8 Ketertarikan pada komponen dalam kios informasi.

Komponen apa yang membuat anda tertarik

pada kios informasi?

Jumlah

responden

Persentase ( % )

a. Animasi 16 32

b. Gambar 21 42

c. Teks 6 12

d. Audio 6 12

e. Video 1 2

Page 13: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

50

Jumlah responden

16

21

6

6 1AnimasiGambarTeksAudioVideo

Grafik 3.8 Ketertarikan pada komponen dalam kios informasi.

Data ini ditujukan untuk mengetahui pendapat dari pengunjung mengenai

komponen apa yang lebih penting dari suatu kios informasi.

Berdasarkan tabel 3.8 , komponen yang diperlukan dalam kios informasi

oleh para pengunjung adalah gambar sebanyak 21 responden (42%), animasi

sebanyak 16 responden (32%), audio dan teks sama-sama sebanyak 6 responden

(12%), dan video hanya 1 responden (2%).

Tabel 3.9 Penempatan kios informasi di Plaza Senayan.

Menurut anda dimana sebaiknya kios

informasi itu ditempatkan ?

Jumlah

responden

Persentase ( % )

a. Dekat lift 22 44

b. Dekat escalator 10 20

c. Pintu utama 13 26

d. Lain – lain 5 10

Page 14: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

51

Jumlah responden

22

10

13

5Dekat liftDekat escalatorPintu utamaLain - lain

Grafik 3.9 Grafik penempatan kios informasi di Plaza Senayan.

Data ini ditujukan untuk mengetahui dimanakah letak penempatan kios

informasi yang paling baik bagi pengunjung.

Berdasarkan tabel 3.9 diketahui bahwa responden ingin supaya kios

informasi itu diletakkan di dekat lift (22 responden atau 44%), selain itu

ditempatkan di pintu utama sebanyak 13 responden (26%).

Berdasarkan tabel – tabel diatas dapat disimpulkan bahwa pengunjung

selama ini masih kesulitan untuk mencari informasi di Plaza Senayan. Upaya

yang sudah dilakukan oleh pengelola Plaza Senayan dinilai masih kurang dalam

memenuhi kebutuhan informasi bagi pengunjung.

3.3.3 Wawancara

Dari proses wawancara dengan Ibu Yulianti dari PT. Senayan Trikarya

Sempana, Plaza Senayan adalah pusat perbelanjaan yang mempunyai konsep

khas yaitu “pusat perbelanjaan yang serba ada dengan hiburan yang lengkap”

Page 15: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

52

(one stop shopping with entertainment). Konsep ini terbentuk karena dilihatnya

kondisi para pengunjung yang sebagian besar mengunjungi suatu pusat

perbelanjaan tidak hanya untuk berbelanja tetapi juga untuk sekedar jalan – jalan

atau rekreasi.

Dari hasil pertanyaan yang diajukan untuk Plaza Senayan dapat diambil

beberapa hasil dan kesimpulan :

1. Target Pengunjung Plaza Senayan adalah kaum muda maupun tua, dan

juga dari segala jenis golongan. Namun target khususnya adalah para

pengunjung yang eksklusif, hal ini terlihat dari mayoritas toko-toko yang

terdapat di Plaza Senayan.

2. Tujuan dari Plaza Senayan adalah memberikan tempat untuk para

pengunjung berupa tempat rekreasi dengan berbagai fasilitas yang

tersedia, seperti bank, tempat parkir yang luas dan juga fasilitas-fasilitas

lainnya.

3. Tujuan Bagi client (toko) dari Plaza Senayan adalah penyelenggara

tempat untuk mereka men-display dan juga sekaligus mempromosikan

barang yang mereka tawarkan bagi para pelanggan mereka. Selain itu

juga disediakannya tempat pameran untuk mempromosikan produk

maupun jasa bagi para pengunjung.

Dari wawancara tersebut dapat disimpulkan bahwa Plaza Senayan

mempunyai bobot yang eksklusif dan memiliki tujuan untuk memuaskan

pengujung dan juga memuaskan client-nya untuk mempromosikan, menjual dan

juga men-display produk mereka.

Page 16: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

53

Wawancara yang dilakukan terhadap penjaga customer service, Ibu

Natalia dan Ibu Monika adalah wawancara yang berkaitan mengenai para

pengunjung :

1. Dalam waktu sehari rata-rata masih banyak konsumen yang menanyakan

lokasi toko yang akan ditujunya dan juga ada beberapa yang menanyakan

event yang sedang berlangsung.

2. Terdapat pula beberapa konsumen yang menanyakan informasi seputar

toko yang sedang melakukan panawaran khusus.

Kesimpulan yang dapat ditarik dari proses wawancara ini adalah para

pengunjung masih mendapat kesulitan untuk mendapatkan informasi yang dicari,

baik itu informasi mengenai lokasi toko, event yang sedang berlangsung dan juga

informasi seputar toko terutama yang sedang melakukan penawaran khusus.

3.3.4 Permasalahan dan Alternatif Solusi

3.3.4.1 Permasalahan

Karena luasnya area Plaza Senayan dan juga banyaknya jumlah toko

dalam Plaza Senayan seringkali para pengunjung mendapat kesulitan dalam

mencari lokasi toko atau informasi yang mereka butuhkan. Selain itu sistem yang

sedang berjalan pada Plaza Senayan dianggap masih kurang membantu

pengunjung dalam mencari informasi.

Berdasarkan hasil kuesioner yang kami sebarkan kepada 50 pengunjung

Plaza Senayan bisa diambil kesimpulan berdasarkan tabel 3.4 bahwa sebagian

besar dari pengunjung mendapat kesulitan dalam memperoleh informasi tentang

lokasi dari suatu toko atau tempat lainnya. Karena sebanyak 43 responden

Page 17: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

54

menyatakan kesulitan dan hanya 7 responden saja yang menyatakan tidak

kesulitan.

3.3.4.2 Alternatif Solusi

Berdasarkan dari hasil kuesioner dan masalah – masalah yang dihadapi,

maka dibutuhkan suatu sistem komputerisasi yang bisa memudahkan pengunjung

untuk mendapatkan informasi yang mereka butuhkan. Karena itu dibuatkan suatu

kios informasi yang berisikan informasi seputar Plaza Senayan. Selain itu juga

pengunjung dapat mencari lokasi toko dengan mudah. Sehingga pengunjung

tidak harus selalu bertanya kepada petugas keamanan maupun customer service

untuk mengetahui lokasi dari toko yang mereka cari dan informasi lain yang

mereka butuhkan.

Kios informasi ini juga merupakan sistem yang updateable. Sehingga

dapat menambah, menghapus, dan mengedit data dengan mudah.

Page 18: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

55

3.4 Perancangan Aplikasi Front-End

Pada perancangan aplikasi akan dibahas tentang hirarki menu-menu, rancangan

layar, dan penentuan state transition diagram untuk setiap rancangan layar.

3.4.1 Hirarki Menu Aplikasi Front-End

Pada Gambar 3.2 digambarkan hirarki menu utama dimana terdapat tiga

menu utama dan menu “Profile”, tiga menu utama tersebut yaitu :

a. Shop

b. Event

c. Info

Menu “Shop” terbagi dalam 3 menu, yaitu :

a. Categories

b. Floor

c. Alphabet

Menu Utama

Shop Event Info

AlphabetFloorCategories

Profile

Gambar 3.2 Hirarki Menu Utama Front-End

Page 19: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

56

Page 20: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

57

Pada Gambar 3.3 di atas dijelaskan isi dari menu “Shop” yang terdapat

pada menu utama.

Teen & Children

Fashion

Tailors & FabricsSportWomanMan

Gambar 3.4 Hirarki Menu Fashion

Pada Gambar 3.4 di atas dijelaskan isi dari menu “Fashion” yang terdapat

pada menu “Categories”.

Home Decor

HousewareHome Decor

Gambar 3.5 Hirarki Menu Home Decor

Pada Gambar 3.5 di atas dijelaskan isi dari menu “Home Decor” yang

terdapat pada menu “Categories”.

Page 21: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

58

ATM

Facilities

SupermarketDept StoreBank

Gambar 3.6 Hirarki Menu Facilities

Pada Gambar 3.6 di atas dijelaskan isi dari menu “Facilities” yang

terdapat pada menu “Categories”.

Cinema

Entertainment

BilliardBowling

Gambar 3.7 Hirarki Menu Entertainment

Pada Gambar 3.7 di atas dijelaskan isi dari menu “Entertainment” yang

terdapat pada menu “Categories”.

Page 22: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

59

Books & Cards

Books & Cards

Gift CardsFlowers

Gambar 3.8 Hirarki Menu Books & Cards

Pada Gambar 3.8 di atas dijelaskan isi dari menu “Books & Cards” yang

terdapat pada menu “Categories”.

CD

Music & Gadgets

Musical InstrumentHP & PDAAudio Visual

Gambar 3.9 Hirarki Menu Music & Gadgets

Pada Gambar 3.9 di atas dijelaskan isi dari menu “Music & Gadgets”

yang terdapat pada menu “Categories”.

Page 23: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

60

Lounge & Bars

Food & Beverages

FoodcourtBakery, Coffee & TeaRestaurants

Gambar 3.10 Hirarki Menu Food & Beverages

Pada Gambar 3.10 di atas dijelaskan isi dari menu “Food & Beverages”

yang terdapat pada menu “Categories”.

Health

Health & Beauty

Dental & OpticsCosmetics &PerfumesSalons

Gambar 3.11 Hirarki Menu Health & Beauty

Pada Gambar 3.11 di atas dijelaskan isi dari menu “Health & Beauty”

yang terdapat pada menu “Categories”.

Page 24: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

61

Watches & Jewelry

JewelryWatches

Gambar 3.12 Hirarki Menu Watches & Jewelry

Pada Gambar 3.12 di atas dijelaskan isi dari menu “Watches & Jewelry”

yang terdapat pada menu “Categories”.

Floor

Grounf Floor 2nd Floor 3rd Floor

Gambar 3.13 Hirarki Menu Floor

Pada Gambar 3.13 di atas dijelaskan isi dari menu “Floor” yang terdapat

pada menu “Shop”.

Page 25: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

62

Alphabet

ABC DEF GHI JKL MNO PQRS TUV WXYZ

Gambar 3.14 Hirarki Menu Alphabet

Pada Gambar 3.14 di atas dijelaskan isi dari menu “Alphabet” yang

terdapat pada menu “Shop”.

3.4.2 State Transition Diagram Aplikasi Front-End

Menu Utama

Shop Event Info

Klik "Shop"Tampilkan Shop

Klik "Event"Tampilkan Event

Klik "Info"Tampilkan Info

Screen Saver

Diam selama 60detikTampilkan Screen

Saver

Klik LayarTampilkan Menu Utama

Klik Menu UtamaTampilkan Menu Utama

Profile

Floor AlphabetCategories

Klik "Alphabet"Tampilkan Alphabet

Klik "Floor"TampilkanFloor

Klik "Categories"Tampilkan Categories

Klik "Profile"Tampilkan Profile

Gambar 3.15 STD Menu Utama

Pada Gambar 3.15 digambarkan jalannya perubahan layar ketika aplikasi

mulai dijalankan. STD tersebut akan dilanjutkan dengan STD lainnya yang

menggambarkan jalannya perubahan layar.

Page 26: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

63

Page 27: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

64

Pada Gambar 3.16 dijelaskan tentang STD pada menu “Categories”,

menu-menu pada STD tersebut tidak digambarkan secara keseluruhan karena

keterbatasan ruang gambar, tetapi akan digambarkan secara satu per satu seperti

yang dapat dilihat pada Gambar 3.17, Gambar 3.18, Gambar 3.19, Gambar 3.20,

Gambar 3.21, Gambar 3.22, Gambar 3.23, Gambar 3.24, Gambar 3.25, Gambar

3.26, Gambar 3.27 di bawah ini.

Teen & Children

Fashion

Tailors & Fabrics

Klik "W

oman"

Tampilkan W

oman

Sport

Klik "Teen &

Children"

Tampilkan Teen &

Children

Klik "S

port"Tam

pilkan Sport

Klik FashionTampilkan Fashion

Woman

Klik "Tailors &

Fabrics"Tam

pilkan Tailors & Fabrics

Man

Klik "M

an"Tam

pilkan Man

Gambar 3.17 STD Menu Fashion

Pada menu “Fashion” terdapat lima sub menu yaitu “Man”, “Woman”,

“Teen & Children”, “Sport”, dan “Tailor & Fabrics”.

Page 28: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

65

Home Decor

HousewareHome Decor

Klik "H

ome D

ecor"Tam

pilkan Hom

e Decor

Klik "H

ouseware"

Tampilkan H

ouseware

Klik Home DecorTampilkan Home Decor

Gambar 3.18 STD Menu Home Décor

Pada menu “Home Decor” terdapat dua sub menu yaitu “Home Decor”

dan “Houseware”.

Cinema

Entertainment

Billiard

Klik "C

inema"

Tampilkan C

inema

Bowling

Klik "B

owling"

Tampilkan B

owling

Klik "Billiard"

Tampilkan B

illiard

Klik EntertainmentTampilkan Entertainment

Gambar 3.19 STD Menu Entertainment

Page 29: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

66

Pada menu “Entertainment” terdapat tiga sub menu yaitu “Cinema”,

“Bowling dan Billiard”.

ATM

Facilities

Supermarket

Klik "B

ank"Tam

pilkan Bank

Dept. StoreK

lik "ATM

"Tam

pilkan ATM

Klik "D

ept. Store"

Tampilkan D

ept. Store

Klik FacilitiesTampilkan Facilities

Bank

Klik "S

upermarket"

Tampilkan S

upermarket

Gambar 3.20 STD Menu Facilities

Pada menu “Facilities” terdapat empat sub menu yaitu “Bank”, “ATM”,

“Dept.Store” dan “Supermarket”.

Page 30: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

67

Books

Books & Cards

Gift Cards

Klik "B

ooks"Tam

pilkan Books

Flower

Klik "Flow

er"Tam

pilkan Flower

Klik "G

ift Cards"

Tampilkan G

ift Cards

Klik Books & CardsTampilkan Books & Cards

Gambar 3.21 STD Menu Books & Cards

Pada menu “Books & Cards” terdapat tiga sub menu yaitu “Books”,

“Flower” dan “Gift Cards”.

CD

Music & Gadgets

Musical Instrument

Klik "Audio Visual"

Tampilkan A

udio Visual

HP & PDA

Klik "C

D"

Tampilkan C

D

Klik "H

P &

PD

A"

Tampilkan H

P &

PD

A

Klik Music & GadgetsTampilkan Music & Gadgets

Audio Visual

Klik "Musical Instrum

ent"Tam

pilkan Musical Instrum

ent

Gambar 3.22 STD Menu Music & Gadgets

Page 31: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

68

Pada menu “Music & Gadgets” terdapat empat sub menu yaitu “Audio

Visual”, “CD”, “HP & PDA”, dan “Musical Instrument”.

Food & Beverages

Foodcourt

Klik "R

estaurants"Tam

pilkan Restaurants

Bakery, Coffee & Tea

Klik "B

akery, Coffee &

Tea"Tam

pilkan Bakery, C

offee &Tea

Klik Food & BeveragesTampilkan Food & Beverages

Restaurants

Klik "Foodcourt"

Tampilkan Foodcourt

Gambar 3.23 STD Menu Food & Beverages

Pada menu “Food & Beverages” terdapat empat sub menu yaitu

“Restaurants”, “Bakery, Coffee & Tea” dan “Foodcourt”.

Page 32: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

69

Health

Health & Beauty

Dental & Optics

Klik "S

alons"Tam

pilkan Salons

Cosmetics &Perfumes

Klik "H

ealth"Tam

pilkan Health

Klik "C

osmetics &

Perfum

es"Tam

pilkan Cosm

etics &P

erfumes

Klik Health & BeautyTampilkan Health & Beauty

Salons

Klik "D

ental & O

ptics"Tam

pilkan Dental &

Optics

Gambar 3.24 STD Menu Health & Beauty

Pada menu “Health & Beauty” terdapat empat sub menu yaitu “Salons”,

“Health”, “Cosmetics & Perfumes” dan “Dental & Optics”.

Watches & Jewelry

JewelryWatches

Klik "W

atches"Tam

pilkan Watches

Klik "Jew

elry"Tam

pilkan Jewelry

Klik Watches & JewelryTampilkan Watches & Jewelry

Gambar 3.25 STD Menu Watches & Jewelry

Pada menu “Watches & Jewelry” terdapat dua sub menu yaitu “Watches”

dan “Jewelry”.

Page 33: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

70

Categories

Sub Categories

Klik S

ub Categories

Tampilkan S

ubC

ategories

TokoK

lik TokoTam

pilkan Toko

Klik Sub C

ategoriesTam

pilkan Sub C

ategories

Klik C

ategoriesTam

pilkan Categories

Klik C

ategoriesTam

pilkan Categories

Gambar 3.26 STD Toko

Pada Gambar 3.17 sampai dengan Gambar 3.25 ketika tombol sub menu

ditekan maka akan ditampilan toko-toko yang sesuai dengan sub menu yang

telah dipilih, alur yang terjadi dapat dilihat pada Gambar 3.26.

Floor

GroundFloor 2nd Floor 3rd Floor

Klik "G

round Floor"Tam

pilkan Ground Floor

Klik "2nd Floor"Tam

pilkan 2nd Floor

Klik "3rd Floor"

Tampilkan 3rd Floor

Klik FloorTampilkan Floor

Gambar 3.27 STD Menu Floor

Pada menu “Floor” terdapat tiga sub menu yaitu “Ground Floor”,

“2nd Floor” dan “3rd Floor”.

Page 34: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

71

Page 35: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

72

Pada menu “Alphabet” terdapat sembilan sub menu yaitu “A-B-C”, “D-

E-F”, “G-H-I”, “J-K-L”, “M-N-O”, “P-Q-R-S”,” T-U-V”, “W-X-Y-Z”.

3.4.3 Perancangan Layar Aplikasi Front-End

Perancangan Layar yang telah dirancang dapat dilihat pada Gambar 3.29

sampai Gambar 3.34. Perancangan ini dibuat terlebih dahulu sebelum sistem

aplikasi dibuat. Sistem aplikasi akan disesuaikan dengan rancangan layar ini agar

kios informasi yang menarik dapat terealisasikan.

Pada aplikasi kios informasi ini, terdapat menu-menu yang menarik dan

alur pemilihan menu yang secara tidak langsung memandu user sehingga user

mendapat kemudahan didalam pengoperasian aplikasi. Pada setiap pemilihan

menu akan ditampilkan animasi yang menarik.

3.4.3.1 Rancangan Layar Menu Utama

Rancangan layar menu utama dapat dilihat pada Gambar 3.29 dibawah.

Menu-menu yang terdapat pada layar ini berbentuk tombol yang direalisasikan

dalam gambar dan pewarnaan yang menarik.

Page 36: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

73

Shop Event Info

Logo

Logo

Latar Belakang

History

Gambar3.29 Rancangan Layar Menu Utama

Layar menu utama ini merupakan layar kontrol utama dari keseluruhan

aplikasi, terdapat tiga menu utama didalam aplikasi ini. Dibagian atas dan bawah

layar ini terdapat logo dari Plaza Senayan berupa gambar pohon palem dan

berwarna hijau, serta teks Plaza Senayan berwarna hitam disamping logo bagian

atas aplikasi. Pewarnaan latar belakang menggunakan warna abu-abu, emas,

hijau dan putih sehingga dapat memberikan kesan elegan. Untuk tiga menu

utama digunakan tombol-tombol yang berbentuk bulat dan terdapat teks yang

menunjukkan nama dari menu tersebut, tombol “Shop” berfungsi untuk mencari

lokasi toko-toko yang ada di Plaza Senayan, tombol “Event” berfungsi untuk

menampilkan event yang sedang dan akan diadakan di Plaza Senayan, dan

tombol “Info” berfungsi untuk menampilkan informasi penawaran khusus dari

Page 37: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

74

toko-toko di Plaza Senayan. Tombol “History” berfungsi untuk menampilkan

sejarah dari Plaza Senayan. Dari segi audio ditambahkan lagu sebagai pelengkap

dan juga terdapat animasi sehingga menjadi lebih menarik untuk dilihat.

3.4.3.2 Rancangan Layar Categories

Logo

Logo

Latar Belakang

Fashion

Entertainment

Food & Beverages

Home Decor

Books & Cards

Health & Beauty

Facilities

Music & Gadgets

Wathces & Jewelry

Categories Floor Alphabet

Shop Event Info

History

Gambar3.30 Rancangan Layar Categories

Ketika menu “Shop” dipilih pada menu utama akan ditampilkan layar

seperti pada gambar 3.30 diatas, secara default tombol “Categories” dipilih dan

layar kategori yang ditampilkan. Layar ini berisi menu-menu kategori toko

berdasarkan pembagian dari Plaza Senayan. Layar ini dirancang semenarik

mungkin dengan adanya elemen-elemen multimedia seperti gambar, animasi,

teks, dan audio yang disesuaikan dengan hasil kuisioner berdasarkan tabel 3.8.

Page 38: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

75

Untuk menu kategori digunakan tombol berbentuk kotak dengan warna abu-abu

dan emas juga disertai gambar yang menarik.

3.4.3.3 Rancangan Layar Sub-Categories

Logo

Logo

Latar Belakang

Fashion

Entertainment

Food & Beverages

Home Decor

Books & Cards

Health & Beauty

Facilities

Music & Gadgets

Wathces & Jewelry

Categories Floor Alphabet

Sub1 Sub2 Sub3 Sub4 Sub5

Shop Event Info

History

Gambar3.31 Rancangan Layar Sub-Categories

Ketika tombol menu di dalam layar kategori ditekan, maka tampilan layar

akan berubah seperti gambar 3.31 diatas. Tampilan layar menampilkan sub-

kategori dari kategori yang telah ditekan, sub-kategori tersebut berupa tombol

berbentuk kotak dengan warna emas dan garis berwarna abu-abu. Banyaknya

tombol sub-kategori tergantung dari jenis kategori yang dipilih. Terdapat animasi

menarik ketika tombol sub kategori akan dimunculkan. Pada layar ini tetap

digunakan lagu, animasi dan warna dari menu utama.

Page 39: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

76

3.4.3.4 Rancangan Layar Toko

Logo

Latar Belakang

Fashion

Entertainment

Food & Beverages

Home Decor

Books & Cards

Health & Beauty

Facilities

Music & Gadgets

Wathces & Jewelry

Categories Floor Alphabet

Sub1 Sub2 Sub3 Sub4 Sub5

Toko

Shop Event Info

History

Gambar 3.32 Rancangan Layar Toko

Ketika tombol di dalam layar sub-kategori ditekan maka tampilan layar

akan berubah seperti Gambar 3.28 diatas. Lalu akan ditampilkan toko-toko yang

sesuai dengan sub-kategori yang telah dipilih dengan animasi menarik. Layar

toko mengggantikan logo Plaza Senayan berupa pohon palem yang sebelumnya

terdapat dibawah. Toko-toko tersebut berupa tombol dengan gambar dari

masing-masing logo toko yang dipadukan dengan teks berupa nama toko tersebut

yang diletakkan tepat dibawah gambar logo toko tersebut. Ketika tombol toko

ditekan tampilan layar akan berubah seperti pada Gambar 3.33 dibawah.

Sebelum layar peta dimunculkan, akan terjadi animasi yang menarik. Lokasi toko

ditunjukkan didalam peta yang berbentuk denah dengan wana hitam yang

berkedap-kedip dan ditampilkan gambar toko beserta keterangannya disamping

Page 40: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

77

kanan peta. Selain itu toko lain yang berada didalam peta tersebut juga dapat

ditekan untuk menampilkan gambar dan keterangan toko yang dipilih. Untuk

menutup layar peta, terdapat tombol “Close” di kanan atas peta.

Logo

Categories Floor Alphabet

Close

Gambar danketerangan

toko

Toko

Shop Event Info

History

Gambar 3.33 Rancangan Layar Peta

Page 41: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

78

3.4.3.5 Rancangan Layar Floor

Logo

Categories Floor Alphabet

Ground Floor 2nd Floor 3rd Floor Close

Gambar danketerangan

toko

Toko

Shop Event Info

History

Gambar 3.34 Rancangan Layar Floor

Ketika tombol “Floor” ditekan maka tampilan layar akan berubah seperti

pada Gambar 3.34. Tampilan layar mirip dengan tampilan layar peta tetapi yang

membedakan adalah diatas peta terdapat tiga tombol yang masing-masing tombol

berfungsi untuk menunjukkan peta dan toko yang terdapat pada lantai yang

dipilih. Tombol toko dan peta dapat ditekan untuk menampilkan gambar dan

keterangan toko yang dipilih. Dan juga terdapat tombol close yang berfungsi

untuk menutup peta.

Page 42: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

79

3.4.3.6 Rancangan Layar Alphabet

Logo

Logo

Latar Belakang

A-B-C

J-K-L

D-E-F

M-N-O

T-U-V

G-H-I

P-Q-R-S

W-X-Y-Z

Categories Floor Alphabet

Shop Event Info

History

Gambar 3.35 Rancangan Layar Alphabet

Ketika tombol “Alphabet” ditekan maka tampilan layar akan berubah

seperti pada Gambar 3.35. Tampilan layar sekilas mirip dengan tampilan layar

Categories, yang berbeda adalah jumlah tombol dan isi dari tombol-tombol

tersebut. Tombol-tombol di atas memiliki bentuk yang sama dengan tombol-

tombol pada layar kategori tetapi tidak memiliki gambar. Ketika tombol tersebut

ditekan maka akan ditampilkan toko-toko yang sesuai dengan abjad yang

terdapat pada tombol yang dipilih dan ketika tombol toko dipilih maka tampilan

layar akan sama dengan layar peta. Tombol toko dan peta dapat ditekan dan juga

terdapat tombol close yang berfungsi untuk menutup peta.

Page 43: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

80

3.4.3.7 Rancangan Layar Event

Logo

Latar Belakang

Layar Event

Logo

Shop Event Info

History

Gambar 3.36 Rancangan Layar Event

Ketika tombol “Event” ditekan tampilan layar akan berubah seperti pada

Gambar 3.36 di atas. Layar ini berisi seluruh event yang sedang dan akan

diadakan di Plaza Senayan. Event tersebut ditampilkan berupa teks yang mudah

dibaca. Ketika layar Event ditampilkan, akan terjadi animasi. Sedangkan untuk

background, audio, dan warna lainnya masih sama seperti pada layar menu

utama.

Page 44: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

81

3.4.3.8 Rancangan Layar Info

Logo

Latar Belakang

Layar Info

Logo

Shop Event Info

History

Gambar 3.37 Rancangan Layar Info

Ketika tombol “Info” ditekan tampilan layar akan berubah seperti pada

Gambar 3.37 diatas. Layar ini berisi seluruh penawaran khusus dari toko.

Penawaran khusus tersebut ditampilkan berupa teks yang mudah dibaca. Ketika

layar info ditampilkan, akan terjadi animasi. Selain itu teks dalam layar info ini

dapat ditekan untuk menampilkan lokasi peta dan keterangan toko seperti pada

layar peta. Untuk background, audio, dan warna lainnya masih sama seprti pada

layar menu utama.

Page 45: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

82

3.4.3.9 Rancangan Layar Profile

Logo

Latar Belakang

Profile

Logo

Shop Event Info

History

Gambar 3.38 Rancangan Layar Profile

Ketika tombol “History” ditekan tampilan layar akan berubah seperti

pada Gambar 3.38 diatas. Layar ini berisi sejarah dari Plaza Senayan yang

ditampilkan berupa teks yang mudah dibaca. Ketika layar profile ditampilkan,

akan terjadi animasi. Selain itu terdapat juga tombol “Close” yang berfungsi

untuk menutup layar profile.

3.5 Perancangan Aplikasi Back-End

Perancangan berikut adalah perancangan untuk aplikasi back-end. Dimana

aplikasi back-end ini akan digunakan oleh administrator atau developer untuk

mengubah, menambah serta menghapus database yang ada pada aplikasi kios informasi.

Page 46: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

83

Aplikasi back-end ini digunakan khususnya untuk meng-upadate data-data yang

berhubungan dengan aplikasi front-end.

3.5.1 Hirarki Menu Aplikasi Back-End

Menu Utama

Toko Event Info

Gambar 3.39 Hirarki Menu Utama Back-End

Pada aplikasi back-end terdapat tiga menu utama yang digunakan untuk

meng-update data-data yang terdapat pada aplikasi front-end. Menu-menu

tersebut adalah “Toko”, “Event”, dan “Info”. Pada Gambar 3.39 digambarkan

hirarki menu utama pada aplikasi back-end.

Menu “Toko” digunakan untuk meng-update data-data toko yang

digunakan oleh aplikasi front-end . Menu “Event” digunakan untuk meng-update

data-data event yang digunakan pada aplikasi front-end. Menu “Info” digunakan

untuk meng-update data-data penawaran khusu yang diberikan toko dan

digunakan pada aplikasi front-end..

Page 47: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

84

3.5.2 State Transition Diagram Aplikasi Back-End

Pada Gambar 3.40 digambarkan state transition diagram untuk apliksi

back-end. Pada STD ini menjelaskan tentang perubahan tampilan antar menu

serta action yang terjadi bila menekan tombol-tombol tertentu.

Menu Utama

Toko

Menu TambahMenu Edit

Klik "Toko"

Tampilkan Toko

Klik "E

vent"Tam

pilkan Event

Klik U

pdateTam

pilkan Menu U

pdate

Klik A

dd New

Tampilkan M

enuTam

bah

Menu DeleteK

lik Delete

Tampilkan M

enu Delete

Klik CancelTampilkan Toko

Klik SaveSimpan ke Databse dan

Tampilkan Toko

Event

Menu TambahMenu Edit

Klik U

pdateTam

pilkan Menu U

pdate

Klik A

dd New

Tampilkan M

enuTam

bah

Menu Delete

Klik D

eleteTam

pilkan Menu D

elete

Klik CancelTampilkan Event

Klik SaveSimpan ke Databse dan

Tampilkan Event

Info

Menu TambahMenu Edit

Klik U

pdateTam

pilkan Menu U

pdate

Klik A

dd New

Tampilkan M

enuTam

bah

Menu Delete

Klik D

eleteTam

pilkan Menu D

elete

Klik CancelTampilkan Info

Klik SaveSimpan ke Databse dan

Tampilkan Info

Klik "Info"

Tampilkan Info

Klik Menu UtamaTampilkan Menu Utama

Gambar 3.40 STD Menu Utama Back-End

3.5.3 Perancangan Layar Aplikasi Back-End

Perancangan layar pada aplikasi back-end dapat dilihat pada Gambar 3.41

sampai Gambar 3.44.

3.5.3.1 Rancangan Layar Back-End Menu Utama

Ketika pertama kali aplikasi back-end dijalankan maka tampilan layar

akan seperti Gambar 3.41. Terdapat gambar Plaza Senayan di tengah dan juga

tombol pemilihan menu di kiri atas.

Page 48: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

85

Latar belakang

File

InfoEventTokoExit

Gambar 3.41 Rancangan Layar Menu Utama Back-End

3.5.3.2 Rancangan Layar Back-End Menu Toko

ID Toko UpdateNama Toko

Kategori

Lantai

Phone

E-Mail

Site

Logo

Gambar

Save Cancel

AddNew Save Cancel

Gambar 3.42 Rancangan Layar Back-End Menu Toko

Page 49: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

86

Gambar 3.42 adalah rancangan layar back-end untuk menu Toko.

Terdapat beberapa tombol yang berfungsi untuk mengedit data didalamnya.

Tabel besar yang terdapat didalamnya berisi data-data toko yang dapat di-update.

Terdapat pula tombol “Add New” yang berfungsi untuk menambah data.

Perubahan data dapat dilakukan dengan memilih data pada tabel dan menekan

tombol “Update”. Agar lebih mudah dalam pencarian data maka disediakan

tombol yang berfungsi untuk mengatur toko berdasarkan kategorinya, tombol

tersebut berada dibawah kanan dari tabel.

3.5.3.3 Rancangan Layar Back-End Menu Event

Latar belakang

File

ID Event

Nama

Keterangan

Tanggal Mulai

Tanggal Habis

Add Delete semua non aktif event

Update Delete

Gambar 3.43 Rancangan Layar Back-End Menu Event

Gambar 3.43 adalah rancangan layar back-end untuk menu Event.

Terdapat beberapa tombol yang berfungsi untuk mengedit data didalamnya.

Terdapat dua buah tabel yang berisi data-data event yang dapat di-update.

Terdapat tombol “Add” yang berfungsi untuk menambah data. Perubahan data

Page 50: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

87

dapat dilakukan dengan memilih data pada tabel dan menekan tombol “Update”.

Untuk melakukan penghapusan data dapat ditekan tombol “Delete”. Terdapat

juga tombol untuk menghapus semua event yang sudah habis masa waktunya.

Latar belakang

File

ID Toko

Nama

Keterangan

Tanggal Mulai

Tanggal Habis

Add Delete semua non aktif info

Update Delete

ID Promo

Gambar 3.44 Rancangan Layar Back-End Menu Info

Gambar 3.44 adalah rancangan layar back-end untuk menu Info. Terdapat

beberapa tombol yang berfungsi untuk mengedit data didalamnya. Terdapat tiga

buah tabel yang berisi data-data informasi yang dapat di-update. Terdapat tombol

“Add” yang berfungsi untuk menambah data. Perubahan data dapat dilakukan

dengan memilih data pada tabel dan menekan tombol “Update”. Untuk

melakukan penghapusan data dapat ditekan tombol “Delete”. Terdapat juga

tombol untuk menghapus semua info yang sudah lewat atau habis masa

berlakunya.

Page 51: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

88

3.6 Rancangan Jaringan Komputer

Karena luasnya area Plaza Senayan maka jumlah kios informasi untuk

memenuhi kebutuhan pengunjung dalam pencarian informasi tidak cukup hanya dengan

satu kios informasi saja. Oleh karena itu dibutuhkan suatu rancangan jaringan dimana

server dapat mengatur seluruh kios informasi yang ada. Topologi jaringan yang paling

tepat adalah topologi star, karena topologi jaringan ini mempunyai sistem terpusat

dimana pergantian data hanya perlu dilakukan dari server pusat saja, dan juga bila ada

penambahan kios informasi baru seluruh sistem jaringan yang berjalan tidak perlu

dirubah secara menyeluruh. Rancangan jaringan komputer Plaza Senayan dapat dilihat

pada gambar 3.45.

Gambar 3.45 Rancangan Jaringan Komputer

Page 52: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

89

3.7 Perancangan Database

Perancangan database digunakan untuk merancang suatu tempat untuk

menampung data. Dimana data-data tersebut dapat di-update, dihapus, atau ditambah

secara dinamis melalui aplikasi back-end side. Berikut ini adalah rancangan database

yang digunakan :

1. Tabel MsToko

Tabel ini digunakan sebagai tempat untuk menampung data-data yang digunakan

yang berhubungan dengan data-data toko baik pada aplikasi front-end maupun

back-end.

Tabel MsToko : (@ID_toko, Nama_toko, ID_Jenis_kategori, ID_Lantai_toko,

Phone, Email, Site, Logo_toko, Gambar_toko, ID_Promo)

Primary Key : ID_toko

Tabel 3.10 Keterangan Tabel Database MsToko

Nama Field Tipe Data Ukuran

Field

Keterangan

ID_toko Teks 6 Primary Key, indexed, tidak dapat di

duplikasi.

Nama_toko Teks 30 Untuk menampung data nama toko

ID_Jenis_kategori Teks 3 Untuk menampung ID data jenis

kategori toko

ID_Lantai_toko Teks 1 Untuk menampung ID data lantai

tempat toko berada

Page 53: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

90

Phone Teks 30 Untuk menampung data telepon toko

Email Teks 40 Untuk menampung data e-mail toko

Site Teks 25 Untuk menampung data situs toko

Logo_toko Teks 50 Untuk menampung alamat logo toko

Gambar_toko Teks 50 Untuk menampung alamat gambar toko

Jam_buka Teks 50 Untuk menampung waktu buka dari

toko

ID_Promo Teks 5 Untuk menampung ID data promo yang

sedang diadakan toko

2. Tabel MsEvent

Tabel ini digunakan sebagai tempat untuk menampung data-data event yang

sedang diadakan baik pada aplikasi front-end maupun back-end..

Tabel MsEvent : (@Id_event, Nama_event, Keterangan_event, Tanggal_Mulai,

Tanggal_Habis)

Primary Key : Id_event

Tabel 3.11 Keterangan Tabel Database MsEvent

Nama Field Tipe Data Ukuran

Field

Keterangan

Id_event Teks 6 Primary Key, indexed, tidak dapat di

duplikasi.

Nama_event Teks 50 Untuk menampung data nama event

Page 54: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

91

Keterangan_event Teks 180 Untuk menampung keterangan event

Tanggal_Mulai Date/Time Untuk menampung tanggal dimulainya

event

Tanggal_Habis Date/Time Untuk menampung tanggal berakhirnya

event

3. Tabel MsPeta

Tabel ini digunakan sebagai tempat untuk menampung data-data peta yang

berfungsi sebagai tempat penyimpanan data lokasi .

Tabel MsPeta : (@ID_toko, Alamat_toko)

Primary Key : ID_Toko

Tabel 3.12 Keterangan Tabel Database MsPeta

Nama Field Tipe Data Ukuran

Field

Keterangan

ID_toko Teks 6 Primary Key, indexed, tidak dapat di

duplikasi.

Alamat_toko Teks 4 Untuk menampung alamat lokasi toko

4. Tabel MsPromo

Tabel ini digunakan sebagai tempat untuk menampung data-data promo yang

sedang diadakan oleh toko, baik pada aplikasi front-end maupun back-end..

Page 55: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

92

Tabel MsPromo : (@ID_promo, ID_toko, Nama_Promo, Keterangan_Promo,

Tanggal_mulai, Tanggal_habis)

Primary Key : ID_promo

Tabel 3.13 Keterangan Tabel Database MsPromo

Nama Field Tipe Data Ukuran

Field

Keterangan

ID_promo Teks 10 Primary Key, indexed, tidak dapat di

duplikasi.

ID_toko Teks 6 Foreign Key

Nama_Promo Teks 50 Untuk menampung jenis promo

Keterangan_Promo Teks 150 Untuk menampung keterangan promo

Tanggal_mulai Date/Time Untuk menampung tanggal dimulainya

promo

Tanggal_habis Date/Time Untuk menampung tanggal berakhirnya

promo

5. Tabel MsJenisKategori

Tabel ini digunakan sebagai tempat untuk menampung data-data jenis kategori.

Tabel MsJenisKategori : (@ID_Jenis_kategori, Jenis_kategori)

Primary Key : ID_Jenis_kategori

Page 56: BAB 3 ANALISIS DAN PERANCANGAN - library.binus.ac.idlibrary.binus.ac.id/eColls/eThesisdoc/Bab2/2007-2-00040-IF_Bab 3.pdfpameran-pameran seperti pameran mobil, peluncuran handphone,

93

Tabel 3.14 Keterangan Tabel Database MsJenisKategori

Nama Field Tipe Data Ukuran

Field

Keterangan

ID_Jenis_kategori Teks 3 Primary Key, indexed, tidak dapat di

duplikasi.

Jenis_kategori Teks 30 Untuk menampung jenis kategori

berdasarkan IDnya

6. Tabel MsLantai

Tabel ini digunakan sebagai tempat untuk menampung data-data jenis lantai.

Tabel MsLantai : (@ID_lantai_toko, Lantai_toko)

Primary Key : ID_lantai_toko

Tabel 3.15 Keterangan Tabel Database MsLantai

Nama Field Tipe Data Ukuran

Field

Keterangan

ID_lantai_toko Teks 1 Primary Key, indexed, tidak dapat di

duplikasi.

Lantai_toko Teks 10 Untuk menampung jenis kategori

berdasarkan IDnya