Perancangan Basis Data ANALISIS DAN PERANCANGAN

Supplier ID_Sup plier Tanggal Date Tabel III.14 Pemesanan Nama Field Tipe data Panjang Null Kunci ID_Pemesanan Integer 20 Primery Key ID_Pelanggan Integer 20 Foreign Key referenc es tabel Pelangga n ID_Pela nggan Tanggal_pemesanan Date Tanggal_pelunasan Date 20 Ongkos_kirim Decimal Tabel III.15 Warna Nama Field Tipe data Panjang Null Kunci ID_Warna Integer 20 Primery Key Warna Varchar 50 Tabel III.16 Ukuran Nama Field Tipe data Panjang Null Kunci id_ukuran Integer 20 Primery Key ukuran Varchar 50 Tabel III.17 Detail Bahan Baku Nama Field Tipe data Panjang Null Kunci id_detail_bahanbaku Integer 20 Primery Key id_bahanbaku Integer 20 Foreign Key references tabel Bahan baku ID_Bahan baku id_ukuran Integer 20 Foreign Key references tabel ukuran ID_ ukuran id_warna Integer 20 Foreign Key references tabel warna ID_ warna Tabel III.18 Detail Pembelian Nama Field Tipe data Panjang Null Kunci ID_Detail_BahanBaku Integer 20 Foreign Key references tabel pembelian ID_ Pembelian ID_Pembelian Integer 20 Foreign Key references tabel Pembelian ID_ Pembelian Jumlah Integer 20 Harga Integer 20 Tabel III.19 Detail Pemesanan Nama Field Tipe data Panjang Null Kunci ID_Pemesanan Integer 20 Foreign Key references tabel pemesanan ID_ Pemesanan ID_Produk Integer 20 Foreign Key references tabel Produk ID_ Produk Jumlahpemesanan Decimal Tabel III.20 Detail Produk Nama Field Tipe data Panjang Null Kunci ID_Produk Integer 20 Foreign Key references tabel Produk id_ produk ID_Detail_Bahanbaku Integer 20 Foreign Key references tabel Bahan Baku ID_ Bahan Baku Jumlahbahanbaku Integer 20 3.10Perancangan Struktur Menu Stuktur Menu merupakan berisikan menu yang berfungsi untuk memudahkan user dalam menggunakan sistem. Menu-menu tersebut akan dimunculkan sesuai dengan hak akses masing-masing. 3.10.1Perancangan Struktur Menu Pemilik Perancangan stuktur pemilik ditunjukan pada gambar 3.23 Login Data Master Data Transaksi Penyajian laporan Peramalan Logout Data Pelanggan Data Supplier Data Bahan Baku Data produk Data warna Data ukuran Detail bahan baku Penyajian laporan data Pembelian bahan baku Penyajian laporan data pemesanan produk Transaksi Pembelian bahan baku Transaksi Pemesanan Gambar III.23 Struktur menu pemilik 3.11Perancangan Antarmuka Perancangan antarmuka interface merupakan tampilan dari suatu program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana dialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang sesuia dengan kebutuhan dan karakteristik user. Perancangan interface untuk aplikasi pengolahan data bahan baku adalah sebagai berikut: 3.11.1Perancangan 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 Gambar III.24 Tampilan antar muka Login 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 RT2RW3 PHONE : 087821951385 Email : GunkYahoo.co.id KETERANGAN : Nama Form : T02 Ukuran Layar : 460 x 978 TipeUkuran 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 HAPUS UBAH T03 ID PELANGGAN NAMA ALAMAT NO TLP KETERANGAN : Nama Form : T03 Ukuran Layar : 495 x 550 TipeUkuran 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 Gambar III.26 Tampilan antar muka data pelangggan 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 TipeUkuran 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 TipeUkuran Font : Times New Roman Warna Latar : Teal NAVIGASI : - Klik Simpan makan akan menyimpan ke T03 - Klik Batal maka akan kembali ke T03 Gambar III.28 Tampilan antar muka ubah data pelanggan 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 HAPUS UBAH ID SUPPLIER NAMA ALAMAT NO TLP KETERANGAN : Nama Form : T06 Ukuran Layar : 495 x 550 TipeUkuran 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 TipeUkuran Font : Times New Roman Warna Latar : Teal T07 NAVIGASI : - Klik Simpan untuk proses menyimpan data - Klik Batal maka akan kembali ke T06 Gambar III.30 Tampilan antar muka tambah supplier 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 TipeUkuran 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 HAPUS UBAH ID BAHAN BAKU NAMA KETERANGAN : Nama Form : T09 Ukuran Layar : 495 x 550 TipeUkuran 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 Gambar III.32 Tampilan antar muka Pengolahan data bahan baku 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 TipeUkuran 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 TipeUkuran 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 HAPUS EDIT ID UKURAN UKURAN KETERANGAN : Nama Form : T12 Ukuran Layar : 495 x 550 TipeUkuran 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 TipeUkuran 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 _ Home Industri Agung Suhanda Ubah Data Ukuran T14 ID Ukuran : Ukuran : SIMPAN BATAL X KETERANGAN : Nama Form : T14 Ukuran Layar : 400 x 424 TipeUkuran 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 HAPUS EDIT LIHAT T15 ID Produk ID Bahan Baku ID Pemilik Gambar KETERANGAN : Nama Form : T15 Ukuran Layar : 495 x 550 TipeUkuran 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 TipeUkuran 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 TipeUkuran 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 X _ Home Industri Agung Suhanda PENGOLAHAN DATA WARNA CARI TAMBAH HAPUS EDIT ID WARNA WARNA KETERANGAN : Nama Form : T18 Ukuran Layar : 495 x 550 TipeUkuran 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 TipeUkuran 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 TipeUkuran 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 TipeUkuran 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 _ Home Industri Agung Suhanda TAMBAH PEMBELIAN BAHAN BAKU ID Pembelian : Tanggal : SIMPAN BATAL X KETERANGAN : Nama Form : T22 Ukuran Layar : 400 x 424 TipeUkuran 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 TipeUkuran Font : Times New Roman Warna Latar : Teal UPDATE Gambar III.46 Tampilan antar muka pengolahan data transaksi pemesanan 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 TipeUkuran 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 TipeUkuran Font : Times New Roman Warna Latar : Teal Gambar III.48 Tampilan anta muka Peramlan untuk pemlik dapat dilihat pada gambar 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 : GunkYahoo.co.id LAPORAN DATA PEMBELIAN BAHAN BAKU PEMBELIAN ID BAHAN BAKU NAMA HARGA JUMLAH PEMBELIAN TANGGAL KETERANGAN : Nama Form : T02 Ukuran Layar : 495 x 550 TipeUkuran 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 : GunkYahoo.co.id LAPORAN DATA PEMESANAN ID PEMESANAN ID PRODUK NAMA PELANGGAN HARGA SATUAN JUMLAH PEMESANAN TANGGAL PEMESANAN KETERANGAN : Nama Form : T02 Ukuran Layar : 495 x 550 TipeUkuran Font : Times New Roman Warna Latar : Teal TANGGAL PELUNASAN Gambar III.50 Tampilan antar muka laporan data pemesanan 3.11.2Perancangan Antarmuka Pesan Pada tampilan dirancang terdapat beberapa infomarsi yang akan muncul pada sistem antara lain : X LOGIN BERHASIL OK M1 X LOGIN GAGAL OK M2 X DATA HARUS DIISI OK M3 Agung Suhanda Agung Suhanda Agung Suhanda X PENGISIAN DATA DI BATAKAN ? NO M4 Agung Suhanda YES X YAKIN AKAN MENGHAPUS DATA M5 Agung Suhanda YES NO X DATA TIDAK DITEMUKAN OK M6 Agung Suhanda Gambar III.51 Perancangan antarmuka pesan

