BAB IV IMPLEMENTASI SISTEM. Tahap implementasi sistem merupakan proses yang dilakukan setelah tahap perancangan

Transkripsi

1 BAB IV IMPLEMENTASI SISTEM 4.1.Implementasi Sistem Tahap implementasi sistem merupakan proses yang dilakukan setelah tahap perancangan sistem selesai dilaksanakan. Tujuan yang dicapai tahap ini adalah dapat dioperasikannya hasil perancangan sistem yang telah dibuat. Pada tahap ini dijelaskan mengenai sistem yang dirancang dan bagaimana penggunaannya. Untuk mendukung sistem ini, maka diperlukan infrastruktur pendukung dan alat bantu pengembangan sistem. Adapun infrastruktur pendukung sistem dan alat bantu pengembangan sistem sebagai berikut : 1. Infrastruktur Pendukung Sistem. Sistem perangkat keras (Hardware) yaitu perangkat fisik dari sebuah sistem komputer. Komponen-komponen perangkat keras yang dibutuhkan dalam merancang sistem ini adalah sebagai berikut : a. Laptop Acer b. Prosesor intel pentium c. Memory (RAM) 2Gb d. Hardisk 500 Gb 2. Alat Bantu Pengembangan Sistem Perangkat Lunak (software) adalah program komputer yang merupakan suatu susunan instruksi yang harus diberikan kepada unit pengelolah agar komputer dapat menjalankan pekerjaan sesuai dengan yang dikehendaki klasifikasi perangkat lunak yang digunakan

2 dalam implementasi Sistem informasi penjualan online pada Toko Kuda Mas adalah sebagai berikut : 1. Database Server Database Server yang digunakan adalah server database MySQL untuk menyimpan sumber data aplikasi. 2. Macromedia Dreamweaver 8 Sebagai media untuk penulisan script PHP. 3. PHP Untuk membuat aplikasi penjualan sepatu pada Toko Kuda Mas Berbasis Web ini menggunakan PHP sebagai script. 4. Intenet Explorer dan Mozila Ferifox Sebagai media untuk menampilkan aplikasi penjualan sepatu pada Toko Kuda Mas Berbasis Web. 4.2.Implementasi Database Implementasi basis data digunakan dalam implementasi database yaitu MySQL dengan bahasa pemograman PHP. Berikut tabel tabel yang dibangun menjadi database pada sistem ini adalah : Tabel Kategori Tabel 4.1 Tabel Kategori

3 Tabel ini memiliki 2 field, yaitu id_kategori dan nama_kategori. Primary key dari tabel ini adalah field id_kategori Tabel Merk Tabel 4.2 Tabel Kategori Tabel ini memiliki 2 field, yaitu id_merk dan nama_merk. Primary key dari tabel ini adalah id_kaegori Tabel Member Tabel 4.3 Tabel Member Tabel ini memiliki 6 field yaitu id_member, ussernaame, password, alamat, , hp. Primary key dai tabel ini adalah id_member Tabel Produk Tabel 4.4 Tabel Produk

4 Tabel ini memiliki 13 field yaitu, id_produk, id_kategori, id_merk, nama_produk, deskripsi, harga asli, harga_potong, gambar1, gambar2, gambar3, rekomendasi, spesial, jumlahbeli. Primary key dari tabel ini adalah id_produk. Foreign key dari tabel ini adalah id_kategori dan id_merk Tabel Pesan Tabel 4.5 Tabel Pesan Tabel ini berisi 5 field yaitu, id_pesan, id_member, tgl_pesan, jumlah, status. Primary key dari tabel ini adalah id_pesan. Foreign key dari tabel ini adalah id_member Tabel Det_pesan Tabel 4.6 Tabel det_pesan

