BAB III ANALISIS DAN PERANCANGAN SISTEM
3.2 Perancangan Tabel/Skema Relasi
3.2.3 Perancangan Arsitektur
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 menyediakaninterfaceyang mudah dipahami dan digunakan olehuser
Perancangan interface untuk aplikasi E-Commerce Distro REVIVAL adalah sebagai berikut :
1. Antar muka pengunjung a. Form homepengunjung
b. Form Viewproduk
c. Form view detailproduk
d. Formbantuan
e. Formbuku tamu
2. Antar muka Anggota a. FormLupaPassword
b. Formpilih 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
Gambar3.43Formpilih pertanyaan dan isi jawaban
c. FormGanti 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
d. Form homeAnggota
e. Form editprofil Anggota
f. Formedit password anggota
g. Form ViewProduk
h. Formisi data produk pesanan
i. Formdata pesanan
j. Formisi data pemesanan
k. Formtotal pemesanan
l. FormKonfirmasi
m. Formkategori
3. Antar muka Petugas a. Form loginAdmin
b. Form HomeAdmin 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
c. FormTambah kategori
d. FormLihat 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
e. Formtambah warna
f. Formdaftar warna
g. Formtambah ukuran
h. Formdaftar ukuran
i. FormTambah Produk
j. FormLihat daftar produk
k. Formdetail 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
l. Formtambah 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
m. Formpesan 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
n. Formtambah 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
o. Formdaftar 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
p. Formtambah Provinsi
q. Formdaftar 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
r. Formtambah Kota
s. Formlihat 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
t. Formpesan 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
u. Formpenjualan 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 Jumlah Total
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
v. Formpencarian informasi penjualan Kode Kategori B22 Beranda Teks Teks Banner Keluar Teks Teks