BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Sarana-sarana yang dibutuhkan dalam mengoperasikan sistem pemesanan dan laporan penjualan yang telah dibuat ini dapat dibagi menjadi 4 kelompok, yaitu perangkat keras (hardware), perangkat lunak (software), kelompok sumber daya manusia, dan cara instalasi di server. 4.1.1 Spesifikasi Kebutuhan Perangkat Keras (Hardware) Pada proses implementasi aplikasi, penulis menggunakan spesifikasi perangkat keras pada server sebagai berikut : 1. Processor Pentium IV 2 GHz atau lebih. 2. Memory 512 MB RAM atau lebih 3. VGA PCI 16 MB. 4. NIC (Network Interface Card) 10/100 mbps. 5. Media masukan berupa mouse dan keyboard Sedangkan pada proses implementasi aplikasi, penulis menggunakan spesifikasi perangkat keras pada client sebagai berikut : 1. Intel Pentium III 800 Mhz 2. Memory 128 Mb 3. Modem 56 Kbps 4. Lan card 5. Monitor SVGA 277
278 4.1.2 Spesifikasi Kebutuhan Perangkat Lunak (Software) Pada proses implementasi, perangkat lunak yang digunakan pada server adalah sebagai berikut : 1. Sistem operasi : Windows Server 2003 2. Web server : web server yang dipilih adalah Apache 3. Web browser : Mozilla 1.0.6 / IE 5.5 / Opera 7.2 atau yang setara 4. Database server: database yang digunakan pada aplikasi web, yaitu MySQL 5. XAMPP 1.5.2 : ketiga software (Apache, Modul PHP, MySQL) tersebut dapat diperoleh dalam satu paket di XAMPP. Pada proses implementasi, perangkat lunak yang digunakan pada client adalah sebagai berikut : 1. Sistem operasi : Windows 98/2000/NT/XP/Vista. 2. Web Browser : Mozilla 1.0.6 / IE 5.5 / Opera 7.2 atau yang setara. 4.1.3 Spesifikasi Kebutuhan Sumber Daya Manusia Kebutuhan akan sumber daya manusia untuk menjalankan sistem ini adalah untuk keperluan pemeliharaan sistem yang dibuat. Jika sistem ini sudah berjalan sebagaimana mestinya dan ada informasi yang ingin diubah, dihapus, atau ditambahkan, dan juga memberi solusi kepada Microshop mengenai masalah yang dihadapi, maka personal inilah yang bertanggung jawab akan tugas ini. Adapun kriteria personal yang diajukan sebagai berikut :
279 1. Programmer, mengerti bahasa pemrograman PHP. 2. Mengerti tentang teknologi informasi seperti hardware, software, jaringan, ataupun database management system (DBMS). 4.1.4 Cara Instalasi 1. Instalasi Sisi Server XAMPP versi terbaru dapat di-download secara gratis melalui http://sourceforge.net/projects/xamp. Setelah proses download selesai, langkah selanjutnya adalah menginstal file hasil download tersebut. Dobel klik file hasil download (xampp-win32-1.5.3.exe), kemudian ikuti langkah-langkah berikut: Gambar 4.1 Konfirmasi letak instalasi XAMPP Pilih lokasi instalasi, kemudian klik Extract. Setelah proses Extract selesai, masuk ke folder letak instalasi, kemudian jalankan file: xampp-control.exe. Halaman control panel XAMPP
280 digunakan untuk mengaktifkan dan menonaktifkan service-service (Apache, MySQL). Gambar control panel XAMPP dapat dilihat pada gambar berikut: Gambar 4.2 Control panel XAMPP Klik tombol Start pada Apache dan MySQL sampai muncul tulisan Running. Apache adalah web server-nya, sedangkan MySQL adalah sebuah database server.lanjutnya adalah mencoba software yang telah diinstal, buka satu browser (Internet Explorer atau yang lain) kemudian ketik http://localhost pada address bar. Jika instalasi sukses maka akan muncul tampilan seperti gambar 4.3. Pada halaman tersebut dapat mencoba memilih menu link, misal: - phpinfo()
281 - phpmyadmin - Webalizer Gambar 4.3 Tampilan awal XAMPP 2. Instalasi Sisi Client Software dari sisi client yang perlu diinstal adalah web browser. Browser yang sekarang sering digunakan adalah Internet Explorer (IE) dan Mozilla FireFox. Instalasi IE berlangsung bersamaan dengan instalasi windows. Instalasi browser Mozilla FireFox versi terbaru dapat didownload dari http://www.mozilla.org. Mozilla termasuk ke dalam jajaran browser yang sering digunakan oleh pengguna internet. Browser Mozilla didistribusikan secara gratis.
282 Selain gratis, browser mozilla juga memiliki plug-in dan fasilitas yang lengkap. Untuk meng-update, juga dapat didownload, langkah selanjutnya adalah mendobel klik file hasil download (Firefox Setup 2.0.0.3.exe), kemudian mengikuti langkah instalasinya. Gambar 4.4 Instalasi Mozilla Jika muncul gambar diatas pilih opsi I accept the term in the License Agreement - klik Next Pilih Opsi Standart dan klik Next. Tunggu proses Instalasi sampai selesai, kemudian klik Finish. Tampilan Mozilla FireFox muncul pertama kali setelah selesai instalasi. Gambar tersebut di atas tersebut muncul jika komputer terkoneksi dalam jaringan internet.
283 Setelah instalasi browser selesai maka browser tersebut dapat digunakan untuk mengakses halaman web. Untuk pembahasan selanjutnya, akan digunakan Mozilla FireFox sebagai web browser. Walaupun demikian, menggunakan browser lain (misal Internet Explorer) pun tidak menjadi masalah. Gambar 4.5 Browser mozzila firefox 4.2 Prosedur Penggunaan 4.2.1 Prosedur Penggunaan Aplikasi Untuk Microshop Aplikasi ini ketika pertama kali dijalankan oleh Microshop akan tampil halaman login seperti yang terlihat pada Gambar 4.6 di bawah ini:
284 Gambar 4.6 Halaman Login Halaman ini digunakan oleh Microshop untuk melakukan login ke halaman Home. Microshop perlu memasukan Username dan password, setelah itu tekan tombol submit. Jika data Microshop ada di database, maka halaman home akan ditampilkan.
285 Gambar 4.7 Tampilan halaman Home Halaman ini merupakan halaman Home bagi Microshop yang telah melakukan login. Halaman ini menampilkan judul berita terbaru mengenai situs unkl347. Menu-menu yang terdapat di halaman ini antara lain: o Menu Home merupakan menu untuk kembali ke halaman Home website. o Menu Personal merupakan menu untuk melihat data pribadi, merubah data pribadi dan merubah password. o o Menu News merupakan menu untuk melihat berita. Menu Order merupakan menu untuk memesan produk.
286 o Menu Report merupakan menu untuk melihat history laporan penjualan dan detil dari laporan penjualan. o Menu Payment merupakan menu untuk melakukan konfirmasi pembayaran. o Menu Message merupakan menu untuk melihat,dan mengirim pesan ke sesama Microshop atau pun mengirim pesan ke admin. o o Menu logout merupakan menu untuk keluar dari halaman home. Shoping Cart berguna untuk melihat daftar barang yang akan dipesan. o o Update User Account berguna untuk merubah data diri. Order Draft berguna untuk melihat daftar pesanan yang telah dipesan. o Payment History berguna untuk melihat history dari pembayaran dan status pembayarannya. Menu-menu yang telah disebutkan di atas akan selalu tampil dan mempunyai fungsi yang sama terhadap seluruh Microshop yang telah mengakses website unkl347 setelah melakukan login.
287 Gambar 4.8 Halaman news Halaman ini merupakan halaman News yang akan menampilkan informasi tentang produk-produk terbaru, event-event yang diselenggarakan dan berita-berita mengenai unkl347.
288 Gambar 4.9 Halaman your data Halaman ini merupakan halaman your data,dimana data personal dari Microshop akan ditampilkan. Microshop dapat merubah data diri dengan cara menekan tombol update atau Microshop dapat merubah password dengan cara menekan tombol password.
289 Gambar 4.10 Halaman update your data Halaman Update Your Data berguna untuk merubah data diri yang lama dengan data diri yang baru. Microshop cukup mengisi field yang tersedia, dan tekan tombol update untuk menyimpan data yang baru.
290 Gambar 4.11 Halaman change password Halaman Change Password ini digunakan untuk mengganti password yang lama dengan password yang baru. Cukup masukkan password yang baru, lalu tekan tombol submit, maka password yang lama akan diganti dengan password yang baru.
291 Gambar 4.12 Halaman order Untuk memesan barang, Microshop cukup men-ceklist barang yang akan dibeli setelah itu tekan tombol add to chart. Microshop dapat juga melihat barang berdasarkan kategori yang telah disediakan, microshop cukup memilih kategori di menu list, maka produk akan di tampilkan berdasarkan kategori.
292 Gambar 4.13 Halaman cart Halaman Chart ini menampilkan produk-produk yang telah Microshop pilih di halaman Order. Microshop cukup memasukan jumlah produk yang akan dibelinya, setelah itu tekan tombol Buy untuk melakukan pemesanan.
293 Gabar 4.14 Halaman detail order Halaman Detail Order menampilkan Kode pemesanan, tanggal pemesanan, nama pemesan, dan detail produk serta jumlah harga dari produk yang telah di pesan.
294 Gambar 4.15 Halaman order history Halaman Order History akan menampilkan daftar dari pemesanan yang telah Microshop pesan. Untuk melihat detail dari pesanannya, Microshop cukup menekan link dari Order Code -nya saja.
295 Gambar 4.16 Halaman send report Halaman Send Report digunakan Microshop untuk mengirim laporan penjualan. Microshop cukup memasukkan kode produk dan jumlah dari produk yang terjual, maka detail dari produk pun akan ditampilkan. Untuk mengirim laporan penjualan, Microshop cukup menekan tombol Send.
296 Gambar 4.17 Halaman report history Halaman ini merupakan halaman Report History yang akan menampilkan daftar-daftar dari laporan yang telah Microshop buat. Untuk melihat detail dari laporan yang telah dibuat, Microshop cukup menekan link dari Report Code.
297 Gambar 4.18 Halaman payment history Halaman ini merupakan Halaman Payment History yang akan menampilkan daftar dari pembayaran yang telah Microshop lakukan dan status dari pembayaran tersebut.
298 Gambar 4.19 Halaman payment confirmation Halaman Payment Confirmation digunakan Microshop untuk melakukan konfirmasi pembayaran terhadap laporan penjualan yang telah dibuat. Untuk mengirim konfirmasi pembayaran, Microshop harus memasukkan kode laporan yang telah dibayar, lalu tekan tombol Submit.
299 Gambar 4.20 Halaman send payment confirmation Halaman Send Payment Confirmation ini akan menampilkan detail dari report yang telah Microshop buat, Microshop cukup memasukan tanggal dari pembayaran yang telah dilakukan terhadap report tersebut seperti Gambar 4. Di atas. Lalu tekan tombol Send untuk mengirimkan konfirmasi pembayaran.
300 Gambar 4.21 Halaman inbox Halaman ini merupakan halaman Inbox, dimana pesan-pesan yang telah didapat dari admin atau dari sesama Microshop akan ditampilkan di halaman inbox ini. Untuk melihat detail dari pesan, Microshop cukup menekan link dari subject pesan tersebut. Menu Compose mail digunakan untuk menulis pesan dan jika ingin menghapus pesan, cukup checklist pesan yang akan di hapus, lalu tekan tombol Delete.
301 Gambar 4.22 Halaman read mail Halaman Read Mail akan menampilkan detail dari isi pesan. Untuk membalas pesan tersebut, Microshop cukup memasukkan subject dari pesan dan isi dari pesan yang akan dibalas, setelah itu tekan tombol Send.
302 Gambar 4.23 Halaman send mail Halaman Send Mail ini berfungsi untuk melakukan pengiriman surat terhadap admin Cara penggunaannya, cukup isi subject dari pesan tersebut, setelah itu isi detail dari pesan yang akan dikirim. Tekan tombol Send untuk mengirim pesan.
303 Gambar 4.24 Halaman FAQ Halaman FAQ ini akan menampilkan beberapa pertanyaan-pertanyaan yang sering ditanyakan oleh Microshop seputar penggunaan website unkl347.
304 4.2.2 Prosedur Penggunaan Aplikasi Untuk Admin Gambar 4.25 Halaman login admin Halaman ini digunakan oleh admin untuk melakukan login kehalaman Home. admin perlu memasukkan Username dan password, setelah itu tekan tombol submit. Jika data admin ada di database, maka halaman home akan ditampilkan.
305 Gambar 4.26 Halaman home admin Halaman ini merupakan halaman utama bagi admin yang telah melakukan login. halaman ini berguna untuk masuk ke halaman lainnya dan mengatur seluruh informasi yang akan ditampilkan dalam web. Menu-menu yang dapat diakses oleh admin antara lain: o Menu Your Personal Data berguna untuk melihat data diri admin. o Menu Our Microshop berguna untuk melihat data Microshop o Menu Product List berguna untuk menampilkan produk o Menu Product Type List berguna untuk menampilkan jenis produk o Menu Register berguna untuk membuat account baru untuk Microshop maupun admin o Menu News berguna untuk memasukan dan merubah berita
306 o Menu Cek Ordet berguna untuk melihat pesanan Microshop o Menu Report berguna untuk melihat laporan penjualan Microshop o Menu Payment Cek berguna untuk melihat status dan merubah status pembayaran Microshop o Menu Message berguna untuk melihat pesan dan mengirim pesan antar sesama Microshop maupun admin o Menu Update FAQ berguna untuk insert dan update FAQ o Menu Product berguna untuk insert dan update produk Gambar 4.27 Halaman personal data