BAB III PEMBAHASAN - repository.bsi.ac.id · Pemberian Izin Tempat Usaha dan Izin Gangguan (IG) dan...

125
37 BAB III PEMBAHASAN 3.1.Tinjauan Perusahaan Adapun tinjauan perusahaan yang dilakukan untuk mendapatkan gambaran tentang sejarah perusahaan, struktur organisasi dan fungsi yang terdapat di PD. Alfa Multi Usaha Pontianak serta untuk mengetahui prosedur manejemen yang sedang berjalan pada saat ini baik dari permasalahan yang ada pada maupun kemudahannya. Dalam tinjauan perusahaan ini berisi sejarah perusahaan, struktur perusahaan serta fungsi dari masing-masing bagian yang ada di PD. Alfa Multi Usaha Pontianak tersebut. 3.1.1. Sejarah Berdirinya PD. Alfa Multi Usaha Pontianak Tempat usaha ini dulunya adalah tempat kost-kost yang disewakan kepada konsumen untuk dihuni, kemudian tempat kost-kost ini dibuat menjadi tempat usaha seperti jasa warnet dan rental pengetikan sekaligus menjual alat tulis kantor (Atk) dan barang lain-lain yang dirikan oleh ibu Heni Susi dengan Nomor SIUP: 503/160/BP2T/R-1/K/2017 Peraturan Daerah Nomor: 10 Tahun 1989 Tentang Pemberian Izin Tempat Usaha dan Izin Gangguan (IG) dan Peraturan Daerah Nomor 2 Tahun 2011 Tentang Retribusi Perizinan Tertentu sebagaimana yang telah diubah dengan Peraturan Daerah Nomor 5 Tahun 2012. Karena mengingat di area ini banyak sekali kantor instansi pemerintah, swasta dan kampus yang sangat strategis tempatnya maka pemilik toko ini berinisiatif untuk mendirikan usaha menjual berbagai macam alat tulis kantor dan barang lainnya.

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · Pemberian Izin Tempat Usaha dan Izin Gangguan (IG) dan...

37

BAB III

PEMBAHASAN

3.1.Tinjauan Perusahaan

Adapun tinjauan perusahaan yang dilakukan untuk mendapatkan gambaran

tentang sejarah perusahaan, struktur organisasi dan fungsi yang terdapat di PD.

Alfa Multi Usaha Pontianak serta untuk mengetahui prosedur manejemen yang

sedang berjalan pada saat ini baik dari permasalahan yang ada pada maupun

kemudahannya.

Dalam tinjauan perusahaan ini berisi sejarah perusahaan, struktur

perusahaan serta fungsi dari masing-masing bagian yang ada di PD. Alfa Multi

Usaha Pontianak tersebut.

3.1.1. Sejarah Berdirinya PD. Alfa Multi Usaha Pontianak

Tempat usaha ini dulunya adalah tempat kost-kost yang disewakan kepada

konsumen untuk dihuni, kemudian tempat kost-kost ini dibuat menjadi tempat

usaha seperti jasa warnet dan rental pengetikan sekaligus menjual alat tulis kantor

(Atk) dan barang lain-lain yang dirikan oleh ibu Heni Susi dengan Nomor SIUP:

503/160/BP2T/R-1/K/2017 Peraturan Daerah Nomor: 10 Tahun 1989 Tentang

Pemberian Izin Tempat Usaha dan Izin Gangguan (IG) dan Peraturan Daerah

Nomor 2 Tahun 2011 Tentang Retribusi Perizinan Tertentu sebagaimana yang

telah diubah dengan Peraturan Daerah Nomor 5 Tahun 2012.

Karena mengingat di area ini banyak sekali kantor instansi pemerintah, swasta

dan kampus yang sangat strategis tempatnya maka pemilik toko ini berinisiatif

untuk mendirikan usaha menjual berbagai macam alat tulis kantor dan barang

lainnya.

38

Tempat usaha ini berkembang sangat pesat dikarenakan tempat usaha ini

sangat strategis tepatnya ditepi jalan besar yang berdekatan dengan kampus

STMIK,WIDYA DHARMA dan kampus lainnya tidak jauh dari usaha yang

dirikan oleh ibu Heni Susi sehingga banyak sekali mahasiswa yang membeli alat

tulis kantor yang dibutuhkan oleh mahasiswa tersebut. Dan banyak juga para

instansi-instansi pemerintah dan swasta datang ke PD. Alfa Multi Usaha

Pontianak untuk membeli barang-barang seperti buku, kertas, pulpen dan barang

lainnya.

3.1.2. Struktur Organisasi dan Fungsinya

Struktur organisasi digunakan sebagai wadah untuk menuangkan

manajemen perusahaan ke dalam bentuk yang lebih rinci, untuk menjelaskan

tugas masing-masing setiap bagiannya. Adapun struktur organisasi yang dimiliki

oleh PD. Alfa Multi Usaha Pontianak akan digambarkan sebagai berikut:

Sumber: PD.Alfa Multi Usaha (2017)

Gambar III.1.

Struktur Organisasi PD. Alfa Multi Usaha Pontianak

Karyawan

Pimpinan

Admin

atau

39

Fungsi dari tiap – tiap bagian adalah:

1. Ketua atau pimpinan yaitu:

a Bertanggunng jawab atas jalannya usaha.

b Pemberi keputusan atas semua yang terjadi dalam perusahaan.

c Mengawasi dan memberikan masukan.

d Memeriksa laporan penjualan dari setiap transaksi yang berlangsung

setiap harinya.

2. Admin yaitu:

a Menjalankan proses penjualan dan pembayaran.

b Melakukan pencatatan atas semua transaksi.

c Membantu pelanggan dalam memberikan Informasi mengenai suatu

produk.

d Melakukan proses transaksi pelayanan jual beli barang.

e Melakukan pengecekan atas jumlah barang pada saat penerimaan barang.

f Melakukan pengecekan atas stok barang yang telah habis.

g Melakukan retur barang apabila barang yang dikirm oleh distributor

rusak atau tidak sesuai dengan yang dipesan.

h Melakukan retur barang yang dikembalikan pelanggan apabila barang

tersebut rusak.

3. Karyawan yaitu:

a. Melayani setiap pelanggan yang datang ke toko

b. Memberikan daftar harga barang pada konsumen saat konsumen

memintanya.

c. Melakukan transaksi penjualan barang kepada konsumen

40

3.2. Analisis Kebutuhan

Dalam tugas akhir ini penulis membahas tentang Sistem Informasi

Pengolahan Data Barang Berbasis Web Pada PD. Alfa Multi Usaha Pontianak.

Sistem pengolahan data barang berbasis web ini pada proses pengolahan data

barang yang sedang berjalan saat ini belum memiliki sistem yang digunakan

untuk pengolahan data barang secara terkomputerisasi. PD. Alfa Multi Usaha

Pontianak masih menggunakan pencatatan kedalam buku di dalam pengolahan

data barang tersebut.

Untuk bagian pengelola data barang PD. Alfa Multi Usaha Pontianak

mengalami kesulitan di dalam mengelola data barang seperti nota pembelian, retur

pembelian, nota penjualan dan retur penjualan, karena nota pembelian, retur

pembelian, nota penjualan dan retur penjualan tersebut disatukan dengan nota dan

retur bulan lalu dan biasanya bagian pengelola data barang tidak mencatat tanggal

atau bulan pembelian dan penjualan barang tersebut didalam buku besar sehingga

untuk menemukan nota barang tersebut memerlukan waktu yang cukup lama

bahkan nota tersebut rusak karena tidak tersusun dengan rapi. Setiap harinya

bagian admin dan karyawan lainnya harus mengecek barang satu persatu sehingga

memerlukan waktu untuk mengetahui stok barang yang habis terjual dan tidak.

Di dalam proses permintaan barang yang dibutuhkan pelanggan, bagian

pengelola barang mengalami kesulitan karena harus melakukan pengecekan

terhadap barang satu-satu mana barang yang sudah terjual dan tidak.

Dari permasalahan tersebut penulis membuat Sistem Informasi Pengolahan

Data Barang Berbasis Web yang dapat mengolah data barang masuk, barang

keluar, data karyawan, data distributor, data user, laporan barang masuk dan

41

laporan barang keluar dimana admin sebagai administrator di beri hak akses untuk

menambah, menghaput, edit dan mencetak laporan data barang sedangkan

pimpinan hanya di beri hak akses untuk melihat data barang dan mencetak laporan

dan karyawan hanya bisa melakukan transaksi penjualan barang.

3.2.1. Kebutuhan Fungsional

Pendefinisian layanan yang harus disediakan, bagaimana reaksi sistem

terhadap input dan apa yang harus dilakukan sistem pada situasi khusus

(kebutuhan sistem dilihat dari pengguna). Berikut ini uraian dari kebutuhan

fungsional dalam Sistem Informasi Pengolahan Data Barang Berbasis Web Pada

PD. Alfa Multi Usaha Pontianak yaitu:

1. Masing-masing user dapat melakukan login berdasarkan akses yang telah

dibuat dan dapat melakukan aktivitas sesuai fungsi yang ada didalam sistem

tersebut.

2. Sistem dapat mengolah data-data yang ada didalam sistem Informasi tersebut

seperti tambah data baru, edit data, melihat data secara detail, menghitung,

melakukan pencarian data berdasarkan kode yang telah ditentukan, mencetak

laporan barang masuk, retur barang masuk, barang keluar, retur barang keluar

yang dapat dilakukan oleh user admin. Untuk sistem ini user karyawan hanya

dapat melihat stok barang dan melakukan proses transaksi barang keluar saja

sedangkan untuk user pimpinan juga dibatasi hanya dapat melihat data-data

karyawan,stok barang dan dapat menceta data seperti barang masuk, retur

barang keluar, barang masuk, retur barang keluar berdasarkan kode yang

telah ditentukan system ini.

42

3. Sistem ini dapat keluar untuk mengakhiri aktivitas pengolahan data untuk

semua user seperti admin, pimpinan dan karyawan.

3.2.2. Kebutuhan Non Fungsional

Adapun kebutuhan non fungsional pada pembuatan Sistem Informasi

pengolahan data barang berbasis web pada PD. Alfa Multi Usaha Pontianak

adalah sebagai berikut :

1. Perangkat Keras (Hardware)

Adapun perangkat keras yang dibutuhkan antara lain :

a. CPU

1). Processor 3.7 GHz,

2). Memory 4 Gb RAM

3). Harddisk 320 GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar minimun 1360 x 768

2. Perangkat Lunak (Software)

Adapun perangkat lunak yang dibutuhkan, antara lain :

a. Sistem operasi yang digunakan untuk membuat sistem Informasi

pengolahan data barang berbasis web ini adalah Microsoft Windows 7.

b. Aplikasi yang digunakan Xampp, yang terdiri dari beberapa komponen,

diantaranya :

1) Aplikasi Apache Server versi 2.2.12

2) Aplikasi PHP server versi 2.5.8

3) Aplikasi MySQL server versi 5.1.37

43

4) Aplikasi phpMyAdmin 3.2.0.1

c. Bahasa pemograman yang digunakan yaitu : PHP, MySQL, JQuery,

JavaScript, CSS dan Bootstrap dengan aplikasi editor Adobe

Dreamweaver.

d. Aplikasi web browser yang dapat digunakan yaitu Mozilla Firefox, dan

Google Chrome.

3. Pengguna (Brainware)

User yang akan menjalankan sistem pengolahan data barang dan bertindak

sebagai administrator adalah admin, yaitu orang yang bertugas mengolah data

barang dan menjalankan program-program yang ada didalamnya dan

