BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi 4.1.1 Sumber Daya yang Dibutuhkan Dalam mengimplementasikan sistem yang akan dijalankan, maka diperlukan beberapa kebutuhan yang harus disiapkan. Kebutuhankebutuhan tersebut meliputi kebutuhan perangkat keras, kebutuhan perangkat lunak, kebutuhan sumber daya jaringan dan kebutuhan sumber daya manusia. 4.1.1.1 Kebutuhan Perangkat Keras 1. Kebutuhan perangkat keras yang disarankan untuk server a. Prosesor Dual Core dengan speed 2.0GHz atau lebih. b. Hardisk minimum 80GB. c. Memory 512MB. d. VGA Card 64MB. e. Keyboard dan Mouse. f. Layar monitor. 2. Kebutuhan perangkat keras yang disarankan untuk client a. Prosesor Dual Core dengan speed 2.0GHz. b. Hardisk 80GB. c. Memory 256MB. d. VGA Card 64MB. 161
162 e. Keyboard dan Mouse. f. Layar Monitor. g. Modem. 4.1.1.2 Kebutuhan Perangkat Lunak Web yang dibangun ini memerlukan perangkat lunak yang harus diinstalasi terlebih dahulu sebelum dapat diimplementasikan. Di bawah ini merupakan beberapa kebutuhan-kebutuhan perangkat yang digunakan : 1. Sistem Operasi Microsoft Windows Profesional Vista. 2. Web Browser seperti Mozilla Firefox dan Internet Explorer. 3. XAMPP. 4.1.1.3 Kebutuhan Sumber Daya Jaringan 1. Kebutuhan Jaringan Provider Perangkat jaringan yang dibutuhkan oleh provider untuk mengimplementasikan sistem yang dibangun untuk PT.Wowin adalah sebuah web server sebagai tempat hosting situs web. Fungsi dari Web server ini adalah situs web dapat berjalan online dan dapat diakses kapan saja. 2. Kebutuhan Jaringan di luar Perangkat jaringan yang dibutuhkan di luar untuk mengimplementasikan sistem yang dibangun untuk PT.Wowin adalah sebuah komputer yang terhubung dengan
163 jaringan internet agar dapat online untuk mengakses situs web. 4.1.1.4 Kebutuhan Sumber Daya Manusia Dalam menjalankan sistem sumber daya yang paling dibutuhkan adalah sumber daya manusia. Kebutuhan sumber daya manusia yang dibutuhkan dalam mengimplementasikan sistem yang dibangun antara lain : 1. Administrator, mempunyai tugas untuk mengatur, mengecek dan mengupdate semua isi website dan info-info yang ada pada admin panel. 2. Web programmer, mempunyai tugas untuk melakukan pemograman situs web dan maintenance untuk mengecek sistem.
164 4.1.2 Cara Instalasi Aplikasi 1. XAMPP Gambar 4.1 Gambar Layar Installer XAMPP Pada layar diatas ini Installer XAMPP terletak di directory C:/, klik file xampp untuk mulai menginstal software tersebut. Gambar 4.2 Layar Proses Extract
165 Pada layar diatas merupakan proses extract dari file installer yang telah kita klik tadi. Dan dapat memilih dimana software tersebut akan diinstal ( dengan klik Browse... ) Gambar 4.3 Layar Control Panel XAMPP Pada layar diatas untuk menjalankan XAMPP Application, klik icon start pada control panel Module MySQL.
166 4.1.3 Cara Penggunaan Halaman Awal (MAIN PAGE) ketika user klik www.wowin.co.id Gambar 4.4 Gambar Layar Website Halaman Home
167 Gambar 4.5 Gambar Layar Home Deskripsi : Ketika user klik gambar botol bagian bawah maka secara otomatis akan masuk ke halaman home yang terdapat menu product,about us,contact Us,FAQ,Register,Login Halaman Product Gambar 4.6 Gambar Layar Product
168 Deskripsi : Bila user klik Product maka akan tampil detail produk,,stok barang tetapi user tidak bsia menambahkan ke cart karena belum Register dan login. Halaman About us Gambar 4.7 Gambar Layar About Us Dekripsi : Dalam halaman About Us menjelaskan tentang visi dan misi PT.WOWIN, serta latar belakangnya.
169 Halaman Register Gambar 4.8 Gambar Layar Register Deskripsi : Halaman Register ini berisi tentang form untuk mendaftar.
170 Halaman Login User Gambar 4.9 Gambar Layar Login User Deskripsi : Halaman Login ini Berisi Inputan berupa Username dan password setelah user mendaftar
171 Halaman Home Setelah User melakukan registrasi dan Login Gambar 4.10 Gambar Layar Home setelah Login Deskripsi : Setalah Login user akan langsung masuk ke halaman Home dan muncul tulisan Welcome, [Nama User]. Secara langsung menu atas akan berubah tampilan ada menu Inbox,Mycart dan Logout
172 Halaman Product-Add to Cart (Input Jumlah Barang) Gambar 4.11 Gambar Layar Product Add to Cart - Input Jumlah Barang Deskripsi : Pada layar ini pelanggan dapat mengakses add to cart melalui layar produk. Dilayar ini pelanggan juga bisa mendapat informasi harga produk, nama produk,stok barang yang ingin dibeli.diatas input barang yang akan dibeli adalah 30
173 Halaman Product-Add to Cart (Input Jumlah Barang)... Lanjutan Gambar 4.12 Gambar Layar Pesan setelah Input jumlah barang Deskripsi : Setelah User klik menu Product maka akan muncul tampilan product disertai Add to Cart lalu muncul tampilan pop up masukkan jumlah yang ingin dibeli, lalu klik Ok, maka akan muncul tulisan seperti diatas,serta stok barang berkurang 30 yang semula 35 menjadi 5
Halaman My Cart setelah klik Ok pada pop up di menu Product 174 Gambar 4.13 Gambar Layar My Cart Deksipsi : Pada Halaman My Cart maka akan muncul Tanggal,Nama Barang, Harga, Jumlah, Subtotal,Bank, Nama Pemilik rekening,kode bukti,transfer,jumlah yang di transfer. Checkout untuk verivikasi kepastian,delete untuk batal,gambar keranjang untuk kembali berbelanja,profile user berisi nama,alamat,phone,email yang telah mendaftar,lalu data yang telah di checkout akan masuk ke database admin.
175 Halaman My Cart setelah klik update pada pop up di menu Product Gambar 4.14 Gambar Layar My Cart Halaman My Cart setelah edit sebanyak 100 buah Gambar 4.15 Gambar Layar My Cart
176 Halaman My Cart setelah edit sebanyak 100 buah Gambar 4.16 Gambar Layar My Cart
177 Halaman Login Admin Gambar 4.17 Gambar Layar Login Admin Deskripsi : Halaman ini adalah halaman login admin yang terdiri dari inputan username dan password admin yang telah mendaftar. Halaman Admin Gambar 4.18 Gambar Layar Halaman Admin
178 Halaman Manage Admin delete admin Gambar 4.19 Gambar Layar Manage Admin Deskripsi : Halaman ini terdapat menu admin yang aktif dan telah mendafar dan
179 Halaman Manage Member Gambar 4.20 Gambar Layar ManageMember Deskripsi : Pada halaman ini data user yang telah registrasi akan masuk ke database admin dan admin dapat melakukan Delete di halaman ini. Berisi tentang profile Member, terdiri dari Name, Address, Phone, Email, Delete.
180 Halaman Manage Member setelah klik Add New Gambar 4.21 Gambar Layar Manage New Member (1) Deskripsi : Pada halaman ini admin dapat menambah member baru apabila pemesanan dilakukan melalui telepon atau datang langsung,berisi data-data pelanggan.
181 Halaman Manage Member setelah klik Save Gambar 4.22 Gambar Layar Manage New Member (2)
182 Halaman Manage Event Gambar 4.23 Gambar Layar Manage Event Deskripsi : Halaman ini berisi nama, tanggal, deskripsi event, photo, update, delete.
183 Halaman Manage Event (Update Event) Gambar 4.24 Gambar Layar Manage Event (Update) Deskripsi : Halaman manage event admin terdiri dari nama, tanggal, deskripsi, foto.
184 Halaman Manage Product Gambar 4.25 Gambar Manage Product Deskripsi : Halaman ini terdiri dari nama produk, harga, image, update, delete
185 Halaman Advertisement Gambar 4.26 Gambar Layar Manage Advertisement (Iklan) Deskripsi : Pada halaman ini admin bisa melakukan update event dan delete event.
186 Halaman View Transaction Gambar 4.27 Gambar Layar View Transaction Deskripsi : Halaman ini terdiri dari transaksi Id secara increment, transaksi data, customer id, grand total, approve.
187 Halaman Admin setelah di approve Gambar 4.28 Gambar Layar View Transaction(Lanjutan) Deskripsi : Pada halaman ini Admin bertugas untuk mengirimkan pesan ke member yang telah melakukan transfer pembelian,pesan akan masuk ke dalam inbox member.
188 Halaman Inbox member Gambar 4.29 Gambar Layar Inbox Member (Lanjutan) Deskripsi : Pada halaman ini pada inbox member terdapat pesan dari admin, member bisa melakukan delete pesan. 4.2 Evaluasi Sistem Setelah melakukan implementasi terhadap situs web yang dibangun, maka akan dilakukan evaluasi terhadap sistem penjualan yang diusulkan kepada PT.Wowin ditinjau dari hasil evaluasi kuisioner dan evaluasi dari interaksi manusia dan komputer.
189 4.2.1 Evaluasi Kuisioner Untuk mengetahui manfaat yang akan diperoleh bagi PT. Wowin dalam pelaksanaan situs PT. Wowin, maka situs ini diperlihatkan pada pimpinan PT. Wowin. Evaluasi akan dilakukan dengan teknik kuisioner untuk mengetahui respon dari pelanggan PT. Wowin, maka diserbarkanlah kuisioner kepada 20 orang pelanggan PT. Wowin. Evaluasi ini dipergunakan sebagai bahan masukan penelitian, perbaikan dan pengembangan selanjutnya. Berikut adalah hasil yang didapatkan dari penyebaran kuisioner : 1. Menurut anda, bagaimana tampilan atau desain website PT.Wowin? Tabel 4.1 Tabel hasil jawaban pertanyaan nomor 1 Pilihan Jumlah Responden Persentase a. Sangat menarik 4 20% b. Menarik 12 60% c. Biasa saja 4 20% d. Tidak menarik 0 0% 60 50 40 30 20 10 0 Pilihan Sangat menarik Menarik Biasa saja Tidak menarik Gambar 4.30 Stick Chart hasil jawaban pertanyaan nomor 1
190 Evaluasi : Dari jawaban yang diberikan para responden, kami menyimpulkan bahwa sebagian besar pelanggan PT. Wowin berpendapat bahwa design web PT. Wowin menarik. 2. Menurut anda, bagaimana penyampaian informasi pada website PT.Wowin? Tabel 4.2 Tabel hasil jawaban pertanyaan nomor 2 Pilihan Jumlah Responden Persentase a. Sangat jelas 3 15% b. Jelas 11 55% c. Kurang jelas 4 20% d. Tidak jelas 2 10% 60 50 40 30 20 10 Sangat jelas Jelas Kurang jelas Tidak jelas 0 Pilihan Gambar 4.31 Stick Chart hasil jawaban pertanyaan nomor 2 Evaluasi : Dari jawaban yang diberikan para responden, kami menyimpulkan bahwa sebagian besar pelanggan PT. Wowin berpendapat bahwa informasi yang ada pada web PT. Wowin sudah cukup jelas.
191 3. Menurut anda, bagaimana kelengkapan fitur yang ada pada website PT.Wowin? Tabel 4.3 Tabel hasil jawaban pertanyaan nomor 3 Pilihan Jumlah Responden Persentase a. Sangat lengkap 4 20% b. Lengkap 14 70% c. Kurang lengkap 1 5% d. Tidak lengkap 1 5% 70 60 50 Sangat lengkap 40 Lengkap 30 Kurang lengkap 20 Tidak lengkap 10 0 Pilihan Gambar 4.32 Stick Chart hasil jawaban pertanyaan nomor 3 Evaluasi : Dari jawaban yang diberikan para responden, kami menyimpulkan bahwa sebagian besar pelanggan PT. Wowin berpendapat bahwa fitur-fitur yang ada pada web PT. Wowin sudah cukup lengkap. 4. Menurut anda, bagaimana kemudahan dalam mempergunakan fitur fitur yang disediakan oleh PT.Wowin?
192 Tabel 4.4 Tabel hasil jawaban pertanyaan nomor 4 Pilihan Jumlah Responden Persentase a. Sangat mudah 2 10% b. Mudah 15 75% c. Lumayan sulit 2 10% d. Sulit 1 5% 80 70 60 50 40 30 20 10 0 Pilihan Gambar 4.33 Stick Chart hasil jawaban pertanyaan nomor 4 Evaluasi : Dari jawaban yang diberikan para responden, kami menyimpulkan bahwa sebagian besar pelanggan PT.Wowin berpendapat bahwa para pelanggan PT.Wowin dapat dengan mudah mempergunakan fiturfitur yang disediakan. 5. Menurut anda, apakah website ini lebih membantu dalam proses transaksi dengan PT.Wowin? Tabel 4.5 Tabel hasil jawaban pertanyaan nomor 5 Sangat mudah Mudah Lumayan sulit Sulit Pilihan Jumlah Responden Persentase a. Sangat membantu 2 10% b. Membantu 12 60%
193 c. Kurang membantu 5 25% d. Tidak membantu 1 5% 60 50 40 30 20 10 Sangat membantu Membantu Kurang membantu Tidak membantu 0 Pilihan Gambar 4.34 Stick Chart hasil jawaban pertanyaan nomor 5 Evaluasi : Dari jawaban yang diberikan para responden, kami menyimpulkan bahwa sebagian besar pelanggan PT.Wowin berpendapat bahwa para pelanggan PT.Wowin lebih terbantu dalam proses transaksi dengan PT.Wowin. Dari hasil kuisioner diatas dapat dievaluasi bahwa : Secara keseluruhan website yang dibuat sudah sesuai dengan apa yang diinginkan oleh pelanggan. Dimulai dari design layar yang tidak begitu mencolok dan simpel, cara pengoperasiannya yang mudah sehingga tidak menyulitkan pengguna, informasi mengenai berita-berita yang cukup lengkap, informasi mengenai cara-cara melakukan transaksi dan kemudahan dalam navigasinya.
194 4.2.2 Evaluasi Sistem Berdasarkan Interaksi Manusia Dalam perancangan user interface, digunakan 8 aturan emas perancangan yang sering dikenal dengan eight golden rules. 8 aturan emas sudah diterapkan dalam website ini, yaitu : a. Berusaha keras untuk konsisten dalam merancang tampilan Desain tampilan, warna tampilan dan letak navigasi sudah dibuat konsisten dengan menggunakan warna yang sama pada tiap halaman. b. Memungkinkan pengguna untuk menggunakan jalan pintas (shortcut) Dalam aplikasi ini, sudah terdapat shortcut menu untuk memudahkan pengguna. c. Memberi umpan balik yang informatif Dalam website ini sudah disediakan umpan balik yang informatif seperti saat admin melakukan insert, update, dan delete. Setelah admin melakukan insert, update dan delete maka proses akan dimulai dan hasil proses akan dikembalikan dalam bentuk confirmation message yang menyatakan apakah proses jadi dilakukan atau tidak. d. Merancang dialog untuk menghasilkan keaddan akhir Dalam website ini sudah disediakan umpan balik yang informatif seperti saat admin melakukan insert, update, dan delete. Setelah admin melakukan insert, update dan delete maka proses akan dimulai dan hasil proses akan dikembalikan dalam bentuk message yang menyatakan status proses apakah berhasil atau gagal.
195 e. Memberikan pencegah kesalahan dan penanganan kesalahan yang sederhana Pencegahan kesalahan dan penanganan kesalahan dapat terlihat pada halaman konfirmasi password. Hal ini dapat dilihat jika pengguna melakukan konfirmasi password, jika konfirmasi password tersebut tidak sesuai dengan password awal yang diisi maka pengguna diberi pesan kesalahan konfirmasi. f. Mengizinkan pembalikan aksi (undo) dengan mudah Terdapat menu delete pada add to cart agar user dapat membatalkan pesanannya. User cukup menekan tombol yang telah disediakan untuk melakukan delete. g. Memungkinkan user (pemakai yang sudah menguasai sistem) serasa di dalam sistem tersebut Web ini belum memungkinkan pengguna untuk merasa seperti berada di dalam sistem. h. Mengurangi beban ingatan jangka pendek Dengan adanya menu Add to Cart, customer tidak perlu mengingat apa dan berapa barang yang sudah ia pesan karena di dalam Add to Cart sudah tersedia semua infonya.