98 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Kios

BAB 4
IMPLEMENTASI DAN EVALUASI
4.1 Implementasi Kios Informasi
4.1.1 Spesifikasi Hardware dan Software yang diperlukan
Hardware dan Software yang dibutuhkan untuk mengoperasikan Kios
Informasi Pondok Indah Mall 2 ini terbagi menjadi Hardware dan Software
Server serta Hardware dan Software Client.
1. Perangkat Keras (Hardware)
A. Hardware Client (Kios Informasi)
Perangkat keras Hardware Client yang dibutuhkan untuk
menjalankan kios informasi dengan optimal menggunakan spesifikasi
sebagai berikut :
•
Processor Pentium IV 2.8 GHz
•
Memory minimal 512 MB atau lebih
•
VGA Card 32 MB
•
Monitor SVGA 20” dengan resolusi 1024 X 768 (Touch Screen)
•
Space harddisk yang tersedia untuk instalasi minimal 500 MB
•
Sound Card 16 Bit
•
Speaker
B. Hardware Admin (Komputer Administrator)
Perangkat keras Hardware Admin yang dibutuhkan untuk
menjalankan kios informasi menggunakan spesifikasi sebagai berikut :
98
99
•
Processor setara Pentium IV
•
Memory minimal 256 MB atau lebih
•
VGA Card 32 MB
•
Monitor SVGA 15” dengan resolusi 800 X 600
•
Space Harddisk yang tersedia untuk instalasi minimal 500 MB
•
Speaker
2. Piranti Lunak (Software)
A. Software Client
Perangkat lunak Software Client yang dibutuhkan untuk
menjalankan kios informasi menggunakan spesifikasi sebagai berikut :
•
Sistem Operasi : Windows XP
•
Macromedia Flash Player 7.0
•
Visual Basic 6.0
B. Software Administrator (Komputer Admin)
Perangkat lunak Software Administrator yang dibutuhkan untuk
menjalankan kios informasi menggunakan spesifikasi sebagai berikut :
•
Sistem operasi : Windows XP
•
Visual Basic 6.0
•
Microsoft Access
3. Perangkat Jaringan
• Kabel RG145 (100Meter)
• Switch
100
4. Pengguna (Brainware)
A. Brainware Client
Brainware yang mengoperasikan kios informasi ini adalah
pengunjung Pondok Indah Mall 2.
B. Brainware Admin
Brainware yang mengoperasikan kios informasi ini adalah
pegawai front office yang mengatur jadwal operasional kegiatan mall.
4.2 Implementasi Jaringan Kios Informasi Pondok Indah Mall 2
Gambar 4.1 Rancangan Kios Informasi Pondok Indah Mall 2
Gambar 4.1 merupakan topologi jaringan kios informasi pada Pondok
Indah Mall 2 dimana sistem ini menggunakan jaringan lokal (LAN). Dalam
topologi ini disediakan 6 komputer. Komputer pertama berfungsi sebagai Back
101
End yaitu sebagai server dan pengontrolan admin, sedangkan lima komputer
lainnya berfungsi sebagai Front End yaitu komputer yang digunakan oleh
pengguna (user).
4.3 Implementasi Penempatan & Rancangan Kios Informasi Pondok Indah Mall 2
Monitor kios informasi ditempatkan di dekat eskalator lantai 3.
Rancangan monitor untuk kios informasi ini dapat dilihat seperti gambar di
bawah ini.
Gambar 4.2 Rancangan Box Kios Informasi Pondok Indah Mall 2
102
4.4 Tampilan Layar User (Front End) Pada Kios Informasi Pondok Indah Mall 2
4.4.1 Layar Home
Gambar 4.3 Tampilan Layar Home
Layar Home ini merupakan tampilan yang pertama kali dijalankan dari
Kios Informasi Pondok Indah Mall 2. Pada layar utama ini, terdapat 6 menu
utama yaitu :
• By Categories
• By Floors
• By Alphabets
• Public Services
103
• What's On
• Contact Us
Pada halaman utama ini akan ditampilkan sebuah denah besar dari
Pondok Indah Mall 2 yang berwarna – warni sesuai dengan kategori toko yang
menempati lokasi tersebut, dengan animasi tulisan berjalan pada bagian atas kios
informasi yang akan berjalan secara terus menerus selama user masih di layar
home dan disamping kanan denah tersebut akan tampil sebuah kotak yang berisi
berita berjalan.
4.4.2 Layar By Categories
Gambar 4.4 Tampilan Layar By Categories
104
Bila user memilih menu By Categories pada layar home, maka akan
tampil sub menu berdasarkan kategori toko yang ada. Apabila user memilih
salah satu dari kategori yang ada, akan tampil layar sub menu kategori seperti
gambar 4.5 yang berisi daftar nama toko yang terdapat dalam kategori tersebut.
Gambar 4.5 Tampilan Layar sub menu By Categories
105
Selanjutnya bila user memilih salah satu dari toko tersebut maka
informasi dari toko tersebut akan muncul seperti nama toko, alamat, nomor
telepon serta penjelasan mengenai toko tersebut, selain itu juga pada denah
Pondok Indah Mall 2 akan tampil animasi berkedip (blink) untuk menunjukan
letak lokasi toko yang dipilih, dapat dilihat pada gambar 4.6
Gambar 4.6 Tampilan Layar Deskripsi Toko
106
4.4.3 Layar By Floors
Gambar 4.7 Tampilan Layar By Floors
Bila user memilih menu By Floors pada kios informasi Pondok Indah
Mall 2. Akan tampil sub menu By Floors yang berisi daftar nama lantai yang ada
yaitu, Lower Ground, Ground, First Floor, Second Floor, Third Floor, South First
Floor, South Second Floor, North First Floor dan North Second Floor.
Apabila user memilih salah satu dari lantai yang ada, akan tampil layar
sub menu By Floors seperti gambar 4.7 yang berisi daftar nama toko yang
terdapat dalam lantai yang dipilih. Selanjutnya bila user memilih salah satu dari
toko tersebut maka informasi dari toko tersebut akan muncul seperti nama toko,
alamat, nomor telepon serta penjelasan mengenai toko tersebut, selain itu juga
107
pada denah Pondok Indah Mall 2 akan tampil animasi berkedip (blink) untuk
menunjukan letak lokasi toko yang dipilih , dapat dilihat pada gambar 4.6
Gambar 4.8 Tampilan Layar sub menu By Floors
Selanjutnya bila user memilih salah satu dari toko tersebut maka
informasi dari toko tersebut akan muncul seperti nama toko, alamat, nomor
telepon serta penjelasan mengenai toko tersebut, selain itu juga pada denah
Pondok Indah Mall 2 akan tampil animasi berkedip (blink) untuk menunjukan
letak lokasi toko yang dipilih, dapat dilihat pada gambar 4.6
108
4.4.4 Layar By Alphabets
Gambar 4.9 Tampilan Layar By Alphabets
Selain By Categories dan By Floors, menu By Alphabets juga merupakan
menu untuk menampilkan informasi dari toko yang berada pada Pondok Indah
Mall 2, dalam menu ini user dapat mencari toko yang sudah diurutkan sesuai
dengan alphabets. User akan diberi pilihan berupa panel yang beriisikan aljabar
dari A – Z, user dapat mencari toko yang berawalan huruf yang dipilihnya,
sebagai contoh user memilih huruf P, maka toko yang akan muncul adalah semua
toko yang berada pada Pondok Indah Mall 2 dengan awalan huruf P seperti pada
gambar 4.10
109
Gambar 4.10 Tampilan Layar sub menu By Alphabets
Selanjutnya bila user memilih salah satu dari toko tersebut maka
informasi dari toko tersebut akan muncul seperti nama toko, alamat, nomor
telepon serta penjelasan mengenai toko tersebut, selain itu juga pada denah
Pondok Indah Mall 2 akan tampil animasi berkedip (blink) untuk menunjukan
letak lokasi toko yang dipilih.
110
Selanjutnya bila user memilih salah satu dari toko tersebut maka
informasi dari toko tersebut akan muncul seperti nama toko, alamat, nomor
telepon serta penjelasan mengenai toko tersebut, selain itu juga pada denah
Pondok Indah Mall 2 akan tampil animasi berkedip (blink) untuk menunjukan
letak lokasi toko yang dipilih, dapat dilihat pada gambar 4.6
4.4.5 Layar Public Services
Gambar 4.11 Tampilan Layar Public Services
Di dalam menu Public Services, terdapat 8 pilihan yaitu Rest Rooms,
Musholla, Smoking Area, ATM, Emergency Exit, Elevator, Nursing Room dan
Information Center.
111
Apabila user memilih salah satu menu, maka akan tampil pilihan menu
yang berupa lantai. Misalkan user memilih fasilitas Rest Room pada lantai 3,
maka akan ditampilkan logo Rest Room pada denah Pondok Indah Mall 2 untuk
menandakan letaknya. Dapat dilihat pada gambar 4.12
Gambar 4.12 Tampilan Layar sub menu Public Services
Begitu juga dengan menu Public Services lainnya, akan muncul logo dari
masing-masing fasilitas pada denah Pondok Indah Mall 2 untuk menandakan
letaknya di lantai yang dipilih user.
112
4.4.6 Layar What's On
Gambar 4.13 Tampilan Layar What’s On
Pada layar What’s On akan ditampilkan informasi mengenai acara - acara
yang akan dan sedang berlangsung di Pondok Indah Mall 2, deskripsi dari
masing-masing acara dapat dilihat dengan memilih tombol view details. Dapat
dilihat pada gambar 4.14
113
Gambar 4.14 Tampilan Layar sub menu What’s On (view details)
Dari halaman What's On, user dapat kembali ke menu utama yang berisi
denah Pondok Indah Mall 2 dengan memilih tombol Home. User juga dapat
menutup halaman berita , dengan cara memilih tombol panah.
114
4.4.7 Layar Contact Us
Gambar 4.15 Tampilan Layar Contact Us
Pada halaman Contact Us, user dapat melihat sejarah singkat mengenai
Pondok Indah Mall 2 seperti tanggal berdiri dan perusahaan yang mendirikannya.
Selain itu user juga dapat melihat nomor telepon dan alamat lengkap Pondok
Indah Mall 2. Dan untuk kembali ke menu utama yang berisi denah, user dapat
memilih tombol "Home".
115
Gambar 4.16 Tampilan Layar Contact Us (author)
Pada layar Contact Us, sub menu Author user dapat melihat daftar Nama,
NIM, alamat e-mail dan foto dari masing-masing pembuat Kios Informasi
Pondok Indah Mall 2.
Untuk kembali ke menu utama , user dapat memilih tombol "Home".
116
4.4.8 Layar Screen Saver
Gambar 4.17 Tampilan Layar Screen Saver
Apabila kios informasi tidak digunakan selama lima menit atau lebih,
maka yang akan tampil adalah layar Screen Saver. Layar ini akan terus berjalan
selama kios informasi tidak digunakan.
117
4.5 Tampilan Layar Pemeliharaan Data (Back End) Pada Kios Informasi Pondok
Indah Mall 2
4.5.1 Layar Login
Gambar 4.18 Tampilan Layar Login
Sebelum user mememasuki halaman Main Menu admin PIM 2, user
harus terlebih dahulu memasukan username dan password hal ini dimaksudkan
agar hanya user yang memiliki wewenang saja yang dapat merubah isi database
kios informasi PIM 2.
Selanjutnya bila username dan password cocok, maka halaman Main
Menu admin PIM 2 akan ditampilkan dan menubar yang terdapat didalamnya
akan keluar sesuai dengan status user yang melakukan login, jika yang
melakukan login adalah admin dari kiosk informasi PIM 2 maka semua menubar