pimpinan juga ikut terlibat dalam penggunaan sistem operasi ini dan dibatasi

hanya dapat melihat data-data stok barang dan mencetak laporan yang di

kelola oleh admin sedangkan karyawan dapat menjalan transaksi penjualan

barang didalam sistem informasi ini.

3.3. Perancangan perangkat Lunak

Pada perancangan antar muka ini berisi spesifikasi yang dirancang untuk

lihat halaman sistem Informasi pengolahan data barang berbasis web. Maka

didalam spesifikasi ini halaman web dibuat menjadi tiga tampilan, yaitu tampilan

untuk admin, pimpinan dan karyawan.

44

3.3.1. Rancangan Antar Muka

1. Rancangan Antar Muka Admin

a. Rancangan Antar Muka Halaman Login

Pada halaman login terdapat username dan password serta tombol login

untuk melakukan login ke dalam sistem.

Sumber :Hasil Rancangan (2017)

Gambar III.2.

Rancangan Antar Muka Halaman Login Admin

b. Rancangan Antar Muka Halaman Utama Admin

Halaman utama Admin merupakan halaman awal yang tampil saat Admin

sudah melakukan login dan halaman ini berfungsi untuk mengelompokkan

menu-menu yang pada tampilan awal dan lihat stok barang dan jumlah

karyawan.

Sumber : Hasil Rancangan (2017)

Gambar III.3.

Rancangan Antar Muka Halaman Utama Admin

45

c. Rancangan Antar Muka Data Barang

Halaman antar muka data barang berfungsi untuk mengelompokkan data–

data barang seperti tambah data barang, lihat data barang, edit data barang

dan hapus. Di Halaman lihat data barang terdapat menu pencarian untuk

mencari data karyawan dan pangging untuk membatasi jumlah data barang

yang akan tampil didalam Halaman lihat data barang. Untuk tambah data

barang disediakan tombol tambah di lihat data barang yang akan diarahkan

ke halaman tambah barang dan di halaman lihat data barang terdapat

tombol edit data barang untuk edit data barang dan tombol hapus untuk

menghapus data barang.

1) Rancangan Antar Muka Tambah Data Barang

Sumber :Hasil Rancangan (2017)

Gambar III.4. Rancangan Antar Muka Tambah Data Barang Admin

46

2) Rancangan Antar Muka Lihat Data Barang

Sumber :Hasil Rancangan (2017)

Gambar III.5. Rancangan Antar Muka Lihat Data Barang Admin

3) Rancangan Antar Muka Edit Data Barang

Sumber :Hasil Rancangan (2017)

Gambar III.6. Rancangan Antar Muka Edit Data Barang Admin

Car

i

Al

l

47

4. Rancangan Antar Muka Detail Data Barang

Sumber :Hasil Rancangan (2017)

Gambar III.7. Rancangan Antar Muka Detail Data Barang Admin

c. Rancangan Antar Muka Data Karyawan

Halaman antar muka data karyawan berfungsi untuk mengelompokkan

data-data karyawan seperti tambah data karyawan, lihat data karyawan,

edit data karyawan, detail data karyawan dan hapus data karyawan. Di

Halaman lihat data karyawan terdapat menu pencarian untuk mencari data

karyawan dan pangging untuk membatasi jumlah data karyawan yang

akan tampil didalam Halaman lihat data karyawan. Untuk tambah data

karyawan disediakan tombol tambah di lihat data karyawan yang akan

diarahkan ke halaman tambah karyawan dan di halaman lihat data

karyawan terdapat tombol edit data karyawan untuk edit data karyawan

dan tombol hapus untuk menghapus data karyawan. tombol detail untuk

mengarahkan ke halaman detail data karyawan, tombol edit data karyawan

48

untuk edit data karyawan yang salah input dan terdapat tombol hapus

untuk menghapus data yang sudah tidak diperlukan, pada halaman detail

data karyawan terdapat tombol kembali yang akan di arahkan ke halaman

lihat karyawan.

1) Rancangan Antar Muka Tambah Data Karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.8. Rancangan Antar Muka Tambah Data Karyawan

2) Rancangan Antar Muka Lihat Data Karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.9. Rancangan Antar Muka Lihat Data Karyawan

49

3) Rancangan Antar Muka Edit Data Karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.10. Rancangan Antar Muka Edit Data Karyawan

4) Rancangan Antar Muka Detail Data Karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.11. Rancangan Antar Muka Detail Data Karyawan

50

d. Rancangan Antar Muka Data User

Halaman antar muka data user berfungsi untuk mengelompokkan data-

data user seperti tambah data user, lihat data user, edit data user, detail

data user dan hapus data user. Di Halaman lihat data user terdapat menu

pencarian untuk mencari data user dan pangging untuk membatasi jumlah

data user yang akan tampil didalam Halaman lihat data user. Untuk

tambah data user disediakan tombol tambah di lihat data user yang akan

diarahkan ke halaman tambah user dan di halaman lihat data user terdapat

tombol edit data user untuk edit data user dan tombol hapus untuk

menghapus data user. tombol detail untuk mengarahkan ke halaman detail

data user juga ada tombol edit data user untuk edit data user yang salah

input dan terdapat tombol hapus untuk menghapus data yang sudah tidak

diperlukan, pada halaman detail data user terdapat tombol kembali yang

akan di arahkan ke halaman lihat user.

1) Rancangan Antar Muka Tambah Data User

Sumber :Hasil Rancangan (2017)

Gambar III.12. Rancangan Antar Muka Tambah Data User

51

2) Rancangan Antar Muka Edit Data User

Sumber :Hasil Rancangan (2017)

Gambar III.13. Rancangan Antar Muka Edit Data User

3) Rancangan Antar Muka Lihat Data User

Sumber :Hasil Rancangan (2017)

Gambar III.14 Rancangan Antar Muka Lihat Data User

52

4) Rancangan Antar Muka Detail Data User

Sumber :Hasil Rancangan (2017)

Gambar III.15. Rancangan Antar Muka Detail Data User

e. Rancangan Antar Muka Data Distributor

Halaman antar muka data distributor berfungsi untuk mengelompokkan

data-data distributor seperti tambah data distributor, lihat data distributor,

edit data distributor dan hapus data distributor. Di Halaman lihat data

distributor terdapat menu pencarian untuk mencari data distributor dan

pangging untuk membatasi jumlah data distributor yang akan tampil

didalam Halaman lihat data distributor. Untuk tambah data distributor

disediakan tombol tambah di lihat data distributor yang akan diarahkan ke

halaman tambah distributor dan di halaman lihat data distributor terdapat

tombol edit data distributor untuk edit data distributor dan tombol hapus

untuk menghapus data user. Tombol edit data distributor untuk edit data

distributor yang salah input dan terdapat tombol hapus untuk menghapus

data yang sudah tidak diperlukan.

53

1) Rancangan Antar Muka Tambah Data Distributor

Sumber :Hasil Rancangan (2017)

Gambar III.16. Rancangan Antar Muka Tambah Data Distributor

2) Rancangan Antar Muka Lihat Data Distributor

Sumber :Hasil Rancangan (2017)

Gambar III.17. Rancangan Antar Muka Lihat Data Distributor

54

3) Rancangan Antar Muka Edit Data Distributor

Sumber :Hasil Rancangan (2017)

Gambar III.18. Rancangan Antar Muka Edit Data Distributor

f. Rancangan Antar Muka Data Merk Barang

Halaman antar muka data merk barang berfungsi untuk mengelompokkan

data-data pelanggan seperti tambah data merk barang, lihat data merk

barang, edit data merk barang dan hapus data merk barang. Di Halaman

lihat data merk barang terdapat menu pencarian untuk mencari data merk

barang dan pangging untuk membatasi jumlah data merk barang yang

akan tampil didalam Halaman lihat data merk barang. Untuk tambah data

merk barang disediakan tombol tambah di lihat data merk barang yang

akan diarahkan ke halaman tambah merk barang dan di halaman lihat data

merk barang terdapat tombol edit data merk barang untuk edit data merk

barang dan tombol hapus untuk menghapus data merk barang. tombol edit

data merk barang untuk edit data merk barang yang salah input dan

terdapat tombol hapus untuk menghapus data yang sudah tidak diperlukan,

55

pada halaman detail data merk barang terdapat tombol kembali yang akan

di arahkan ke halaman lihat merk barang.

1) Rancangan Antar Muka Tambah Merk Barang

Sumber :Hasil Rancangan (2017)

Gambar III.19. Rancangan Antar Muka Tambah Merk Barang

2) Rancangan Antar Muka Lihat Data Merk Barang

Sumber :Hasil Rancangan (2017)

Gambar III.20. Rancangan Antar Muka Lihat Merk Barang

+Tambah

56

3) Rancangan Antar Muka Edit Data Merk Barang

Sumber :Hasil Rancangan (2017)

Gambar III.21. Rancangan Antar Muka Edit Merk Barang

g. Rancangan Antar Muka Data Jenis Barang

Halaman antar muka data jenis barang berfungsi untuk mengelompokkan

data-data jenis barang seperti tambah data jenis barang, lihat data jenis

barang, edit data jenis barang dan hapus data jenis barang. Di Halaman

lihat data jenis barang terdapat menu pencarian untuk mencari data jenis

barang dan pangging untuk membatasi jumlah data jenis barang yang akan

tampil didalam halaman lihat data jenis barang. Untuk tambah data jenis

barang disediakan tombol tambah di lihat data jenis barang yang akan

diarahkan ke halaman tambah jenis barang dan di halaman lihat data jenis

barang terdapat tombol edit data jenis barang untuk edit data jenis barang

dan tombol hapus untuk menghapus data jenis barang. tombol edit data

jenis barang untuk edit data jenis barang yang salah input dan terdapat

tombol hapus untuk menghapus data yang sudah tidak diperlukan, pada

57

halaman detail data jenis barang terdapat tombol kembali yang akan di

arahkan ke halaman lihat jenis barang.

1) Rancangan Antar Muka Tambah Jenis Barang

Sumber :Hasil Rancangan (2017)

Gambar III.22. Rancangan Antar Muka Tambah Jenis Barang

2) Rancangan Antar Muka Lihat Jenis Barang

Sumber :Hasil Rancangan (2017)

Gambar III.23. Rancangan Antar Muka Lihat Jenis Barang

58

3) Rancangan Antar Muka Edit Jenis Barang

Sumber :Hasil Rancangan (2017)

Gambar III.24. Rancangan Antar Muka Edit Jenis Barang

h. Rancangan Antar Muka Data Satuan Barang

Halaman antar muka data satuan barang berfungsi untuk mengelompokkan

data-data satuan barang seperti tambah data satuan barang, lihat data

satuan barang, edit data satuan barang dan hapus data satuan barang. Di

Halaman lihat data satuan barang terdapat menu pencarian untuk mencari

data satuan barang dan pangging untuk membatasi jumlah data satuan

barang yang akan tampil didalam Halaman lihat data satuan barang. Untuk

tambah data satuan barang disediakan tombol tambah di lihat data satuan

barang yang akan diarahkan ke halaman tambah satuan barang dan di

halaman lihat data satuan barang terdapat tombol edit data satuan barang

untuk edit data satuan barang dan tombol hapus untuk menghapus data

satuan barang. tombol edit data satuan barang untuk edit data satuan

barang yang salah input dan terdapat tombol hapus untuk menghapus data

59

yang sudah tidak diperlukan, pada halaman detail data satuan barang

terdapat tombol kembali yang akan di arahkan ke halaman lihat satuan

barang

1) Rancangan Antar Muka Tambah Satuan Barang

Sumber :Hasil Rancangan (2017)

Gambar III.25. Rancangan Antar Muka Tambah Satuan Barang

