bab v implementasi dan pengujian 5.1 implementasi

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.

https://www.apachefriends.org/download.html

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


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


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


Tombol tambah

data

Mengklik tombol

tambah data

Dapat menampilkan form

input data produk

Berhasil

Tombol edit Mengklik tombol

edit data


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


Menu stok Mengklik menu

stok


menu stok

Berhasil

Input jumlah Menginput

jumlah stok

Dapat menginput jumlah

stok

Berhasil


simpan


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


Tombol tambah

data

Mengklik tombol

tambah data


input data transaksi

Berhasil


edit data


edit data transaksi

Berhasil


hapus 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


tambah


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


Tabel 5.6 Pengujian Halaman Data Penjualan


Tombol tambah

data

Mengklik tombol

tambah data


input data penjualan

Berhasil


edit data


edit data penjualan

Berhasil


hapus 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


simpan


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


Tabel 5.7 Pengujian Halaman Hasil Peramalan


Menu hasil

peramalan

Mengklik menu

hasil peramalan


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


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.

bab v implementasi dan pengujian 5.1 implementasi

Documents