BAB IV HASIL DAN PEMBAHASAN
4.2. Perancangan Antar Muka
4.2.1. Struktur menu
Perancangan struktur menu dibuat untuk memudahkan pemakai atau
pengguna sistem dalam menjalankan program aplikasi. Berikut ini adalah gambar
perancangan struktur menu :
Halam an Utam a
M aster Data Pem b elian Kasir Lap oran
Karyaw an
Jabatan
Jasa
Sp arepar t
Hak Akses
Transaksi Jasa Servis
Transaksi Penjualan Sp ar epar t
Dat a Tran saksi
Ret ur
Lapor an Sto k Sparepart
Lap or an Pem belian St ock Op an m e
Lap or an Titip Jual
Lap oran Tr ansaksi/ Penju alan
Gambar 4.15 Struktur Menu Admin
2. Struktur Menu Kasir
Halam an Utam a
Kasir
Transaksi Jasa Servis
Transaksi Pen jualan Spar epar t
Dat a Tr an saksi
Gambar 4.16 Struktur Menu Kasir
3. Struktur Menu Bagian Keuangan
Halam an Utam a
Data Pem b elian Lap oran
St ock Opan m e Laporan Stok Spar epart
Lapor an Pem belian
Lapor an Titip Ju al
Laporan Tr ansaksi/ Penjualan
Gambar 4.17 Struktur Bagian Keuangan 4.2.2. Perancangan Input
Perancangan input merupakan desain yang dirancang untuk menerima
penjelasan bagi pemakainya, baik dari bentuk maupun dari masukan – masukan
yang akan diisi.
1. Perancangan Input Login
Form login muncul untuk memberikan hak akses kepada user,
dengan memasukkan username dan password. Berikut merupakan
perancangan form login.
Logo
AsepMcGyver
the best innovative workshop
Username
Password
Login
2. Perancangan Input Data Karyawan
Form data karyawan untuk menginput data karyawan pada
perusahaan Berikut merupakan perancangan form data karyawan.
Simpan Kem bali
Tam bah Karyaw an
NIP Nam a Lengkap Jen is Kelam in Laki - Laki Perem puan Alam at Telephone Tanggal Laghir Pilih Stat us -St at u s Per nikahan Jum l ah Anak Pilih Jabatan -Jabat an Usernam e Passw ord St at u s Active No n - Act ive
3. Perancangan Input Data Jabatan
Tampilan form ini digunakan saat menginput data jabatan yang
nantinya digunakan untuk hak akses pada user.
Sim pan Kembali
Tam bah Jabat an
Kod e Jabat an
Nam a Jabat an
Ket er angan
Gambar 4.20 Form Jabatan 4. Perancangan Input Data Jasa
Tampilan form ini digunakan saat menginput data jasa yang tersedia
dimana nantinya digunakan untuk transaksi jasa servis.
Sim pan Kem bali
Tam bah Jasa
Kod e Jasa
Nam a Jasa
Ke t er angan Har ga Jasa
5. Perancangan Input Data Mitra Bengkel
Tampilan form ini digunakan saat menginput data mitra bengkel
yang tersedia dimana nantinya digunakan untuk transaksi pembelian
sparepart/titip jual sparepart.
Sim pan Kem bali
Tam bah M it r a Bengkel
Kod e
N am a
N o. Tele phone Alam at
Gambar 4.22 Form Mitra Bengkel 6. Perancangan Input Data Sparepart
Tampilan form ini digunakan saat menginput data sparepart yang
tersedia dimana nantinya digunakan untuk transaksi jasa servis, penjualan
sparepart dan stok sparepart.
Sim p an Kem b ali Tam b ah Sparep art
Ko d e Sp ar ep a r t
Nam a Sp ar ep art
Ket er an gan St o ck Aw a l
Har ga Sp ar ep art
7. Perancangan Pembelian Sparepart
Tampilan form ini digunakan saat pengadaan sparepart atau
pembelian sparepart.
Buat Faktur Pembelian
Simpan Pembelian
M itra Bengkel Sparepart Stok
Data Stok Sparepart Saat Ini
pilih mitra bengkel -No. Transaksi
Tanggal
M it ra Bengkel
Pilih sparepart satuan qt y Tambahkan
Kode Nama Qty
Gambar 4.24 Form Pembelian Sparepart 8. Perancangan Stock Sparepart
Tampilan form ini digunakan saat pengurangan apabila ada retur
atau penambahan stok sparepart yang masuk.
Stok Opname
Simpan KODE SPAREPART NAM A SPAREPART STOK SAAT INI
Penambahan Stok Penambahan Stok Penambahan Stok Penambahan Stok Penambahan Stok + Pengurangan Stok Pengurangan Stok Pengurangan Stok Pengurangan Stok Pengurangan Stok
9. Perancangan Transaksi Jasa Servis
Tampilan form ini digunakan saat terjadinya transaksi jasa servis
yang meliputi transaksi jasa dan sparepart.
Transaksi No.Transaksi Pilih M ekanik -M ekanik Keluhan / Gejala Pilih Jasa -Jasa Tam bahkan Nam a Cu st om er No. Telp Cu st om er Type Jenis M obil No. Pol Tanggal M asuk Tanggal Kelu ar
Sparepart / Jasa QTY Harga Tam bahkan Kode Nam a QTY Harga Tot al
Tot al Bayar
Sim pan Transaksi
10. Perancangan Retur
Tampilan form ini digunakan saat adanya retur sparepart karena
rusak atau cacat.
Tampil Retur Sparepart
Kode Retur
ID Transaksi
No Nama Sparepart Jumlah Jumlah Retur Keterangan
Simpan Kembali
Gambar 4.27 Form Retur 4.2.3. Perancangan Output
Perancangan output adalah bentuk tampilan keluaran dari program yang
1. Perancangan Output Nota Pembayaran
Tampilan ini berisikan tentang informasi bukti transaksi, baik
transaksi servis ataupun penjualan sparepart.
Logo Jl. Sr iwijaya 130 Kel. Ciser euh Kec. Rego l Bandung 40255 Phone : 08782 4832271
No. Transaksi Tanggal :
No Nam a Bar ang / Jasa Banyaknya Harga sat uan Ju mlah
TOTAL
, ,
Kep ad a Yt h.
Terb ilang :
Gambar 4.28 Form Nota Pembayaran 2. Perancangan Output Laporan Data Sparepart
Tampilan ini berisikan tentang informasi laporan data sparepart, yang
Logo Jl. Sriw ijaya 130 Kel. Ciser euh Kec. Regol Bandun g 40255 Phone : 087824832271
Laporan Dat a Sparepart
Tan ggal :
KODE SPAREPART N AM A SPAREPART HARGA STOK
Owner
Drs. Asep Rukm ay a
Gambar 4.29 Form Laporan Data Sparepart 3. Perancangan Output Laporan Pembelian Sparepart
Tampilan ini berisikan tentang informasi laporan pembelian
sparepart, yang nantinya diberikan kepada owner sebagai informasi
laporan pembelian sparepart.
Logo Jl. Sriw ijaya 130 Kel. Cisereuh Kec. Rego l Ban dun g 40255 Phon e : 08782 4832271
Lapo ran Pem belian Spar epart
Tan ggal :
Faktur Pem belian Tanggal M itra Bengkel Det ail Sparepart
Ow ner
Drs. Asep Ru km ay a
Total
4. Perancangan Output Laporan Transaksi/Penjualan
Tampilan ini berisikan tentang informasi laporan transaksi, baik
transaksi servis ataupun penjualan sparepart. Yang nantinya akan
diserahkan kepada owner sebagai laporan transaksi.
Logo Jl. Sr iw ijaya 130 Kel. Cisereuh Kec. Rego l Ban dun g 40255 Phone : 087824832271
Laporan Tr ansaksi
No. Transak si Nam a Cost um er M ob il Biaya
TOTAL
Ow ner
Perio de :
Tgl. M asuk Tgl. Keluar Telp
Drs. Asep Ru km aya
4.3. Perancangan Arsitektur Jaringan
Perancangan arsitektur jaringan adalah bentuk rancangan suatu konfigurasi
jaringan yang diusulkan untuk diterapkan di dalam pelaksanaan sistem informasi
penjualan sparepart dan pelayanan jasa servis pada bengkel ASEP MCGYVER
Bandung dapat dilihat pada gambar berikut ini :
Bag.keuangan 2 (Client) Admin
/Bag.keuangan 1 (Server)
Kasir (Client) Hub
Gambar 4.32 Perancangan Arsitektur Jaringan (Topologi Star)
Pada gambar diatas menunjukan arsitektur jaringan dengan metode topologi
star dimana sistem informasi penjualan sparepart dan pelayanan jasa servis hanya
bias diakses oleh komputer pengguna yang sudah terhubung dengan LAN (Local
Area Network).
4.4. Pengujian
Pengujian dilakukan untuk menjamin kualitas dan juga mengetahui
bahwa perangkat lunak yang dibangun memiliki kualitas, yaitu mampu
mempresentasikan kajian pokok dari spesifikasi, analisis, perancangan dan
pengkodean dari perangkat lunak itu sendiri.