2) Rancangan Antar Muka Lihat Satuan Barang

Sumber :Hasil Rancangan (2017)

Gambar III.26. Rancangan Antar Muka Lihat Satuan Barang

60

3) Rancangan Antar Muka Edit Satuan Barang

Sumber :Hasil Rancangan (2017)

Gambar III.27. Rancangan Antar Muka Edit Satuan Barang

i. Rancangan Antar Muka Transaksi Barang Masuk

Pada halaman pertama pembelian transaksi barang masuk terdapat

Halaman pembelian barang yang terdapat input nomor faktur pembelian,

tanggal pembelian dan nama distributor dan disimpan dilanjutakan dengan

perintah lanjutkan ke Halamanulir pembelian barang .didalam Halaman

lihat pembelian terdapat menu simpan dan transaksi selesai. Didalam

tombol transaski selesai ada pilihan untuk melihat laporan pembelian dan

print pilih lihat laporan pembelian ada terdapat menu detail, print dan

hapus di tombol detail untuk melihat secara detail barang yang sudah kita

beli, tombol print untuk mencetak transaksi Barang Masuk sedangkan

tombol hapus untuk menghapus transaksi Barang Masuk yang sudah tidak

perlukan dan terdapat menu men cari data transaksi Barang Masuk dilihat

laporan transaksi Barang Masuk.

61

1) Rancangan Antar Muka Halaman Pertama Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.28. Rancangan Antar Muka Halaman Pertama Pembelian

Barang

2) Rancangan Antar Muka Halaman Kedua Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.29. Rancangan Antar Muka Halaman Kedua Transaksi

Barang Masuk

62

3) Rancangan Antar Muka Lihat Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.30. Rancangan Antar Muka Lihat Transaksi Barang Masuk

4) Rancangan Antar Muka Detail Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.31. Rancangan Antar Muka Detail Transaksi Barang Masuk

63

5) Rancangan Antar Muka Cetak Laporan Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.32. Rancangan Antar Muka Cetak Laporan Transaksi

Barang Masuk

j. Rancangan Antar Muka Retur Transaksi Barang Masuk

Pada halaman pertama retur pembelian transaksi Barang Masuk terdapat

Halaman retur transaksi Barang Masuk yang terdapat input nomor retur

pembelian, tanggal retur dan nama distributor dan disimpan dilanjutakan

dengan perintah lanjutkan ke Halamanulir retur pembelian barang .didalam

Halaman lihat retur pembelian terdapat menu simpan dan transaksi selesai.

Didalam tombol transaski selesai ada pilihan untuk melihat laporan retur

pembelian dan print pilih lihat laporan retur pembelian ada terdapat menu

detail, print dan hapus di tombol detail untuk melihat secara detail barang

yang sudah kita retur, tombol print untuk mencetak retur transaksi Barang

Masuk sedangkan tombol hapus untuk menghapus transaksi Barang

Masuk yang sudah tidak perlukan dan terdapat menu cari data retur

transaksi Barang Masuk untuk mencari retur transaksi Barang Masuk.

64

1) Rancangan Antar Muka Halaman Pertama Retur Transaksi Barang

Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.33. Rancangan Antar Muka Halaman Pertama Retur

Transaksi Barang Masuk

2) Rancangan Antar Muka Halaman Kedua Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.34. Rancangan Antar Muka Halaman Kedua Transaksi

Barang Masuk

65

3) Rancangan Antar Muka Lihat Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.35. Rancangan Antar Muka Lihat Retur Transaksi Barang

Masuk

4) Rancangan Antar Muka Detail Retur Transaksi Barang Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.36. Rancangan Antar Muka Detail Retur Transaksi Barang

Masuk

66

5) Rancangan Antar Muka Cetak Laporan Retur Transaksi Barang

Masuk

Sumber :Hasil Rancangan (2017)

Gambar III.37. Rancangan Antar Muka Retur Cetak Laporan Transaksi

Barang Masuk

k. Rancangan Antar Muka Transaksi Barang Keluar

Pada halaman pertama penjualan barang terdapat Halaman transaksi

Barang Keluar yang terdapat input nomor retur penjualan, tanggal

penjualan dan nama pelanggan dan disimpan dilanjutakan dengan perintah

lanjutkan ke Halamanulir penjualan barang. didalam Halaman lihat

penjualan barang terdapat menu simpan dan transaksi selesai. Didalam

tombol transaski selesai ada pilihan untuk melihat laporan penjualan dan

print. Untuk melihat laporan penjualan terdapat menu detail, print dan

hapus di tombol detail untuk melihat secara detail barang yang sudah kita

jual, tombol print untuk mencetak transaksi Barang Keluar sedangkan

tombol hapus untuk menghapus transaksi Barang Masuk yang sudah tidak

perlukan dan terdapat menu cari data penjualan transaksi Barang Keluar

untuk mencari penjualan transaksi Barang Keluar.

67

1) Rancangan Antar Muka Halaman Pertama Transaksi Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.38. Rancangan Antar Muka Halaman Pertama Transaksi Barang

Keluar

2) Rancangan Antar Muka Halaman Kedua Transaksi Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.39. Rancangan Antar Muka Halaman Kedua Transaksi Barang

Keluar

68

3) Rancangan Antar Muka Lihat Transaksi Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.40. Rancangan Antar Muka Lihat Transaksi Barang Keluar

4) Rancangan Antar Muka Detail Transaksi Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.41. Rancangan Antar Muka Detail Transaksi Barang Keluar

69

5) Rancangan Antar Muka Cetak Laporan Transaksi Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.42. Rancangan Antar Muka Cetak Laporan Transaksi

Barang Keluar

l. Rancangan Antar Muka Transaksi Retur Barang Keluar

Pada halaman pertama retur penjualan barang terdapat Halaman transaksi

retur barang keluar yang terdapat input nomor retur penjualan, tanggal

retur dan nofaktur dan disimpan dilanjutakan dengan perintah lanjutkan ke

Halamanulir retur penjualan barang. didalam Halaman lihat retur

penjualan barang terdapat menu simpan dan transaksi selesai. Didalam

tombol transaski selesai ada pilihan untuk melihat laporan retur penjualan

dan print. Untuk melihat laporan retur penjualan terdapat menu detail,

print dan hapus di tombol detail untuk melihat secara detail barang yang

sudah kita retur, tombol print untuk mencetak transaksi retur Barang

Keluar sedangkan tombol hapus untuk menghapus transaksi Barang

Masuk yang sudah tidak perlukan dan terdapat menu cari data penjualan

transaksi barang keluar untuk mencari retur penjualan barang keluar.

70

1) Rancangan Antar Muka Halaman Pertama Transaksi Retur Barang

Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.43. Rancangan Antar Muka Transaksi Retur Barang Keluar

2) Rancangan Antar Muka Kedua Halaman Transaksi Retur Barang

Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.44. Rancangan Antar Muka Kedua Halaman Transaksi

Retur Barang Keluar

71

3) Rancangan Antar Muka Halaman Lihat Retur Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.45. Rancangan Antar Muka Lihat Retur Barang Keluar

4) Rancangan Antar Muka Halaman Detail Retur Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.46. Rancangan Antar Muka Detail Retur Barang Keluar

72

5) Rancangan Antar Muka Cetak Laporan Retur Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.47. Rancangan Antar Cetak Laporan Retur Barang Keluar

2. Rancangan Antar Muka Pimpinan

a. Rancangan Antar Muka HalamanLogin

Pada halaman login terdapat username dan password serta tombol login

untuk melakukan login ke dalam sistem.

Sumber :Hasil Rancangan (2017)

Gambar III.48. Rancangan Antar Muka Halaman Login Pimpinan

73

b. Rancangan Antar Halaman Pertama Pimpinan

Halaman pertama pimpinan merupakan halaman awal yang tampil saat

pimpinan sudah melakukan login dan halaman ini berfungsi untuk

mengelompokkan data-data barang. Dihalaman ini pimpinan hanya bisa

milat jumlah karyawan dan melihat stok barang yang tampil dihalaman

pertama dan hanya dapat menccetak barang masuk,retur barang masuk,

barang keluar, retur barang keluar dan data karyawan.

Sumber :Hasil Rancangan (2017)

Gambar III.49. Rancangan Antar Muka Halaman Pertama Pimpinan

c. Rancangan Antar Muka Halaman Lihat Laporan Barang Masuk Pimpinan

Halaman ini lihat data lihat laporan barang masuk dan terdapat tombol

cari, detail, print dan hapus untuk mencetak laporan, user harus mengklik

tombol print untuk melihat mencetak barang masuk yang ingin dicetak,

tombol detail digunakan untuk melihat data barang masuk sedangkan

tombol hapus digunakan untuk menghapus data barang masuk.

74

1) Rancangan Antar Muka Halaman Lihat Laporan Barang Masuk

Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.50. Rancangan Antar Lihat Laporan Barang Masuk

Pimpinan

2) Rancangan Antar Muka Detail Barang Masuk Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.51. Rancangan Antar Muka Detail Barang Masuk

Pimpinan

75

3) Rancangan Antar Muka Cetak Laporan Barang Masuk Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.52. Rancangan Antar Muka Cetak Laporan Barang

Masuk Pimpinan

d. Rancangan Antar Muka Lihat Laporan Barang Keluar Pimpinan

Halaman ini lihat data lihat laporan barang keluar dan terdapat tombol

cari, detail, print dan hapus untuk mencetak laporan, user harus mengklik

tombol print untuk melihat mencetak barang keluar yang ingin dicetak,

tombol detail digunakan untuk melihat data barang keluar sedangkan

tombol hapus digunakan untuk menghapus data barang keluar.

1) Rancangan Antar Muka Lihat Laporan Barang Keluar Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.53. Rancangan Antar Muka Lihat Laporan Barang

Keluar Pimpinan

76

2) Rancangan Antar Muka Detail Laporan Barang Keluar Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.54. Rancangan Antar Muka Detail Laporan Barang

Keluar Pimpinan

3) Rancangan Antar Muka Cetak Laporan Barang Keluar Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.55. Rancangan Cetak Laporan Barang Keluar Pimpinan

77

e. Rancangan Antar Muka Lihat Laporan Retur Barang Keluar Pimpinan

Halaman ini lihat data lihat laporan retur barang keluar dan terdapat

tombol cari, detail, print dan hapus untuk mencetak laporan, user harus

mengklik tombol print untuk melihat mencetak retur barang keluar yang

ingin dicetak, tombol detail digunakan untuk melihat data retur barang

keluar sedangkan tombol hapus digunakan untuk menghapus data retur

barang keluar

1) Rancangan Antar Muka Lihat Laporan Retur Barang Keluar Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.56. Rancangan Antar Muka LihatLaporan Retur Barang

Keluar Pimpinan

78

2) Rancangan Antar Muka Detail Retur Barang Keluar Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.57. Rancangan Antar Muka Detail Retur Barang Keluar

Pimpinan

3) Rancangan Antar Muka Cetak Laporan Retur Barang Keluar

Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.58. Rancangan Cetak Laporan Retur Barang Keluar

Pimpinan

79

3. Rancangan Antar Muka Karyawan

a. Rancangan Antar Muka HalamanLogin

Pada halaman login terdapat username dan password serta tombol login

untuk melakukan login ke dalam sistem.

Sumber :Hasil Rancangan (2017)

Gambar III.59. Rancangan Antar Muka Halaman Login Karyawan

b. Rancangan Antar Muka Halaman Pertama Karyawan

Halaman pertama karyawan merupakan halaman awal yang tampil saat

karyawan sudah melakukan login dan halaman ini berfungsi untuk

mengelompokkan data-data tertentu saja. Dihalaman ini karyawan hanya

