199 BAB 4 HASIL DAN PEMBAHASAN 4.1 Spesifikasi Sistem 4.1.1 Spesifikasi Perangkat Keras Spesifikasi perangkat keras minimum yang diperlukan dalam implementasi data Perusahaan untuk server adalah sebagai berikut : a. Processor Pentium IV (disarankan Dual Core atau di atasnya) b. Harddisk 500GB c. RAM 4GB d. Monitor resolusi 1280x800 e. Keyboard f. Mouse g. LAN Card atau Modem Internet Sedangkan spesifikasi perangkat keras minimum yang diperlukan dalam implementasi data perusahaan untuk client adalah sebagai berikut : a. Processor Pentium IV (disarankan LGA atau di atasnya) b. Harddisk 20GB c. RAM 2GB d. Monitor resolusi 1280x800 e. Keyboard f. Mouse g. LAN Card atau Modem Internet 4.1.2 Spesifikasi Perangkat Lunak Selain perangkat keras, perangkat lunak juga diperlukan agar aplikasi pada PT Reitech Solusindo agar dapat dijalankan. Kebutuhan perangkat lunak ini meliputi : a. Windows XP, Vista,Windows 7 atau Linux b. Web Browser(Firefox, Internet Explorer, Opera, Chrome) c. Adobe Dreamweaver CS5 d. MySql PHPMyAdmin 1.7.3 e. XAMPP 199
200 Perangkat lunak yang diusulkan untuk client agar dapat menjalankan aplikasi ini dengan lancar adalah sebagai berikut: a. Windows XP, Vista,Windows 7 atau Linux b. Internet Browser (Firefox, Internet Explorer, Opera, Chrome) 4.2 Tampilan Layar Gambar 4.1 Tampilan Layar Home sebelum login Gambar diatas adalah tampilan halaman Home (All Deals)sebelum login yang menampilkan keseluruhan deals yaitu berupa gabungan product dan voucher yang sedang dijual dan belum expired. Gambar 4.2 Tampilan Layar Home setelah login 200
201 Gambar diatas adalah tampilan halaman Home (All Deals)setelah login yang menampilkan keseluruhan deals yaitu berupa gabungan product dan voucher yang sedang dijual dan belum expired. Gambar 4.3 Tampilan Layar Product Gambar diatas adalah tampilan halamanproduct yang menampilkan seluruh product yang dijual. Di halaman ini terdapat Hot Products yang menampilkan product yang memiliki penjualan tertinggi dan yang terbaru. Selain itu disamping kanan Hot Products terdapat tampilan voucher yang terbaru dan paling laku. Gambar 4.4 Tampilan Layar Voucher
202 Gambar diatas adalah tampilan halamanvoucher yang menampilkan seluruh voucher yang dijual. Di halaman ini terdapat Hot Vouchers yang menampilkan voucher yang memiliki penjualan tertinggi dan yang terbaru. Selain itu disamping kanan Hot Vouchers terdapat tampilan voucher yang terbaru dan paling laku. Gambar 4.5 Tampilan Layar Detail Product Gambar diatas adalah tampilan halamandetail Product yang menampilkan seluruh informasi product yang dijual dari harga, jumlah barang laku, waktu penjualan, dan penjelasan dari product tersebut. Gambar 4.6 Tampilan Layar Detail Voucher
203 Gambar diatas adalah tampilan halaman Detail Voucher yang menampilkan seluruh informasi voucher yang dijual dari harga, jumlah barang laku, waktu penjualan, dan penjelasan dari voucher tersebut. Gambar 4.7 Tampilan Layar Signup Gambar diatas adalah tampilan halaman Signup untuk melakukan registrasi user. User baru diwajibkan mengisi seluruh field yang terdapat pada form tersebut dan setelah itu klik Submit. Gambar 4.8 Tampilan Layar Login
204 Gambar diatas adalah tampilan halaman Login untuk user melakukan login. User diwajibkan mengisi email dan passwordyang sudah didaftarkan ketika melakukan signup. Gambar 4.9 Tampilan Layar My Profile setelah login Gambar diatas adalah tampilan halaman My Profile di My Account setelah login sebagai user. User dapat mengubah data-data yang telah dimasukkan ketika melakukan signup. Gambar 4.10 Tampilan Layar My Products setelah login
205 Gambar diatas adalah tampilan halaman My Products di My Account setelah login sebagai user. Ini berisi daftar product yang telah dibeli oleh user tersebut dan terdapat tampilan status seperti pending dan completed. User dapat melakukan konfirmasi pembayaran dengan cara mengklik click here to payment confirmation. Gambar 4.11 Tampilan Layar Read More di My Products Gambar diatas adalah tampilan halaman Read More yang berisi detail product yang telah dibeli oleh user tersebut Gambar 4.12 Tampilan Layar My Vouchers setelah login
206 Gambar diatas adalah tampilan halamanmy Vouchers di My Account setelah login sebagai user. Ini berisi voucher-voucher yang telah dibeli oleh user tersebut dan terdapat tampilan status seperti pending dan completed. Jika completed maka user dapat mencetak voucher tersebut. User juga dapat melakukan konfirmasi pembayaran dengan cara mengklik click here to payment confirmation. Gambar 4.13 Tampilan Layar Read More di My Vouchers Gambar diatas adalah tampilan halaman Read More yang berisi detail voucher yang telah dibeli oleh user tersebut Gambar 4.14 Tampilan Layar Payment Confirmationsetelah login
207 Gambar diatas adalah tampilan halaman Payment Confirmation untuk melakukan konfirmasi pembayaran. User diwajibkan mengisi nama dan nomor rekening yang dipakai untuk melakukan transfer dana ke Reitech Solusindo. Halaman ini juga dapat diakses dari link di My Product dan My Voucher. Gambar 4.15 Tampilan Layar Return Item setelah login Gambar diatas adalah tampilan halamanreturn Item untuk melakukan retur barang. User diwajibkan memilih order id, dan mengisi explanation dan tanggal penerimaan barang, serta mengupload foto product yang rusak tersebut. Gambar 4.16 Tampilan Layar Your Order setelah Buy Now
208 Gambar diatas adalah tampilan halaman Your Order ketika user mengklik Buy Now. User diwajibkan menentukan jumlah barang yang akan dibeli, maka akan muncul harga ongkos kirim dan grand total yang harus dibayar. Gambar 4.17 Tampilan Layar Awal setelah login sebagai admin Gambar diatas adalah tampilan halaman awal setelah login sebagai admin. Gambar 4.18 Tampilan Layar Member setelah login sebagai admin Gambar diatas adalah tampilan halaman member setelah login sebagai admin yang digunakan ketika terdapat penggantian staff administrator sehingga perlu perubahan data admin.
209 Gambar 4.19 Tampilan Layar Vendor setelah login sebagai admin Gambar diatas adalah tampilan halaman vendor setelah login sebagai admin yang menampilkan vendor-vendor dalam proses pembelian barang. Terdapat add new vendor untuk melakukan pembelian barang. Gambar 4.20 Tampilan Layar Add New Vendor setelah login sebagai admin Gambar diatas adalah tampilan halaman add new vendor setelah login sebagai admin yang menampilkan vendor-vendor dalam proses pembelian barang. Terdapat add new vendor untuk menambahkan vendor.
210 Gambar 4.21 Tampilan Layar Purchase setelah login sebagai admin Gambar diatas adalah tampilan halaman Purchase setelah login sebagai admin yang menampilkan data-data pembelian product dan voucher. Terdapat add new product and voucher untuk melakukan pembelian product dan voucher. Gambar 4.22 Tampilan Layar Add New Product and Voucher setelah login sebagai admin Gambar diatas adalah tampilan halamanadd New Product and Voucher setelah login sebagai admin yang digunakan untuk melakukan pembelian Product dan Voucher.
211 Gambar 4.23 Tampilan Layar Deals setelah login sebagai admin Gambar diatas adalah tampilan halaman Deals setelah login sebagai admin yang menampilkan deals-deals yang terpasang di web Reitech Solusindo ini. Terdapat add new deal yang digunakan untuk memasangkan deal pada web ini. Gambar 4.24 Tampilan Layar Add New Deal setelah login sebagai admin Gambar diatas adalah tampilan halaman Add New Deal setelah login sebagai admin yang yang digunakan untuk memasangkan deal pada web ini.
212 Gambar 4.25 Tampilan Layar Payment setelah login sebagai admin Gambar diatas adalah tampilan halaman Payment setelah login sebagai admin yang menampilkan data-data konfirmasi pembayaran dari user. Admin dapat melakukan accept dan delete. Gambar 4.26 Tampilan Layar Return Item setelah login sebagai admin Gambar diatas adalah tampilan halaman Return Item setelah login sebagai admin yang menampilkan data-data retur barang yang dikirim oleh user. Admin dapat melakukan accept, reject, dan delete.
213 Gambar 4.27 Tampilan Layar Message setelah login sebagai admin Gambar diatas adalah tampilan halaman Message setelah login sebagai admin yang menampilkan data-data contact us yang dikirim oleh user dan guest. Admin dapat melakukan accept dan delete.. Gambar 4.28 Tampilan Layar Report setelah login sebagai admin Gambar diatas adalah tampilan halaman Report setelah login sebagai admin yang menampilkan laporan Sales, Purchase, dan Return. Admin diwajibkan mengisi tanggal awal dan tanggal akhir laporan yang ingin dicetak.
214. Gambar 4.29 Tampilan Layar Contact Us Gambar diatas adalah tampilan halaman Contact Us yang digunakan oleh guest dan user untuk mengirim pesan kepada admin. Gambar 4.30 Tampilan Layar FAQ Gambar diatas adalah tampilan halaman FAQ yang menampilkan jawaban dan pertanyaan umum tentang web Reitech Solusindo.
215 Gambar 4.31 Tampilan Layar Terms Of Use Gambar diatas adalah tampilan halaman Terms Of Use yang menampilkan aturan-aturan umum tentang web Reitech Solusindo. Gambar 4.32 Tampilan Layar Privacy Policy Gambar diatas adalah tampilan halaman Privacy Policy yang menampilkan proses bisnis dari web Reitech Solusindo.
216 Gambar 4.33 Tampilan Layar How To Buy Gambar diatas adalah tampilan halaman How To Buy yang menampilkan langkah-langkah untuk melakukan pembelian di web Reitech Solusindo. 4.3 Evaluasi Database Pengujian basis data dilakukan dengan mengevaluasi integrity, security, redudansi, performance pada sistem dengan menggunakan dummy data. Integrity Hasil dari evaluasi menunjukkan bahwa semua tabel yang telah diuji coba telah memenuhi rancangan domain, entitas, dan constraint.
217 Security Gambar 4.34 Evaluasi database bagian pengecekan security Hasil dari evaluasi menunjukkan bahwa semua tabel yang diuji coba telah dapat berjalan sesuai dengan mekanisme yang ditentukan, yaitu dengan membagi hak akses program sesuai pengelompokan user. Seperti ditunjukkan pada gambar diatas dimana terdapat atribut level yang membagi hak akses member dan administrator. Sistem yang digunakan juga menggunakaan sistem login sehingga keamanan sistem terjamin. Redudansi Gambar 4.35 Evaluasi database bagian pengecekan rududansi Hasil dari evaluasi menunjukkan bahwa semua tabel yang diuji coba memiliki tingkat redudansi data yang rendah karena semua tabel telah melalui tahap validasi normalisasi. Tidak ada data yang sama ketika dilakukan insert data ke database yang telah dibangun tersebut seperti ditunjukkan pada gambar diatas.
218 Performance Hasil dari evaluasi menunjukkan bahwa basis data dapat berjalan sesuai dengan rancangan dan dapat menghasilkan data dalam waktu singkat. 4.4 Evaluasi Aplikasi Untuk mengevaluasi sistem yang telah di implementasikan, penulis juga mengevaluasi dengan menggunakan IMK (Interaksi Manusia dan Komputer).Berikut ini adalah evaluasi mengenai IMK pada sistem pembelian dan penjualan PT. Reitech Solusindo berdasarkan 8 aturan emas. 1. Konsisten Halaman pada web aplikasi ini menampilkan antarmuka yang konsisten, hal ini dapat dilihat dari penempatan menu yang tidak berubah untuk setiap halaman.hal ini memudahkan user dalam hal navigasi yang dilakukan. Contohnya seperti gambar dibawah ini, halaman all deals, product, dan voucher ditampilkan dalam header yang sama dan tidak berubah. Gambar 4.36Contoh Konsistensi dalam Website Memenuhi untuk kegunaan universal Memberikan penjelasan yang jelas mengenai link yang diberikan dengan kata-kata yang baik dan benar. Sehingga, orang awam pun dapat mengetahui apa kegunaan dari link tersebut. Jalan pintas atau shortcut yang digunakan dapat terlihat pada link yang tersedia pada web.hal ini memudahkan dan mempercepat user dalam mengakses menu yang terdapat
219 pada web aplikasi. Contohnya gambar dibawah ini, link dinamakan click to payment confirmation sehingga mudah dimengerti oleh user. Gambar 4.37 Contoh Kegunaan Universal dalam Website 2. Umpan balik yang informative Umpan balik yang informatif dapat dilihat pada saat user membuat faktur penjualan, ketika user memilih barang yang stok barangnya dibawah 5, maka akan muncul pesan pop up Stok barang ini kurang dari 5. Contoh lainnya adalah seperti gambar dibawah, dimana terdapat popup berisi value must be number ketika usermenginput alphabet ketika ingin menginput nomor telepon. Gambar 4.38 Contoh Umpan Balik Informatif dalam Website
220 3. Merancang dialog untuk menghasilkan sebuah penutupan Hal ini dapat dilihat pada setiap form yang dirancang untuk menghasilkan penutupan, misalkanya memberikan tombol Submit, Reset, Ubah, Delete pada akhir form yang telah diisi oleh user sebagai penutupan dialog. Contohnya seperti gambar ini yang merupakan form sign up. Di akhir form ini, terdapat tombol Submit dan Reset. Gambar 4.39 Contoh Dialog Penutupan dalam Website 4. Memberikan penanganan kesalahan yang sederhana Jika pengguna melakukan kesalahan, maka secara otomatis sistem akan memberitahukan kesalahan dalam bentuk pesan. Contohnya gambar dibawah ini, ketika user melakukan kesalahan dalam memasukkan email dan password maka akan muncul halaman baru berisi kalimat Sorry, Wrong Email and Password dan user hanya perlu klik link TRY AGAIN untuk kembali melakukan login.
221 Gambar 4.40 Contoh Penanganan Kesalahan Sederhana dalam Website 5. Mudah kembali tindakan sebelumnya jika terjadi kesalahan Ketika user secara tidak sengaja mengklik button yang tidak di inginkan, user tinggal mengklik tombol update untuk merubah atau memperbaikin kesalahan yang tidak sengaja dilakukannya. 6. Mendukung pengendalian internal Setiap user yang telah menguasai sistem aplikasi ini, maka user akan merasakan kemudahan dalam pengoperasian aplikasi ini, sehingga user dapat mengontrol aplikasi ini, bukan user yang dikontrol oleh aplikasi. 7. Mengurangi beban ingatan jangka pendek Aplikasi web ini, sudah di buat sederhana mungkin dan interaktif sehingga dapat mengurangi beban ingatan jangka pendek dan user dapat lebih cepat mengingat menu serta fungsi yang terdapat didalam aplikasi web ini. 4.4.1 Evaluasi Hasil Kuesioner Evaluasi dengan menggunakan kuisioner dilakukan selama 3 hari, bertempat di Binus University dengan mengambil 30 sampel yang acak dari binusian yang ada. Sampel yang kami tunjuk, telah kami perlihatkan website PT. Reitech Solusindo, setelah itu mereka mengisi kuisioner yang kami berikan. Berikut hasil dari kuisioner yang telah kami lakukan : 1. Apakah website penjualan ini memudahkan Anda dalam mengakses informasi produk-produk yang ditawarkan?
222 Tabel 4.1 Hasil kuesioner 1 Pilihan Jumlah Responden Persentase a. Sangat Setuju 4 13,33% b. Setuju 20 66,66% c. Kurang Setuju 3 10% d. Tidak Setuju 3 10% Gambar 4.41 Stick Chart hasil jawaban kuesioner pertama Evaluasi : Dari jawaban yang diberikan para responden, dapat disimpulkan bahwa web penjualan PT. Reitech Solusindo sudah cukup memudahkan pelanggan dalam mengakses informasi produk yang ditawarkan.
223 2. Apakah dengan adanya website ini, dapat memudahkan anda menemukan informasi dan sekaligus melakukan transaksi? Tabel 4.1 Hasil kuesioner 2 Pilihan Jumlah Responden Persentase a. Ya 25 83,33% b. Tidak 5 16,67% Gambar 4.42 Stick Chart hasil jawaban kuesioner kedua Evaluasi : Dari jawaban yang diberikan para responden, dapat disimpulkan bahwa websitept. Reitech Solusindomembantu pelanggan dalam menemukan informasi produk yang dibutuhkan serta melakukan transaksi.. 3. Apakah Website tersebut mudah digunakan? Tabel 4.1 Hasil kuesioner 3 Pilihan Jumlah Responden Persentase a. Sangat Setuju 5 16,67% b. Setuju 20 66,66% c. Kurang Setuju 3 10% d. Tidak Setuju 2 6,67%
224 Gambar 4.43 Stick Chart hasil jawaban kuesioner ketiga Evaluasi : Dari jawaban yang diberikan para responden, dapat disimpulkan bahwa sebagian besar berpendapat bahwa website penjualan PT. Reitech Solusindo mudah untuk digunakan. 4. Apakah tampilan (interface) dari website penjualan ini menarik? Tabel 4.1 Hasil kuesioner 4 Pilihan Jumlah Responden Persentase a. Sangat menarik 5 16,67% b. Menarik 10 33,33% c. Kurang 10 33,33% Menarik d. Tidak menarik 5 16,67%
225 Gambar 4.44 Stick Chart hasil jawaban kuesioner keempat Evaluasi : Dari jawaban yang diberikan para responden, dapat disimpulkan bahwa design websitept. Reitech Solusindo cukup menarik. Dan kedepannya designweb tersebut akan dibuat lebih menarik lagi. 5. Apakah website dari Restoran PT. Reitech Solusindoini bermanfaat untuk anda? Tabel 4.1 Hasil kuesioner 5 Pilihan Jumlah Responden Persentase a. Sangat 6 20% bermanfaat b. Bermanfaat 18 60% c. Kurang 3 10% bermanfaat d. Tidak 3 10% bermanfaat
226 Gambar 4.45 Stick Chart hasil jawaban kuesioner kelima Evaluasi : Dari jawaban yang diberikan para responden, dapat disimpulkan bahwa sebagian besar bahwa websitept. Reitech Solusindobermanfaat untuk pelanggan.3