3.12 Jaringan Semantik

Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya. Jaringan semantik dari sistem ini adalah sebagai berikut: T01 T02 T03 T04 T05 T06 T07 T08 T09 T10 T11 T12 13 T14 T15 T17 T16 T18 T19 T20 T21 T22 T23 T24 T27 T25 T26 M1,M2 M3,M4 M3.M4 M3,M4 M3,M4 M3,M4 M3,M4 M3.M4 M3.M4 M3.M4 M3.M4 T24 M3.M4 M3.M4 M3.M4 M3.M4 M3.M4 Gambar III.52 Jaringan Semantik 3.13Perancangan Prosedural Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan dalam suatu program. Adapun perancangan prosedural untuk aplikasi yang akan dibangun adalah sebagai berikut: 1. Proses Login Proses login merupakan proses pada saat user akan mengakses sistem. Prosedural login dapat dilihat pada gambar 3.53 Mulai Username dan password Cek apalah username dan password valid Ya Menampilkan halaman utama Tampilkan pesan login gagal Selesai Gambar III.53 Prosedure Login 2. Proses Tambah Data Proses tambah data merupakan proses yang dilakukan untuk menambahkan data yang dibutuhkan dalam sistem. Prosedural tambah data dapat dilihat pada gambar 3.54 Mulai Masukan data yang akan ditambahkan Valid? Ya tidak Simpan data ya Selesai Data sudah lengkap Belum Tampilan pesan “Silakan mengisi data” Validasi data Tampilan data sudah ada Tampilkan data setelah di tambahkan Gambar III.54 Prosedure Tambah