bisa melihat jumlah karyawan dan melihat stok barang yang tampil

dihalaman pertama dan hanya dapat melakukan transaksi barang keluar.

Sumber: Hasil Rancangan (2017)

Gambar III.60. Rancangan Antar Muka Halamam Utama Karyawan

80

c. Rancangan Antar Muka Transaksi Barang Keluar Karyawan

Pada halaman pertama penjualan barang terdapat Halaman transaksi

Barang Keluar yang terdapat input nomor retur penjualan, tanggal

penjualan dan nama pelanggan dan disimpan dilanjutakan dengan perintah

lanjutkan ke Halamanulir penjualan barang. didalam Halaman lihat

penjualan barang terdapat menu simpan dan transaksi selesai.

1) Rancangan Antar Muka Transaksi Barang Keluar Utama Karyawan

Sumber: Hasil Rancangan (2017)

Gambar III.61. Rancangan Antar Muka Transaksi Barang Keluar Utama

Karyawan

2) Rancangan Antar Muka Transaksi Barang Keluar Kedua Karyawan

Sumber: Hasil Rancangan (2017)

Gambar III.62. Rancangan Antar Muka Transaksi Barang Keluar Kedua

Karyawan

81

tb_barang

Kode_Barang

Nama_Barang

Jenis_Barang

Merk_Barang

Harga_Beli

Harga_Jual

Banyak_Barang

Distributor

tb_jenisbarang

Kode_Jenis

Jenis_Barangtb_merkbarang

Kode_Merk Merk_Barang

tb_satuan

Kode_Satuan

Nama_Satuan

Memiliki

1

1

Memiliki

1

1

Memiliki

1

1

tb_distributor

Kode_Distributor

Nama_Distributor

Alamat

KotaNohp

tb_header_beli

nofakbeli

Tgl_Beli

Nama_Distributor

Memiliki

1

1

tb_detail_pembelian nofakbeli

Kode_Barang

qtybeli

subtotal

mempuny aiM

tb_simpan_detail_pembelian

nofakbeli

Kode_Barang

qtybeli

subtotal

Memiliki

1

Memiliki

1

1

1

mempuny ai

M

1

1

tb_header_retur_pembelian Tgl_Return

Kode_Distributor

No_Retur_Beli

tb_detail_retur_pembelian

Kode_Barang

Subtotal

No_Retur_Beli

Qty_Beli

Memiliki11

tb_simpan_detail_retur_pembelian Kode_Barang

Subtotal

No_Retur_Beli

Qty_Beli

Memiliki

1

1

Memiliki

1

mempuny ai

1

M

1

mempuny ai

M

tb_header_penjualan

No_Faktur_Jual

Tanggal_Penjualan

Nama_Pelanggan

tb_detail_penjualan

No_Faktur_Jual

Kode_Barang

Qty_Jual

Subtotal

tb_simpan_detail_penjualan

No_Faktur_Jual

Kode_Barang

Qty_Jual

Subtotal

Memiliki

Memiliki

1

1

1

1

mempuny ai

mempuny ai

1

M

1

M

tb_header_retur_penjualan

No_Retur_Jual

Tgl_Return

Nama_Pelanggan

tb_detailretur_pembelian

No_Retur_Jual

Kode_Barang

Qty_Retur

Subtotal

tb_simpan_detail_retur_pembelian

No_Retur_Jual

Kode_Barang

Qty_Retur

Subtotal

Memiliki

1

1

Memiliki Memiliki

1

1

mempuny ai

mempuny ai

1

1

M M

tb_jabatan

Kode_JabatanNama_Jabatan

tb_user

Kode_User

Nama_User

Pass

Level

photo

Memiliki

1

1

tb_karyawan

Kode_Karyawan

Nama_Karyawan

Jenis_Kelamin

Agama

Alamat

Jabatan

Nohp

photo

Memiliki

1

1

1

3.3.2. Rancangan Basis Data

Dalam perancangan basis data ini akan menguraikan perancangan media

penyimpanan data dengan menggunakan metode Entity Relationship Diagram

(ERD) dan Logical Relational Structure (LRS).

1. Entity Relationship Diagram (ERD)

Sumber :Hasil Rancangan (2017)

Gambar III.63. Entity Relationship Diagram (ERD)

82

tb_barang

Kode_Barang

Nama_Barang

Jenis_Barang

Merk_Barang

Harga_Beli

Harga_Jual

Bany ak_Barang

Satuan

Distributor

Tgl_Barang

Photo

tb_detailretur_pembelian

No_Retur_Beli

Kode_Barang

Qty _Retur

Subtotal

tb_simpan_detail_retur_pembelian

No_Retur_Beli

Kode_Barang

Qty _Retur

Subtotal

tb_header_retur_pembelian

No_Retur_Beli

tgl_return

Kode_Distributor

tb_detail_pembelian

nof akbeli

Kode_Barang

qty beli

Subtotal

tb_header_beli

nof akbeil

Tgl_Beli

Kode_Distributor

tb_simpan_detail_pembelian

nof akbeli

Kode_Barang

qty beli

Subtotal

tb_header_penjualan

No_Faktur_Jual

Tanggal_Penjualan

Kode_Pelanggan

tb_simpan_detail_penjualan

No_Faktur_Jual

Kode_Barang

Qty _Jual

Subtotal

tb_detail_penjualan

No_Faktur_Jual

Kode_Barang

Qty _Jual

Subtotal

tb_detailretur_penjualan

No_Retur_Jual

Kode_Barang

Qty _Retur

Subtotal

tb_header_retur_penjualan

No_Retur_Jual

Tgl_Retur

Kode_Pelanggan

tb_simpan_detail_retur_penjualan

No_Retur_Jual

Kode_Barang

Qty _Retur

Subtotal

tb_jenisbarang

Kode_Jenis

Jenis_Barang

tb_merkbarang

Kode_Merk

Merk_Barang

tb_satuan

Kode_Satuan

Nama_Satuan

tb_jabatan

Kode_Jabatan

Nama_Jabatan

tb_distributor

Kode_Distributor

Nama_Distributor

Alamat

Kota

Nohp

tb_user

Kode_User

Nama_User

Pass

Lev el

photo

tb_karyaw an

Kode_Kary awan

Nama_kary awan

Jenis_Kelamin

Agama

Alamat

Jabatan

Nohp

f oto

1

1

1

1

1

1

1

1

1

1

1

1

M

M

1

1

1

1

MM

1

11 1

1 1

1

1 1

1

1

1

1

1

M

M

M

M

1

1

1

1

1

1

1

1

2. Logical Relational Structure (LRS)

Sumber :Hasil Rancangan (2017)

Gambar III.64. Logical Relational Structure (LRS)

83

a. Spesifikasi File Barang

Nama file : Barang

Akronim : Barang.sql

Fungsi : Untuk mengelompokkan data barang

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 142 karakter

Kunci Field : Kode_Barang

Software : MySQL

Tabel III.1

Spesifikasi File Barang

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Barang Kode_Barag Varchar 5 Primary Key

2. Nama Barang Nama_Barang Varchar 20

4. Jenis Barang Jenis_Barang Varchar 20 Foreign Key

5. Merk Barang Merk_Barang Varchar 20 Foreign Key

6. Harga Beli Harga_Beli Int 11

7. Harga Jual Harga_Jual Int 11

8. Banyak Barang Banyak_Barang Int 15

9. Satuan Satuan Varchar 15

10. Distributor Distributor Varchar 25 Foreign Key

Sumber :Hasil Rancangan (2017)

84

b. Spesifikasi File Karyawan

Nama file : Karyawan

Akronim : Karyawan.sql

Fungsi : Untuk mengelompokkan data karyawan

Tipe File : File master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 123 karakter

Kunci Field : Kode_Karyawan

Software : MySQL

Tabel III.2

Spesifikasi File Karyawan

Sumber :Hasil Rancangan (2017)

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Karyawan Kode_Karyawan Varchar 4 Primary Key

2. Nama Karyawan Nama_Karyawan Varchar 25

3. Jenis Kelamin Jenis_Kelamin Varchar 10

4. Agama Agama Varchar 12

5. Alamat Alamat Varchar 25

6. Jabatan Jabatan Varchar 14 Foreign Key

7. Nohp Nohp Varchar 13

7. Foto Foto Varchar 20

85

tb_barang

Kode_Barang

Nama_Barang

Jenis_Barang

Merk_Barang

Harga_Beli

Harga_Jual

Bany ak_Barang

Satuan

Distributor

Tgl_Barang

Photo

tb_detailretur_pembelian

No_Retur_Beli

Kode_Barang

Qty _Retur

Subtotal

tb_simpan_detail_retur_pembelian

No_Retur_Beli

Kode_Barang

Qty _Retur

Subtotal

tb_header_retur_pembelian

No_Retur_Beli

tgl_return

Kode_Distributor

tb_detail_pembelian

nof akbeli

Kode_Barang

qty beli

Subtotal

tb_header_beli

nof akbeil

Tgl_Beli

Kode_Distributor

tb_simpan_detail_pembelian

nof akbeli

Kode_Barang

qty beli

Subtotal

tb_header_penjualan

No_Faktur_Jual

Tanggal_Penjualan

Kode_Pelanggan

tb_simpan_detail_penjualan

No_Faktur_Jual

Kode_Barang

Qty _Jual

Subtotal

tb_detail_penjualan

No_Faktur_Jual

Kode_Barang

Qty _Jual

Subtotal

tb_detailretur_penjualan

No_Retur_Jual

Kode_Barang

Qty _Retur

Subtotal

tb_header_retur_penjualan

No_Retur_Jual

Tgl_Retur

Kode_Pelanggan

tb_simpan_detail_retur_penjualan

No_Retur_Jual

Kode_Barang

Qty _Retur

Subtotal

tb_jenisbarang

Kode_Jenis

Jenis_Barang

tb_merkbarang

Kode_Merk

Merk_Barang

tb_satuan

Kode_Satuan

Nama_Satuan

tb_jabatan

Kode_Jabatan

Nama_Jabatan

tb_distributor

Kode_Distributor

Nama_Distributor

Alamat

Kota

Nohp

tb_user

Kode_User

Nama_User

Pass

Lev el

photo

tb_pelanggan

Kode_Pelanggan

Nama_Pelanggan

Alamat

Nohp

tb_karyaw an

Kode_Kary awan

Nama_kary awan

Jenis_Kelamin

Agama

Alamat

Jabatan

Nohp

f oto

1

1

1

1

1

1

1

1

1

1

1

1

M

M

1

1

1

1

MM

1

11 1

1 1

1

1 1

1

1

1

1

1

M

M

M

M 1

1

1

1

1

1

1

1

1

1

c. Spesifikasi File User

Nama file : User

Akronim : User.sql

Fungsi : Untuk mengelompokkan data user

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 66 karakter

Kunci Field : Kode_User

Software : MySQL

Tabel III.3

Spesifikasi File User

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode User Kode_User Varchar 4 Primary Key

2. Nama User Nama_User Varchar 25

3. Password Pass Varchar 9

4. Level Level Varchar 8 Foreign Key

5. Photo Photo Varchar 20

Sumber :Hasil Rancangan (2017)

86

d. Spesifikasi File Distributor

Nama file : Distributor

Akronim : Distributor.sql

Fungsi : Untuk mengelompokkan data distributor

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 93 karakter

Kunci Field : Kode_Distributor

Software : MySQL

Tabel III.4

Spesifikasi File Distributor

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Distributor Kode_Distributor Varchar 5 Primary Key

2. Nama Distributor Nama_Distributor Varchar 25

3. Alamat Alamat Varchar 25

4. Kota Kota Varchar 25

5. Nohp Nohp Varchar 13

