Struktur Menu Administrator ANALISIS DAN PERANCANGAN SISTEM

CV. BAGUS ARTHA GUNA SEDAYA Header Pembelian Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD05 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Lihat untuk menuju TAD05 - Klik OK untuk menuju TAD05 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pilih Perencanaan : Kode Produk Hargaitem Opsi 100104 Nu Greentea 24x500ml 190101 Kara Santan Kelapa 25x200ml Nama Produk Jumlah 3500 5600 12390 9500 Lihat OK Gambar III.27 Tampilan Pengolahan pembelian produk CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Admin Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD06 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 -- Klik Kembali untuk menuju TAD03 - Klik Edit untuk menuju TAD11 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Admin : Nama Alamat Email Opsi Deni denzyahoo.com Edit xxx xxxyyy.vvv Edit Kembali Gambar III.28 Tampilan Pengolahan Data admin CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Supplier Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD07 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD12 - Klik Edit untuk menuju TAD13 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Supplier : Nama Supplier Alamat Email Opsi nnnn nnnnyahoo.com Edit xxx xxxyyy.vvv Edit Kembali Tambah Data Gambar III.29 Tampilan Pengolahan Data supplier CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD08 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD14 - Klik Edit untuk menuju TAD15 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Produk : Kode Produk Hargaitem Opsi 100104 Nu Greentea 24x500ml Edit 190101 Kara Santan Kelapa 25x200ml Edit Kembali Nama Produk Stok 3500 5600 12390 9500 Tambah Data Gambar III.30 Tampilan Pengolahan Data Produk CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Pelanggan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD09 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD16 - Klik Edit untuk menuju TAD17 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Pelanggan : Nama Pelanggan Alamat Opsi Koprasi itb Bandung Edit RM ayam goreng Sumedang Edit Kembali Tambah Data Gambar III.31 Tampilan Pengolahan Data Pelanggan CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Sales Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD10 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 -- Klik Kembali untuk menuju TAD03 - Klik tambah untuk menuju TAD18 - Klik Edit untuk menuju TAD19 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Logout Pengolahan Data Sales : Kembali Tambah Data Nama Pelanggan Koprasi itb Bandung Edit RM ayam goreng Sumedang Edit Alamat Opsi Pembelian Produk Gambar III.32 Tampilan Data Sales CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Admin Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD11 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Edit untuk menuju TAD11 - Klik Simpan untuk menyimpan data dan menuju TAD06 - Klik Batal untuk membatalkan edit dan menuju TAD06 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Admin : Nama Alamat Email Opsi Deni denzyahoo.com Edit xxx xxxyyy.vvv Edit Kembali Simpan Batal Nama Alamat Email Edit Data Admin : Username Gambar III.33 Tampilan Edit Data Admin CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Supplier Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD12 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD12 - Klik Edit untuk menuju TAD13 - Klik Tambah untuk menambahkan data dan menuju TAD07 - Klik Batal untuk membatalkan tambah data dan menuju TAD07 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Supplier : Nama Supplier Alamat Email Opsi nnnn nnnnyahoo.com Edit xxx xxxyyy.vvv Edit Kembali Tambah Data Tambah Batal Nama Alamat Email Tambah Data Supplier : Username Password Kontak Alamat Gambar III.34 Tampilan Tambah Data Supplier CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Supplier Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD13 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tamabah Data untuk menuju TAD12 - Klik Edit untuk menuju TAD13 - Klik Simpan untuk menyimpan data dan menuju TAD07 - Klik Batal untuk membatalkan edit dan menuju TAD07 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Supplier : Nama Supplier Alamat Email Opsi nnnn nnnnyahoo.com Edit xxx xxxyyy.vvv Edit Kembali Tambah Data Simpan Batal Nama Alamat Email Edit Data Supplier : Username Password Kontak Alamat Gambar III.35 Tampilan Edit Data Supplier CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD14 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD14 - Klik Edit untuk menuju TAD15 - Klik Tambah untuk menambahkan data dan menuju TAD08 - Klik Batal untuk membatalkan tambah data dan menuju TAD08 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Produk : Kembali Tambah Data Tambah Batal Kode Produk Hargaitem Tambah Data Produk : Stok Nama Produk Kode Produk Hargaitem Opsi 100104 Nu Greentea 24x500ml Edit 190101 Kara Santan Kelapa 25x200ml Edit Nama Produk Stok 3500 5600 12390 9500 Gambar III.36 Tampilan Tambah Produk CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD15 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tamabah Data untuk menuju TAD14 - Klik Edit untuk menuju TAD15 - Klik Simpan untuk menyimpan data dan menuju TAD08 - Klik Batal untuk membatalkan edit dan menuju TAD08 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Produk : Kembali Tambah Data Kode Produk Hargaitem Opsi 100104 Nu Greentea 24x500ml Edit 190101 Kara Santan Kelapa 25x200ml Edit Nama Produk Stok 3500 5600 12390 9500 Simpan Batal Kode Produk Hargaitem Edit Data Produk : Stok Nama Produk Gambar III.37 Tampilan Edit Data Produk CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Pelanggan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD16 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD16 - Klik Edit untuk menuju TAD17 - Klik Tambah untuk menyimpan data dan menuju TAD09 - Klik Batal untuk membatalkan edit dan menuju TAD09 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Pelanggan : Kembali Nama Pelanggan Alamat Opsi Koprasi itb Bandung Edit RM ayam goreng Sumedang Edit Tambah Data Tambah Batal Nama Alamat Email Tambah Data Pelanggan : Kontak Alamat Gambar III.38 Tampilan Tambah Data Pelanggan CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Admin Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD17 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD16 - Klik Edit untuk menuju TAD17 - Klik Simpan untuk menyimpan data dan menuju TAD09 - Klik Batal untuk membatalkan edit dan menuju TAD09 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Pelanggan : Kembali Simpan Batal Nama Alamat Email Edit Data Pelanggan : Kontak Nama Pelanggan Alamat Opsi Koprasi itb Bandung Edit RM ayam goreng Sumedang Edit Tambah Data Alamat Gambar III.39 Tampilan Edit Data Pelanggan CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Sales Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD18 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD16 - Klik Edit untuk menuju TAD18 - Klik Tambah untuk menyimpan data dan menuju TAD010 - Klik Batal untuk membatalkan edit dan menuju TAD10 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Sales : Kembali Nama Pelanggan Alamat Opsi Koprasi itb Bandung Edit RM ayam goreng Sumedang Edit Tambah Data Tambah Batal Nama Alamat Email Tambah Data Salaes : Kontak Alamat Username Password Gambar III.40 Tampilan Tambah Data Sales CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Sales Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD19 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD18 - Klik Edit untuk menuju TAD19 - Klik Simpan untuk menyimpan data dan menuju TAD10 - Klik Batal untuk membatalkan edit dan menuju TAD10 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Pelanggan : Kembali Simpan Batal Nama Alamat Email Edit Data Pelanggan : Kontak Nama Pelanggan Alamat Opsi Koprasi itb Bandung Edit RM ayam goreng Sumedang Edit Tambah Data Alamat Username Password Alamat Opsi Gambar III.41 Tampilan Edit Data Sales CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD20 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD14 - Klik Edit untuk menuju TAD15 - Klik Tambah untuk menambahkan data dan menuju TAD04 - Klik Batal untuk membatalkan tambah data dan menuju TAD04 - Klik Hapus untuk hapus data dan menuju TAD04 - Klik Edit untuk menuju TAD21 - Klik Detail untuk menuju TAD22 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Pesanan : Kembali Tambah Data Tambah Batal Tgl pemesanan Tambah Data Pesanan : Nama Pelangga Tgl Pemesanan Alamat Opsi 2013-02-12 Ariel detail 2013-05-11 Luna maya detail Nama Pelanggan Bandung Solo Edit Hapus Edit Hapus Gambar III.42 Tampilan Tambah Pesanan CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD21 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 - Klik Tambah Data untuk menuju TAD14 - Klik Edit untuk menuju TAD15 - Klik Simpan untuk menyimpan data dan menuju TAD04 - Klik Batal untuk membatalkan tambah data dan menuju TAD04 - Klik Hapus untuk hapus data dan menuju TAD04 - Klik Edit untuk menuju TAD21 - Klik Detail untuk menuju TAD22 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Pengolahan Data Pesanan : Kembali Tambah Data Tgl Pemesanan Alamat Opsi 2013-02-12 Ariel detail 2013-05-11 Luna maya detail Nama Pelanggan Bandung Solo Edit Hapus Edit Hapus Simpan Batal Tgl pemesanan Alamat Tambah Data Pesanan : Kontak Nama Pelangga Gambar III.43 Tampilan Edit Pesanan CV. BAGUS ARTHA GUNA SEDAYA Header Sub Menu Data Master -- Data Pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TAD22 - Klik Halaman Utama untuk menuju TAD02 - Klik Data Master untuk menuju TAD03 - Klik Pesanan Pelanggan untuk menuju TAD04 - Pilih Pembelian Produk untuk menuju TAD05 - Klik Logout untuk menuju TH menuju TAD01 - Klik Kembali untuk menuju TAD03 Menu Pengolahan Halaman Utama Data Master Pesanan Pelanggan Pembelian Produk Logout Kembali Tgl pemesanan : 2013-02-12 Detail Data Pesanan : Nama Pelangga : Ariel Alamat : Bandung Produk Jumlah Kode produk Nu Greentea Hny 3500 Gery 1000 Harga 12 24 100104 130101 Supplier PT. Abc Presiden PT. Garudafood Total pembayaran : 66000 Total 42000 24000 Gambar III.44 Tampilan Detail Pesanan b. Tampilan Supplier LOGIN SUPPLIER LOGIN Dimensi : 500 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU01 - dan Klik Login untuk menuju TSU02 Username Password Gambar III.45 Tampilan Login Supplier CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU05 - Klik Pengolahan Profil untuk menuju TSU03 - Klik Pengolahan Produk untuk menuju TSA02 - Klik Pengolahan Pesanan untuk menuju TSU04 - Klik Logout untuk menuju TH menuju TSA01 - Klik Tambah Data untuk menuju TSA05 - Klik Edit untuk menuju TSA06 Menu Pengolahan Pengolahan Pesanan Pengolahan Produk Logout Pengolahan Produk : Tambah Data Produk yang akan anda kelola sbagai berikut Produk Stok Kode produk Nu Greentea Hny 3500 Gery 1000 Harga 35000 50000 100104 130101 Supplier PT. Abc Presiden PT. Garudafood Opsi Edit Edit Pengolahan Profil Gambar III.46 Tampilan Pengolahan Produk CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan Profil Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU03 - Klik Pengolahan Profil untuk menuju TSU03 - Klik Pengolahan Produk untuk menuju TSA02 - Klik Pengolahan Pesanan untuk menuju TSU04 - Klik Logout untuk menuju TH menuju TSA01 - Klik Edit untuk menuju TSA07 Menu Pengolahan Pengolahan Pesanan Pengolahan Produk Logout Profil ada sebagai berikut : Alamat Email Nama Supplier presabcyahoo Hinzabcyahoo Abc pres Abc hinz Opsi Edit Edit Pengolahan Profil Gambar III.47 Tampilan Pengolahan Data Supplier CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU04 - Klik Pengolahan Profil untuk menuju TSU03 - Klik Pengolahan Produk untuk menuju TSU02 - Klik Pengolahan Pesanan untuk menuju TSU04 - Klik Logout untuk menuju TH menuju TSU01 - Klik Detail untuk menuju TSU08 Menu Pengolahan Pengolahan pesanan Logout Pengolahan Pesanan : Tgl Pemesanan Alamat Opsi 2013-02-12 Ariel detail 2013-05-11 Luna maya detail Nama Pelanggan Bandung Solo Pengolahan Produk Pengolahan Profil Gambar III.48 Tampilan Pengolahan Data Pesanan CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU05 - Klik Pengolahan Profil untuk menuju TSU03 - Klik Pengolahan Produk untuk menuju TSA02 - Klik Pengolahan Pesanan untuk menuju TSU04 - Klik Logout untuk menuju TH menuju TSA01 - Klik Tambah Data untuk menuju TSA05 - Klik Tambah untuk menambah data dan menuju TSU05 - Klik Batal untuk menuju TSA05 - Klik Edit untuk menuju TSA06 Menu Pengolahan Pengolahan Pesanan Pengolahan Produk Logout Pengolahan Produk : Tambah Data Tambah Batal Harga Tambah Data Produk : Nama Produk Kode Produk Stok Produk Jumlah Kode produk Nu Greentea Hny 3500 Gery 1000 Harga 35000 50000 100104 130101 Supplier PT. Abc Presiden PT. Garudafood Opsi Edit Edit Pengolahan Profil Gambar III.49 Tampilan Tambbah Produk CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU05 - Klik Pengolahan Profil untuk menuju TSU03 - Klik Pengolahan Produk untuk menuju TSU02 - Klik Pengolahan Pesanan untuk menuju TSU04 - Klik Logout untuk menuju TH menuju TSU01 - Klik Tambah Data untuk menuju TSU05 - Klik Simpan untuk menyimpan data dan menuju TSU05 - Klik Batal untuk menuju TUA05 - Klik Edit untuk menuju TSU06 Menu Pengolahan Pengolahan Pesanan Pengolahan Produk Logout Pengolahan Produk : Tambah Data Simpan Batal Harga Tambah Data Produk : Nama Produk Kode Produk Stok Produk Jumlah Kode produk Nu Greentea Hny 3500 Gery 1000 Harga 35000 50000 100104 130101 Supplier PT. Abc Presiden PT. Garudafood Opsi Edit Edit Pengolahan Profil Gambar III.50 Tampilan Edit Produk CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan Profil Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU07 - Klik Pengolahan Profil untuk menuju TSU03 - Klik Pengolahan Produk untuk menuju TSA02 - Klik Pengolahan Pesanan untuk menuju TSU04 - Klik Logout untuk menuju TH menuju TSU01 - Klik Edit untuk menuju TSU07 Menu Pengolahan Pengolahan Pesanan Pengolahan Produk Logout Profil ada sebagai berikut : Alamat Email Nama Supplier presabcyahoo Hinzabcyahoo Abc pres Abc hinz Opsi Edit Edit Pengolahan Profil Tambah Batal Alamat Email Edit Profil Anda : Alamat Nama Kontak Username Password Gambar III.51 Tampilan Edit Profil CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSU08 - Klik Pengolahan Profil untuk menuju TSU03 - Klik Pengolahan Produk untuk menuju TSA02 - Klik Pengolahan Pesanan untuk menuju TSU04 - Klik Logout untuk menuju TH menuju TSU01 Menu Pengolahan Pengolahan Pesanan Lihat Produk Logout Produk Jumlah Nu Greentea Hny Gery 12 24 Tgl pemesanan : 2013-02-12 Nama Pelangga : Ariel Pengolahan pesanan Pengolahan Produk Pengolahan Profil Gambar III.52 Tampilan Pesanan c. Tampilan Sales LOGIN SALES LOGIN Dimensi : 500 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSA01 - Klik Login untuk menuju TSA02 Username Password Gambar III.53 Tampilan Login Sales CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSA02 - Klik Pengolahan Pesanan untuk menuju TSA02 - Klik Liahat Produk untuk menuju TSA03 - Klik Logout untuk menuju TH menuju TSA01 - Klik Tambah Data untuk menuju TSA04 - Klik Hapus untuk hapus data dan menuju TSA02 - Klik Edit untuk menuju TSA05 - Klik Detail untuk menuju TSA06 Menu Pengolahan Pengolahan Pesanan Lihat Produk Logout Pengolahan Pesanan Pelanggan : Tgl Pemesanan Alamat Opsi 2013-02-12 Ariel detail 2013-05-11 Luna maya detail Nama Pelanggan Bandung Solo Tambah Data Edit Hapus Edit Hapus Gambar III.54 Tampilan Pengolahan Pesananan Pelanggan CV. BAGUS ARTHA GUNA SEDAYA Header Lihat Produk Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSA06 - Klik Pengolahan Pesanan untuk menuju TSA02 - Klik Liahat Produk untuk menuju TSA03 - Klik Logout untuk menuju TH menuju TSA01 - Klik Simpan untuk menambah data dan menuju TSA06 - Klik Hapus untuk batal tambah data hapus data dan menuju TSA06 Menu Pengolahan Pengolahan Pesanan Lihat Produk Logout Produk Jumlah Kode produk Nu Greentea Hny 3500 Gery 1000 Harga 12 24 Data Stok Produk 100104 130101 Supplier PT. Abc Presiden PT. Garudafood Gambar III.55 Tampilan Lihat Stok Barang CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSA04 - Klik Pengolahan Pesanan untuk menuju TSA02 - Klik Liahat Produk untuk menuju TSA03 - Klik Logout untuk menuju TH menuju TSA01 - Klik Tambah Data untuk menuju TSA04 - Klik Tambah untuk menambah data dan menuju TSA04 - Klik Batal untuk menuju TSA04 - Klik Hapus untuk batal tambah data hapus data dan menuju TSA02 - Klik Edit untuk menuju TSA05 - Klik Detail untuk menuju TSA06 Menu Pengolahan Pengolahan Pesanan Lihat Produk Logout Pengolahan Pesanan Pelanggan : Tgl Pemesanan Alamat Opsi 2013-02-12 Ariel detail 2013-05-11 Luna maya detail Nama Pelanggan Bandung Solo Tambah Data Edit Hapus Edit Hapus Tambah Batal Tgl pemesanan Tambah Data Pesanan : Nama Pelangga Gambar III.56 Tampilan Tamabah Pesanan CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSA05 - Klik Pengolahan Pesanan untuk menuju TSA02 - Klik Liahat Produk untuk menuju TSA03 - Klik Logout untuk menuju TH menuju TSA01 - Klik Tambah Data untuk menuju TSA04 - Klik Tambah untuk menambah data dan menuju TSA04 - Klik Batal untuk menuju TSA04 - Klik Hapus untuk batal tambah data hapus data dan menuju TSA02 - Klik Edit untuk menuju TSA05 - Klik Detail untuk menuju TSA06 Menu Pengolahan Pengolahan Pesanan Lihat Produk Logout Pengolahan Pesanan Pelanggan : Tgl Pemesanan Alamat Opsi 2013-02-12 Ariel detail 2013-05-11 Luna maya detail Nama Pelanggan Bandung Solo Tambah Data Edit Hapus Edit Hapus simpan Batal Tgl pemesanan Tambah Data Pesanan : Nama Pelangga : Ariel Gambar III.57 Tampilan Edit Pesanan CV. BAGUS ARTHA GUNA SEDAYA Header Pengolahan pesanan Footer Dimensi : 1100 px X auto px Background Color : Abu Header dan Footer : Hijau Panel Judul Konten : Hitam Kotak Isi Konten : Putih TSA06 - Klik Pengolahan Pesanan untuk menuju TSA02 - Klik Liahat Produk untuk menuju TSA03 - Klik Logout untuk menuju TH menuju TSA01 - Klik Simpan untuk menambah data dan menuju TSA06 - Klik Hapus untuk batal tambah data hapus data dan menuju TSA06 Menu Pengolahan Pengolahan Pesanan Lihat Produk Logout Produk Jumlah Total Nu Greentea Hny 3500 Gery 1000 Harga 12 24 Hapus Hapus simpan Tgl pemesanan : 2013-02-12 Produk Nama Pelangga : Ariel Jumlah 42000 24000 Total Pembayaran : 66000 Gambar III.58 Tampilan Detail Pesanan III.3.2.3 Perancangan Pesan Pada tabel dibawah ini merupakan perancangan pesan yang terdapat pada Sistem Evaluasi Pelatihan Pertanian. Adapun tampilan pesan yang ada dapat dilihat pada tabel III.27. Tabel III.26 Perancangan Pesan Kode Pesan P01 Login gagal P02 Data berhasil di tambah P03 Data berasil diubah P04 Data berhasil dihapus P05 Pemesanan yang di minta tidak akan terpenuhi P06 Id Supplier harus diisi P07 Id Supplier sudah ada P08 Id Pelanggan harus diisi P09 Id Pelanggan sudah ada P10 Id Sales harus diisi P11 Id Sales sudah ada P12 Id Produk harus diisi P13 Id Produk sudah ada P14 Tanggal yang anda masukan telah berlalu P15 Produk telah diramalkan III.3.2.4 Jaringan Semantik Jaringan semantilk yang berjalan pada sistem informasi CV. Bangun Artha Guna Sedaya : a Jaringan Semantik Admin TAD01 TAD02 TAD03 TAD04 TAD05 TAD06 TAD08 TAD10 TAD07 TAD09 TAD20 TAD21 TAD22 TAD11 TAD12 TAD13 TAD15 TAD14 TAD16 TAD17 TAD18 TAD19 Gambar III.59 Jaringan Semantik Admin Tabel III.27 Keterangan Jaringan Semantik Admin Form Tampilan Keterangan TAD01 Rancangan Antar muka Login TAD02 Rancangan antar muka Halaman Utama admin TAD03 Rancangan antar muka Data Data Master TAD04 Rancangan antar muka Pesanan Pelanggan TAD05 Rancangan antar muka Pembelian Produk TAD06 Rancangan antar muka Data Admin TAD07 Rancangan antar muka Data Supplier TAD08 Rancangan antar muka Data Produk TAD09 Rancangan antar muka Data Pelanggan TAD01 Rancangan antar muka Data Sales TAD10 Rancangan antar muka Edit Data Admin TAD11 Rancangan antar muka Tambah Data Supplier TAD12 Rancangan antar muka Edit Data Supplier TAD13 Rancangan antar muka Tambah Data Produk TAD14 Rancangan antar muka Edit Data Produk TAD15 Rancangan antar muka Tambah Data Pelanggan TAD16 Rancangan antar muka Edit Data Pelanggan TAD17 Rancangan antar muka Tambah Data Sales TAD18 Rancangan antar muka Edit Data Sales TAD19 Rancangan antar muka Tambah Data Pemesanan TAD20 Rancangan antar muka Edit Data Pemesanan TAD21 Rancangan antar muka Data Pemesanan b Jaringan Semantik Supplier TSU07 TSU06 TSU05 TSU04 TSU03 TSU01 TSU02 TSU08 Gambar III.58 Jaringan Semantik supplier Tabel III.28 Keterangan Jaringan Semantik supplier Form Tampilan Keterangan TSU01 Rancangan Antar muka Login TSU02 Rancangan Antar muka Pengolahan Produk supplier TSU03 Rancangan Antar muka Pengolahan Profil TSU04 Rancangan Antar muka Pengolahan Pesanan Pelanggan TSU05 Rancangan Antar muka Pengolahan Tambah Produk TSU06 Rancangan Antar muka Pengolahan Edit Produk TSU07 Rancangan Antar muka Pengolahan Edit Profil TSU08 Rancangan Antar muka Pengolahan Detai Pesanan c Jaringan Semantik Sales TSA01 TSA02 TSA03 TSA04 TSA05 TSA06 Gambar III.61 Jaringan Semantik Sales Tabel III.29 Keterangan Jaringan Semantik Sales Form Tampilan Keterangan TSA01 Rancangan Antar muka Login TSA02 Rancangan Antar muka Pengolahan Pesanan TSA03 Rancangan Antar muka Lihat Stok Produk TSA04 Rancangan Antar muka Pengolahan Tambah Pesanan TSA05 Rancangan Antar muka Pengolahan edit Pesanan TSA06 Rancangan Antar muka Pengolahanpengolahan Detai Pesanan III.3.2.4 Perancangan Prosedural Perancangan procedural dari perangkat lunak sistem informasi CV. Bangun Artah Guna Sedaya adalah sebagai berikut : 1 Flowchart Pengolahan Data Master a Prosedur tambah data master Mulai Selesai Data supplier Tambah Data supplier Data supplier Cek data supplier Apakah sama? Simpan data supplier Data supplierter simpan ya tidak Data pelanggan Tambah data pelanggan Data pelanggan Cek data pelanggan Apakah sama? Simpan data pelanggan Data Pelanggan tersimpan ya tidak Data Sales Tambah Data Sales Data sales Cek data sales Apakah sama? Simpan data Sales Data sales tersimpan ya tidak Data produk Tambah Data produk Data produk Cek data produk Apakah sama? Simpan data produk Data produk tersimpan ya tidak Mulai Mulai Mulai Selesai Selesai Selesai Gambar III.62 Prosedur tambah data master b Prosedur ubah data master Pada prosedur ubah data master, semua proses perubahan data melewati tahap-tahap yang sama baik data admin, data pengrajin, data supplier, data pelanggan, data bahan baku, data produk, data kategori, data warna dan data ukuran. Tahapan prosedur perubahan data adalah sebagai berikut : Mulai Selesai Data dicari Pencarian data Data ditemukan Data yang akan diubah Pesan gagal ubah data Ubah data Data berhasil diubah Data diubah ya tidak tidak Gambar III.63 Prosedur ubah data master c Prosedur hapus data master Prosedur hapus data master juga memiliki tahapan yang sama pada masing-masing data master yaitu antara lain : Mulai Selesai Cari data yang ingin dihapus Yakin dihapus? Hapus data Data telah dihapus ya Data pencarian Gambar III.64 Prosedur hapus data master 111

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

