4.1 Implementasi BAB 4 IMPLEMENTASI DAN EVALUASI 4.1.1 Spesifikasi Sistem 4.1.1.1 Spesifikasi Software Untuk Menjalankan Sistem/Aplikasi Dalam melakukan implementasi sistem, dibutuhkan software sebagai berikut: Kebutuhan Admin/Server : Sistem Operasi : Windows XP/7/Vista Server Apache versi 2.0 atau lebih My Sql Server versi 5.0 atau lebih PHP versi 5.0 atau lebih Kebutuhan Client/User : Sistem Operasi : Windows XP/7/Vista Browser : Mozilla Firefox v.10 atau lebih 4.1.1.2 Spesifikasi Hardware Untuk Menjalankan Sistem/Aplikasi Dalam melakukan implementasi sistem, dibutuhkan hardware sebagai berikut: Kebutuhan Admin/Server : Intel min.core 2 Duo Memory DDR2, 1 Gb Harddisk 160 Gb VGA 512Mb 93
94 Layar LCD 17 inch Keyboard dan Mouse Internet Lan Card Kebutuhan Client/User : Intel min.core 2 Duo Memory DDR2, 1Gb Harddisk 160 Gb Internet VGA 512 Mb Layar LCD 17inch Lan Card Keyboard dan Mouse 4.1.2 Prosedur Penggunaan Aplikasi 4.1.2.1 Tampilan Layar Guest 1. Halaman Home Halaman ini yang akan muncul pada saat user mengakses website. Gambar 4.1 Halaman Home
95 2. Halaman Register Pada halaman ini user harus mengisi data untuk mempunyai account di website. Gambar 4.2 Halaman Register 3. Halaman Login Pada halaman ini,user harus mengisi email dan password untuk dapat mengakses halaman selanjutnya. Gambar 4.3 Halaman Login
96 4. Halaman Contact Us Di dalam halaman ini terdapat kontak dari Yayasan Jangkar Kehidupan apabila user mau menghubungi yayasan. Gambar 4.4 Halaman Contact Us 4.1.2.2 Tampilan Layar User 1. Halaman Home User Halaman ini muncul setelah user melakukan login. Gambar 4.5 Halaman Home User
97 2. Halaman Profile User Halaman ini user dapat mengubah data profile yang diinginkan. 3. Halaman Product Gambar 4.6 Halaman Profile User Di halaman sini user dapat memilih product sesuai keinginan user. Gambar 4.7 Halaman Product
98 4. Halaman Shopping Cart Pada halaman ini,user dapat memilih update yang berfungsi untuk memperbahurui/menambah barang yang ingin di beli, continue shopping berfungsi untuk user kembali ke menu product, checkout berfungsi pengecekan ulang product yang akan dibeli. Gambar 4.8 Halaman Shopping Cart 5. Halaman Order Confirmation Pada halaman ini,user dapat memilih back untuk dapat kembali ke menu shopping cart, atau proceed untuk persetujuan dengan product yang ingin dibeli.
99 Gambar 4.9 Halaman Order Confirmation 6. Halaman Order History dipesan. Didalam halaman ini,user dapat mengecek history product yang sudah Gambar 4.10 Halaman Order History
100 7. Halaman Payment Confirmation Di halaman ini user harus mengisi data payment confirmation setelah user melakukan transfer ke nomor rekening yang dicantumkan. Setelah mengisi data klik send, supaya admin dapat melakukan validasi payment confirmation. Gambar 4.11 Halaman Payment Confirmation 4.1.2.3 Tampilan Layar Admin 1. Halaman Home Admin Halaman yang pada saat login sebagai admin. Gambar 4.12 Halaman Home Admin
101 2. Halaman Pages Admin menu. Halaman dimana admin dapat mengubah atau menambah Gambar 4.13 Halaman Pages Admin 3. Halaman Product Pada halaman ini, admin dapat menambah,mengubah, dan menghapus product yang diinginkan. Gambar 4.14 Gambar Halaman Product Admin 4. Halaman Orders Admin Didalam halaman, admin dapat melihat order dari yang di pesan user.
102 5. Halaman Settings Admin Gambar 4.15 Halaman Orders Admin Pada halaman ini admin dapat mengubah profile admin serta aturan yang lain. 6. Halaman Slides Admin Gambar 4.16 Halaman Settings Admin Halaman ini digunakan sebagai banner atau promosi dari product. Gambar 4.17 Halaman Slides Admin
103 4.1.2.4 Tampilan Layar Manager 1. Halaman Home Manager Manager dapat melihat data-data transaksi yang ada. Gambar 4.18 Halaman Home Manager 4.1.3 Software Testing Tabel 4.1 Hasil Pengujian Input dan Output Terhadap Aplikasi
104 NO. INPUT PROSES OUTPUT KETERANGAN 1 James Register/Full name James 2 11530 Register/Zip code 11530 3 Remaja Add Category/Category Name Remaja 4 70000 Add New Product/Price 70000 5 20% Edit Product/Discount Price : 5,000 Discount : 20 % Net Price: Rp. 4,000 6 1 Edit Product/Stock Ready Stock 7 0 Edit Product/Stock Out of Stock 8 Cover Photo 9 James.com Registrasi/email 10 Draft Add Product/Status Output sesuai dengan data admin Output sesuai dengan data admin nama sesuai dengan nama category yang bertambah di halaman Product Output sesuai, check lewat detail Product halaman depan aplikasi Output benar dengan perhitungan diskon dan nilai Net Price Output benar, Availability menjadi Ready Stock Output benar, Availability menjadi Out of Stock Add Product/image Cover photo Cover photo sesuai The email field must contain a valid email address Product tidak muncul di aplikasi Penjualan Respon applikasi benar, format email salah. Respon aplikasi benar,product tidak dipublikasikan
105 4.2 Evaluasi 4.2.1 Evaluasi Hasil Setelah menyelesaikan aplikasi yang sudah kami rancang, kami akan mengadakan evaluasi-evaluasi terhadap aplikasi tersebut. Evaluasi ini berguna untuk melihat apakah aplikasi ini sudah berjalan dengan baik atau belum. 4.2.1.1 Evaluasi Kinerja Aplikasi Evaluasi ini ditujukan melihat kinerja atau nilai dari aplikasi yang sudah dibuat. Untuk itu, kami menggunakan yslow dan firebug sebagai alat untuk mengevaluasi. Berikut ini langkahlangkahnya: 1. Lakukan installasi yslow dan firebug terlebih dahulu, lalu buka browser dan buka aplikasi web, lalu klik icon di kanan atas browser. Gambar 4.19 Penunjuk Icon Firebug 2. Klik Run Test untuk penilaian terhadap aplikasi.
106 Gambar 4.20 Run Testing 3. Hasil yang didapat setelah melakukan Run Test. Gambar 4.21 Hasil Grade 4. Hasil paparan component dari sistem yang di rancang.
107 Gambar 4.22 Hasil Component 5. Hasil penilaian sistem yang di rancang dalam statistik. Gambar 4.23 Hasil Statistik
108 4.2.1.2 Evaluasi Kemudahan Penggunaan / User Interface Evaluasi sistem aplikasi dibuat berdasarkan prinsip delapan aturan emas ( Eight Golden Rules ) dalam IMK. Prinsip yang di gunakan dalam aplikasi yang dirancang yaitu: 1. Berusaha untuk konsisten Sistem aplikasi yang di rancang mempunyai rancangan layar yang konsisten dalam tulisan, warna, maupun menu. Gambar 4.24 Golden Rules Pertama 2. Memenuhi kebutuhan bersama dengan menggunakan shortcut. Shortcut berfungsi memudahkan user dalam memakai aplikasi. Sebagai contoh, saat user masuk ke halaman shopping cart disediakan tombol continue shopping yang berfungsi untuk kembali ke halaman product.
109 Gambar 4.25 Golden Rules Kedua 3. Memberikan umpan balik yang informatif Didalam aplikasi akan diberikan umpan balik kepada user agar user mengetahui kesalahan terjadi. Misalnya, saat user mau melakukan registrasi member. User belum mengisi email. Gambar 4.26 Golden Rules Ketiga
110 4. Merancang dialog untuk menghasilkan suatu penutupan Pemberitahuan kepada user setelah menyelesaikan proses dalam aplikasi. Sebagai contoh, user akan diberi dialog setelah menyelesaikan register yaitu "Registration success, please login with your account!". Gambar 4.27 Golden Rules Keempat 5. Memberikan pencegahan kesalahan Didalam aplikasi user diberikan sistem pencegahan kesalahan apalagi kesalahan fatal yang bisa terjadi. Gambar 4.28 Golden Rules Kelima
111 6. Memungkinkan pembalikkan aksi yang mudah Disediakan fitur untuk kembali ke aktifitas sebelumnya jika user ternyata melakukan kesalahan dan ingin kembali memperbaikinya. Gambar 4.29 Golden Rules Keenam 7. Dukungan internal dari tempat kendali User diberikan tanggung jawab terhadap tindakan mereka sendiri atas dasar penggunaan user interface. Sebagai contoh, user harus mengisi data profile yang benar dikarenakan barang akan dikirim sesuai dengan data yang diisi user.
112 Gambar 4.30 Golden Rules Ketujuh 8. Mengurangi beban ingatan jangka pendek Sistem merancang user agar tidak terbebani dengan ingatannya. Apabila user telah melakukan add cart dan user ternyata belum login, hal itu tidak akan menjadi masalah. Karena sistem kami merancang sebuah user interface sebagai pengingat dimana user setelah login,tidak perlu mengulang pemesanan lagi. Gambar 4.31 Golden Rules Kedelapan
113 4.2.1.3 Evaluasi Oleh Pengguna Pada tahap ini, dilakukan evaluasi oleh pengguna aplikasi/user. Evaluasi dilakukan dengan cara memberikan demo offline website kepada Sales Admin Yayasan Jangkar Kehidupan yaitu Ibu Dian Katoppo, lalu melakukan wawancara untuk meminta tanggapan dari website ini. Demo dan wawancara tentang website ini diadakan pada : Tempat : Yayasan jangkar Kehidupan Head Office Jam : 14.00 Tanggal : 27 mei 2014 Peserta : Ibu Dian Katoppo Berikut adalah hasil dari demo dan wawancara : 1. Tampilan website sudah terlihat bagus. 2. Dapat memperluas jangkauan pemasaran toko buku Yayasan Jangkar Kehidupan. 3. Customer dapat melihat dan memesan produk dimana saja dan kapan saja. 4. Sistem ini diharapkan dapat mengatasi permasalahan dari sistem yang sebelumnya. 5. Website harus di hosting agar dapat dibuka online. Hasil evaluasi aplikasi web yang diberikan kepada beberapa user sebagai berikut: 1. Apakah tampilan pada sistem e-application ini sudah bagus?
114 Berdasarkan hasil survey, 71% user menyatakan tampilan sistem e- application sudah bagus dan 29% user menyakan tidak setuju. 2. Saat user pertama kali menggunakan aplikasi ini,apakah user mudah mengerti dalam menggunakan aplikasi? Berdasarkan hasil survey, 71% user menyatakan mudah mengerti dalam menggunakan aplikasi saat pertama kali dan 29% user menyakan tidak setuju. 3. Apakah aplikasi ini mempermudah anda untuk mencari apa yang anda cari sesuai dengan kebutuhan anda? Berdasarkan hasil survey, 86% user menyatakan mempermudah dalam mencari apa yang dibutuhkan dan 14% user menyakan tidak setuju. 4. Apakah aplikasi web ini mudah untuk digunakan?
115 Berdasarkan hasil survey, 71% user menyatakan aplikasi web ini mudah untuk digunakan dan 29% user menyakan tidak setuju. 5. Apakah aplikasi web ini termasuk informatif? Berdasarkan hasil survey, 100% user menyatakan aplikasi web ini termasuk informatif dan 0% user menyakan tidak setuju. 6. Apakah anda setuju jika website ini di realisasikan? Berdasarkan hasil survey, 100% user menyatakan setuju jika website ini di realisasi dan 0% user menyakan tidak setuju.
116