Sumber :Hasil Rancangan (2017)

87

e. Spesifikasi File Merk Barang

Nama file : Merk Barang

Akronim : Merk Barang.sql

Fungsi : Untuk mengelompokkan data merk barang

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 19 karakter

Kunci Field : Kode_Merk

Software : MySQL

Tabel III.5

Spesifikasi File Merk Barang

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Merk Kode_Merk Varchar 4 Primary Key

2. Merk Barang Merk_Barang Varchar 15

Sumber :Hasil Rancangan (2017)

f. Spesifikasi File Jenis Barang

Nama file : Jenis Barang

Akronim : Jenis Barang.sql

Fungsi : Untuk mengelompokkan data jenis barang

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

88

Media : Harddisk

Panjang Record : 19 karakter

Kunci Field : Kode_Jenis

Software : MySQL

Tabel III.6

Spesifikasi File Jenis Barang

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Jenis Kode_Jenis Varchar 4 Primary Key

2. Jenis Barang Jenis_Barang Varchar 15

Sumber :Hasil Rancangan (2017)

g. Spesifikasi Satuan

Nama file : Satuan

Akronim : Satuan.sql

Fungsi : Untuk mengelompokkan data satuan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 19 karakter

Kunci Field : Kode_Satuan

Software : MySQL

89

Tabel III.7

Spesifikasi File Satuan

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Satuan Kode_Satuan Varchar 4 Primary Key

2. Nama Satuan Nama_Satuan Varchar 15

Sumber :Hasil Rancangan (2017)

h. Spesifikasi Header Beli

Nama file : Header Beli

Akronim : Header Beli.sql

Fungsi : Untuk mengelompokkan data Header beli

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 48 karakter

Kunci Field : nofakbeli

Software : MySQL

Tabel III.8

Spesifikasi File Header Beli

No Elemen Data Nama Field Tipe Size Keterangan

1. No Faktur Beli Nofakbeli Varchar 13 Primary Key

2. Tanggal Beli Tgl_Beli Date 10

3. Nama Distributor Nama_Distributor Varchar 25

Sumber :Hasil Rancangan (2017)

90

i. Spesifikasi Detail Pembelian

Nama file : Detail Pembelian

Akronim : Detail Pembelian.sql

Fungsi : Untuk mengelompokkan data detail pembelian

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 48 karakter

Kunci Field : nofakbeli

Software : MySQL

Tabel III.9

Spesifikasi File Detail Pembelian

No Elemen Data Nama Field Tipe Size Keterangan

1. No Faktur Beli Nofakbeli Varchar 13 Foreign Key

2. Kode Barang Kode_Barang Varchar 8 Foreign Key

3. Qty Beli Qtybeli Int 11

4. Subtotal subtotal Int 11

5. Kode_User Varchar 5 5

Sumber :Hasil Rancangan (2017)

91

j. Spesifikasi Simpan Detail Pembelian

Nama file : Simpan Detail Pembelian

Akronim : Simpan Detail Pembelian.sql

Fungsi : Untuk mengelompokkan data simpan detail pembelian

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 46 karakter

Kunci Field : No Faktur Beli

Software : MySQL

Tabel III.10

Spesifikasi File Simpan Detail Pembelian

No Elemen Data Nama Field Tipe Size Keterangan

1. No Faktur Beli nofakbeli Varchar 13 Foreign Key

2. Kode Barang Kode_Barang Varchar 13 Foreign Key

3. Qty Beli Qtybeli Int 11

4. Subtotal subtotal Int 11

Sumber :Hasil Rancangan (2017)

92

k. Spesifikasi Header Retur Pembelian

Nama file : Header Retur Pembelian

Akronim : Header Retur Pembelian.sql

Fungsi : Untuk mengelompokkan data Header Retur Pembelian

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 31 karakter

Kunci Field : No Retur Beli

Software : MySQL

Tabel III.11

Spesifikasi File Header Retur Pembelian

No Elemen Data Nama Field Tipe Size Keterangan

1. No Retur Beli No_Retur_Beli Varchar 13 Primary Key

2. Tanggal Retur tgl_retur Date 10

3. Kode Distributor Kode_Distributor Varchar 8

Sumber :Hasil Rancangan (2017)

l. Spesifikasi Detail Retur Pembelian

Nama file : Detail Retur Pembelian

Akronim : Detail Retur Pembelian.sql

Fungsi : Untuk mengelompokkan data Detail Retur Pembelian

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

93

Media : Harddisk

Panjang Record : 41 karakter

Kunci Field : No_Retur_Beli

Software : MySQL

Tabel III.12

Spesifikasi File Detail Retur Pembelian

No Elemen Data Nama Field Tipe Size Keterangan

1. No Retur Beli No_Retur_Beli Varchar 13 Foreign Key

2. Kode Barang Kode_Barang Varchar 8 Foreign Key

3. Qty Retur Qty_Retur Int 11

4. Subtotal Subtotal Int 11

Sumber :Hasil Rancangan (2017)

m. Spesifikasi Simpan Detail Retur Pembelian

Nama file : Simpan Detail Retur Pembelian

Akronim : Simpan Detail Retur Pembelian.sql

Fungsi : Untuk mengelompokkan data Simpan Detail Retur

Pembelian

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 41 karakter

Kunci Field : No_Retur_Beli

Software : MySQL

94

Tabel III.13

Spesifikasi File Detail Retur Pembelian

No Elemen Data Nama Field Tipe Size Keterangan

1. No Retur Beli No_Retur_Beli Varchar 13 Foreign Key

2. Kode Barang Kode_Barang Varchar 8 Foreign Key

3. Qty Retur Qty_Retur Int 11

4. Subtotal Subtotal Int 11

Sumber :Hasil Rancangan (2017)

n. Spesifikasi Header Penjualan

Nama file : Header Penjualan

Akronim : Header Penjualan.sql

Fungsi : Untuk mengelompokkan data Header penjualan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 28 karakter

Kunci Field : No_Faktur Jual

Software : MySQL

95

Tabel III.14

Spesifikasi File Header Penjualan

No Elemen Data Nama Field Tipe Size Keterangan

1. No Faktur Jual No_Faktur_Jual Varchar 13 Primary Key

2. Tanggal Jual Tanggal_Penjualan Date 10

3. Kode Pelanggan Kode_Pelanggan Varchar 5 Foreign Key

Sumber :Hasil Rancangan (2017)

o. Spesifikasi Detail Penjualan

Nama file : Detail Penjualan

Akronim : Detail Penjualan.sql

Fungsi : Untuk mengelompokkan data detail penjualan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 39 karakter

Kunci Field : No Faktur Jual

Software : MySQL

Tabel III.15

Spesifikasi File Detail Penjualan

No Elemen Data Nama Field Tipe Size Keterangan

1. No Faktur Jual No_Faktur_Jual Varchar 13 Foreign Key

2. Tanggal Jual Tanggal_Penjualan Date 10

3. Kode Pelanggan Kode_Pelanggan Varchar 5 Foreign Key

4. Subtotal Subtotal Int 11

96

Sumber :Hasil Rancangan (2017)

p. Spesifikasi Simpan Detail Penjualan

Nama file : Simpan Detail Penjualan

Akronim : Simpan Detail Penjualan.sql

Fungsi : Untuk mengelompokkan data simpan detail penjualan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 41 karakter

Kunci Field : No Faktur Jual

Software : MySQL

Tabel III.16

Spesifikasi File Simpan Detail Penjualan

No Elemen Data Nama Field Tipe Size Keterangan

1. No Faktur Jual No_Faktur_Jual Varchar 13 Foreign Key

2. Kode Barang Kode_Barang Varchar 8 Foreign Key

3. Qty Jual Qty_Jual Int 11

4. Subtotal Subtotal Int 11

Sumber :Hasil Rancangan (2017)

q. Spesifikasi Header Retur Penjualan

Nama file : Header Retur Penjualan

Akronim : Header Retur Penjualan.sql

Fungsi : Untuk mengelompokkan data Header retur penjualan

97

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 36 karakter

Kunci Field : No Retur Jual

Software : MySQL

Tabel III.17

Spesifikasi File Header Retur Penjualan

No Elemen Data Nama Field Tipe Size Keterangan

1. No Retur Jual No_Retur_Jual Varchar 13 Primary Key

2. Tanggal Retur Tgl_Retur_Jual Date 10

3. No Faktur Jual No_Faktur_Jual Varchar 13 Foreign Key

Sumber :Hasil Rancangan (2017)

r. Spesifikasi Detail Retur Penjualan

Nama file : Detail Retur Penjualan

Akronim : Detail Retur Penjualan.sql

Fungsi : Untuk mengelompokkan data detail retur penjualan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 47 karakter

Kunci Field : No Retur Jual

Software : MySQL

98

Tabel III.18

Spesifikasi File Detail Retur Penjualan

No Elemen Data Nama Field Tipe Size Keterangan

1. No Retur Jual No_Retur_Jual Varchar 13 Foreign Key

2. Kode Barang Kode_Barang varchar 8 Foreign Key

3. Qty Retur Qty_Retur Varchar 13

Subtotal Subtotal Int 13

Sumber :Hasil Rancangan (2017)

s. Spesifikasi Simpan Detail Retur Penjualan

Nama file : Simpan Detail Retur Penjualan

Akronim : Simpan Detail Retur Penjualan.sql

Fungsi : Untuk mengelompokkan data simpan detail retur

penjualan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 47 karakter

Kunci Field : No Retur Jual

Software : MySQL

Tabel III.19

Spesifikasi File Simpan Detail Retur Penjualan

No Elemen Data Nama Field Tipe Size Keterangan

1. No Retur Jual No_Retur_Jual Varchar 13 Foreign Key

2. Kode Barang Kode_Barang varchar 8 Foreign Key

99

3. Qty Retur Qty_Retur Varchar 13

Subtotal Subtotal Int 13

Sumber :Hasil Rancangan (2017)

t. Spesifikasi Jabatan

Nama file : Jabatan

Akronim : Jabatan.sql

Fungsi : Untuk mengelompokkan data jabatan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 20 karakter

Kunci Field : No Retur Jual

Software : MySQL

Tabel III.20

Spesifikasi File Jabatan

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Jabatan Kode_Jabatan Varchar 5 Primary Key

2. Nama Jabatan Nama_Jabatan varchar 15

Sumber :Hasil Rancangan (2017)

100

2.3.3. Rancangan Struktur Navigasi

Rancangan struktur navigasi adalah alur dari suatu web yang tersusun

dengan rapi sehingga mempermudah pengguna dalam mendapatkan Informasi

yang diinginkan. Struktur navigasi yang penulis gunakan berupa struktur navigasi

campuran.

1. Rancangan Struktur Navigasi Halaman Admin

Sumber :Hasil Rancangan (2017)

Gambar III.65.ancangan Struktur Navigasi Halaman Admin

101

2. Rancangan Struktur Navigasi Halaman Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.66.

Rancangan Struktur Navigasi Pimpinan

3. Rancangan Struktur Navigasi Halaman Karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.67.

Rancangan Struktur Navigasi Karyawan

102

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

Berdasarkan rancangan antar muka pada Aplikasi Manajemen Aset yang

penulis telah rancang di atas, berikut ini adalah implementasi rancangan antar

muka yang telah penulis buat.

1. Implementasi Rancangan Antar muka Admin

a. Halaman Login

Sumber :Hasil Rancangan (2017)

Gambar III.68.

Implementasi Antar Muka Halaman Login Admin

103

b. Halaman Menu Utama

Berikut Halaman Menu Utama pada admin

Sumber :Hasil Rancangan (2017)

Gambar III.69.

