Institutional Repository | Satya Wacana Christian University: Sistem Informasi Pencatatan Transaksi Distribusi Penjualan pada Perusahaan PR. Kembang Arum Berbasis Web T1 672012709 BAB IV

Bab 4
Hasil dan Pembahasan
Pada bagian ini akan dibahas tentang hasil aplikasi
berdasarkan perancangan pada bab sebelumnya beserta dengan
pembahasannya. Pada bagian ini juga dijelaskan tentang hasil
pengujian sistem yang telah dilakukan.

4.1

Implementasi Aplikasi
Aplikasi diimplementasikan menggunakan framework Yii

dan dikodekan menggunakan IDE Netbeans 6.7.1. Gambar 4.1
adalah folder project aplikasi yang dibuat.

Gambar 4.1 Project Aplikasi

Aplikasi dikelompokkan dalam folder yang berbeda sesuai
dengan fungsinya. Pada Gambar 4.1 terdapat folder yii yang berisi
library bawaan framework Yii yang digunakan untuk aplikasi ini.


26

27

Aplikasi dibuat dalam bentuk web dan akan menampilkan
halaman utama seperti Gambar 4.2. Gambar tersebut adalah
tampilan untuk hak akses bagian kantor pemasaran.

Gambar 4.2 Halaman Utama Bagian Kantor Pemasaran

Pada halaman utama untuk hak akses kantor pemasaran
terdapat 5 (lima) menu utama yang dapat dipilih. Menu tersebut
adalah menu Pelanggan, Stok, Sales, Report dan Logout. Halaman
utama untuk hak akses sales ditunjukkan oleh Gambar 4.3.

Gambar 4.3 Halaman Utama Bagian Sales

Pada halaman utama untuk hak akses sales terdapat 3 (tiga)
menu utama. Menu tersebut adalah menu Pelanggan, Stok dan
Logout. Untuk masuk ke setiap hak akses, setiap pengguna harus

melakukan login pada halaman pada Gambar 4.4.

28

Gambar 4.4 Halaman Login

Proses login dilakukan dengan mengisi username dan
password pada halaman login di Gambar 4.4. Isian username dan
password akan dilakukan proses validasi dalam basis data
menggunakan Kode Program 4.1.
Kode Program 4.1 Perintah Penanganan Login
1. public function actionLogin() {
2.
$model = new LoginForm;
3.
if (isset($_POST['ajax']) && $_POST['ajax'] === 'loginform') {
4.
echo CActiveForm::validate($model);
5.
Yii::app()->end();

6.
}
7.
if (isset($_POST['LoginForm'])) {
8.
$model->attributes = $_POST['LoginForm'];
9.
if ($model->validate() && $model->login())
10.
$this->redirect(Yii::app()->user>returnUrl);
11.
}
12.
$this->render('login', array('model' => $model));
13.
}

Kode Program 4.1 merupakan perintah penanganan login
pada bagian controller aplikasi. Baris 7 akan mengambil hasil
masukan username dan password dari bagian view login untuk

diperiksa apakah login valid atau tidak. Jika login berhasil, maka
halaman akan dialihkan ke halaman web sesuai dengan hak akses
saat login.

29

Halaman Hak Akses Bagian Kantor Pemasaran
Fasilitas yang disediakan sistem untuk hak akses pegawai di
kantor pemasaran adalah melakukan manajemen data pelanggan,
data stok, data sales dan melakukan pelaporan stok barang masuk
dan keluar berdasarkan periode waktu tertentu. Gambar 4.5
menunjukkan halaman yang digunakan pegawai kantor pemasaran
dalam melakukan manajemen data pelanggan PR. Kembang Arum.

Gambar 4.5 Halaman Manajemen Pelanggan

Pegawai

pada


kantor

pemasaran

dapat

melakukan

manajemen data pelanggan. Proses ini mencakup lihat, tambah, ubah
dan hapus data pelanggan. Proses tambah pelanggan dilakukan
melalui pengisian form pada Gambar 4.6.

Gambar 4.6 Halaman Tambah Pelanggan

30

