BAB IV PERANCANGAN INTERFACE 4.1 Interface Perancangan antarmuka mendeskripsikan rencana tampilan dari setiap Form yang akan digunakan pada tampilan sistem informasi sebenarnya. Perancangan antarmuka pada sistem informasi yang akan dibuat dapat dilihat pada gambar berikut. Struktur menu dari sistem informasi pengolahan data pemesanan dan produksi furniture adalah sebagai berikut. Login Halaman Utama Pesanan Bahan Pesanan Proyek Proyek Pesan Pesan Master Master Pembayaran Tahapan Pembayaran Proyek Aktifasi dan ubah Password PO Bahan Baku Tugas Proyek Penerimaan Permintaan Penggunaan Gambar 4.1 Struktur Menu 67
68 4.2 Perancangan Input 1. Perancangan Login Username Password Login Gambar 4.2 Perancangan Tampilan Login Gambar 4.2 menjunjukan halaman Login dan merupakan tampilan awal untuk dapat mengakses sistem informasi pengolahan data pemesanan dan produksi furniture. 2. Perancangan VISI Menjadi perusahaan desain dan kontraktor yang terpercaya dan berkualitas Memberikan kemajuan pembangunan nasional Menjadi Perusahaan yang berbasis desain industri Kreatif. MISI Memberikan pelayanan pada klien dengan memberikan desain yang optimal, solutif, dankreatif Berinovasi dan pengembangan tiada henti dalam peningkatan kualitas desain. Pesanan Gambar 4.3 Perancangan
69 Halaman utama ini akan muncul ketika user yang mempunyai hak akses telah melakukan Login dan valid. Halaman ini berisi tentang perusahaan serta visi dan misinya. 3. Perancangan Halaman Gambar 4.4 Perancangan Halaman Halaman ini akan tampil apabila user memilih Master.Halaman ini untuk registrasi karyawan ataupun mencari dan melihat datamkaryawan.
70 4. Perancangan Halaman Aktivasi dan Ubah Password a. Aktivasi Akun Tabel Aktivasi dan Ubah Akun Master Master Detail Aktivasi ID Nama Kategori Status Akun Ubah Password Pilih Aktivasi Aktivasi dan Ubah Password Pesanan Gambar 4.5 Perancangan Halaman Aktivasi dan Ubah Password Halaman Aktivasi dan ubah Password ini akan tampil apabila user memilih Aktivasi dan ubah Password. Halaman ini adalah untuk mengaktifkan akun karyawan agar dapat mengakses sistem. Di halaman ini tedapat tab untuk ubah password.
71 b. Ubah Password Tabel Aktivasi dan Ubah Akun Master Master Detail Aktivasi ID Nama Password Baru Konfirmasi Password Ubah Password Aktivasi Aktivasi dan Ubah Password Pesanan Gambar 4.6 Perancangan Halaman Aktivasi dan Ubah Password Halaman ini adalah untuk mengubah password user yang mempunyai hak akses. Halaman ini hanya bisa diakses oleh Administrator.
72 5. Perancangan Halaman Tabel Master Detail Proyek Nama Depan Nama Belakang Tempat, Tanggal Lahir Jenis Kelamin Lakilaki Perempuan Registrasi / / Pesanan Gambar 4.7 Perancangan Halaman Halaman ini akan tampil apabila memilih dari. Halaman ini adalah untuk menginputkan data konsumen serta mencari ataupun melihat data konsumen.
73 6. Perancangan Halaman Pesanan a. Pesanan Tabel Pesanan Tabel Detail Pesanan Permintaan Barang Detail Jenis Pesanan Pilih Keterangan Pesanan Rencana Penggunaan dan Perhitungan Harga Detail Penggunaan Total Penyusutan Kayu Upah Tenaga Produksi Biaya Lain lain Total Harga Cetak Bukti Klik Untuk Gambar Klik Buat Pesanan Baru Ubah Pesanan Pesanan Pembayaran Gambar 4.8 Perancangan Halaman Pesanan Halaman ini akan tampil apabila user memilih Pesanan dari Navigasi Menu Pesanan. Halaman ini adalah untuk menginputkan data pesanan, melihat, mencari ataupun mencetak bukti pemesanan. Dihalaman ini terdapat link untuk membuat pesanan konsumen baru.
74 b. Buat Pesanan Tabel Pesanan Ubah Pesan Barang Jenis Pesanan Jumlah Spesifikasi Pesanan Upload Gambar Deskripsi Hapus Pilih Browser Rencana Penggunaan dan Perhitungan Harga Total Penyusutan Kayu Upah Tenaga Produksi Biaya Lain lain Total Harga Otomatis Otomatis Pesanan Pesanan Pembayaran Tambah Total Pembayaran Tanggal Selesai Pilih Simpan Gambar 4.9 Perancangan Halaman Buat Pesanan Baru Halaman ini adalah untuk menginputkan data pesanan serta penentuan harga dan rencana bahan baku yang akan dipakai.
75 7. Perancangan Halaman Pembayaran Pembayaran Cari Berdasarkan No Pesanan Cetak Pembayaran Detail No Pesanan Total Pembayaran Sisa Pembayaran Pembayaran Simpan Pesanan Pesanan Pembayaran Gambar 4.10 Perancangan Halaman Pembayaran Tampilan halaman pembayaran ini akan tampil apabila user memilih Pembayaran pada Pesanan. Halaman ini adalah untuk menginputkan data pembayaran, serta mencetak bukti pembayarannya.
76 8. Perancangan Halaman Proyek Tabel Master Proyek Proyek Detail Nama Proyek Alamat Proyek No Telepon No Fax Lama Pekerjaan Registrasi Proyek Pesanan Gambar 4.11 Perancangan Halaman Proyek Halaman ini akan tampil apabila memilih Proyek dari. Halaman ini adalah untuk menginputkan data konsumen proyek serta mencari ataupun melihat data konsumen proyek.
77 9. Perancangan Halaman a. Tabel Tabel Detail Proyek Cetak Bukti Buat Pesanan Baru Permintaan Barang Detail Jenis Pesanan Pilih Jumlah Gambar Klik Untuk Gambar Keterangan Pesanan Rencana Penggunaan dan Perhitungan Harga Detail Penggunaan Total Penyusutan Kayu Upah Tenaga Produksi Biaya Lain lain Total Harga Klik Ubah Pesanan Pesanan Tahap Pembayaraan Proyek Pembagian Tugas Gambar 4.12 Perancangan Halaman Halaman ini akan tampil apabila user memilih Pesanan dari Navigasi Menu. Halaman ini adalah untuk menginputkan data pesanan proyek, melihat, mencari ataupun mencetak bukti pemesanan proyek. Dihalaman ini terdapat link untuk membuat pesanan proyek baru.
78 b. Buat Tabel Pesanan Ubah Pesan Barang Jenis Pesanan Jumlah Spesifikasi Pesanan Upload Gambar Deskripsi Hapus Pilih Browser Rencana Penggunaan dan Perhitungan Harga Total Penyusutan Kayu Upah Tenaga Produksi Biaya Lain lain Total Harga Tambah Otomatis Pesanan Pesanan Tahap Pembayaraan Proyek Pembagian Tugas Total Pembayaran Tanggal Selesai Pilih Simpan Gambar 4.13 Perancangan Halaman Buat Baru Halaman ini adalah untuk menginputkan data pesanan proyek serta penentuan harga dan rencana bahan baku yang akan dipakai.
79 10. Perancangan Halaman Pembagian Tugas Proyek Tabel Pembagian Tugas Tabel Ubah Hapus Pembagian Tugas No Pesanan Sisa Pembayaran Pemberi Tugas Tanggal Mulai Tanggal Selesai Pilih Cetak Pesanan Pesanan Tahap Pembayaraan Proyek Pembagian Tugas Tambah Gambar 4.14 Perancangan Halaman Pembagian Tugas Proyek Halaman ini akan tampil apabila user memilih Tugas Proyek pada Navigasi menu. Halaman ini adalah untuk menginput data karyawan produksi yang bertugas dalam suatu proyek.
80 11. Perancangan Halaman Tahapan Pembayaran Proyek Pembayaran Proyek Cari Berdasarkan No Pesanan Pembayaran Detail No Pesanan Total Pembayaran Pesanan Pesanan Pembagian Tugas Tahap Pembayaraan Proyek Sisa Pembayaran Pembayaran Simpan Gambar 4.15 Perancangan Halaman Tahapan Pembayaran Proyek Tampilan halaman tahapan pembayaran proyek ini akan tampil apabila user memilih Tahapan Pembayaran Proyek pada. Halaman ini adalah untuk menginputkan data pembayaran, serta mencetak bukti pembayarannya.
81 12. Perancangan Halaman Tabel Master Ubah Detail Nama Alamat No Telepon No Fax Registrasi Pesanan Gambar 4.16 Perancangan Halaman Halaman ini bisa diakses apabila user memilih supplier pada navigasi menu. Halaman ini menginput data supplier, mencari, melihat dan mengubah data supplier.
82 13. Perancangan Halaman Tabel Tabel Penggunaan Cetak Pesanan Pesanan Tahap Pembayaraan Proyek Pembagian Tugas Gambar 4.17 Perancangan Halaman Halaman ini akan tampil apabila user memilih Master dari Navigasi menu. Halamn ini adalah untuk mengelola data bahan baku.
83 14. Perancangan Halaman Permintaan Tabel Permintaan Tabel Detil Permintaan Cetak Bukti Buat Permintaan Permintaan Barang Detail Di Ajukan Oleh No. Permintaan No. Pesanan Tanggal Permintaan Status Permintaan Pilih Ubah Pesanan Master PO Penerimaan Permintaan Penggunaan Gambar 4.18 Perancangan Halaman Permintaan Halaman ini akan tampil apabila user memilih Permintaan dari. Halaman ini adalah untu mengelola permintaan bahan baku dari Bagian Produksi ke Bagian Gudang.
84 15. Perancangan Halaman PO Untuk Tabel PO Barang Tabel Detail PO Cetak Bukti Buat PO Baru Permintaan Barang Detail Di Ajukan Oleh No. Permintaan Tanggal Permintaan Status Permintaan Pilih Ubah Pesanan Master PO Penerimaan Permintaan Penggunaan Gambar 4.19 Perancangan Halaman PO untuk Halaman ini akan tampil apabila user memilih PO untuk dari. Halaman ini adalah untuk mengelola PO atau pemesanan bahan baku oleh Bagian Administrasi/Keuangan ke produksi.
85 16. Perancangan Halaman Penerimaan Tabel Penerimaan Tabel PO Barang Detail Form Penerimaan Di Ajukan Oleh No. PO No. Faktur Tanggal Pengiriman Simpan Pesanan Master PO Penerimaan Permintaan Penggunaan Gambar 4.20 Perancangan Halaman Penerimaan Halaman ini akan tampil apabila user memilih Penerimaan dari. Halaman ini adalah untuk Penerimaan Bahan Baku dari produksi ke Bagian Gudang.
86 17. Perancangan Halaman Penggunaan Penggunaan Cetak Pesanan Gambar 4.21 Perancangan Halaman Penggunaan Halaman ini akan tampil apabila user memilih Penggunaan dari. Halaman ini adalah untuk menampilkan Penggunaan yang digunakan oleh pesanan konsumen dan pesanan proyek. 18. Perancangan Halaman Cari Berdasarkan No Pesanan Tabel Pesanan Gambar 4.22 Perancangan Halaman
87 Halaman ini akan tampil apabila user memilih hasil Produksi dari. Halaman ini adalah untuk menampilkan ataupun mengupdate data barang hasil produksi. 19. Perancangan Halaman Pemesanan Jenis Cari Berdasarkan Tanggal Mulai Tanggal Selesai Pilih Salah Satu Pilih Salah Satu Cetak Pesanan Gambar 4.23 Perancangan Halaman Halaman ini akan tampil apabila user memilih dari Navigasi Menu. Halaman ini adalah untuk menampilkan ataupun mencetak laporan pemesanan, laporan pemesanan proyek dan laporan hasil produksi.