5 Tabel ini berisi 6 field yaitu, id_det_pesan, id_pesan, id_member, id_produk, qtt, harga_qtt. Primary key dari tabel ini adalah id_det_pesan. Foreign key dari tabel ini adalah id_pesan, id_member, id_produk Tabel pesan_chart Tabel 4.7 Tabel pesan_chart Tabel ini berisi 8 field yaitu, id_pesan_chart, kode_unik, id_member, tanggal_pesan, jumlah, status, no_resi, bukti_transfer. Primary key dari tabel ini adalah id_pesan_chart. Foreign key dari tabel ini adalah id_member Tabel Det_pesan_chart Tabel 4.8 Tabel det_pesan_chart

6 Tabel ini berisi 6 field yaitu, id_det_pesan_chart, kode_unik, id_pesan_chart, id_produk, qtt, harga_qtt. Perimary key dari tabel ini adalah is_det_pesan chart. Foreign key dari tabel ini adalah id_pesan_chart dan id_produk Tabel Admin Tabel 4.9 Tabel Admin Tabel ini memiliki 3 field yaitu, id_admin, ussername, password1. Primary key dari tabel ini adalah id_admin. 4.3.Implemenatsi Antarmuka Implementasi antarmuka dilakukan dengan setiap tampilan program yang dibuat dan pengkodeannya dalam bentuk file program. Berikut ini adalah implementasi antarmuka yang dibuat dan dibedakan antara anatarmuka untuk user dengan administrator. 1. Implementasi Antarmuka Untuk Admin Halaman ini berisi mengenai file-file yang dapat diakses oleh admin, mengenai pengolahan data master seperti data kategori produk, data produk, data merk, kemudian untuk pengolahan data transaksi seperti data pemsanan masuk, data pemberitahuan masuk. Untuk lebih jelasnya akan dijelaskan pada tabel berikut : a. Halaman Login Admin Halaman login dalam sebuah website adalah halaman yang umum dimiliki. Halaman ini admin melakukan tugasnya, seperti meng-entry, meng-update, menghapus data.

7 Gambar 4.1 Tampilan Menu Login b. Halaman Salah Input Username atau Password Apabila admin menginput data username atau password tidak benar atau tidak sesuai dengan yang telah tersimpan dalam database, maka akan muncul pesan warning sebagai berikut. Gambar 4.2 Tampilan Ketika Password atau Username Salah c. Halaman Utama Admin Setelah Login Halaman ini erupakan halaman utama admin setelah suskes login. Terdapat beberapa menu didalam menu utama admin, diantaranya : 1. Homepage a. Kategori

8 b. Merk c. Member d. Produk e. Pesanan f. Admin 2. Logout Gambar 4.3 Halaman Utama Menu Admin d. Halaman Tampilan Menu Kategori Menu Kategori berisi tentang data kategori pada Toko Kuda Mas, menu ini juga terdapat aksi untuk tambah kategori, hapus kategori dan edit kategori.

9 Gambar 4.4 Halaman Menu Kategori e. Halaman Tampilan Menu Merk Menu Merk berisi tentang data Merk pada Toko Kuda Mas, menu ini juga terdapat aksi untuk tambah merk, hapus merk dan edit merk. Gambar 4.5 Halaman Menu Merk f. Tampilan Menu Member

10 Halaman ini menampilkan semua data member yang sudah terdaftar sebagai member di Toko Kuda Mas. Gambar 4.6 Halaman Menu Member g. Halaman Tampilan Menu Produk Halaman ini merupakan tampilan dari menu produk, data nama nama produk yang telah diinputkan sesuai dengan kategori yang telah ada, admin juga dapat menambahkan detail produk seperti ukuran dan warna, admin juga dapat menghapus data produk tertentu sesuai keinginan admin, dan admin juga dapat meng-update produk.

11 Gambar 4.7 Halaman Menu Produk h. Halaman Tambah Produk Halaman ini merupakan halaman untuk menambah produk. Jika ada produk baru yang yang ingin ditambahkan admin tinggal melakukan penambahan dengan klik tombol tambah produk. i. Halaman Transakasi Pemesanan Gambar 4.8 Halaman Menu Tambah Produk

