Grafik Penggunaan Spon Hitam 4 mili
1. Perangkat Lunak Yang Ada Sekarang
3.11 Perancangan Antarmuka
3.11.1 Perancangan Antarmuka Pemilik
1. Perancangan antar muka Login untuk pemilik dapat dilihat pada Gambar 3.24
FLogin _ X GAMBAR USERNAME : PASSWORD : LOGIN KELUAR KETERANGAN : Nama Form : T01 Ukuran Layar : 218 x 307 Tipe / Ukuran Font : Time new roman Warna Latar : Biru Tua
NAVIGASI :
- Klik Login makan akan menuju ke T02 - Klik Batal makan akan membatalakan proses, atau keluar dari aplikasi T 01
99
2. Perancangan antar muka Menu Utama untuk pemilik dapat dilihat pada Gambar
3.25
.
T02
X _ Home Industri Agung Suhanda
DATA MASTER DATA TRANSAKSI PENGOLAHAN LAPORAN LOGOUT
APLIKASI SISTEM INFORMASI PERAMALAN PERSEDIAN STOK BAHAN BAKU HOME INDUSTRI AGUNG SUHANDA
LOGO
HEAD OFFICE JL. BABAKAN CIPARAY GANG HASAN ALI NO 11 RT2/RW3 PHONE : 087821951385 Email : [email protected] KETERANGAN : Nama Form : T02 Ukuran Layar : 460 x 978 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
Navigasi :
- Klik Data Master – Data Pelanggan Untuk menuju T03
- Klik Data Master – Data Supplier Untuk menuju T06
- Klik Data Master - Data Bahan Baku Untuk menuju T09
- Klik Data Master – Data Ukuran untuk menuju T012
- Klik Data Master – Data produk Untuk menuju T015
- Klik Data Master – Data Warna untuk menuju T018
- Klik Data Transaksi – Data pembelian untuk menuju ke T021 - Klik Data Transaksi – Data pemesanan untuk menuju ke T24
- Klik Pengolahan Laporan – Laporan data pembelian bahan baku T27 - Klik pengolahan laporan – Laporan data pemesanan produk untuk menuju ke T30 - Klik Peramalan – Peramalan untuk menuju ke T033
- Klik Logout – logout unutk menuju ke T01
PENGOLAHAN DATA PELANGGAN PENGOLAHAN DATA SUPPLIER PENGOLAHAN DATA BAHAN BAKU PENGOLAHAN DATA UKURAN PENGOLAHAN DATA PRODUK PENGOLAHAN DATA WARNA
LAPORAN DATA PEMBELIAN BAHAN BAKU LAPORAN PEMESANAN PROUK PENGOLAHAN DATA PEMBELIAN
PENGOLAHAN DATA PEMESANAN
PERAMALAN
Gambar III.25 Tampilan antar muka menu utama
3. Perancangan antar muka Pengolahan Data pelanggan untuk pemilik dapat dilihat pada Gambar 3.26
X _ Home Industri Agung Suhanda
PENGOLAHAN DATA PELANGGAN
CARI
TAMBAH UBAH HAPUS T03
ID PELANGGAN NAMA ALAMAT NO TLP
KETERANGAN : Nama Form : T03 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
NAVIGASI : - Klik Tambah Maka akan menuju ke T04 - Klik Ubah Maka akan menuju ke T05 - Klik Cari maka akan menemukan data yang di cari
- Klik Hapus maka akan mengahpus data yang dipilih
4. Perancangan antar muka tambah Supplieruntuk bagian pemilik dapat dilihat pada gambar 3.27
_ Home Industri Agung Suhanda
Tambah Data Pelanggan
T04 ID Pelanggan : Nama : Alamat : No Tlp : SIMPAN BATAL X KETERANGAN : Nama Form : T04 Ukuran Layar : 400 x 424
Tipe/Ukuran Font : Times New Roman
Warna Latar : Teal
NAVIGASI :
- Klik Simpan untuk proses menyimpan data - Klik Batal maka akan kembali ke T03
Gambar III.27 Tampilan antar muka tambah pelanggan
5. Perancangan antar muka ubah data pelanggan untk pemilik dapat dilihat pada gambar 3.28
_ Home Industri Agung Suhanda
Ubah Data Pelanggan
T05 ID Pelanggan : Nama : Alamat : No Tlp : SIMPAN BATAL X KETERANGAN : Nama Form : T05 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
NAVIGASI : - Klik Simpan makan akan menyimpan ke T03 - Klik Batal maka akan kembali ke T03
101
6. Perancangan antar muka pengolahan data Supplier untuk bagian pemilik dapat dilihat pada gambar 3.29
X _ Home Industri Agung Suhanda
PENGOLAHAN DATA SUPPLIER
CARI
TAMBAH UBAH HAPUS
ID SUPPLIER NAMA ALAMAT NO TLP
KETERANGAN : Nama Form : T06 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T06
NAVIGASI :
- Klik Tambah Maka akan menuju ke T07 - Klik Ubah Maka akan menuju ke T08 - Klik Hapus Maka akan mengahpus data yang diinginkan
- Klik Cari maka akan menemukan data yang dicari
Gambar III.29 Tampilan antar muka data supplier
7. Perancangan antar muka pengolahan tambah Supplier untuk pemilik dapat dilihat pada gambar 3.30
_ Home Industri Agung Suhanda
TAMBAH DATA SUPPLIER ID Supplier : Nama : Alamat : No Tlp : SIMPAN BATAL X KETERANGAN : Nama Form : T07 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman
Warna Latar : Teal
T07
NAVIGASI :
- Klik Simpan untuk proses menyimpan data - Klik Batal maka akan kembali ke T06
8. Perancangan anta muka ubah data supplier untuk pemilik dapat dilihat pada gambar 3.31
_ Home Industri Agung Suhanda
Ubah Data Supplier T08 ID Supplier : Nama : Alamat : No Tlp : SIMPAN BATAL X KETERANGAN : Nama Form : T08 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T06 - Klik Batal maka akan kembali ke T06
Gambar III.31 Tampilan antar muka ubah data supplier
9. Perancangan antar muka pengolahan data bahan baku untuk bagian pemilik dapat dilihat pada gambar 3.32
X _ Home Industri Agung Suhanda
PENGOLAHAN DATA BAHAN BAKU
CARI
TAMBAH UBAH HAPUS
ID BAHAN BAKU NAMA
KETERANGAN : Nama Form : T09 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T09
NAVIGASI :
- Klik Tambah Maka akan menuju ke T10 - Klik Ubah Maka akan menuju ke T11 - Klik Hapus Maka akan menghapus data yang diinginkan
- Klik Cari maka akan menemukan data yang dicari
103
10.Perancangan antar muka pengolahan tambah bahan baku untuk pemilik dapat dilihat pada gambar 3.3
_ Home Industri Agung Suhanda
TAMBAH DATA BAHAN BAKU
ID Bahan Baku : Nama : SIMPAN BATAL X KETERANGAN : Nama Form : T10 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T10
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T09 - Klik Batal maka akan kembali ke T09
Gambar III.33 Tampilan anta muka tambah data bahan baku
11.Perancangan antar muka ubah data bahan baku untuk pemilik dapat dilihat pada gambar 3.34
_ Home Industri Agung Suhanda
Ubah Data Bahan baku
T11 ID Bahan baku : Nama : SIMPAN BATAL X KETERANGAN : Nama Form : T11 Ukuran Layar : 400 x 424
Tipe/Ukuran Font : Times New Roman
Warna Latar : Teal
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T09 - Klik Batal maka akan kembali ke T09
Gambar III.34 Tampilan antar muka ubah data bahan baku
12.Perancangan antar muka pengolahan data ukuran untuk pemilik dapat dilihat pada gambar 3.35
X _ Home Industri Agung Suhanda
PENGOLAHAN DATA UKURAN
CARI
TAMBAH EDIT HAPUS ID UKURAN UKURAN
KETERANGAN : Nama Form : T12 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T12
NAVIGASI :
- Klik Tambah Maka akan menuju ke T013 - Klik Ubah Maka akan menuju ke T014 - Klik Hapus Maka akan mengahpus data yang diinginkan - Klik Cari maka akan menemukan data yang dicari
Gambar III.35 Tampilan antar muka pengolahan data ukuran
13.Perancangan antar muka pengolahan tambah ukuran untuk pemilik dapat dilihat pada gambar 3.36
_ Home Industri Agung Suhanda
TAMBAH DATA UKURAN
ID Ukuran : SIMPAN BATAL X Ukuran : KETERANGAN : Nama Form : T13 Ukuran Layar : 400 x 424
Tipe/Ukuran Font : Times New Roman
Warna Latar : Teal
T13
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T12 - Klik Batal maka akan kembali ke T12
Gambar III.36 tampilan anta muka tambah ukuran
14.Perancangan antar muka ubah data ukuran untuk pemilik dapat dilihat pada gambar 3.37
105
_ Home Industri Agung Suhanda
Ubah Data Ukuran
T14 ID Ukuran : Ukuran : SIMPAN BATAL X KETERANGAN : Nama Form : T14 Ukuran Layar : 400 x 424
Tipe/Ukuran Font : Times New Roman
Warna Latar : Teal
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T12 - Klik Batal maka akan kembali ke T12
Gambar III.37 Tampilan antar muka ubah data ukuran
15.Perancangan antar muka pengolahan data produk untuk pemilik dapat dilihat pada gambar 3.38
X _ Home Industri Agung Suhanda
PENGOLAHAN DATA PRODUK
CARI
TAMBAH LIHAT EDIT HAPUS T15
ID Produk ID Bahan Baku ID Pemilik Gambar
KETERANGAN : Nama Form : T15 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
NAVIGASI : - Klik Tambah Maka akan menuju ke T016 - Klik Ubah Maka akan menuju ke T017 - Klik Hapus Maka akan mengahpus data yang diinginkan - Klik Cari maka akan menemukan data yang dicari
Gambar III.38 Tampilan antar muka pengolahan data produk
16.Perancangan antar muka pengolahan tambah produk untuk pemilik dapat dilihat pada gambar 3.39
_ Home Industri Agung Suhanda
TAMBAH DATA PRODUK
ID Produk : ID Bahan baku : SIMPAN BATAL X ID Pemilik : Gambar : KETERANGAN : Nama Form : T16 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T16
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T15 - Klik Batal maka akan kembali ke T15
Gambar III.39 Tampilan antar muka tambah data produk
17.Perancangan antar muka ubah data produk bagian pemilik dapat dilihat pada gambar 3.40
_ Home Industri Agung Suhanda
Ubah Data Produk
T17 SIMPAN BATAL X KETERANGAN : Nama Form : T17 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman
Warna Latar : Teal
ID Produk : ID Bahan baku : ID Pemilik : Gambar :
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T15 - Klik Batal maka akan kembali ke T15
Gambar III.40 Tampilan antar muka ubah data produk
18.Perancangan antar muka pengolahan Data warna untuk pemilik dapat dilihat pada gambar 3.41
107
X _ Home Industri Agung Suhanda
PENGOLAHAN DATA WARNA
CARI
TAMBAH EDIT HAPUS ID WARNA WARNA
KETERANGAN : Nama Form : T18 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T18
NAVIGASI : - Klik Tambah Maka akan menuju ke T019 - Klik Ubah Maka akan menuju ke T020 - Klik Hapus Maka akan mengahpus data yang diinginkan - Klik Cari maka akan menemukan data yang dicari
Gambar III.41 Tampilan antar muka pengolahan data warna
19.Perancangan antar muka Tambah warna untuk pemilik dapat dilihat pada gambar 3.42
_ Home Industri Agung Suhanda
TAMBAH DATA WARNA
ID Warna : Warna : SIMPAN BATAL X KETERANGAN : Nama Form : T19 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T19
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T15 - Klik Batal maka akan kembali ke T15
Gambar III.42 Tampilan antar muka tambah data warna
20.Perancangan antar muka ubah warna untuk pemilik dapat dilihat pada gambar 3.43
_ Home Industri Agung Suhanda
Ubah Data Warna
T20 ID Warna : Warna : SIMPAN BATAL X KETERANGAN : Nama Form : T20 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman
Warna Latar : Teal
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T15 - Klik Batal maka akan kembali ke T15
Gambar III.43 Tampilan antar muka ubah data warna
21.Perancangan antar muka transaksi pemnelian bahan baku untuk pemilik dapat dilihat pada gambar 3.44
Home Industri Agung Suhanda _ X
TRANSAKSI PEMBELIAN BAHAN BAKU
Id_pembelian Tanggal Jumlah Pembelian
TAMBAH T21
NAVIGASI :
- Klik Tambah Maka akan menuju ke T022 - Klik Cari maka akan menemukan data yang dicari
KETERANGAN : Nama Form : T21 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
Gambar III.44 Tampilan atar muka Transaksi Pembelian bahan baku
22.Perancangan antar muka transaksi pemnelian bahan baku untuk pemilik dapat dilihat pada gambar 3.45
109
_ Home Industri Agung Suhanda
TAMBAH PEMBELIAN BAHAN BAKU ID Pembelian : Tanggal : SIMPAN BATAL X KETERANGAN : Nama Form : T22 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T22
Jumlah Pembelian :
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T22 - Klik Batal maka akan kembali ke T22
Gambar III.45 Tampilan antar muka tambah data transaksi pembelian
23.Perancangan antar muka transaksi pemesanan untuk pemilik dapat dilihat pada gambar 3.46
Home Industri Agung Suhanda _ X
TRANSAKSI PEMESANAN
Id_pemesanan Tanggal Pemesanan Ongkos kirim
TAMBAH
Id_pelanggan Tanggal Pelunasan T24
NAVIGASI : - Klik Tambah Maka akan menuju ke T025 - Klik Ubah Maka akan menuju ke T026 - Klik Cari maka akan menemukan data yang dicari
KETERANGAN : Nama Form : T24 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
UPDATE
24.Perancangan antar muka tambah data transaksi pemesanan untuk pemilik dapat dilihat pada gambar 3.47
_ Home Industri Agung Suhanda
TAMBAH PEMESANAN ID Pemesanan : ID Pelanggan : SIMPAN BATAL X KETERANGAN : Nama Form : T25 Ukuran Layar : 400 x 424 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
T25
Tanggal Pemesanan : Tanggal Pelunasan :
Ongkos Kirim :
NAVIGASI :
- Klik Simpan makan data akan menyimpan ke T24 - Klik Batal maka akan kembali ke T24
Gambar III.47 Tampilan antar muka tambah data transaksi pemesanan
25.Perancangan antar muka tambah data transaksi pemesanan untuk pemilik dapat dilihat pada gambar 3.48
_ X
Home Industri Agung Suhanda
DATA HASIL PERAMALAN
Pilih bahan baku
Pilih Spesifikasi Pilih Warna
Pilih Bulan
HITUNG Bulan Data asli Data
peramalan galat Galat kuadrat
KETERANGAN : Nama Form : T02 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
111
26.Perancangan antar muka laporan pembelian bahan baku untuk nagan pemilik dapat dilihat pada gambar 3.49
_ X
Home Industri Agung Suhanda
Tanggal /Waktu:
LOGO
HOME INDUSTRI AGUNG SUHANDA
JL. Babakan ciparay Gang Hasan Ali No. 11, Bandung - Jawa Barat Phone : 087821951385
E-mail : [email protected]
LAPORAN DATA PEMBELIAN BAHAN BAKU PEMBELIAN ID BAHAN BAKU NAMA JUMLAH HARGA
PEMBELIAN TANGGAL
KETERANGAN : Nama Form : T02 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
Gambar III.49 Tampilan antar muka laporan pembelian bahan baku
27.Perancangan antar muka laporan pembelian bahan baku untuk bagian pemilik dapat dilihat pada gambar 3.50
_ X
Home Industri Agung Suhanda
Tanggal /Waktu:
LOGO
HOME INDUSTRI AGUNG SUHANDA
JL. Babakan ciparay Gang Hasan Ali No. 11, Bandung - Jawa Barat Phone : 087821951385
E-mail : [email protected]
LAPORAN DATA PEMESANAN
ID PEMESANAN ID PRODUK PELANGGANNAMA PEMESANANJUMLAH SATUANHARGA PEMESANANTANGGAL
KETERANGAN : Nama Form : T02 Ukuran Layar : 495 x 550 Tipe/Ukuran Font : Times New Roman Warna Latar : Teal
TANGGAL PELUNASAN