BAB IV IMPLEMENTAS I DAN EVALUAS I
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
S pesifikasi 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 M B RAM atau lebih 3. VGA PCI 16 M B. 4. NIC (Network Interface Card) 10/100 mbps. 5. M edia masukan berupa mouse dan keyboard Sedangkan
pada
proses
implementasi
aplikasi,
penulis
menggunakan spesifikasi perangkat keras pada client sebagai berikut : 1. Intel Pentium III 800 M hz 2. Memory 128 M b 3. Modem 56 Kbps 4. Lan card 5. M onitor SVGA 277
278 4.1.2
S pesifikasi 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. XAM PP 1.5.2 : ketiga software (Apache, M odul 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
S pesifikasi 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. M engerti tentang teknologi informasi seperti hardware, software, jaringan, ataupun database management system (DBM S).
4.1.4
Cara Instalasi 1.
Instalasi Sisi Server XAM PP 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-win321.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 XAM PP
280 digunakan untuk mengaktifkan dan menonaktifkan service-service (Apache, M ySQL). Gambar control panel XAM PP dapat dilihat pada gambar berikut:
Gambar 4.2 Control panel XAM PP
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 XAM PP
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. M ozilla 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. M enu-menu yang terdapat di halaman ini antara lain: o
M enu “Home” merupakan menu untuk kembali ke halaman Home website.
o
M enu “Personal” merupakan menu untuk melihat data pribadi, merubah data pribadi dan merubah password.
o
M enu “News” merupakan menu untuk melihat berita.
o
M enu “Order” merupakan menu untuk memesan produk.
286 o
M enu “Report” merupakan menu untuk melihat history laporan penjualan dan detil dari laporan penjualan.
o
M enu “Payment” merupakan menu untuk melakukan konfirmasi pembayaran.
o
M enu “Message” merupakan menu untuk melihat,dan mengirim pesan ke sesama Microshop atau pun mengirim pesan ke admin.
o
M enu “logout” merupakan menu untuk keluar dari halaman home.
o
“Shoping Cart” berguna untuk melihat daftar barang yang akan dipesan.
o
“Update User Account” berguna untuk merubah data diri.
o
“Order Draft” berguna untuk melihat daftar pesanan yang telah dipesan.
o
“Payment History” berguna untuk melihat history dari pembayaran dan status pembayarannya.
M enu-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. M enu “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. M enu-menu yang dapat diakses oleh admin antara lain: o M enu “Your Personal Data” berguna untuk melihat data diri admin. o M enu ”Our Microshop“ berguna untuk melihat data Microshop o M enu ”Product List” berguna untuk menampilkan produk o M enu “Product Type List” berguna untuk menampilkan jenis produk o M enu “Register” berguna untuk membuat account baru untuk Microshop maupun admin o M enu “News” berguna untuk memasukan dan merubah berita
306 o M enu “Cek Ordet” berguna untuk melihat pesanan Microshop o M enu “Report” berguna untuk melihat laporan penjualan Microshop o M enu “Payment Cek” berguna untuk melihat status dan merubah status pembayaran Microshop o M enu “Message” berguna untuk melihat pesan dan mengirim pesan antar sesama Microshop maupun admin o M enu “Update FAQ” berguna untuk insert dan update FAQ o M enu “Product” berguna untuk insert dan update produk
Gambar 4.27 Halaman personal data
