73
3 Kode Barang masuk BM
– 001 Karakter angka untuk menunjukan nomor urut
Karakter huruf untuk kode barang masuk 4 Kode Nomor Barang Keluar
BK-P-0001 Karakter angka akhir untuk nomor urut
Karakter huruf untuk jenis barang keluar Karakter huruf menunjukan barang keluar
4.2.5 Perancangan Antar Muka
Perancangan antar muka ini menggambarkan rancangan dari keseluruhan tampilan yang ada pada sistem yang telah dibuat. Adapun rancangan tampilan
yang dibuat meliputi struktur menu, perancangan input, dan perancangan output.
4.2.5.1 Struktur Menu
Pada perancangan struktur menu ini akan dijelaskan tentang menu-menu yang ada dan tersusun pada sistem yang telah dibuat ini. Berikut gambarnya :
74
Home Produk
Suplier
Konsumen List
Cat Body
Finishing
Barang Keluar Barang Masuk
List Suplier Tambah Suplier
Admin Bag Produksi
Logout Laporan
Barang Keluar Laporan
Barang Masuk Laporan
Gambar 4.19 Struktur Menu SI Persediaan Barang
4.2.5.2 Perancangan Input
Perancangan input yaitu sebuah tampilan yang dirancang sebagai tempat untuk memasukan data-data yang diberikan oleh pengguna sistem. Adapun
masukan pada sistem pengolahan data pengadaan barang ini adalah sebagai berikut :
75
1. Form Login Digunakan untuk membedakan hak akses pengguna, pada sistem ini
penggunanya yaitu Bagian Admin dan User. Melalui form ini pengguna yang boleh masuk sistem adalah pengguna yang mengetahui username dan
password.
User Name Password
Login Lupa password?
Gambar 4.20 Form Login
2. Form Input Data Barang
KAROSERI LILING PUTRA
Home Produk
Katagori Jumlah
Nama Barang Kode Barang
Suplier Konsumen
Barang Masuk Barang Keluar
Admin Laporan
Harga Submit
Tambah Barang
Gambar 4.21 Form Input Data Barang
76
3. Form Input Data Suplier
KAROSERI LILING PUTRA
Home Produk
ContacHp Alamat
Nama Suplier Kode Suplier
Suplier Katagori
Barang Masuk Barang Keluar
Admin Laporan
Tlp Submit
Tambah Suplier
Gambar 4.22 Form Input Data Supplier
4. Form Input Data Konsumen
KAROSERI LILING PUTRA
Home Produk
ContacHp Alamat
Nama Suplier Suplier
Katagori Barang Masuk
Barang Keluar Admin
Laporan
Submit Tambah Konsumen
Gambar 4.23 Form Input Data Konsumen
77
5. Form Input Data Barang Masuk
KAROSERI LILING PUTRA
Home Produk
Tanggal Quantity
Nama Suplier Nama Barang
Suplier Katagori
Barang Masuk Barang Keluar
Admin Laporan
Submit Input Barang Masuk
Gambar 4.24 Form Input Barang Masuk
6. Form Input Data Barang Keluar
KAROSERI LILING PUTRA
Home Produk
Tanggal Penanggung jawab
Nama konsumen Kode Produksi
Suplier Katagori
Barang Masuk Barang Keluar
Admin Laporan
Umum Input Barang Keluar
Paket
Gambar 4.25 Form Input Data Barang Keluar
78
7. Form Input Data User
KAROSERI LILING PUTRA
Home Produk
Email Confirm password
Password User Name
Suplier Katagori
Barang Masuk Barang Keluar
Admin Laporan
Submit Tambah User
Gambar 4.26 Form Input Data User 4.2.5.3 Perancangan Output
Perancangan output diperlukan untuk menentukan tampilan program yang berfungsi sebagai tempat menampilkan informasi. Berikut ini merupakan
perancangan output untuk sistem informasi persediaan barang. 1. Tampilan output Data Produk
No Kode Barang
Nama Barang Harga Total
Katagori Jumlah
Harga Satuan Menampilkan
Data per Halaman Home
Produk Suplier
Katagori Barang Masuk
Barang Keluar Admin
Laporan Daftar Barang
KAROSERI LILING PUTRA
Tambah Barang Cari
Action Ubah
Hapus
Gambar 4.27 Desain Tampilan output data produk
79
2. Tampilan output Data Suplier
No Kode
Nama Tlp
Alamat ContactHp
Menampilkan Data per Halaman
Home Produk
Suplier Katagori
Barang Masuk Barang Keluar
Admin Laporan
Daftar Suplier KAROSERI
LILING PUTRA Tambah Suplier
Cari Action
Ubah Hapus
Gambar 4.28 Desain Tampilan output data supplier
3. Tampilan output Barang Masuk
No Kode Baranng
Nama Barang Harga Total
Nama Suplier Quantity
Menampilkan Data per Halaman
Home Produk
Suplier Katagori
Barang Masuk Barang Keluar
Admin Laporan
Daftar Barang Masuk KAROSERI
LILING PUTRA Input Barang Masuk
Cari Action
Ubah Hapus
Tanggal
Gambar 4.29 Desain Tampilan output barang masuk
80
4. Tampilan output Barang Keluar
No Kode Produksi
Nama Konsumen Tipe
Penanggung Jawab Nama Barang
Menampilkan Data per Halaman
Home Produk
Suplier Katagori
Barang Masuk Barang Keluar
Admin Laporan
Daftar Suplier KAROSERI
LILING PUTRA Tambah Suplier
Cari Action
Ubah Hapus
Jumlah Tanggal
Gambar 4.30 Desain Tampilan output barang keluar
81
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1 Implementasi
Implementasi merupakan kegiatan akhir dari proses penerapan sistem baru dimana tahap ini merupakan tahap meletakan sistem supaya siap untuk
dioperasikan dan dapat dipandang sebagai usaha untuk mewujudkan sistem yang telah dirancang. Proses implementasi untuk prosedur dalam teknologi komputer
akan menggunakan bahasa pemrograman. Pertimbangan untuk memilih bahasa pemrograman didasarkan pada 2 hal, yaitu kemampuan bahasa itu untuk
menangani dan mengimplementasikan proses-proses yang dirancang.
5.1.1 Batasan Implementasi
Dalam mengimplementasikan perangkat lunak diperlukan pemantauan dan pengendalian terhadap aplikasi. Dalam Perancangan Sistem Informasi Persediaan
Barang ini ada beberapa hal yang menjadi batasan implementasi, yaitu : 1. Bahasa pemrograman yang digunakan dalam Perancangan Sistem
Informasi Persediaan Barang pada Bagian Gudang di PT. Liling Putra ini adalah bahasa pemrograman PHP berbasis Web dengan database MySQL.
2. Manajemen user atau pembagian hak akses hanya pada bagian logistik saja sebagai admin server dan unit kerja sebagai user client.
