BAB IV IMPLEMENTASI DAN EVALUASI. ditujukan kepada para pengunjung yang membutuhkan informasi-informasi yang

Transkripsi

1 BAB IV IMPLEMENTASI DAN EVALUASI Aplikasi kios informasi Mal Senayan City adalah suatu sistem yang berisikan informasi-informasi yang terdapat dalam Mal Senayan City. Aplikasi kios informasi ini ditujukan kepada para pengunjung yang membutuhkan informasi-informasi yang terdapat di dalam Mal Senayan City. Penyajian kios informasi disertai dengan tampilan multimedia yang menarik, informatif, serta updateable. 4.1 Komponen Aplikasi Kios Infomasi Mal Senayan City Aplikasi kios informasi Mal Senayan City terdapat beberapa komponen pendukung, antara lain : 1. Aplikasi Front-End Aplikasi front-end merupakan aplikasi yang ditujukan kepada user. Pada aplikasi ini terdapat informasi-informasi berupa gambar, suara, teks, dan animasi yang menarik, serta kemudahan dalam menggunakan navigasi. Semua bagian tersebut dirangkai menjadi suatu aplikasi multimedia yang informatif dan menarik. Isi dari aplikasi kios informasi ini terdiri menu utama beserta dengan sub-sub menu didalamnya. Menu utama terdiri dari tiga menu. Setiap tombol untuk masuk ke dalam submenu dibuat suatu metafora yang telah disesuaikan. Inti dari dibuatnya menu-menu dan submenu adalah agar dapat menjelaskan dan memberikan informasi mengenai Mal Senayan City dengan baik, mudah, informatif dan menarik. 108

2 Aplikasi Back-End Aplikasi back-end merupakan aplikasi yang berfungsi untuk meng-update, menambah dan menghapus isi dari aplikasi front-end. Aplikasi ini dirancang agar administrator lebih mudah dalam melakukan perubahanan, penambahan, serta penghapusan data-data yang digunakan dalam aplikasi front-end tanpa harus merubah aplikasi secara keseluruhan. Aplikasi ini dibuat terpisah dari aplikasi front-end. 3. Database Database berfungsi sebagai tempat penyimpanan data-data yang digunakan di dalam aplikasi, database ini hanya dapat diupdate oleh administrator. Dalam database ini tersimpan data-data yang diperlukan oleh menu-menu didalam aplikasi, antara lain: - menu store - menu news - menu movie schedule

3 Dukungan Perangkat Keras Dan Piranti Lunak Dalam Perancangan Aplikasi Dalam perancangan aplikasi kios informasi Mal Senayan City membutuhkan perangkat keras / hardware dan piranti lunak / software, yaitu : a. Perangkat Keras - Processor 2,2 GHz - Memory DDR 512 MB - Harddisk 20 GB - VGA Card 64MB dengan dukungan DirectX Sound Card - Speaker - Mouse dan Keyboard - Digital Kamera - Scanner b. Piranti Lunak - Adobe Photoshop - Macromedia Flash MX Macromedia Freehand - Macromedia Dreamweaver - PHP - Apache web server - MySQL

4 Dukungan Perangkat Keras Dan Piranti Lunak Dalam Implementasi Aplikasi Dalam menjalankan aplikasi front-end kios informasi Mal Senayan City dibutuhkan spesifikasi minimal komputer dan dukungan piranti lunak sebagai berikut : a. Perangkat Keras - Processor 1,4 GHz - Memory 128MB - VGA Card 32MB dengan dukungan DirectX Harddisk 2 GB - CDROM - Speaker - Layar touchscreen 17 - Switch 8 port 10/100 Mbps dan kabel UTP, RJ45 b. Piranti Lunak - Sistem operasi Windows XP - Macromedia Flash Player MX Web Browser seperti : internet explorer, Mozilla, Opera, dll Dalam menjalankan aplikasi back-end kios informasi Mal Senayan City dibutuhkan spesifikasi minimal komputer dan dukungan piranti lunak sebagai berikut : c. Perangkat Keras - Processor 1,4 GHz - Memory 128MB - VGA Card 32MB - Harddisk 2 GB

5 112 - CDROM - Speaker - Mouse dan Keyboard d. Piranti Lunak - Sistem operasi Windows XP - PHP - Apache web server - MySQL

6 Prosedur Pemakaian Aplikasi Front-End Berikut ini akan dijelaskan mengenai tampilan layar dan prosedur pemakaian aplikasi front-end kios informasi Mal Senayan City. Gambar 4.1 Tampilan Layar Menu Utama Pada Halaman utama terdapat satu buah video animasi gambar, dan tersedia pula tombol-tombol menu store, news, movie schedule, home, back, dan help. Lalu di pojok kanan atas terdapat petunjuk tanggal.