Implementasi Halaman Utama Admin

c. Halaman Halaman Barang

1) Tambah Data Barang

Berikut tampilan tambah barang pada halaman admin untuk tambah

data barang.

Sumber :Hasil Rancangan (2017)

Gambar III.70. Implementasi Antar Muka Tambah Barang

104

2) Lihat Data Barang

Berikut tampilan lihat data barang pada halaman admin untuk untuk

melihat data barang yang sudah di input.

Sumber :Hasil Rancangan (2017)

Gambar III.71. Implementasi Antar Muka Lihat Data Barang

3) Detail Data Barang

Berikut tampilan keseluruhan Detail data barang

Sumber :Hasil Rancangan (2017)

Gambar III.72. Implementasi Antar Muka Detail Barang

105

4) Edit Data Barang

Berikut tampilan keseluruhan edit data barang

Sumber :Hasil Rancangan (2017)

Gambar III.73 Implementasi Antar Muka Edit Data Barang

d. alaman Tambah Data Karyawan

1) Tambah karyawan

Berikut Halaman untuk tambah data karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.74. Implementasi Antar Muka Tambah Data

Karyawan

106

2) Halaman Lihat Data Karyawan

Berikut Halaman untuk lihat data karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.75. Implementasi Antar Muka Halaman Lihat Data

Karyawan

3) Halaman Detail Data Karyawan

Berikut tampilan untuk melihat detail Data Karyawan.

Sumber :Hasil Rancangan (2017)

Gambar III. 76. Implementasi Antar Muka Halaman Detail Data

Karyawan

107

4) Halaman Detail Edit Data Karyawan

Berikut tampilan untuk melihat edit data karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.77. Implementasi Antar Muka Halaman Edit Data

Karyawan

e. Halaman Data User

1) Tambah User

Berikut halaman untuk tambah data user

Sumber :Hasil Rancangan (2017)

Gambar III.78. Implementasi Antar Muka Tambah User

108

2) Lihat Data User

Berikut halaman untuk lihat data user

Sumber :Hasil Rancangan (2017)

Gambar III.79. Implementasi Antar Muka Lihat Data User

3) Detail User

Berikut halaman untuk lihat detail user

Sumber :Hasil Rancangan (2017)

Gambar III.80. Implementasi Antar Muka Halaman Detail User

109

4) Edit User

Berikut halaman untuk Edit data User

Sumber :Hasil Rancangan (2017)

Gambar III.81. Implementasi Antar Muka Halaman Edit User

f. Halaman Distributor

1) Tambah Distributor

Berikut halaman untuk tambah distributor

Sumber :Hasil Rancangan (2017)

Gambar III.82. Implementasi Antar Muka Halaman Tambah

Distributor

110

2) Lihat Distributor

Berikut halaman untuk untuk melihat data distributor yang telah

ditambah

Sumber :Hasil Rancangan (2017)

Gambar III.83. Implementasi Antar Muka Halaman Lihat

Distributor

3) Edit Distributor

Berikut halaman tampilan edit distributor

Sumber :Hasil Rancangan (2017)

Gambar III.84. Implementasi Antar Muka Halaman Edit Distributor

111

g. Halaman Merk Barang

1) Tambah Merk Barang

Berikut halaman untuk tambah merk barang

Sumber :Hasil Rancangan (2017)

Gambar III.85. Implementasi Antar Muka Tampilan Tambah

Merk Barang

2) Halaman Lihat Merk Barang

Berikut halaman untuk lihat merk barang

Sumber :Hasil Rancangan (2017)

Gambar III.86. Implementasi Antar Muka Halaman Tampilan

Lihat Merk Barang

112

3) Halaman Edit Merk Barang

Berikut halaman untuk mengubah Merk Barang

Sumber :Hasil Rancangan (2017)

Gambar III.87. Implementasi Antar Muka Halaman Edit Merk

Barang

h. Halaman Jenis Barang

1) Tambah Jenis Barang

Berikut halaman untuk tambah Jenis barang

Sumber :Hasil Rancangan (2017)

Gambar III.88. Implementasi Antar Muka Tambah Jenis Barang

113

2) Lihat Jenis Barang

Berikut halaman untuk melihat jenis barang

Sumber :Hasil Rancangan (2017)

Gambar III.89. Implementasi Antar Muka Lihat Jenis Barang

3) Edit Jenis Barang

Berikut halaman untuk melihat jenis barang

Sumber :Hasil Rancangan (2017)

Gambar III.90. Implementasi Antar Muka Edit Jenis Barang

114

i. Halaman Satuan Barang

1) Tambah Satuan Barang

Berikut halaman untuk tambah Satuan Barang

Sumber :Hasil Rancangan (2017)

Gambar III.91. Implementasi Antar Muka Tambah Satuan

Barang

2) Lihat Satuan Barang

Berikut halaman untuk Lihat Satuan Barang

Sumber :Hasil Rancangan (2017)

Gambar III.92. Implementasi Antar Muka Lihat Satuan Barang

115

3) Edit Satuan Barang

Berikut halaman untuk Edit Satuan Barang

Sumber :Hasil Rancangan (2017)

Gambar III.93 Implementasi Antar Muka Edit Satuan Barang

j. Halaman Antar Muka Transaksi Barang Masuk

1) Halaman Tambah Transaksi Utama

Sumber: Hasil Perancangan (2017)

Gambar III. 94 Implementasi Antar Muka Barang Masuk Pertama

116

1) Halaman Tambah Transaksi Kedua

Sumber: Hasil Perancangan (2017)

Gambar III. 95. Implementasi Antar Muka Barang Masuk Kedua

3) Halaman Lihat Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 96. Implementasi Antar Muka Lihat Barang

117

4) Halaman Detail Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 97. Implementasi Antar Muka Detail Barang Masuk

5) Halaman Hasil Cetak Laporan Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 98. Implementasi Antar Muka Hasil Cetak Laporan

Barang Masuk

118

k. Halaman Antar Muka Transaksi Retur Barang Masuk

1) Halaman Tambah Retur Transaksi Utama

Sumber: Hasil Perancangan (2017)

Gambar III. 99. Implementasi Antar Muka Retur Barang Masuk Utama

2) Halaman Tambah Transaksi Retur Kedua

Sumber: Hasil Perancangan (2017)

Gambar III. 100. Implementasi Antar Muka Retur Barang Masuk Kedua

119

6) Halaman Lihat Retur Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 101. Implementasi Antar Muka Lihat Retur Barang

Masuk

7) Halaman Detail Retur Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 102. Implementasi Antar Muka Detail Barang Masuk

120

8) Halaman Hasil Cetak Laporan Retur Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 103. Implementasi Antar Muka Hasil Cetak Laporan

Retur Barang Masuk

l. Halaman Antar Muka Transaksi Barang Keluar

2) Halaman Tambah Transaksi Utama

Sumber: Hasil Perancangan (2017)

Gambar III. 104. Implementasi Antar Muka Barang Keluar Pertama

121

2) Halaman Tambah Transaksi Kedua

Sumber: Hasil Perancangan (2017)

Gambar III. 105. Implementasi Antar Muka Barang Keluar Kedua

3) Halaman Lihat Transaksi Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 106. Implementasi Antar Muka Lihat Data Barang Keluar

122

9) Halaman Detail Transaksi Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 107. Implementasi Antar Muka Detail Transaksi Barang

Keluar

10) Halaman Hasil Cetak Laporan Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 108. Implementasi Antar Muka Hasil Cetak Laporan

Barang Keluar

123

m. Halaman Antar Muka Transaksi Retur Barang Keluar

1) Halaman Tambah Transaksi Utama

Sumber: Hasil Perancangan (2017)

Gambar III. 109 Implementasi Antar Muka Retur Barang Keluar Pertama

4) Halaman Tambah Transaksi Kedua

Sumber: Hasil Perancangan (2017)

Gambar III. 110. Implementasi Antar Muka Retur Barang Keluar

124

5) Halaman Lihat Transaksi Retur Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 111. Implementasi Antar Muka Lihat Data Retur Barang

Keluar

11) Halaman Detail Transaksi Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 112. Implementasi Antar Muka Detail Retur Transaksi

Barang Keluar

125

12) Halaman Hasil Cetak Laporan Retur Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 113. Implementasi Antar Muka Hasil Cetak Laporan

Retur Barang Keluar

2. Implementasi Rancangan Antar muka Pimpinan

a. Login

Berikut tampilan login pada halaman Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.114.

Implementasi Antar Muka Login Pimpinan

126

b. Halaman Utama

Berikut halaman beranda pada halaman Pimpinan

Sumber :Hasil Rancangan (2017)

Gambar III.115.

Implementasi Antar Muka Utama Pimpinan

n. Halaman Antar Muka Cetak Laporan Barang Masuk

1) Halaman Lihat Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 116. Implementasi Antar Muka Lihat Barang Pimpinan

127

2) Halaman Detail Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 117. Implementasi Antar Muka Detail Barang Masuk

Pimpinan

3) Halaman Hasil Cetak Laporan Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 118. Implementasi Antar Muka Hasil Cetak Laporan

Barang Masuk Pimpinan

128

o. Halaman Antar Muka Cetak Laporan Retur Barang Masuk

1) Halaman Lihat Retur Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 119. Implementasi Antar Muka Lihat Retur Barang

Masuk Pimpinan

2) Halaman Detail Retur Barang Masuk

Sumber: Hasil Perancagan (2017)

Gambar III. 120. Implementasi Antar Muka Detail Retur Barang

Masuk Pimpinan

129

3) Halaman Hasil Cetak Laporan Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 121. Implementasi Antar Muka Hasil Cetak Laporan

Barang Masuk Pimpinan

p. Halaman Antar Muka Cetak Laporan Barang Keluar

1) Halaman Lihat Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 122. Implementasi Antar Muka Lihat Barang Keluar

Pimpinan

130

1) Halaman Detail Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 123. Implementasi Antar Muka Detail Barang Keluar

Pimpinan

1) Halaman Hasil Cetak Laporan Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 124. Implementasi Antar Muka Hasil Cetak Laporan

Barang Keluar Pimpinan

131

q. Halaman Antar Muka Cetak Laporan Retur Barang Keluar

1) Halaman Lihat Retur Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 125. Implementasi Antar Muka Lihat Retur Barang

Keluar Pimpinan

2) Halaman Detail Retur Barang Keluar

Sumber: Hasil Perancangan (2017)

Gambar III. 126. Implementasi Antar Muka Detail Retur Barang

Keluar Pimpinan

132

2) Halaman Hasil Cetak Laporan Barang Masuk

Sumber: Hasil Perancangan (2017)

Gambar III. 127. Implementasi Antar Muka Hasil Cetak Laporan

Retur Barang Keluar Pimpinan0

3. Implementasi Rancangan Antar Muka Karyawan

a. Login

Berikut tampilan login pada halaman Karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.128.

Implementasi Antar Muka Login Karyawan

133

b. Halaman Utama

Berikut halaman beranda pada halaman karyawan

Sumber :Hasil Rancangan (2017)

Gambar III.129.

Implementasi Antar Muka Utama Karyawan

c. Halaman Halaman Transaksi Barang Keluar

1) Halaman Transaksi Utama Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.130.

Implementasi Antar Muka Transaksi Utama Barang Keluar

Karyawan

134

2) Halaman Transaksi Kedua Barang Keluar

Sumber :Hasil Rancangan (2017)

Gambar III.131.

Implementasi Antar Muka Transaksi Kedua Barang Keluar

Karyawan

3.4.2. Spesifikasi Sistem Komputer

Spesifikasi sistem komputer akan membahas tentang spesifikasi perangkat

keras dan perangkat lunak minimun yang dibutuhkan untuk