IV.1 Implementasi Sistem

Implementasi sistem adalah proses penggunaanpenerapan program aplikasi yang telah dibuat atau diperbaiki pada proses perancangan. Tujuan implementasi adalah untuk mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dapat memberi masukan kepada pembangun sistem.

IV.1.1 Perangkat Keras yang Digunakan

Spesifikasi perangkat keras yang digunakan dalam pembangunan Sistem Informasi Pendekatan Supply Chain Management di CV. Bangun Artha Guna Sedaya yang tercantum pada tabel IV.1. Tabel IV.1 Perangkat Keras yang Digunakan No Perangkat Keras Spesifikasi Client Server 1 Prosesor Intel 2.0 GHz Intel 2.0 GHz 2 Memori 2 GB 2 GB 3 Harddisk 350 GB 350 GB 4 VGA 256 MB 256 MB 5 Optical Drive DVD ROM DVD ROM 6 Monitor 16 inch 16 inch 7 Keyboard Standar Standar 8 Mouse Standar Standar

IV.1.2 Perangkat Lunak yang Digunakan

Spesifikasi perangkat keras yang digunakan dalam pembangunan Sistem Sistem Informasi Pendekatan Supply Chain Management di CV. Bangun Artha Guna Sedaya yang tercantum pada tabel IV.2. Tabel IV.2 Perangkat Lunak yang Digunakan No Perangkat Lunak Keterangan 1. Sistem Operasi 32 bit Operating Sistem Service Pack 3 2. Web Browser Mozzila Firefox 17.0.1, Google Chrome 3. Bahasa Pemograman PHP 4. DBMS MySQL 5. Code Editor Macromedia Dreamweaver 8 6. DFD Modeler Microsoft Visio 2007 7. Web Server WAMP 2.0

