102
BAB V
IMPLEMENTASI DAN PENGUJIAN
5.1 Implementasi
Implementasi sistem adalah prosedur yang harus dilakukan untuk
menyelesaikan desain sistem yang ada dalam dokumen telah dirancangan sistem
yang telah disetujui, serta menguji sistem, dan memulai menggunakan sistem
baru. Tujuan implementasi sistem secara umum adalah untuk menyelesaikan uji
coba atas konsep pengembangan sistem yang telah disusun.
Dalam mengimplementasikan sistem yang diusulkan, di perlukan beberapa
perangkat lunak dan perangkat keras agar sistem dapat berjalan dengan baik.
Untuk itu, maka penulis menguraikan tentang implementasi perangkat lunak dan
perangkat keras seperti berikut:
5.1.1 Implementasi Perangkat Lunak (Software)
Perangkat lunak adalah sekumpulan instruksi yang memungkinkan
perangkat keras untuk dapat memproses data. Dalam perangkat lunak dikenal
dengan apa yang disebut sistem operasi dan program aplikasi. Perangkat lunak
yang digunakan dalam mengimplementasi sistem ini adalah:
1. Windows 10
2. XAMPP
3. MySQL
4. Sublime Text 3
103
5. Php
6. Bootstrap 3
7. Web Browser (Google Chrome)
5.1.1.1 Penginstalan XAMPP
XAMPP adalah sebuaah perangkat lunak yang terdiri dari apache
webserver, bahasa pemrograman PHP dan basis data MySQL. Untuk menginstall
XAMPP, peneliti terlebih dahulu mengunduh XAMPP di website resmi XAMPP
yaitu https://www.apachefriends.org/download.html. Setelah proses unduhan
selesai, klik 2 kali pada file XAMPP yang baru saja selesai di unduh dan akan
muncul seperti gambar 5.1 berikut.
Gambar 5.1 Instalasi XAMPP
Setelah muncul seperti gambar diatas, selanjutnya adalah mengklik tombol
OK guna untuk melanjutkan instalasi dan akan muncul gambar seperti gambar 5.2
berikut.
104
Gambar 5.2 Proses Instalasi Lanjutan
Setelah muncul form seperti gambar di atas, maka selanjutnya mengklik
tombol Next yang akan membawa kita ke proses selanjutnya.
Gambar 5.3 Proses Pemilihan Komponen XAMPP
Setelah itu, pilihlah komponen yang akan di install pada aplikasi XAMPP
ini dan selanjutnya klik tombol Next.
105
Gambar 5.4 Memilih Direktori Penginstalan XAMPP
Langkah selanjutnya adalah memilih directory penginstalan XAMPP yang
secara default berada pada “c:\xampp”. Jika ingin mengubah directory klik tombol
Browse… dan pilih directory penginstalan XAMPP. Setelah itu klik tombol
Install. Setelah itu tunggu selama beberapa menit sampai proses penginstalan
selesai dan muncul form seperti dibawah ini.
Gambar 5.5 Instalasi XAMPP Selesai
106
5.1.1.2 Menjalankan XAMPP Control Panel
Setelah XAMPP berhasil di install, XAMPP harus dijalankan agar
webserver dapat diakses dan bahasa pemrograman PHP dapat digunakan. Untuk
menjalankan XAMPP, kllik 2 kali pada pintasan di Desktop dan akan muncul
seperti pada gambar 5.6 lalu klik tombol start pada Apache, MySQL, dan FileZilla
seperti pada gambar 5.7 berikut.
Gambar 5.6 Aplikasi XAMPP
Gambar 5.7 Service yang Berjalan pada XAMPP
107
5.1.1.3 Pembuatan Basis Data
Untuk membuat basis data yang akan digunakan pada sistem yang peneliti
usulkan, pastikan aplikasi XAMPP sudah berjalan dengan service Apache dan
MySQL. Selanjutnya membuka web browser dan mengetikkan alamat
http://localhost/phpmyadmin pada address bar dan tekan tombol enter pada
keyboard.
Gambar 5.8 URL PHPMyAdmin
Setelah membuka alamat tersebut, maka akan muncul tampilan seperti
pada gambar berikut.
Gambar 5.9 Halaman PHPMyAdmin
108
Setelah muncul halaman PHPMyAdmin, klik pada menu Database agar
sistem PHPMyAdmin mengarahkan ke form pembuatan basis data seperti pada
gambar berikut:
Gambar 5.10 Form Pembuatan Basis Data
Untuk membuat basis data, kita haris mengisi field Database name dan
setelah itu klik tombol buat seperti gambar berikut.
Gambar 5.11 Membuat Basis Data
Setelah tombol Buat di klik, maka akan di database sudah berhasil dibuat.
109
5.1.1.4 Pembuatan Tabel pada Basis Data
Setelah berhasil membuat basis data, selanjutnya adalah membuat tabel
pada basis data dengan field – field yang penulis rancang pada bab sebelumnya.
Berdasarkan rancangan basis data yang penulis rancang, terdapat 4 tabel yang
penulis gunakan pada sistem peramalan ini, tetapi penulis hanya menjelaskan cara
umum membuat tabel pada PHPMyAdmin. Untuk membuat tabel, isi name pada
form create table dan tentukan jumlah field nya seperti pada gambar berikut.
Gambar 5.12 Form Create Table
Setelah mengisi form, klik tombol [Go] yang berada pada pojok kanan
bawah. Tombol tersebut berfungsi untuk membuat tabel dengan nama dan jumlah
kolom seperti yang penulis isi dan akan menuju ke halaman pembuatan kolom
seperti gambar dibawah ini.
Gambar 5.13 Form Field pada Tabel Basis Data
110
Isikan form sesuai dengan field yang ada pada perancangan basis data
untuk tabel pengguna seperti pada gambar berikut.
Gambar 5.14 Mengisi Form Field pada Basis Data
Setelah mengisi form pada field basis data, selanjutnya adalah mengklik
tombol save maka tabel basis data selesai dibuat dan akan menuju ke halaman
seperti gambar dibawah ini.
Gambar 5.15 Pembuatan Tabel Berhasil
111
5.1.1.5 Penginstalan Sistem Peramalan
Untuk menguji sistem yang diusulkan, langkah pertama adalah menginstal
sistem tersebut kedalam laptop agar sistem dapat digunakan untuk melakukan
pengujian. Untuk menginstal sistem peramalan, penulis menyalin file projek
sistem peramalan penjualan batu bata ke dalam direktori data D: pada Program
seperti pada gambar berikut.
Gambar 5.16 Penginstalan Sistem Peramalan
5.1.1.6 Konfigurasi Koneksi Basis Data
Sebelum sistem digunakan, agar sistem berfungsi secara baik, maka sistem
harus dihubungkan dengan basis data yang sebelumnya sudah dibuat. Untuk
menghubungkan sistem dengan basis data, terdapat file yang harus di edit agar
sistem terhubung dengan basis data. File tersebut adalah file database.php yang
berada pada folder config. Lalu sesuaikan konfigurasi seperti gambar berikut.
Gambar 5.17 Konfigurasi Koneksi Basis Data
Setelah selesai konfigurasi maka sistem sudah terhubung dengan basis
data yang sebelumnya sudah dibuat.
112
5.1.1.7 Menjalankan Sistem Peramalan
Setelah proses instalasi dan proses koneksi dengan basis data selesai,
selanjutnya menjalankan sistem peramalan dengan mengaktipkan xampp dan
mengakses sistem menggunakan web browser dengan mengakses alamat
localhost/wma-ud-gisem lalu akan muncul tampilan awal sistem peramalan seperti
berikut.
Gambar 5.18 Menjalankan Sistem Peramalan
5.1.2 Implementasi Perangkat Keras (Hardware)
Perangkat keras dapat diartikan sebagai perangkat komputer yang dapat
dilihat, disentuh, dan memiliki wujud fisik. Perangkat keras merupakan seluruh
komponen peralatan yang membentuk suatu sistem komputer serta peralatan
lainnya yang memungkinkan komputer dapat melakukan tugasnya. Dalam
pembuatan aplikasi ini menggunakan laptop.
1. Laptop CoreI3 500GB Hardisk + Adaptor
2. Modem/Koneksi Internet 4G LTE
3. Listrik
113
5.1.3 Implementasi Antar muka (Interface)
Pengertian antar muka (interface) adalah salah satu layanan yang
disediakan sistem operasi sebagai sarana interaksi antara pengguna dengan sistem
operasi. Antar muka adalah komponen sistem operasi yang bersentuhan langsung
dengan pengguna. Berikut adalah tampilan antar muka program peramalan
penjualan batu bata berbasis Web Php:
5.1.3.1 Admin
1. Tampilan Halaman Form Login
Halaman login merupakan halaman untuk validasi hak pengguna
melakukan proses aktifkan sistem dan pengguna masuk kedalam sistem, pengguna
harus memasukan Username dan Password terlebih dahulu, kemudian klik tombol
login seperti gambar berikut:
Gambar 5.19 Tampilan Halaman Form Login
114
2. Halaman Dashboard Admin
Setelah mengisi username dan password, klik tombol login. Maka jika
username dan password-nya benar akan di arahkan ke halaman dashboard seperti
gambar berikut:
Gambar 5.20 Halaman Dashboard Admin
3. Halaman Form Produk
Tampilan halaman produk merupakan halaman yang menampilkan data
nama produk dan harga produk, yang digunakan admin untuk mengetahui produk
jenis batu bata apa saja yang tersedia. Berikut ini adalah tampilan halaman stok
dari sistem peramalan menggunakan metode Weighted Moving Average.
Gambar 5.21 Halaman Produk
115
4. Tampilan Halaman Form Tambah Produk
Tampilan halaman form produk adalah halaman yang digunakan untuk
menginputkan jenis produk dan jumlah harga. Setelah berada pada halaman
produk, klik pada tombol tambah data, Setelah muncul halaman form tambah
produk, selanjutnya mengisi field nama jumlah seperti gambar berikut:
Gambar 5.22 Tampilan Halaman Form Tambah Produk
Setelah form tambah produk di isi, maka klik tombol simpan agar data
tersebut tersimpan ke dalam basis data.
5. Halaman Form Stok
Tampilan halaman stok merupakan halaman yang menampilkan data
jumlah pembelian batu bata, sisa stok, keterangan dan tanggal, yang digunakan
admin untuk mengetahui jumlah stok pada saat bertambah dan berkurang. Berikut
ini adalah tampilan halaman stok dari sistem peramalan menggunakan metode
Weighted Moving Average.
116
Gambar 5.23 Halaman Form Stok
6. Tampilan Halaman Form Tambah Stok
Tampilan halaman form stok adalah halaman yang digunakan untuk
menginputkan jenis produk dan jumlah stok. Setelah berada pada halaman stok,
klik pada tombol tambah data, Setelah muncul halaman form tambah stok,
selanjutnya mengisi field nama jumlah seperti gambar berikut:
Gambar 5.24 Tampilan Halaman Form Tambah Stok
Setelah form tambah stok di isi, maka klik tombol simpan agar data
tersebut tersimpan ke dalam basis data.
117
7. Halaman Form Transaksi
Tampilan halaman transaksi merupakan halaman yang menampilkan
transaksi antara pelanggan dan pemilik UD. Gisem, yang digunakan admin untuk
membuat, mengedit, menghapus transaksi dan mencetak kwitasnsi dengan
mengklik tombol cetak kwitansi. Berikut ini adalah tampilan halaman transaksi
dari sistem peramalan menggunakan metode Weighted Moving Average.
Gambar 5.25 Halaman Form Transaksi
8. Tampilan Halaman Form Tambah Transaksi
Tampilan halaman form transaksi adalah halaman yang digunakan untuk
membuat transaksi. Setelah berada pada halaman transaksi, klik pada tombol
tambah data, Setelah muncul halaman form tambah transaksi, selanjutnya mengisi
field nama pelanggan dan jumlah seperti gambar berikut:
118
Gambar 5.26 Tampilan Halaman Form Tambah Transaksi
Setelah form tambah transaksi di isi, maka klik tombol simpan agar data
tersebut tersimpan ke dalam basis data.
9. Halaman Form Pelanggan
Tampilan halaman form pelanggan adalah halaman yang berisi nama
pelanggan dan form pelanggan akan terisi secara otomatis ketika kita membuat
data di form transaksi. Seperti gambar berikut:
Gambar 5.27 Halaman Form Pelanggan
119
10. Halaman Form Data Penjualan
Tampilan halaman data penjualan merupakan halaman yang menampilkan
data penjualan, yang digunakan admin untuk membuat, mengedit, dan menghapus
data penjualan. Berikut ini adalah tampilan halaman data penjualan dari sistem
peramalan menggunakan metode Weighted Moving Average adalah sebagai
berikut:
Gambar 5.28 Halaman Form Data Penjualan
11. Tampilan Halaman Form Tambah Data Penjualan
Tampilan halaman form tambah data penjualan adalah halaman yang
digunakan untuk membuat data penjualan. Setelah berada pada halaman data
penjualan, klik pada tombol tambah data, Setelah muncul halaman form tambah
data penjualan, selanjutnya mengisi field produk, bulan, tahun, dan jumlah seperti
gambar berikut:
120
Gambar 5.29 Tampilan Halaman Form Tambah Data Penjualan
Setelah form tambah data penjualan di isi, maka klik tombol simpan agar
data tersebut tersimpan ke dalam basis data.
12. Halaman Hasil Prediksi
Halaman hasil prediksi merupakan halaman yang menampilkan data hasil
prediksi yaitu dengan mengklik menu hasil prediksi, maka admin dapat melihat
data prediksi seperti pada gambar berikut:
Gambar 5.30 Halaman Hasil Prediksi
121
13. Tampilan Halaman Laporan
Halaman laporan merupakan halaman yang menampilkan hasil data
peramalan persediaan yaitu dengan mengklik tombol cetak pada halaman hasil
prediksi, maka akan muncul halaman laporan seperti pada gambar berikut:
Gambar 5.31 Tampilan Halaman Laporan
5.2 Pengujian
Pengujian merupakan bagian terpenting dalam membangun suatu sistem,
Pengujian dilakukan untuk menjamin kualitas dan juga mengetahui kelemahan
dari sebuah program. Tujuan dari pengujian ini adalah untuk menjamin bahwa
program yang dibangun memiliki kualitas yang lebih baik dari sistem yang
sebelumnya, yaitu mampu memproses dan memberikan keluaran atau output yang
baik sesuai dengan yang diharapkan.
122
5.2.1 Pengujian dengan Black Box
Pengujian Black Box digunakan untuk menguji fungsi-fungsi khusus dari
perangkat lunak yang dirancang. Berikut adalah rencana pengujian dengan Black
Box sistem peramalan penjualan batu bata pada UD. Gisem Desa Sumber Sari.
Tabel 5.1 Rencana Pengujian
Kelas Uji Detail Pengujian Jenis Pengujian
Pengujian Login. Verifikasi data login admin
dengan memasukan username
dan password, dan mengaktifkan
semua tombol pada halaman
menu sistem peramalan metode
Weighted Moving Average.
Menginputkan
username dan
password untuk
login.
Pengujian input data
stok, input data
transaksi, input data
penjualan.
Proses tambah data, edit data,
dan hapus data.
Menginputkan,
mengedit,
menghapus data.
Pengujian laporan
peramalan penjualan
metode Weighted
Moving Average.
Menampilkan hasil laporan
peramalan penjualan siap untuk
dicetak.
Mencetak
laporan.
Pengujian Logout Proses keluar dari menu utama
sistem peramalan penjualan
metode Weighted Moving
Average.
Keluar dari
sistem.
1. Pengujian Halaman Login
Pengujian halaman login merupakan pengujian yang dilakukan dengan
mamasukan data username dan password, jika data masukan valid maka login
sukses tetapi apabila data masukan tidak valid maka login gagal. Untuk lebih
jelasnya dapat dilihat pada tabel berikut:
123
Tabel 5.2 Pengujian Halaman Login
Fitur Skenario Uji Hasil Harapan Status
Tombol Login Mengklik tombol
login
Dapat login ke sistem Berhasil
Input username Salah menginputkan
username
Tampilkan pesan
kesalahan kombinasi
username
Berhasil
Input password Salah menginputkan
password
Tampilkan pesan
kesalahan kombinasi
password
Berhasil
1. Pengujian Halaman Produk
Tabel 5.3 Pengujian Halaman Produk
Fitur Skenario Uji Hasil Harapan Status
Tombol tambah
data
Mengklik tombol
tambah data
Dapat menampilkan form
input data produk
Berhasil
Tombol edit Mengklik tombol
edit data
Dapat menampilkan form
edit data produk
Berhasil
Tombol hapus Mengklik tombol
hapus data
Dapat menghapus data
produk yang diinginkan.
Berhasil
Input nama
produk
Menginput nama
produk
Dapat menginput nama
produk
Berhasil
Input harga Menginput harga
produk
Dapat menginput harga
produk
Berhasil
Tombol simpan Mengklik tombol
simpan
Dapat menyimpan data ke
database dan menampilkan
di data produk
Berhasil
2. Pengujian Halaman Data Stok
Pengujian halaman data stok merupakan pengujian yang dilakukan untuk
mengetahui apakah tombol-tombol pada halaman data stok berfungsi dengan baik.
Untuk lebih jelasnya dapat dilihat pada tabel berikut:
124
Tabel 5.4 Pengujian Halaman Data Stok
Fitur Skenario Uji Hasil Harapan Status
Menu stok Mengklik menu
stok
Dapat menampilkan form
menu stok
Berhasil
Input jumlah Menginput
jumlah stok
Dapat menginput jumlah
stok
Berhasil
Tombol simpan Mengklik tombol
simpan
Dapat menyimpan data ke
database dan menampilkan
di data stok
Berhasil
3. Pengujian Halaman Data Transaksi
Pengujian halaman data transaksi merupakan pengujian yang dilakukan
untuk mengetahui apakah tombol-tombol pada halaman data transaksi berfungsi
dengan baik. Untuk lebih jelasnya dapat dilihat pada tabel berikut:
Tabel 5.5 Pengujian Halaman Data Transaksi
Fitur Skenario Uji Hasil Harapan Status
Tombol tambah
data
Mengklik tombol
tambah data
Dapat menampilkan form
input data transaksi
Berhasil
Tombol edit Mengklik tombol
edit data
Dapat menampilkan form
edit data transaksi
Berhasil
Tombol hapus Mengklik tombol
hapus data
Dapat menghapus data
transaksi yang diinginkan.
Berhasil
Input produk Menginput produk Dapat menginput produk Berhasil
Input nama
pelanggan
Menginput nama
pelanggan
Dapat menginput nama
pelanggan
Berhasil
Input jumlah Menginput jumlah
transaksi
Dapat menginput jumlah
transaksi
Berhasil
Tombol simpan Mengklik tombol
tambah
Dapat menyimpan data ke
database dan
menampilkan di data
transaksi
Berhasil
Cetak Kwitansi Mengklik tombol
cetak kwitansi
Dapat mencetak kwitansi Berhasil
125
4. Pengujian Halaman Data Penjualan
Pengujian halaman data penjualan merupakan pengujian yang dilakukan
untuk mengetahui apakah tombol-tombol pada halaman data penjualan berfungsi
dengan baik. Untuk lebih jelasnya dapat dilihat pada tabel berikut:
Tabel 5.6 Pengujian Halaman Data Penjualan
Fitur Skenario Uji Hasil Harapan Status
Tombol tambah
data
Mengklik tombol
tambah data
Dapat menampilkan form
input data penjualan
Berhasil
Tombol edit Mengklik tombol
edit data
Dapat menampilkan form
edit data penjualan
Berhasil
Tombol hapus Mengklik tombol
hapus data
Dapat menghapus data
penjualan yang
diinginkan.
Berhasil
Input produk Menginput produk Dapat menginput produk Berhasil
Input bulan Menginput bulan Dapat menginput bulan Berhasil
Input tahun Menginput tahun Dapat menginput tahun Berhasil
Input jumlah Menginput jumlah Dapat menginput jumlah Berhasil
Tombol simpan Mengklik tombol
simpan
Dapat menyimpan data ke
database dan
menampilkan di data
penjualan
Berhasil
5. Pengujian Halaman Hasil Peramalan
Pengujian halaman hasil peramalan merupakan pengujian yang dilakukan
untuk mengetahui apakah tombol-tombol pada halaman hasil peramalan berfungsi
dengan baik. Untuk lebih jelasnya dapat dilihat pada tabel berikut:
Tabel 5.7 Pengujian Halaman Hasil Peramalan
Fitur Skenario Uji Hasil Harapan Status
Menu hasil
peramalan
Mengklik menu
hasil peramalan
Dapat menampilkan form
hasil peramalan
Berhasil
126
6. Pengujian Laporan
Pengujian ini adalah pengujian dengan menampilkan laporan hasil
peramalan penjualan. Untuk lebih jelasnya dapat dilihat pada tabel berikut:
Tabel 5.8 Pengujian Laporan
Fitur Skenario Uji Hasil Harapan Status
Tombol cetak Mengklik tombol
cetak pada halaman
menu hasil prediksi
Dapat masuk ke halaman
form hasil peramalan dan
siap untuk dicetak
Berhasil
5.2.2 Kelebihan dan Kekurangan Sistem
5.2.2.1 Kelebihan Sistem
1. Aplikasi sistem peramalan penjualan dapat meminimalkan kesalahan
dalam memprediksi penjualan batu bata untuk setiap bulannya.
2. Aplikasi sistem peramalan yang dibangun mampu menghitung dengan
akurat berdasarkan data yang dimasukan.
3. Admin dapat melihat data yang dimasukan karena tersimpan di database.
5.2.2.2 Kekurangan Sistem
1. Aplikasi sistem peramalan yang dibangun hanya dapat menghitung data
yang telah dimassukan saja.
2. Sistem peramalan yang dibangun masih sangat sederhana.