mengimplementasikan Sistem Informasi Pengolahan Data Barang Berbasis Web

pada PD.Alfa Multi Usaha Pontianak.

1. Spesifikasi Perangkat Keras

Adapun spesifikasi perangkat keras minimal yang dibutuhkan sebagai berikut.

a. Server

1) CPU

a) Processor2,2GHz

b) RAM 2 GB

c) Hard Disk 250 GB

135

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024 x 768pixel

b. Client

1) CPU

a) Processor 1,8 GHz

b) RAM 2 GB

c) Hard Disk 250 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024 x 768 pixel

2. Spesifikasi Perangkat Lunak

Perangkat lunak yang dibutuhkan untuk implementasi sistem, adapun

spesifikasi sebagai berikut

a. Server

1) Sistem operasi yang digunakan Microsoft Windows 7.

2) Xampp

a) Aplikasi Apache Server versi 2.2.12

b) Aplikasi PHP server versi 2.5.8

c) Aplikasi MySQL server versi 5.1.37

d) Aplikasi phpMyAdmin 3.2.0.1

136

b. Client

1) Sistem operasi yang umum digunakan seperti Microsoft Windows 7.

2) Aplikasi web browser seperti Google Chrome dan Mozilla Firefox

3.4.3. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program aplikasi.

1. Pengujian Terhadap Halaman Login Aplikasi

Tabel III.21

Hasil Pengujian Black Box Testing Login Admin

No

. Skenario TestCase

Hasil yang

diharapkan

Hasil

pengujian

Kesi

mpul

an

1. Mengosongka

n semua

inputan lalu

klik masuk

Username:

kosong,

password:

kosong

tetap berada pada

Halamanlogin dan

muncul pesan

“Username atau

Password kosong

!”

Sesuai

harapan

Valid

2. Mengisi salah

satu inputan

lalu klik

masuk

Username:

xxxxx,

password:

kosong atau

username:

kosong,

password:

xxxxx

tetap berada pada

Halamanlogin dan

muncul pesan

“Username atau

Password kosong

!”

Sesuai

harapan

Valid

3. Mengisi

dengan benar

inputan lalu

username:

xxxx(benar),

password:

Sistem akan

menerima akses

dan lihat halaman

Sesuai

harapan

Valid

137

klik masuk xxxxx(benar) utama admin

Sumber :Hasil Rancangan (2017)

2. Pengujian Tehadap Halaman Tambah Master Barang

Tabel III.22

Hasil Pengujian Black Box Testing Tambah Data Barang Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali

kode

barang

karena

kode

barang

disini

sudah terisi

dengan

otomatis

klik simpan

ke

Kode Barang

Tidak kosong

Nama Barang

Kosong

Jenis Barang

Kosong

Merk Barang

Kosong

Harga Beli

Kosong

Harga Jual

Kosong

Banyak Barang

Kosong

Pilih Satuan

Kosong

Pilih Distributor

Kosong

Tgl. Transaksi

Kosong

tetap berada

pada tambah

data barang

dan muncul

pesan “Nama

Barang

Silahkan isi

kolom ini

Jenis Barang

Silahkan isi

kolom ini

Merk Barang

Silahkan isi

kolom ini

Harga Beli

Silahkan isi

kolom ini

Harga Jual

Silahkan isi

kolom ini

Banyak

Barang

Silahkan isi

kolom ini

Sesuai

harapan

Valid

138

Pilih Satuan

Silahkan isi

kolom ini

Pilih

Distributor

Silahkan isi

kolom ini

Tgl. Transaksi

Silahkan isi

kolom ini

2. Mengisi

salah satu

inputan

lalu klik

simpan

Kode Barang

xxx

Nama Barang

Tidak kosong

Jenis Barang

Kosong

Merk Barang

Kosong

Harga Beli

Kosong

Harga Jual

Kosong

Banyak Barang

Kosong

Pilih Satuan

Kosong

Pilih Distributor

Kosong

Tgl. Transaksi

Kosong

tetap berada

pada tambah

data barang

dan muncul

pesan “Nama

Barang

Silahkan isi

kolom ini

Jenis Barang

Silahkan isi

kolom ini

Merk Barang

Silahkan isi

kolom ini

Harga Beli

Silahkan isi

kolom ini

Harga Jual

Silahkan isi

kolom ini

Banyak

Barang

Sesuai

harapan

Valid

139

Silahkan isi

kolom ini

Pilih Satuan

Silahkan isi

kolom ini

Pilih

Distributor

Silahkan isi

kolom ini

Tgl. Transaksi

Silahkan isi

3. Mengisi

dengan

benar

inputan

lalu klik

simpan

Nama Barang

Tidak kosong

Jenis Barang tidak

Kosong

Merk Barang

tidak Kosong

Harga Beli

tidak Kosong

Harga Jual

tidak Kosong

Banyak Barang

tidak Kosong

Pilih Satuan

tidak Kosong

Pilih Distributor

tidak Kosong

Tgl. Transaksi

tidak Kosong

Sistem akan

menerima

akses dan

Lihat lihat data

barang “Data

Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

140

3. Pengujian Tehadap Halaman Tambah Master Karyawan

Tabel III.23

Hasil Pengujian Black Box Testing Tambah Data Karyawan Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Mengosong

kan semua

inputan

kecuali

kode

karyawan

karena

kode

karyawan

disini

sudah terisi

dengan

otomatis

klik simpan

ke

Kode karyawan

Tidak kosong

Nama karyawan

kosong

Jenis kelamin

Kosong

Agama

Kosong

Alamat lengkap

Kosong

Pilih jabatan

Kosong

No Telepone

Kosong

Foto karyawan

kosong

tetap berada

pada tambah

data karyawan

dan muncul

pesan “

Nama

karyawan

silakan isi

kolom ini

Jenis kelamin

silakan isi

kolom ini

Agama

silakan isi

kolom ini

Alamat

lengkap

silakan isi

kolom ini

Pilih jabatan

silakan isi

kolom ini

No Telepone

silakan isi

kolom ini

Sesuai

harapan

Valid

141

Foto karyawan

silakan isi

kolom ini

2. Mengisi

salah satu

inputan

lalu klik

simpan

Kode karyawan

Tidak kosong

Nama karyawan

kosong

Jenis kelamin

Kosong

Agama

Kosong

Alamat lengkap

Kosong

Pilih jabatan

Kosong

No Telepone

Kosong

Foto karyawan

kosong

tetap berada

pada tambah

data karyawan

dan muncul

pesan “

Nama

karyawan

silakan isi

kolom ini

Jenis kelamin

silakan isi

kolom ini

Agama

silakan isi

kolom ini

Alamat

lengkap

silakan isi

kolom ini

Pilih jabatan

silakan isi

kolom ini

No Telepone

silakan isi

kolom ini

Foto karyawan

silakan isi

kolom ini

Sesuai

harapan

Valid

142

3. Mengisi

dengan

benar

inputan

lalu klik

simpan

Kode karyawan

Tidak kosong

Nama karyawan

tidak kosong

Jenis kelamin

tidak Kosong

Agama

tidak Kosong

Alamat lengkap

tidak Kosong

Pilih jabatan

tidak Kosong

No Telepone

tidak Kosong

tidak Foto karyawan

kosong

Sistem akan

menerima

akses dan

Lihat lihat data

karyawan

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

4. Pengujian Tehadap Halaman Tambah Master User

Tabel III.24

Hasil Pengujian Black Box Testing Tambah Data User Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali

kode user

karena

Kode User

Tidak kosong

Nama User

kosong

Password

Kosong

tetap berada

pada tambah

data barang

dan muncul

pesan “

Nama

Sesuai

harapan

Valid

143

kode user

disini

sudah terisi

dengan

otomatis

klik simpan

ke

Agama

Kosong

Pilih Level

Kosong

Foto User

Kosong

karyawan

silakan isi

kolom ini

Jenis kelamin

silakan isi

kolom ini

Agama

silakan isi

kolom ini

Alamat

lengkap

silakan isi

kolom ini

Pilih jabatan

silakan isi

kolom ini

No Telepone

silakan isi

kolom ini

Foto karyawan

silakan isi

kolom ini

2. Mengisi

salah satu

inputan

lalu klik

simpan

Kode karyawan

Tidak kosong

Nama karyawan

kosong

Jenis kelamin

Kosong

Agama

Kosong

Alamat lengkap

Kosong

tetap berada

pada tambah

data barang

dan muncul

pesan “

Nama

karyawan

silakan isi

kolom ini

Jenis kelamin

Sesuai

harapan

Valid

144

Pilih jabatan

Kosong

No Telepone

Kosong

Foto karyawan

kosong

silakan isi

kolom ini

Agama

silakan isi

kolom ini

Alamat

lengkap

silakan isi

kolom ini

Pilih jabatan

silakan isi

kolom ini

No Telepone

silakan isi

kolom ini

Foto karyawan

silakan isi

kolom ini

3. Mengisi

dengan

benar

inputan

lalu klik

simpan

Kode karyawan

Tidak kosong

Nama karyawan

tidak kosong

Jenis kelamin

tidak Kosong

Agama

tidak Kosong

Alamat lengkap

tidak Kosong

Pilih jabatan

tidak Kosong

No Telepone

tidak Kosong

Sistem akan

menerima

akses dan

Lihat lihat data

karyawan

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

145

Foto karyawan

tidak kosong

Sumber :Hasil Rancangan (2017)

5. Pengujian Tehadap Halaman Tambah Master Distributor

Tabel III.25

Hasil Pengujian Black Box Testing Tambah Data Distributor Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali

kode

distributor

karena

kode

distributor

disini

sudah terisi

dengan

otomatis

klik simpan

ke

Kode distributor

Tidak kosong

Nama distributor

kosong

alamat

Kosong

kota

Kosong

No telepone

Kosong

Foto User

Kosong

tetap berada

pada tambah

data distributor

dan muncul

pesan “

Nama

distributor

Silakan isi

kolom ini

alamat

Silakan isi

kolom ini

kota

Silakan isi

kolom ini

No telepone

Silakan isi

kolom ini

Foto User

Silakan isi

kolom ini

Sesuai

harapan

Valid

146

2. Mengisi

salah satu

inputan

lalu klik

simpan

Kode karyawan

Tidak kosong

Nama karyawan

kosong

Jenis kelamin

Kosong

Agama

Kosong

Alamat lengkap

Kosong

Pilih jabatan

Kosong

No Telepone

Kosong

Foto karyawan

kosong

tetap berada

pada tambah

data barang

dan muncul

pesan “

Kode

distributor

xxx

Nama

distributor

Silakan isi

kolom ini

alamat

Silakan isi

kolom ini kota

Silakan isi

kolom ini

No telepone

Silakan isi

kolom ini

Foto User

Silakan isi

kolom ini

Sesuai

harapan

Valid

147

3. Mengisi

dengan

benar

inputan

lalu klik

simpan

Kode karyawan

Tidak kosong

Nama karyawan

tidak kosong

Jenis kelamin

tidak Kosong

Agama

tidak Kosong

Alamat lengkap

tidak Kosong

Pilih jabatan

tidak Kosong

No Telepone

tidak Kosong

tidak Foto karyawan

kosong

Sistem akan

menerima

akses dan

Lihat lihat data

distributor

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

6. Pengujian Tehadap Halaman Tambah Master Pelanggan

Tabel III.26

Hasil Pengujian Black Box Testing Tambah Data Pelanggan Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali

kode

Pelanggan

karena

kode

pelanggan

Kode Pelanggan

Tidak kosong

Nama Pelanggan

kosong

alamat

Kosong

No.Telepone

Kosong

tetap berada

pada tambah

data pelanggan

dan muncul

pesan “