7 114 Gambar 4.2 Tampilan Layar Menu Help Pada Halaman help user dapat melihat petunjuk bagaimana cara menggunakan kios informasi ini, dan tekan tombol close untuk keluar dari tutorial help.

8 115 Gambar 4.3 Tampilan Halaman Store Pada Halaman Store user dapat memilih toko di lantai berapa yang ingin diketahui letaknya, user dapat memilih kategori berdasarkan jenis barang dan berdasarkan lantai.

9 116 Gambar 4.4 Tampilan Halaman News Pada halaman ini user dapat melihat berita atau promo apa saja yang terdapat di mal Senayan City, user dapat menekan tombol kanan dan kiri untuk berpindah ke halaman berikutnya.

10 117 Gambar 4.5 Tampilan Halaman Movie Schedule Pada halaman ini user dapat mengetahui jadwal bioskop apa saja yang sedang tayang pada Senayan City XXI, user dapat menekan tombol trailer untuk melihat cuplikan film, dan tombol coming soon untuk melihat film apa yang akan tayang.

11 118 Gambar 4.6 Tampilan Halaman trailer Pada halaman ini user dapat melihat cuplikan film dari film yang dipilih sebelumnya oleh user pada halaman movie schedule.

12 119 Gambar 4.7 Tampilan Halaman coming soon Pada halaman ini user dapat melihat film apa saja yang dijadwalkan tayang akan datang.

13 Prosedur Pemakaian Aplikasi Back-End Berikut ini akan dijelaskan mengenai tampilan layar dan prosedur pemakaian aplikasi back-end pada kios informasi Mal Senayan City. Gambar 4.8 Tampilan Layar Back-End Menu Utama Pada layar admin login, user admin harus memasukkan user id beserta password untuk dapat masuk ke dalam layar pemeliharaan. Dimana dengan Layar Pemeliharaan User Admin dapat merubah, menambah atau menghapus data pada kategori yang dipilih. Setelah login user langsung dapat mengakses halaman toko.

14 121 Gambar 4.9 Tampilan Layar Admin News Setelah user admin login, user admin akan langsung masuk ke halaman Admin Acara. Di halaman ini, Admin dapat menambah dan menghapus data acara. Jika admin ingin menambah data dapat menggunakan button add data. Setelah data masuk, data langsung tampil di dalam tabel. Data yang telah ada dapat di edit atau dihapus kembali. Di bagian atas layar terdapat tiga menu utama untuk admin yaitu Toko, Acara dan Jadwal Bioskop sedangkan di bagian kiri layar terdapat menu Promo, Acara Bulan Ini dan Berita.

15 122 Gambar 4.10 Tampilan Layar Add News Jika user memilih menu add data pada halaman acara maka user akan masuk ke halaman Add acara. Pada halaman Add acara ini user dapat menambah acara yang diinginkan dengan cara memasukan judul acara, isi acara, tanggal serta gambar acara. Jika selesai dan user memilih submit maka acara akan tampil di halaman Admin acara.

16 123 Gambar 4.11 Tampilan Layar Daftar Store Jika User Admin memilih menu Toko, maka Admin akan langsung masuk ke halaman Daftar Toko. Pada halaman ini Admin dapat melihat daftar toko-toko yang terdapat di Mal Senayan City. Toko toko yang sudah ada itu dapat di edit atau delete sesuai dengan kebutuhannya. Di bagian atasnya terdapat tiga buah button diantaranya add toko yang berfungsi menambah toko jika ada toko baru, cari toko yang berfungsi untuk mencari toko yang terdapat di dalam database serta generate file flash yang berfungsi membuat sebuah file.txt yang kemudian dipergunakan untuk menghubungkan kios informasi dengan database.

17 124 Gambar 4.12 Tampilan Layar Add Store Jika user Admin memilih button Add Toko maka user Admin akan masuk ke halaman Add Toko. Pada halaman add toko ini admin dapat menambah toko jika ada toko baru yang masuk ke Mal Senayan City. Pada halaman add toko ini admin dapat melihat ruangan-ruangan / kios yang belum ditempati, kemudian admin akan memasukan no toko yang masih kosong beserta nama toko, jenis toko, jam buka dan tutup. Setelah submit, maka toko yang sudah di Add akan tampil di halaman daftar toko.

18 125 Gambar 4.13 Tampilan Layar Cari Jenis Store Apabila user memilih button cari toko maka user akan langsung masuk ke halaman cari jenis toko. Pada halaman ini user dapat mencari toko berdasarkan jenisnya. Seperti contoh jika user memasukkan jenis toko toserba maka aplikasi akan menunjukan nama-nama toko sepatu yang terdapat di Mal Senayan City pada halaman Hasil Cari Toko.