IV.1.3 Implementasi Basis Data

Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam bahasa SQL adalah sebagai berikut: Tabel IV.3 Implementasi Basis Data No Nama Tabel Hasil Pembangkitan 1 Pengguna CREATE TABLE IF NOT EXISTS `admin` `id_pengguna` int4 NOT NULL AUTO_INCREMENT, `username` varchar20 NOT NULL, `password` varchar50 NOT NULL, `nama` varchar50 NOT NULL, `alamat` text NOT NULL, `telp` varchar50 NOT NULL, `email` varchar100 NOT NULL, `level` varchar10 NOT NULL, PRIMARY KEY `id_pengguna`, KEY `nama` `nama` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ; 2 Pelanggan CREATE TABLE IF NOT EXISTS `pelanggan` `id_pelanggan` int11 NOT NULL AUTO_INCREMENT, `kode_pelanggan` varchar50 NOT NULL, `nama` varchar50 NOT NULL, `alamat` text NOT NULL, `telp` varchar50 NOT NULL, `email` varchar100 NOT NULL, `id_ pengguna` int11 NOT NULL, PRIMARY KEY `id_pelanggan`, UNIQUE KEY `kode_pelanggan` `kode_pelanggan`, FOREIGN KEY `id_ pengguna` REFERENCES `cvbags`.` pengguna` `id_pengguna` ON DELETE RESTRICT ON UPDATE RESTRICT ; ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=599 ; No Nama Tabel Hasil Pembangkitan 3 Pemesanan CREATE TABLE IF NOT EXISTS `pemesanan` `id_pemesanan` varchar20 NOT NULL, `kode_pelanggan` varchar50 NOT NULL, `tanggal` date NOT NULL, `id_ pengguna` int11 NOT NULL, `tanggal_pengiriman` date NOT NULL, PRIMARY KEY `id_pemesanan`, UNIQUE KEY `kode_pelanggan` `kode_pelanggan`, FOREIGN KEY `id_ pengguna` REFERENCES `cvbags`.` pengguna` `id_ pengguna` ON DELETE RESTRICT ON UPDATE RESTRICT FOREIGN KEY ` kode_pelanggan ` REFERENCES `cvbags`.` pelanggan ` ` kode_pelanggan ` ON DELETE RESTRICT ON UPDATE RESTRICT ENGINE=InnoDB DEFAULT CHARSET=latin1; 4 Detail Pemesanan CREATE TABLE IF NOT EXISTS `detail_pemesanan` `id_detail` int4 NOT NULL AUTO_INCREMENT, `tanggal` date NOT NULL, `kode_produk` int11 NOT NULL, `qty` int15 NOT NULL, `total` int11 NOT NULL, `harga` decimal10,0 NOT NULL, `id_pemesanan` varchar20 NOT NULL, `id_ pengguna` int11 NOT NULL, PRIMARY KEY `id_detail`, FOREIGN KEY `kode_produk` REFERENCES `cvbags`.`produk_cv` `kode_produk` ON DELETE RESTRICT ON UPDATE CASCADE, FOREIGN KEY `id_pemesanan` REFERENCES `cvbags`.`pemesanan` `id_pemesanan` ON DELETE RESTRICT ON UPDATE CASCADE, FOREIGN KEY `id_penguna ` REFERENCES `cvbags`.`pengguna` `id_pengguna` ON DELETE RESTRICT ON UPDATE RESTRICT ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=613 ; 5 Peramalan CREATE TABLE IF NOT EXISTS `peramalan` `id_peramalan` int11 NOT NULL AUTO_INCREMENT, `tanggal_peramalan` date NOT NULL, `akhir_tanggal` date NOT NULL, `jml_item_produk` int11 NOT NULL, `id_ pengguna` int11 NOT NULL, PRIMARY KEY `id_peramalan`, FOREIGN KEY `id_penguna ` REFERENCES `cvbags`.`pengguna` `id_pengguna` ON DELETE RESTRICT ON UPDATE RESTRICT ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ; No Nama Tabel Hasil Pembangkitan 6 Permintaan CREATE TABLE IF NOT EXISTS `permintaan` `id_permintaan` int4 NOT NULL AUTO_INCREMENT, `tanggal_permintaan` date NOT NULL, `id_peramalan` int11 NOT NULL, `kode_produk` int11 NOT NULL, `total` int12 NOT NULL, `status_konfirmasi` varchar1 NOT NULL DEFAULT T, `jml_di_supplier` int11 NOT NULL DEFAULT 0, `id_pengguna` int11 NOT NULL, PRIMARY KEY `id_permintaan`, FOREIGN KEY `id_peramalan` REFERENCES `cvbags`.`peramalan` `id_peramalan` ON DELETE CASCADE ON UPDATE RESTRICT ; FOREIGN KEY `kode_produk` REFERENCES `cvbags`.`peramalan` `kode_produk` ON DELETE CASCADE ON UPDATE CASCADE, FOREIGN KEY `id_pengguna` REFERENCES `cvbags`.` pengguna` `id_pengguna` ON DELETE RESTRICT ON UPDATE RESTRICT ; ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ; 7 Produk_cv CREATE TABLE IF NOT EXISTS `produk_cv` `id_produk` int4 NOT NULL AUTO_INCREMENT, `kode_produk` int11 NOT NULL, `nama_produk` varchar50 NOT NULL, `harga` int11 NOT NULL, `stok` int8 NOT NULL, `id_pengguna` int4 NOT NULL, `id_suplier` varchar50 NOT NULL, PRIMARY KEY `id_produk`, UNIQUE KEY `kode_produk` `kode_produk`, FOREIGN KEY `id_pengguna` REFERENCES `cvbags`.`pengguna` `id_pengguna` ON DELETE RESTRICT ON UPDATE RESTRICT, FOREIGN KEY `id_ suplier` REFERENCES `cvbags`.` suplier` `id_suplier` ON DELETE RESTRICT ON UPDATE RESTRICT ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;