BAB IV IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya, menginstall dan mulai menggunakan sistem baru yang diperbaiki. Adapun langkahlangkah yang dibutuhkan dalam implementasi sistem adalah: 1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website. 2. Menyelesaikan rancangan sistem. 3. Menulis, menguji, mengontrol dan mendokumentasikan website 4. Mendapatkan persetujuan. 4.2 Tujuan Implementasi Sistem Adapun tujuan-tujuan dari implementasi sistem, yaitu: 1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data penyaji informasi. 2. Menyelesaikan rancangan sistem. 3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas. 49
50 4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh. 5. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar. 4.3 Komponen-Komponen Kebutuhan Sistem Komponen-komponen yang sangat berperan dalam menunjang penerapan sistem yang dirancang pengolahan data. Beberapa komponen yang dibutuhkan sistem untuk dapat beroperasi dengan baik antara lain: 4.3.1 Hardware Hardware merupakan komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis dapat merincikan spesifikasi komponen hardware yaitu: 1. Personel komputer dengan processor Intel Core i3. 2. Hardisk minimal 60GB. 3. Memori minimal 1GB. 4. Monitor. 5. Keyboard. 4.3.2 Software Hardware tidak dapat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan toko online ini adalah:
51 1. Sistem Operasi Windows 7 Gambar 4.1 Sistem Operasi Windows 7 2. Notepad ++ Software ini berfungsi sebagi text editor dalam penulisan script HTML & PHP dalam pembuatan website. Gambar 4.2 Notepad ++
52 3. Magento Community Magento adalah singkatan dari Open Source Commerce yang merupakan online store-management software. Magento cenderung lebih spesifik kepada penggunaan CMS sebagai e-commerce dimana menyediakan segala fasilitas standar dan fungsionaliti. Halaman awal untuk instalasi Magento adalah sebagai berikut: Gambar 4.3 Halaman awal Magento 4. Adobe Photoshop CS6 Photoshop adalah sebuah software pengolah gambar atau foto secara profesional. Bahkan merupakan software terbaik untuk memproses atau modifikasi suatu obyek atau foto yang sederhana maupun yang sulit. Photoshop merupakan salah satu software yang khusus di gunakan untuk mengolah gambar berbasis bitmap.
53 Gambar 4.4 Adobe Photoshop CS6 5. XAMMP XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. XAMPP merupakan software yang mudah digunakan, gratis dan mendukung Windows. instalasi di Linux dan
54 Gambar 4.5 XAMMP 4.3.3 Brainware Brainware adalah sumber daya manusia yang akan berperan sebagai user ataupun administrator. Administrator harus mengerti tentang bahasa pemrograman PHP dan MySQL serta mengerti akan jalannya sistem. Sedangkan user tidak harus memiliki kemampuan khusus hanya mengerti mengoperasikan internet system. 4.4 Demonstrasi Program berikut: Adapun Halaman atau output program yang di rancang penulis adalah sebagai
55 4.4.1 Halaman Home Pada bagian Halaman Home, terdapat lima menu utama yaitu login, checkout, keranjang, wishlist dan akun saya. Dimana di dalam menu-menu tersebut mempunyai fungsi masing-masing yang berisi informasi produk, seperti harga, merk, keterangan produk, pendaftaran sebagai pelanggan, pemberian komentar pelanggan dan lain-lain. Halaman Index/Home juga menampilkan beberapa menu seperti menu categories, quick find, form information dan fasilitas Customer Service melalui Yahoo Messenger bagi pelanggan yang ingin melakukan perbincangan. Perbincangan disini adalah pengunjung dan pemilik saling berkirim teks atau chatting. Fasilitas ini berguna sekali jika pengunjung hendak bertanya mengenai produk atau hal-hal lain seputar toko online. Halaman Index/Home adalah sebagai berikut :
56 Gambar 4.6 Halaman Index/ Home 4.4.2 Halaman Kontak Kami Halaman Kontak Kami adalah halaman berupa form kosong untuk berkirim pesan atau pertanyaan kepada pemilik toko. Di sini pengunjung yang ingin bertanya tentang produk atau seputar toko online dapat mengirimkan pesan dengan mengisi Nama, Email, Telepon, dan Komentar sebagai media pesan yang akan dikirimkan ke admin. Tampilan halaman Kontak Kami adalah sebagai berikut:
57 Gambar 4.7 Halaman Kontak Kami 4.4.3 Halaman Login Pengunjung dapat berbelanja di toko online dengan cara menjadi pelanggan di toko online. Dan harus melakukan login terlebih dahulu. Pengunjung atau tamu juga dapat melakukan pendaftaran pada halaman ini, setelah ia mengisi lengkap data-data yang ditampilkan, maka seorang administrator akan memeriksa data tamu dan memutuskan apakah tamu tersebut telah memenuhi persyaratan untuk menjadi anggota atau tidak. Seorang administrator memiliki hak akses penuh atas aplikasi ini, karena itu administrator juga berhak menentukan siapa saja pengguna yang bisa menjadi anggota ataupun tidak. Jika pengunjung tidak login atau belum menjadi anggota maka ia hanya bisa
58 mengakses halaman penjualan sepatu, forum dan chatting. Halaman login adalah sebagai berikut : Gambar 4.8 Halaman Login 4.4.4 Halaman Shopping Cart Ketika pelanggan memilih suatu produk yang akan dipesan, maka proses selanjutnya akan menuju ke halaman Shopping Cart. Halaman Shopping Cart juga menampilkan proses pembelian barang yang sudah berada di dalam keranjang belanja, sealin itu terdapat juga menu update untuk menghapus produk, continue shopping untuk melanjutkan berbelanja dan checkout untuk melanjutkan ke proses pembayaran seperti gambar dibawah ini : Gambar 4.9 Halaman Shopping Cart
59 Apabila kita pilih tombol checkout maka tampilan berikutnya adalah informasi pengiriman dimana akan tertera informasi mengenai pengiriman barang yang kita pesan. Mulai dari alamat pengiriman, cara pengiriman dan komentar. Setelah semua data pembeli terisi, maka pembeli harus menentukan Shipping Method. Berikut ini adalah halaman metode pengiriman barang: Gambar 4.10 Halaman Informasi Pengiriman Setelah itu apabila dilanjutkan akan muncul halaman informasi pembayaran yang berisi alamat tagihan dan cara pembayaran. Alamat tagihan dapat diubah sesuai keinginan pengunjung kemana tujuan pengiriman barang, sedangkan cara pembayaran pada toko online ini adalah dengan cara Transfer Bank dan Ipaymu. Berikut adalah halaman informasi pembayaran : Gambar 4.11 Halaman Informasi Pembayaran
60 Setelah itu, pembeli diarahkan ke halaman Order Review. Halaman ini berfungsi untuk mengkonfirmasi pesanan agar tidak terjadi kekeliruan setelah barang dikirim. 4.4.5 Halaman Account Information Halaman Account Information adalah halaman pengisian data costumer yang ditujukan untuk pengunjung yang ingin menjadi pelanggan dari toko online ini. Halaman pengisian data telah disediakan oleh administrator dimana pengunjung harus mengisi data yang diperlukan agar pemesanan dan pengiriman barang dapat berjalan dengan lancar. Tampilan halaman account information adalah sebagai berikut : Gambar 4.12 Halaman Account Information 4.4.6. Cara Pemesanan Berikut detail cara pemesanan produk di website Toko Soufal: 1. Klik produk yang Anda di inginkan, setelah masuk ke halaman produk detail, klik BELI SEKARANG yang ada di sebelah kanan gambar produk.
61 Gambar 4.13 Tombol Beli Sekarang 2. Kemudian Anda akan diarahkan ke halaman Keranjang Belanja. Apabila ingin merubah jumlah pesanan, silakan ganti BANYAK pesanan Anda, kemudian klik UPDATE KERANJANG BELANJA. Gambar 4.14 Tombol Update Keranjang Belanja
62 3. Apabila Anda ingin terlebih dahulu mengetahui biaya ekspedisi pengiriman, silakan isi form Estimasi Pajak dan Pengiriman, setelah selesai klik INFO HARGA, pilih ekspedisi pengiriman yang Anda inginkan dengan klik UPDATE TOTAL. Secara otomatis akan terlihat harga Grand Total yang harus dibayar. Kemudian klik LANJUTKAN KE CHECKOUT. Gambar 4.15 Form Info Harga
63 4. Jika Anda sudah terdaftar di toko kami, silakan login menggunakan akun Anda. Apabila belum terdaftar silakan pilih form pendaftaran yang diinginkan. Misal, Anda memilih Daftar, maka Anda diharuskan mengisi form alamat informasi pengiriman, klik LANJUTKAN untuk proses selanjutnya. Gambar 4.16 Form Pendaftaran
64 Gambar 4.17 Form Informasi Alamat Penagihan 5. Pilih metode ekspedisi pengiriman, kemudian klik LANJUTKAN. Gambar 4.18 Form Metode Pengiriman
65 6. Kemudian pilih metode pembayaran. Ada 2 metode pembayaran, yaitu: a. Transfer Bank Anda diharuskan membayar sejumlah pesanan Grand Total. Konfirmasi pembayaran dapat dilakukan melalui SMS, BBM, Email, ataupun YM. Setelah itu, klik LANJUTKAN untuk mengkonfirmasi kembali pesanan Anda. Ini dilakukan agar tidak terjadi kekeliruan dalam pemesanan. Setelah itu klik PENEMPATAN PESANAN, Anda dapat mencetaknya dengan klik link di sini pada halaman. Apabila Anda ingin melanjutkan belanja, silakan klik LANJUTKAN BELANJA. Gambar 4.19 Informasi Transfer Bank
66 Gambar 4.20 Halaman ID Pesanan b. IPAYMU Metode ini hanya digunakan apabila Anda sudah mempunyai akun IPAYMU. Klik LANJUTKAN, maka Anda akan diminta untuk melihat kembali pesanan Anda. Setelah itu klik PENEMPATAN PESANAN, Anda akan otomatis diarahkan ke halaman resmi IPAYMU. Gambar 4.21 Informasi IPAYMU
67 Gambar 4.22 Konfirmasi Pemesanan Produk Gambar 4.23 Halaman Pengalihan IPAYMU Setiap selesai melakukan transaksi pembeli diharafkan menyimpan baik- baik nomor ID Pesanan. Status pemesanan dapat dilihat dengan klik Order dan Pembelian di bagian bawah (footer) halaman website Toko Soufal. Gambar 4.24 Link Order dan Pengembalian Isi nomor ID Pesanan Anda, Nama Belakang, Email/ZIP/Kode Pos. Kemudian klik LANJUT.
68 Gambar 4.25 Form Status Pemesanan Berikut hasil cetak status barang ketika lunas dan belum di transfer: a. Hasil Cetak Informasi Pemesanan Gambar 4.26 Hasil Cetak Informasi Pemesanan
69 b. Informasi order ketika status belum dikirim (belum terbayar) Gambar 4.27 Halaman Informasi Pemesanan Tertunda c. Informasi order ketika status proses (terbayar) Gambar 4.28 Halaman Informasi Pengiriman Pemesanan
70 d. Status Terkirim/Lengkap Gambar 4.29 Halaman Informasi Produk Terkirim