Perancangan antar muka Perancangan Arsitektur

e. Struktur menu konveksi Gambar 3.36 Struktur menu konveksi

3.2.3 Perancangan Arsitektur

Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah proses pembangunan aplikasi E-Commerce Distro REVIVAL Parahyangan Bandung.

3.2.3.1 Perancangan antar muka

Interface atau antar muka merupakan tampilan dari sutau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana untuk berinteraksi antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user Perancangan interface untuk aplikasi E-Commerce Distro REVIVAL adalah sebagai berikut : 1. Antar muka pengunjung a. Form home pengunjung Gambar 3.37 Form home pengunjung b. Form View produk Gambar 3.38 Form view produk c. Form view detail produk Gambar 3.39 Form view detail produk d. Form bantuan Gambar 3.40 Form Bantuan e. Form buku tamu Gambar 3.41 Form buku tamu 2. Antar muka Anggota a. Form Lupa Password Gambar 3.42 Form Lupa Password b. Form pilih pertanyaan dan isi jawaban User_name A01c Beranda Produk Bantuan Buku Tamu Password Masuk Kategori Teks Kategori Teks Kategori Teks Kategori Buku Tamu Data Tamu Sponsor Gambar Gambar Gambar Teks Teks PROFIL PERUSAHAAN Banner Klik link beranda untuk menuju A01 Klik link produk untuk menuju A02 Klik link bantuan untuk menuju A03 Klik link buku tamu untuk menuju A04 Klik link teks kategori untuk menuju A02 Klik tombol cek untuk menuju A0d Cek Pertanyaan Pertanyaan Cek Jawaban Email Gambar 3.43 Form pilih pertanyaan dan isi jawaban c. Form Ganti password baru A01 Beranda Produk Bantuan Buku Tamu Password Masuk Kategori Teks Kategori Teks Kategori Teks Kategori Buku Tamu Data Tamu Sponsor Gambar Gambar Gambar Teks Teks PROFIL PERUSAHAAN Banner Klik link beranda untuk menuju A01 Klik link produk untuk menuju A02 Klik link bantuan untuk menuju A03 Klik link buku tamu untuk menuju A04 Klik link teks kategori untuk menuju A02 Klik link daftar untuk menuju A01 Klik tombol ganti untuk menuju A01 Ganti Password Username email Password Pertanyaan Jawaban Ganti Email Gambar 3.44 Form Ganti password baru d. Form home Anggota Gambar 3.45 Form home Anggota e. Form edit profil Anggota Gambar 3.46 form edit profil anggota f. Form edit password anggota Gambar 3.47 form password anggota g. Form View Produk Gambar 3.48 Form View Produk h. Form isi data produk pesanan Gambar 3.49 form isi data produk pesanan i. Form data pesanan Gambar 3.50 form data pesanan j. Form isi data pemesanan Gambar 3.51 form isi data pemesanan k. Form total pemesanan Gambar 3.52 Form total pemesanan l. Form Konfirmasi Gambar 3.53 Form konfirmasi m. Form kategori Gambar 3.54 Form kategori 3. Antar muka Petugas a. Form login Admin Gambar 3.55 Form login Admin b. Form Home Admin User_name B02 Beranda Teks Teks Banner Keluar Teks Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Gambar 3.56 Form home admin c. Form Tambah kategori Gambar 3.57 Form tambah kategori d. Form Lihat Daftar kategori Kode Kategori B04 Beranda Teks Teks Banner Keluar Teks Teks Nama Kategori Aksi Edit Hapus Kode Kategori Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik link hapus untuk menuju B04 Klik link edit untuk menuju B03 Gambar 3.58 Form lihat daftar kategori e. Form tambah warna Gambar 3.59 Form tambah warna f. Form daftar warna Gambar 3.60 Form daftar warna g. Form tambah ukuran Gambar 3.61 Form tambah ukuran h. Form daftar ukuran Gambar 3.62 Form daftar ukuran i. Form Tambah Produk Gambar 3.63 Form tambah produk j. Form Lihat daftar produk Gambar 3.64 Form lihat daftar produk k. Form detail produk Kode Kategori B11 Beranda Teks Teks Banner Keluar Teks Teks Ukuran Warna Stok Aksi edit hapus Data Produk Tambah Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol tambah untuk menuju B12 Klik link edit untuk menuju B09 Klik link hapus untuk menuju B13 Gambar 3.65 Form detail produk l. Form tambah detail produk Kode Kategori B12 Beranda Teks Teks Banner Keluar Teks Ukuran Warna Stok Aksi edit hapus Data Produk Tambah Ukuran Warna Stok Berat per Kg Simpan Batal Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol simpan untuk menuju B11 Klik tombol batal untuk menuju B11 Gambar 3.66 Form tambah detail produk m. Form pesan hapus detail produk Kode Kategori B13 Beranda Teks Teks Banner Keluar Teks Ya Tidak Anda yakin ingin menghapus Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol ya untuk menuju B10 Klik tombol tidak untuk menuju B10 Gambar 3.67 Form hapus detail produk n. Form tambah mata uang Kode Kategori B14 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombolsimpan untuk menuju B15 Klik tombol batal untuk menuju B15 Simpan Batal Kode Mata Uang Kurs Gambar 3.68 Form tambah mata uang o. Form daftar mata uang Kode Kategori B15 Beranda Teks Teks Banner Keluar Teks Teks Kurs Aksi Edit Hapus Kode Mata Uang Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik link hapus untuk menuju B15 Klik link edit untuk menuju B14 Gambar 3.69 Form daftar mata uang p. Form tambah Provinsi Gambar 3.70 Form tambah Provinsi q. Form daftar provinsi Kode Kategori B17 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Nama Provinsi Aksi Edit Hapus Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik link hapus untuk menuju B17 Klik link edit untuk menuju B16 Gambar 3.71 Form daftar Provinsi r. Form tambah Kota Gambar 3.72 Form tambah kota s. Form lihat daftar kota Kode Kategori B19 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Nama Kota Harga Aksi hapus Cari edit Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik link hapus untuk menuju B20 Klik link edit untuk menuju B18 Gambar 3.73 Form Daftar kota t. Form pesan hapus kota Kode Kategori B20 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol tidak untuk menuju B19 Klik tombol ya untuk menuju B19 Ya Tidak Anda yakin ingin menghapus Gambar 3.74 Form pesan hapus kota u. Form penjualan Kode Kategori B21 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Kode Produk Nama Produk Ukuran Warna Harga Total Jumlah No. Pesanan Tanggal Total Penjualan : Ongkos kirim Cetak Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Gambar 3.75 Form penjualan v. Form pencarian informasi penjualan Kode Kategori B22 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Periode Awal Periode Akhir Cari Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol cari untuk menuju B23 Gambar 3.76 Form pencarian informasi penjualan w. Form informasi penjualan Kode Kategori B23 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Kode Produk Nama Produk Ukuran Warna Harga Total Jumlah No. Pesanan Tangga transaksi Total Penjualan : Cetak Tangga produksi Ongkos kirim Gambar 3.77 Form informasi penjualan x. Form pemesanan Kode Kategori B24 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Nama Produk Ukuran Warna Harga Jumlah Total Kode Produk No. Pesanan Ongkos Kirim Gambar 3.78 form pemesanan y. form Konfirmasi Kode Kategori B25 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik link acc untuk menuju B26 No. Pesanan No. Transfer Jumlah Transfer Nama Pemesan Nama penerima Kota Alamat Status Aksi acc hapus telepon Provinsi Kode Pos Gambar 3.79 form konfirmasi z. form acc konfirmasi Kode Kategori B26 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol acc untuk menuju B25 ACC Total Bayar : Daftar Pesanan Data Konfirmasi Kode Produk Nama Produk Ukuran Warna Harga Jumlah Berat Total Kota Tujuan Total Ongkos kirim Total Bayar Gambar 3.80 form acc konfirmasi aa. Form daftar Produksi Kode Kategori B27 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Kode Produk Nama Produk Ukuran Warna Jumlah Cetak Jabatan Pemeriksa Nama Pemeriksa Gambar 3.81 form daftar produksi bb. form Data buku tamu Kode Kategori B28 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Foto Waktu Nama Lengkap Komentar Aksi hapus Klik link hapus untuk menuju B29 Gambar 3.82 form pengolahan data buku tamu cc. Form pesan hapus buku tamu Gambar 3.83 form pesan hapus data buku tamu dd. Form tambah akun petugas Kode Kategori B30 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Nama Lengkap Jabatan Username Password Simpan Batal Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol batal untuk menuju B31 Klik tombol simpan untuk menuju B31 Gambar 3.84 form tambah akun petugas ee. Form daftar akun petugas Kode Kategori B31 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Nama Lengkap Jabatan Status Aksi hapus edit Klik link hapus untuk menuju B32 Klik link edit untuk menuju B30 Gambar 3.85 form daftar akun petugas ff. Form pesan hapus akun petugas Kode Kategori B32 Beranda Teks Teks Banner Keluar Teks Teks Kategori Tambah Kategori Daftar Kategori Produksi Daftar Produksi Buku Tamu Daftar Buku Tamu Akun Petugas Tambah Akun Petugas Daftar Akun Petugas Transaksi Penjualan Pemesanan Konfirmasi Pencarian Informasi Penjualan Produk Tambah Ukuran Daftar Ukuran Daftar Produk Tambah Produk Tambah Warna Daftar Warna Kota Tambah Provinsi Daftar Provinsi Tambah Kota Daftar Kota Tambah Mata Uang Daftar Mata Uang Klik link beranda untuk menuju B02 Klik link tambah kategori untuk menuju B03 Klik link daftar kategori untuk menuju B04 Klik link tambah produk untuk menuju B09 Klik link penjualan untuk menuju B21 Klik link daftar kota untuk menuju B19 Klik link tambah kota untuk menuju B18 Klik link daftar produk untuk menuju B10 Klik link daftar buku tamu untuk menuju B28 Klik link daftar produksi untuk menuju B27 Klik link konfirmasi untuk menuju B25 Klik link pemesanan untuk menuju B24 Klik link keluar untuk menuju A01 Klik link tambah ukuran untuk menuju B07 Klik link daftar ukuran untuk menuju B08 Klik link pencarian informasi penjualan untuk menuju B22 Klik link tambah akun petugas untuk menuju B30 Klik link daftar akun petugas untuk menuju B31 Klik link tambah warna untuk menuju B05 Klik link daftar warna untuk menuju B06 Klik link daftar provinsi untuk menuju B17 Klik link tambah provinsi untuk menuju B16 Klik link daftar mata uang untuk menuju B15 Klik link tambah mata uang untuk menuju B14 Klik tombol tidak untuk menuju B31 Klik tombol ya untuk menuju B31 Ya Tidak Anda yakin ingin menghapus Gambar 3.86 form pesan hapus akun petugas 4. Antar muka Manager a. Form login Manager User_name B01 Teks Klik tombol login untuk menuju C01 Klik tombol reset untuk menuju B01 Login Admin Username Password Login Reset Banner Gambar 3.87 Form login manager b. Form home manager Gambar 3.88 Form home manager c. Form Lihat daftar kategori Gambar 3.89 Form lihat daftar kategori d. Form daftar produk Gambar 3.90 form daftar produk e. Form detail produk Gambar 3.91 form detail produk f. Form daftar penjualan Gambar 3.92 form daftar penjualan g. Form pencarian informasi penjualan Gambar 3.93 form pencarian informasi penjualan h. Form informasi penjualan Gambar 3.94 form data informasi penjualan i. Form detail informasi penjualan Gambar 3.95 form detail informasi penjualan j. Form daftar pemesanan Gambar 3.96 form daftar pemesanan k. form analisis produksi Gambar 3.97 form produksi l. form pesan hapus analisis Gambar 3.98 form pesan hapus produksi m. form keputusan analisis produksi Gambar 3.99 form keputusan analisis produksi 5. Antar muka Konveksi a. Form login konveksi Gambar 3.100 form login konveksi h. Form home konveksi Gambar 3.101 form home konveksi i. Form Daftar produksi Gambar 3.102 form daftar produksi

3.2.3.2. Perancangan pesan