Setelah mengisi data pelanggan baru pada form Gambar 4.6,
proses dilanjutkan oleh bagian controller pelanggan. Pada
PelangganController kemudian dipanggil method actionCreate
seperti ditunjukkan oleh Kode Program 4.2.

Kode Program 4.2 Perintah pada actionCreate Pelanggan
1. public function actionCreate() {
2.
$model = new Pelanggan;
3.
if (isset($_POST['Pelanggan'])) {
4.
$model->attributes = $_POST['Pelanggan'];
5.
if ($model->save())
6.
$this->redirect(array('admin'));
7.
}
8.
$this->render('create', array(
'model' => $model,
9.
));
10.

}

Perintah pada Kode Program 4.2 diawali dengan membuat
sebuah obyek dengan nama $model yang berasal dari class model
Pelanggan. Selanjutnya baris 3 akan menangkap inputan username
dan password yang dimasukkan dari form pada Gambar 4.6.
Selanjutnya obyek $model memanggil method save() untuk
menyimpan data pelanggan ke dalam basis data.
Gambar 4.7 merupakan halaman yang digunakan pegawai
kantor pemasaran dalam melakukan pencatatan stok barang masuk
dan keluar. Jenis barang masuk dan keluar adalah berupa rokok
dengan berbagai merk yang didapat dari pabrik.

Gambar 4.7 Halaman Manajemen Data Stok

31

Pegawai dapat melakukan manajemen jumlah stok dengan
memilih setiap merk rokok yang ada. Pada Gambar 4.8 merupakan
halaman untuk melakukan manajemen stok rokok Kretek.


Gambar 4.8 Halaman Stok Barang Masuk

Jika terdapat barang yang datang ke kantor pemasaran, maka
pegawai kantor pemasaran tinggal memasukkan jumlah barang yang
datang pada field Jumlah Masuk pada Gambar 4.8. Riwayat stok
barang masuk juga dapat ditampilkan pada Gambar 4.8. Untuk
pencatatan barang keluar, ditunjukkan oleh Gambar 4.9. Proses
pencatatan barang yang keluar terjadi jika ada sales yang mengambil
barang tersebut di bagian kantor pemasaran untuk dilakukan proses
pengiriman kepada pelanggan. Pegawai kantor pemasaran akan
melakukan pencatatan jumlah barang yang diambil dan dibawa oleh
sales tersebut supaya tercatat dalam basis data.

32

Gambar 4.9 Halaman Stok Barang Masuk

Pada Gambar 4.9 terdapat field Jumlah Keluar yang
digunakan untuk mencatat jumlah barang yang diambil oleh sales.

Sales yang mengambil barang tersebut dapat dipilih melalui combo
box dan selanjutnya menekan tombol Create. Data barang keluar
juga dapat ditampilkan riwayatnya. Kode Program 4.3 digunakan
untuk menyimpan stok barang keluar.
Kode Program 4.3 Perintah Simpan Stok Barang Keluar
1.
2.
3.
4.
5.
6.
7.
8.

