BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi
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 :
4.1.2
Intel min.Core 2 Duo
Memory DDR2, 1Gb
Harddisk 160 Gb
Internet
VGA 512 Mb
Layar LCD 17inch
Lan Card
Keyboard dan Mouse
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.
Gambar 4.6 Halaman Profile User 3. Halaman Product 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 Didalam halaman ini,user dapat mengecek history product yang sudah dipesan.
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 Halaman dimana admin dapat mengubah atau menambah menu.
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
Gambar 4.15 Halaman Orders Admin 5. Halaman Settings Admin Pada halaman ini admin dapat mengubah profile admin serta aturan yang lain.
Gambar 4.16 Halaman Settings Admin 6. Halaman Slides 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
1
James
Register/Full name
James
2
11530
Register/Zip code
11530
KETERANGAN Output sesuai dengan data admin Output sesuai dengan data admin nama sesuai dengan
3
Remaja
Add Category/Category Name
Remaja
nama category yang bertambah di halaman Product Output sesuai, check
4
70000
Add New Product/Price
70000
lewat detail Product halaman depan aplikasi
Price : 5,000 5
20%
Edit Product/Discount
Discount : 20 % Net Price: Rp.
Output benar dengan perhitungan diskon dan nilai Net Price
4,000 Output benar, 6
1
Edit Product/Stock
Ready Stock
Availability menjadi Ready Stock Output benar,
7
0
Edit Product/Stock
Out of Stock
Availability menjadi Out of Stock
8
Cover Photo
Add Product/image
Cover photo The email field
9
James.com
Registrasi/email
must contain a valid email address Product tidak
10
Draft
Add Product/Status
muncul di aplikasi Penjualan
Cover photo sesuai
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 eapplication 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