Nama

pelanggan

Silakan isi

kolom ini

Sesuai

harapan

Valid

148

disini

sudah terisi

dengan

otomatis

klik simpan

ke

alamat

Silakan isi

kolom ini

No telepone

Silakan isi

kolom ini

2. Mengisi

salah satu

inputan

lalu klik

simpan

Kode pelanggan

Tidak kosong

Nama pelanggan

kosong

alamat

Kosong

No Telepone

Kosong

tetap berada

pada tambah

data pelanggan

dan muncul

pesan “

Nama

pelanggan

Silakan isi

kolom ini

alamat

Silakan isi

kolom ini

No telepone

Silakan isi

Sesuai

harapan

Valid

3. Mengisi

dengan

benar

inputan

lalu klik

simpan

Kode pelanggan

Tidak kosong

Nama pelanggan

tidak kosong

alamat

tidak Kosong

No Telepone

Tidak Kosong

tidak Kosong

Pilih jabatan

tidak Kosong

No Telepone

Sistem akan

menerima

akses dan

Lihat lihat data

distributor

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

149

tidak Kosong

tidak Foto karyawan

kosong

Sumber :Hasil Rancangan (2017)

7. Pengujian Tehadap Halaman Tambah Master Merk Barang

Tabel III.27

Hasil Pengujian Black Box Testing Tambah Data Merk Barang

Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali

kode Merk

Barang

karena kode

merk

barang

disini sudah

terisi

dengan

otomatis

klik simpan

ke

Kode Merk Barang

Tidak kosong

Merk Barang

kosong

tetap berada

pada tambah

data merk

barang dan

muncul pesan“

merk barang

Silakan isi

kolom ini

Sesuai

harapan

Valid

150

2. Mengisi

salah satu

inputan lalu

klik simpan

Kode Merk Barang

Tidak kosong

Merk Barang

kosong

tetap berada

pada tambah

data merk

barang dan

muncul pesan“

merk barang

Silakan isi

kolom ini

Sesuai

harapan

Valid

3. Mengisi

dengan

benar

inputan lalu

klik simpan

Kode Merk Barang

Tidak kosong

Merk Barang

Tidak kosong

Sistem akan

menerima

akses dan

Lihat lihat data

merk barang

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

8. Pengujian Tehadap Halaman Tambah Master Jenis Barang

Tabel III.28

Hasil Pengujian Black Box Testing Tambah Data Jenis Barang Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali

kode Jenis

Barang

karena kode

jenis barang

disini sudah

Kode Jenis Barang

Tidak kosong

Merk Barang

kosong

tetap berada

pada tambah

data jenis

barang dan

muncul pesan“

jenis barang

Silakan isi

kolom ini

Sesuai

harapan

Valid

151

terisi

dengan

otomatis

klik simpan

ke

2. Mengisi

salah satu

inputan lalu

klik simpan

Kode Merk Barang

Tidak kosong

Merk Barang

kosong

tetap berada

pada tambah

data jenis

barang dan

muncul pesan“

jenis barang

Silakan isi

kolom ini

Sesuai

harapan

Valid

3. Mengisi

dengan

benar

inputan lalu

klik simpan

Kode jenis Barang

Tidak kosong

Jenis Barang

Tidak kosong

Sistem akan

menerima

akses dan

Lihat lihat data

jenis barang

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

9. Pengujian Tehadap Halaman Tambah Master Satuan Barang

Tabel III.29

Hasil Pengujian Black Box Testing Tambah Data Satuan Barang

Master

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

Kode satuan Barang

Tidak kosong

satuan Barang

tetap berada

pada tambah

data satuan

Sesuai

harapan

Valid

152

kecuali

kode satuan

Barang

karena kode

satuan

barang

disini sudah

terisi

dengan

otomatis

klik simpan

ke

kosong

barang dan

muncul pesan

satuan barang

“Silakan isi

kolom ini”

2. Mengisi

salah satu

inputan lalu

klik simpan

Kode satuan Barang

Tidak kosong

satuan Barang

kosong

tetap berada

pada tambah

data satuan

barang dan

muncul pesan“

satuan barang

Silakan isi

kolom ini

Sesuai

harapan

Valid

3. Mengisi

dengan

benar

inputan lalu

klik simpan

Kode satuan barang

Tidak kosong

Satuan barang

Tidak kosong

Sistem akan

menerima

akses dan

Lihat lihat data

satuan barang

barang

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

153

10. Pengujian Tehadap Halaman Transaksi Pembelian Barang

Tabel III.30

Hasil Pengujian Black Box Testing Tambah Data Transaksi

Pembelian

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali no

faktur beli

karena kode

no faktur

beli disini

sudah terisi

dengan

otomatis

klik simpan

ke

No Faktur beli

Tidak kosong

Kode barang

Kosong

Nama barang

Kosong

Satuan

Kosong

Harga jual

Kosong

Qty Beli

Kosong

Subtotal

Kosong

tetap berada

pada tambah

data transaksi

pembelian dan

muncul pesan

Kode barang

Masih ada data

kosong!!!

Nama barang

Masih ada data

kosong!!!

Satuan

Masih ada data

kosong!!!

Harga jual

Masih ada data

kosong!!!

Qty Beli

Masih ada data

kosong!!!

Masih ada data

kosong!!!

Sesuai

harapan

Valid

154

2. Mengisi

salah satu

inputan lalu

klik simpan

No faktur beli

Tidak kosong

Kode barang

Tidak kosong

Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Beli

Kosong

Subtotal

Kosong

tetap berada

pada tambah

data transaksi

pembelian

muncul pesan

Qty Beli

Masih ada data

kosong!!!

subtotal

Masih ada data

kosong!!!

Sesuai

harapan

Valid

3. Mengisi

dengan

benar

inputan lalu

klik simpan

Kode barang

Tidak kosong

Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Beli

Tidak kosong

Subtotal

Tidak kosong

Sistem akan

menerima

akses dan

Lihat lihat data

pembelian

barang

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

155

11. Pengujian Tehadap Halaman Transaksi Retur Pembelian Barang

Tabel III.31

Hasil Pengujian Black Box Testing Retur Transaksi Pembelian

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali no

retur beli

karena kode

no retur beli

disini sudah

terisi

dengan

otomatis

klik simpan

ke

No Retur Beli

Tidak kosong

Kode barang

Kosong

Nama barang

Kosong

Satuan

Kosong

Harga jual

Kosong

Qty Retur

Kosong

Subtotal

Kosong

tetap berada

pada tambah

data transaksi

pembelian dan

muncul pesan

Kode barang

Masih ada data

kosong!!!

Nama barang

Masih ada data

kosong!!!

Satuan

Masih ada data

kosong!!!

Harga jual

Masih ada data

kosong!!!

Qty Retur

Masih ada data

kosong!!!

Masih ada data

kosong!!!

Sesuai

harapan

Valid

156

2. Mengisi

salah

beberapa

inputan lalu

klik simpan

No Retur Beli

Tidak kosong

Kode barang

Tidak kosong

Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Retur

Kosong

Subtotal

Kosong

tetap berada

pada tambah

data Retur

transaksi

pembelian

muncul pesan

Qty Retur

Masih ada data

kosong!!!

subtotal

Masih ada data

kosong!!!

Sesuai

harapan

Valid

3. Mengisi

dengan

benar

inputan lalu

klik simpan

No Retur Beli

Kode barang

Tidak kosong

Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Retur

Tidak kosong

Subtotal

Tidak kosong

Sistem akan

menerima

akses dan

Lihat lihat data

retur

pembelian

barang

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

157

12. Pengujian Tehadap Halaman Transaksi Penjualan Barang

Tabel III.32

Hasil Pengujian Black Box Testing Transaksi Penjualan

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Mengosong

kan semua

inputan

kecuali no

faktur jual

karena kode

no faktur

jual disini

sudah terisi

dengan

otomatis

klik simpan

ke

No Faktur Jual

Tidak kosong

Kode barang

Kosong

Nama barang

Kosong

Satuan

Kosong

Harga jual

Kosong

Qty Jual

Kosong

Subtotal

Kosong

tetap berada

pada tambah

data transaksi

penjualan dan

muncul pesan

Kode barang

Masih ada data

kosong!!!

Nama barang

Masih ada data

kosong!!!

Satuan

Masih ada data

kosong!!!

Harga jual

Masih ada data

kosong!!!

Qty Jual

Masih ada data

kosong!!!

Masih ada data

kosong!!!

Sesuai

harapan

Valid

2. Mengisi

salah

beberapa

inputan lalu

No Retur Beli

Tidak kosong

Kode barang

Tidak kosong

tetap berada

pada tambah

data penjualan

transaksi

Sesuai

harapan

Valid

158

klik simpan Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Retur

Kosong

Subtotal

Kosong

pembelian

muncul pesan

Qty Jual

Masih ada data

kosong!!!

subtotal

Masih ada data

kosong!!!

3. Mengisi

dengan

benar

inputan lalu

klik simpan

No Faktur Jual

Tidak kosong

Kode barang

Tidak kosong

Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Jual

Tidak kosong

Subtotal

Tidak kosong

Sistem akan

menerima

akses dan

Lihat lihat data

penjualan

barang

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

159

13. Pengujian Tehadap Halaman Transaksi Retur Penjualan Barang

Tabel III.33

Hasil Pengujian Black Box Testing Transaksi Retur Penjualan

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesi

mpul

an

1. Mengosong

kan semua

inputan

kecuali no

retur jual

karena kode

no retur jual

disini sudah

terisi

dengan

otomatis

klik simpan

ke

No Retur Jual

Tidak kosong

Kode barang

Kosong

Nama barang

Kosong

Satuan

Kosong

Harga jual

Kosong

Qty Retur

Kosong

Subtotal

Kosong

tetap berada

pada tambah

data transaksi

retur penjualan

dan muncul

pesan

Kode barang

Masih ada data

kosong!!!

Nama barang

Masih ada data

kosong!!!

Satuan

Masih ada data

kosong!!!

Harga jual

Masih ada data

kosong!!!

Qty Retur

Masih ada data

kosong!!!

Masih ada data

kosong!!!

Sesuai

harapan

Valid

160

2. Mengisi

beberapa

inputan lalu

klik simpan

No Retur Jual

Tidak kosong

Kode barang

Tidak kosong

Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Retur

Kosong

Subtotal

Kosong

tetap berada

pada tambah

data retur

penjualan

transaksi

pembelian

muncul pesan

Qty retur

Masih ada data

kosong!!!

subtotal

Masih ada data

kosong!!!

Sesuai

harapan

Valid

3. Mengisi

dengan

benar

inputan lalu

klik simpan

No retur jual

Tidak kosong

Kode barang

Tidak kosong

Nama barang

Tidak kosong

Satuan

Tidak kosong

Harga jual

Tidak kosong

Qty Retur

Tidak kosong

Subtotal

Tidak kosong

Sistem akan

menerima

akses dan

Lihat lihat data

retur penjualan

barang

“Data Berhasil

Disimpan !”

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)

161

14. Pengujian terhadap browser Mozilla Firefox dan Google Chrome

Tabel III.34

Hasil Pengujian Black Box Testing Browser Mozilla Firefox Dan Google

Chrome

No. Skenario Test Case Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Menjalankan

browser

Mozilla

firefox

Halaman input

tampil pada field

tanggal berupa type

data date

Tidak akan

muncul

perintah

pilihan tanggal

Tidak

sesuai

harapan

Failed

2 Menjalankan

browser

Google

Chrome

Halaman input

tampil pada field

tanggal berupa type

data date

Muncul pilihan

tanggal

Sesuai

harapan

Valid

Sumber :Hasil Rancangan (2017)