public function actionCreate() {
$model = new StokKeluar;
if (isset($_POST['StokKeluar'])) {
$model->attributes = $_POST['StokKeluar'];
$model->tanggal = new CDbExpression('NOW()');
$model->retur = 0;

if ($model->save()) {
Yii::app()->user->setFlash('success',
'Berhasil menambah stok ke sales');
9.
$this->redirect(array('stok/view', 'id' =>
$model->stok_id));
} else {
10.
Yii::app()->user->setFlash('error', 'Gagal
menambah stok ke sales');
11.
$this->redirect(array('stok/view', 'id' =>
$model->stok_id));
}
}
12.
$this->render('create', array(
'model' => $model,
));
}


33

Baris 2 pada Kode Program 4.3 digunakan untuk membuat
obyek $model yang berasal dari class StokKeluar pada bagian model
aplikasi. Baris 3 akan menangkap inputan jumlah barang keluar dan
data sales yang mengambil barang keluar tersebut dan selanjutnya
akan dicatat dalam basis data dengan memanggil method save().
Pegawai di kantor pemasaran juga dapat melakukan
manajemen data sales. Gambar 4.10 merupakan halaman untuk
melakukan manajemen salah satu data sales.

Gambar 4.10 Halaman Manajemen Data Sales

Pegawai di kantor pemasaran dapat melakukan manajemen
data sales pada Gambar 4.10. Pada halaman tersebut akan
ditampilkan detail data sales beserta catatan barang yang diambil
oleh sales berserta dengan jumlah keluar dan jumlah returnya.
Terdapat status OPEN dan CLOSES. Status OPEN digunakan untuk
menunjukkan bahwa pelanggan belum melakukan pelunasan
pembayaran ke sales, sedangkan status CLOSED digunakan untuk

34

menunjukkan bahwa pelanggan sudah lunas pelakukan pembayaran
kepada sales.
Pegawai di kantor pemasaran juga dapat melihat riwayat stok
barang masuk dan keluar berdasarkan periode waktu tertentu.
Gambar 4.11 adalah halaman untuk memilih periode waktu tersebut.

Gambar 4.11 Halaman Pilih Periode Waktu

Hasil laporan stok barang masuk dan keluar akan muncul
pada web seperti ditunjukkan oleh Gambar 4.12. Laporan ini dapat
dicetak dan disimpan dalam bentuk .PDF.

Gambar 4.12 Halaman Laporan Stok Masuk dan Keluar

35

Halaman Hak Akses Sales
Fasilitas yang disediakan pada hak akses sales adalah
manajemen data pelanggan dan stok. Pada menu tersebut memiliki
perbedaan dengan yang terdapat pada hak akses pegawai kantor
pemasaran. Gambar 4.13 merupakan halaman stok pada hak akses
sales.

Gambar 4.13 Halaman Stok Barang Sales

Pada halaman stok barang yang dibawa sales akan
ditampilkan rokok apa saja yang dibawa oleh sales. Untuk melihat
rincian barang, sales memilih salah satu merk dan akan muncul
halaman rinciannya seperti Gambar 4.14.

Gambar 4.14 Halaman Stok Barang Sales

Gambar 4.14 akan menampilkan jumlah stok awal, total stok
dan total retur pada rokok dengan merk Mild. Jika ada pelanggan
yang mengambil barang tersebut, sales mengisikan jumlah barang

36

yang diambil oleh pelanggan melalui field Jumlah dan memilih
nama pelanggan dalam combo box.

Gambar 4.15 Halaman Riwayat Stok Pelanggan

Gambar 4.15 menunjukkan halaman yang berisi rincian
riwayat barang yang diambil oleh pelanggan. Pada halaman tersebut
ditampilkan tanggal barang tersebut diambil pelanggan, nama
pelanggan, jumlah barang yang diambil dan jumlah retur atau jumlah
barang yang dikembalikan kepada sales.
Sales juga disediakan fitur untuk melakukan pencatatan
cicilan pembarayan oleh pelanggan. Halaman pencatatan cicilan ini
ditunjukkan oleh Gambar 4.16.

37

Gambar 4.16 Halaman Riwayat Cicilan Pembayaran

Sales dapat melihat riwayat cicilan pembayaran yang
dilakukan oleh pelanggan dan dapat melihat total yang harus
dibayar, jumlah yang sudah dibayar dan sisa hutang. Jika pelanggan
melakukan cicilan, maka sales dapat mencatatnya seperti terlihat
pada Gambar 4.17.

Gambar 4.17 Halaman Catat Cicilan Pembayaran

Sales akan memasukkan jumlah uang cicilan pembayaran
dari pelanggan. Cicilan ini akan disimpan sesuai dengan tanggal

38

cicilan tersebut. Bukti cicilan ini dapat dicetak seperti terlihat pada
Gambar 4.18.

Gambar 4.18 Bukti Cicilan Pembayaran

Gambar 4.18 adalah bukti cicilan pembayaran yang dibayar
oleh pelanggan. Setiap kali melakukan cicilan, pelanggan akan
mendapatkan kuitansi dari sales, dan sales akan mencatatnya dalam
aplikasi. Jika pembayaran sudah lunas, maka bukti pada Gambar
4.18 akan dicetak dan diberikan kepada pelanggan sebagai bukti jika
cicilan pembayarannya sudah lunas.

4.2

Hasil Pengujian
Pengujian sistem dilakukan dengan 2 (dua) cara, yaitu

dengan alpha testing dan beta testing. Uji alpha testing dilakukan
dengan metode blackbox testing, yaitu dengan cara menguji
fungsionalitas aplikasi apakah sudah berjalan sesuai yang dirancang
atau belum.
Beberapa hasil pengujian dengan blackbox testing dapat
dilihat pada Tabel 4.1. Pengujian ini dilakukan oleh programmer
dengan menguji menggunakan inputan dalam berbagai kondisi untuk
dilihat output yang dihasilkan oleh aplikasi. Selanjutnya dapat
dicocokan dengan hasil pengujiannya berhasil atau tidak.

39

Tabel 4.1 Hasil Pengujian Blackbox Testing

No.

Poin
Pengujian

1

Proses Login

Data Input / Kondisi

Hasil Uji

Status

Username: benar

Berhasil

valid

Password: benar

login

Username: benar

Login gagal valid

Password: salah
Username: salah

Login gagal valid

Password: salah
Semua field diisi Berhasil
dengan lengkap

valid

disimpan
dalam basis

2

data

Proses
Tambah Stok

Ada beberapa field Gagal
yang

tidak

valid

diisi Disimpan

dengan lengkap

dalam basis
data

Semua field diisi Berhasil
dengan lengkap

valid

disimpan
dalam basis
data

Proses
3

Tambah
Pelanggan

Ada beberapa field Gagal
yang

tidak

valid

diisi Disimpan

dengan lengkap

dalam tabel
dalam basis
data

4

Proses Unduh

Menggunakan

Unduh

valid

40

File Laporan

browser

Mozilla raport

Firefox

berhasil

Menggunakan

Unduh

browser

valid

Google raport

Chrome

berhasil

Semua field diisi Berhasil
dengan lengkap

valid

disimpan
dalam basis

5

data

Tambah Stok
ke Pelanggan

Ada beberapa field Gagal
yang

tidak

valid

diisi Disimpan

dengan lengkap

dalam basis
data

Semua field diisi Berhasil
dengan lengkap

6

disimpan

Simpan

dalam basis

Cicilan

data

Pembayaran
Pelanggan

Ada beberapa field Gagal
yang

tidak

valid

valid

diisi Disimpan

dengan lengkap

dalam basis
data

Berdasarkan hasil pengujian blackbox pada Tabel 4.1, maka
dapat disimpulkan bahwa aplikasi sudah berjalan sesuai dengan yang
dirancang dan bisa dilanjutkan ke pengujian beta testing.
Pengujian beta testing dilakukan dengan cara melakukan
wawancara dan demo aplikasi kepada pegawai pada bagian kantor
pemasaran PR. Kembang Arum dan kepada sales yang bertuga

41

mengirim barang dan mencatat cicilan pembayaran dari pelanggan.
Berdasarkan pengujian

manfaat

kepada

pegawai

di

kantor

pemasaran didapatkan kesimpulan bahwa aplikasi dapat membantu
pegawai bagian pemasaran dalam melakukan pencatatan stok barang
masuk dan keluar menjadi lebih baik daripada menggunakan kertas.
Pegawai dapat dengan mudah mengetahui riwayat stok barang
masuk dan keluar melalui aplikasi ini. Pencatatan barang retur dari
pelanggan juga dapat dicatat dengan mudah.
Berdasarkan pengujian manfaat yang dilakukan dengan sales
didapatkan hasil bahwa aplikasi ini membantu sales dalam hal
pencatatan data pelanggan yang mengambil barang dari sales. Proses
pencatatan barang yang diambil oleh pelanggan juga dapat dicatat
dengan lebih baik dibandingkan dengan menggunakan buku catatan.
Sedangkan fitur yang sangat membantu sales adalah fitur pencatatan
cicilan pembayaran cicilan dari pelanggan. Sales merasa bahwa
pencatatan ini sangat membantu untuk mengetahui riwayat cicilan
pembayaran yang dibayarkan oleh pelanggan.