BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Implementasi website pada Mal Puri Indah membutuhkan beberapa sarana yang untuk mendukung pembangunan dan implementasi sistem. 4.1.1 Sarana yang Dibutuhkan Dalam Pembangunan Website Mal Puri Indah Adapun sarana yang dibutuhkan dalam pembangunan website Mal Puri Indah adalah perangkat pendukung yang terdiri dari perangkat keras (hardware) dan piranti lunak (software) dengan spesifikasi sebagai berikut: 1. Kebutuhan perangkat keras (hardware) a. PC dengan Processor Pentium 4 1,2 GigaHertz b. Memori SDRAM/DDRAM 256 MB c. VGA Card 64 MB d. CD ROM 52X / DVD ROM 16X e. Hardisk dengan kapasitas 40 GB f. Monitor 15 g. Keyboard dan mouse sebagai alat input h. Sound Card dan speaker 2. Kebutuhan piranti lunak (software) a. Sistem Operasi Microsoft Windows 98/Windows 2000/Windows XP b. Macromedia Dreamweaver MX 2004
111 Digunakan dalam membuat user interface dalam website dan membuat koding baik pada sisi client (FrontEnd) maupun sisi administrator (BackEnd) dengan script PHP. c. Flash Player 7 d. Macromedia Flash MX 2004 Digunakan untuk pembuatan user interface dan animasi dalam website. e. WampServer Sebagai server yang menangani data-data pada database. f. MySQL Digunakan untuk membuat database. g. Internet Explorer Browser 6 Untuk browsing Website Mal Puri Indah. h. Adobe Photoshop 7 Digunakan untuk membuat atau mengedit gambar yang digunakan dalam website. 4.1.2 Sarana yang Dibutuhkan Dalam Implementasi Website Mal Puri Indah Sedangkan sarana yang dibutuhkan dalam implementasi website Mal Puri Indah adalah perangkat keras (hardware) dan piranti lunak (software) yang memenuhi beberapa spesifikasi sebagai berikut : 1. Kebutuhan perangkat keras (hardware) a. PC dengan Processor Pentium 4 1,2 GigaHertz b. Memori SDRAM 256 MB c. VGA Card 64 MB
112 d. CD ROM 52X /DVD ROM 16X e. Hardisk dengan kapasitas 20 GB f. Monitor 15 g. Keyboard dan mouse sebagai alat input h. Sound Card dan speaker i. Modem dengan akses internet 512 kbps 2. Kebutuhan piranti lunak (software) Beberapa piranti lunak yang dibutuhkan untuk menjalankan website Mal Puri Indah (FrontEnd) adalah sebagai berikut : a. Sistem Operasi Microsoft Windows 98/Windows 2000/Windows XP b. Internet Explorer Browser 6 c. Flash Player 7 Sedangkan untuk menjalankan aplikasi pada sisi administrator (BackEnd) diperlukan beberapa piranti lunak berikut ini : a. Sistem Operasi Microsoft Windows 98/Windows 2000/Windows XP b. Internet Explorer Browser 6 c. WampServer d. Flash Player 7 3. Kebutuhan sumber daya manusia Agar data-data yang terdapat dalam website Mal Puri Indah dapat dimaintenance, maka dibutuhkan 2 orang tenaga administrator yang bertugas menangani pemeliharaan data pada database melalui aplikasi BackEnd.
113 Pemeliharaan data tersebut meliputi insert, update, dan delete data-data yang ada pada database. Sebelumnya administrator ini akan dilatih terlebih dahulu oleh kami. Selanjutnya jika ada penerimaan administrator baru, maka administrator baru ini akan dilatih oleh administrator lama yang ahli dalam menggunakan aplikasi ini. 4.1.3 Rencana Implementasi Website Mal Puri Indah rencananya akan diimplementasikan dengan launching ke internet sehingga para pelanggan Mal Puri Indah dapat mengakses website ini di mana saja dan kapan saja mereka mau asalkan menggunakan komputer yang terkoneksi ke internet. Selain itu pihak Mal Puri Indah sendiri juga akan menyediakan beberapa unit komputer booth yang ditempatkan di beberapa lokasi strategis dalam Mal Puri Indah, di mana semua komputer ini terkoneksi ke internet sehingga pengunjung dapat mengakses website Mal Puri Indah jika mereka memerlukan informasi-informasi tentang Mal Puri Indah, misalnya ingin mengetahui letak toko-toko tertentu.
114 4.2 Cara Pengoperasian Aplikasi 4.2.1 Pengoperasian Aplikasi untuk User Setelah URL ditemukan, maka akan tampil layar halaman Intro di mana terdapat animasi-animasi flash yang menampilkan sekilas tentang bangunan Mal Puri Indah dan beberapa gambar toko yang disertai dengan efek suara. Terdapat tombol Skip Intro yang jika dipilih, maka akan langsung masuk ke Halaman Utama Website Mal Puri Indah. Di bagian atas tombol Skip Intro terdapat tombol On dan Off untuk menghidupkan atau mematikan suara. Tampilan layar Halaman Intro dapat dilihat pada gambar 4.1. Gambar 4.1 Tampilan Layar Halaman Intro
115 Setelah masuk ke Halaman Utama, user dapat mengakses informasi mengenai promosi sekilas tentang Mal Puri Indah, di mana user dapat melihat keterangan lengkap (detil) dari masing-masing informasi tersebut dengan klik image, judul, atau detil pada informasi tersebut. Pada sisi kanan bawah terdapat enam tombol menu utama, antara lain : tombol Halaman Utama, Profil, Fasilitas, Toko, Acara, dan Hubungi Kami. Masingmasing jika diklik akan dihubungkan ke halaman yang sesuai dengan tombol yang diklik tersebut. Secara umum, terdapat animasi flash pada Halaman Utama, Profil, Fasilitas, Toko, Acara, dan Hubungi Kami yang menggambarkan halaman tersebut dan disertai dengan efek suara. Pada sisi kiri atas Halaman Utama terdapat animasi flash logo Mal Puri Indah, sedangkan pada sisi kanan atas terdapat animasi flash lainnya yang kurang lebih menggambarkan halaman tersebut, dimana terdapat tombol On dan Off yang berada di sisi bawah animasi. Tombol ini berguna untuk menghidupkan atau mematikan suara yang ada. Tampilan layar Halaman Utama dapat dilihat pada gambar 4.2.
116 Gambar 4.2 Tampilan Layar Halaman Utama Jika image, judul atau detil pada masing-masing informasi (Mal Puri Indah, Lokasi Mal Puri Indah, dan Promo) yang ada di Halaman Utama diklik, maka akan ditampilkan suatu Halaman Detil Informasi yang berisi keterangan lengkap dari informasi yang diklik tadi. Pada bagian atas halaman ini terdapat gambar informasi tersebut, sedangkan pada bagian bawahnya terdapat keterangan lengkap informasi itu. Berikut ini adalah tampilan layar masing-masing Halaman Detil Informasi tersebut. (lihat gambar 4.3 dan gambar 4.4)
Gambar 4.3 Tampilan Layar Halaman Detil Informasi Mal Puri Indah 117
Gambar 4.4 Tampilan Layar Halaman Detil Informasi Promo 118
119 Tampilan halaman Profil hampir sama dengan Halaman Utama (lihat gambar 4.5). Yang membedakan hanya informasi mengenai Sejarah Mal Puri Indah serta Struktur Bangunan Mal Puri Indah. Masing-masing jika user klik pada image, judul, atau detil informasi tersebut akan dihubungkan ke Halaman Detil Profil yang berisi keterangan lengkap informasi tersebut. Salah satu tampilan layar Halaman Detil Profil (Struktur Bangunan Mal Puri Indah) dapat dilihat pada gambar 4.6. Gambar 4.5 Tampilan Layar Halaman Profil