• Tidak ada hasil yang ditemukan

Perancangan S truktur Menu

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN (Halaman 21-34)

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

65

Anima si

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN (Halaman 21-34)

Dokumen terkait