12 Halaman ini menampilkan data pesanan produk. Gambar 4.9 Halaman Menu Pemesanan Masuk j. Tampilan Form Detail Pesanan Halaman ini menampilkan data detail pesanan yang dipesan oleh konsumen. Pada halaman ini juga admin dapat menentukan sataus order dari konsumen. Gambar 4.10 Halaman Menu Detail Pesanan

13 k. Tampilan Form Update Status Pesan Halaman ini menampilkan data pemesanan yang dilakukan oleh member, jika member sudah mengirim bukti pembayaran serta nomor unik, setelah itu admin mengisi nomor resi sebagai bukti pengiriman barang. Gambar 4.11 Halaman Update Status Pesanan l. Tampilan Menu Admin Halaman ini menampilkan semua data admin sudah terdaftar sebagai admin pada Toko Kuda Mas. Halaman ini juga berisi tambah data admin dimana admin terdapat lebih dari satu.

14 Gambar 4.12 Halaman Menu Admin 2. Tampilan Interface Untuk Konsumen atau Member a. Halaman Utama Untuk Konsumen atau Member Halaman ini merupakan tampilan utama ketika konsumen membuka website Sistem informasi penjualan sepatu online pada Toko Kuda Mas. Pada halaman member dapat melihat produk, detail produk, spesial, dan kontak, dan pencarian produk. Untuk pemesanan member harus melakukan login member terlebih dahulu.

15 Gambar 4.13 Halaman Utama Tampilan Untuk Konsumen b. Tampilan Halaman pendaftaran untuk Konsumen Halaman ini merupakan desain tampilan form untuk konsumen yang belum terdaftar dalam member konsumen Toko Kuda Mas, konsumen perlu menginputkan data-data konsumen sesuai dengan kebutuhan yang telah ditentukan.

16 Gambar 4.14 Halaman Pendaftaran Untuk Konsumen c. Tampilan Halaman Login Untuk Konsumen Halaman ini merupakan tampilan ketika konsumen akan melakukan login konsumen hanya perlu menginputkan data username dan password yang telah terdaftar dalam database. Gambar 4.15 Halaman Login Member

17 d. Desain Interface Tampilan Halaman Salah Input Username atau Password Halaman ini merupakan pesan dari sistem ketika konsumen salah menginputkan username atau password, atau data kosumen belum terdaftar. Gambar 4.16 Halaman Pesan Salah Input Username atau Password e. Tampilan Halaman Menu Utama Ketik Konsumen Sukses Login Halaman ini merupakan tampilan ketika konsumen berhasil melakukan proses login, maka akan muncul tampilan seperti berikut

18 Gambar 4.17 Halaman Menu Utama Member f. Tampilan kategori yang dipilih oleh konsumen Halam ini merupakan tampilan ketika konsumen telah memilih kategori produk yang diinginkan dengan mengklik tombol keranjang Gambar 4.18 Halaman Keranjang Belanja Untuk Konsumen g. Tampilan Form Detail Pembelian dan Konfirmasi Pesanan Konsumen Halaman ini merupakan tampilan data detail pembelian dan konfirmasi pesanan konsumen. Konsumen hanya perlu mengklik tombol beli untuk melanjutkan proses pembelian. Pada menu ini juga terdapat tombol x yang digunakan untuk membatalkan proses order.

19 Gambar 4.19 Halaman Pembelian dan Konfirmasi Pesanan Konsumen h. Tampilan Proses Order Konsumen Halaman ini merupakan tampilan proses order serta ketentuan atau syarat yang harus dipenuhi oleh konsumen. Konsumen harus menuliskan kode unik yang ada pada bukti pembayaran dan mengupload pada menu akun.

20 Gambar 4.20 Halaman Proses Order Konsumen i. Tampilan Status Order Anda Halaman ini merupakan tampilan dari status order anda apakah sudah berstatus baru yang sudah tertera nomor resi, batal, atau lunas terkirim.

21 Gambar 4.21 Halaman Status Order Anda