BAB 3 ANALISIS DAN PERANCANGAN SISTEM 39
3.2 Perancangan Sistem
3.2.3 Perancangan Antar Muka
Perancangan antar muka merupakan bentuk tampilan dari program yang akan
dibangun untuk kebutuhan user interface dengan pengguna. Perancangan
antarmuka terdiri dari tampilan menu, tampilan form, tampilan pesan, keluaran, dan jaringan semantik.
3.2.3.1 Perancangan Antar Muka Admin
Perancangan antar muka login admin dapat dilihat pada gambar 3.50 berikut:
Login petugas Username Password Login A01 Keterangan : Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Klik Login Menuju A02 Jika username atau password salah
akan muncul M01, M02, M03 Jika login benar maka akan muncul
M04,M05 Jika keluar dan tidak aktifitas maka akan
muncul
Silahkan isi data login dengan benar
Lupa password
Logo perusahaan
1. Perancangan antar muka beranda admin dapat dilihat pada gambar 3.51 berikut: A01 Keterangan : Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Petugas Backup & Restor Logo Kingkong
Akun saya Ubah profil Logout beranda
Klik data beranda menuju A02 Klik data petugas menuju A03 Klik backup restor menuju A04 Klik akun saya menuju A05 Klik logout akan muncul M06 Klik backup muncul M45, Klik tambah petugas muncul M09, dan M24, muncul M46 Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18
Jika tidak beraktifitas muncul M14
Gambar 3.51 Perancangan antar muka beranda admin
2. Perancangan antar muka pengelolaan petugas dapat dilihat pada gambar 3.52
berikut: A03
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Data petugas Backup & Restor Logo Kingkong
Akun saya Ubah profil Logout beranda
Pengelolaan data petugas Tambah data Refresh tabel
Tampilkan data
Id Nama Username Email level Aktif Aksi
Cari
Klik data beranda menuju A02 Klik data petugas menuju A03 Klik backup restor menuju A04 Klik akun saya menuju A05 Klik logout akan muncul M06 Klik backup muncul M45, Klik tambah petugas muncul M09, dan M24, muncul M46 Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18
Jika tidak beraktifitas muncul M14
157
3. Perancangan backup & restore dapat dilihat pada gambar 3.53 berikut:
A04
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Data petugas Backup & Restore Logo Kingkong Akun saya Ubah profil Logout beranda Backup
Nama File Hapus Backup Download Backup Restore database
Backup
hapus download restore
Klik data beranda menuju A02 Klik data petugas menuju A03 Klik backup restor menuju A04 Klik akun saya menuju A05 Klik logout akan muncul M06 Klik backup muncul M45, Klik tambah petugas muncul M09, dan M24, muncul M46 Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18
Jika tidak beraktifitas muncul M14
Gambar 3.53 Perancangan antar muka backup & restore
4. Perancangan profile admin dapat dilihat pada gambar 3.54 berikut:
A05
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Data petugas Backup & Restor Logo Kingkong Akun saya Ubah profil Logout beranda Mengubah Profile
Ubah profile Ubah password
Data Pribadi ID Username Email
Klik data beranda menuju A02 Klik data petugas menuju A03 Klik backup restor menuju A04 Klik akun saya menuju A05 Klik logout akan muncul M06 Klik backup muncul M45, Klik tambah petugas muncul M09, dan M24, muncul M46 Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18
Jika tidak beraktifitas muncul M14
3.2.3.2 Perancangan Antar Muka Kasir
1. Perancangan antar muka login kasir dapat dilihat pada gambar 3.55 berikut:
Login petugas Username Password Login K01 Keterangan : Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Klik Login Menuju K02 Jika username atau password salah
akan muncul M01, M02, M03 Jika login benar maka akan muncul
M04,M05 Jika keluar dan tidak aktifitas maka akan
muncul
Silahkan isi data login dengan benar
Lupa password
Logo perusahaan
Gambar 3.55 Perancangan antar muka member retur
2. Perancangan antar muka administrasi dan keuangan (kasir) dapat dilihat pada
gambar 3.56 berikut: K02
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
Klik beranda menuju K 02 Klik data pemesanan menuju K03 Klik data retur menuju K04 Klik laporan penjualan menuju K05 Klik laporan stok produk menuju K06 Klik akun saya menuju K07
Klik logout akan muncul M06
Pada K03 akan muncul M35, m36, m37, m38, m39
Pada K04 akan muncul pesan M40,M41, M42,
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14 Beranda Data pemesanan Data retur Laporan penjualan Laporan stok
produk
159
3. Perancangan pemesanan kasir dapat dilihat pada gambar 3.57 berikut:
K03
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
Beranda Data pemesanan Data retur Laporan penjualan Laporan stok produk
Pengolahan data pemesanan
Pilih data pemesanan Pilih status pembayaran Refresh tabel Cari tabel ID Email member Tgl pesan Status pemesanan Status pembayaran aksi
Klik beranda menuju K 02 Klik data pemesanan menuju K03 Klik data retur menuju K04 Klik laporan penjualan menuju K05 Klik laporan stok produk menuju K06 Klik akun saya menuju K07
Klik logout akan muncul M06
Pada K03 akan muncul M35, m36, m37, m38, m39
Pada K04 akan muncul pesan M40,M41, M42,
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
Gambar 3.57 Perancangan antar pemesanan (kasir)
4. Perancangan antar muka retur kasir dapat dilihat pada gambar 3.58
berikut: K04
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
Beranda Data pemesanan Data retur Laporan penjualan Laporan stok produk
Pengolahan data retur
Pilih data pemesanan Pilih status pembayaran Refresh tabel Cari tabel ID Email member Tgl pesan Status pemesanan Status pembayaran aksi
Klik beranda menuju K 02 Klik data pemesanan menuju K03 Klik data retur menuju K04 Klik laporan penjualan menuju K05 Klik laporan stok produk menuju K06 Klik akun saya menuju K07
Klik logout akan muncul M06
Pada K03 akan muncul M35, m36, m37, m38, m39
Pada K04 akan muncul pesan M40,M41, M42,
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
5. Perancangan antar muka laporan penjualan kasir dapat dilihat pada gambar 3.59 berikut: K05 Keterangan : Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
Beranda Data pemesanan Data retur Laporan penjualan Laporan stok produk
Laporan penjualan perbulan cetak
ID Email Member Kategori Tanggal Pesan Status Jenis pembayaran
No Total pembayaran
Klik beranda menuju K 02 Klik data pemesanan menuju K03 Klik data retur menuju K04 Klik laporan penjualan menuju K05 Klik laporan stok produk menuju K06 Klik akun saya menuju K07
Klik logout akan muncul M06
Pada K03 akan muncul M35, m36, m37, m38, m39
Pada K04 akan muncul pesan M40,M41, M42,
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
Gambar 3.59 Perancangan laporan penjulaan (kasir)
6. Perancangan antar muka laporan produk dapat dilihat pada gambar 3.60
berikut:
K06
Keterangan :
Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
Beranda Data pemesanan Data retur Laporan penjualan Laporan stok produk
Laporan stok produk
cetak
ID Nama Kategori Subkategori Hewan Tgl masuk
No Stok Status
Klik beranda menuju K 02 Klik data pemesanan menuju K03 Klik data retur menuju K04 Klik laporan penjualan menuju K05 Klik laporan stok produk menuju K06 Klik akun saya menuju K07
Klik logout akan muncul M06
Pada K03 akan muncul M35, m36, m37, m38, m39
Pada K04 akan muncul pesan M40,M41, M42,
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
161
7. Perancangan antar muka profil kasir dapat dilihat pada gambar 3.61
berikut:
K07
Keterangan :
Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
Beranda Data pemesanan Data retur Laporan penjualan Laporan stok produk
Mengubah Profile
Ubah profile Ubah password
Data Pribadi ID Username Email
Klik beranda menuju K 02 Klik data pemesanan menuju K03 Klik data retur menuju K04 Klik laporan penjualan menuju K05 Klik laporan stok produk menuju K06 Klik akun saya menuju K07
Klik logout akan muncul M06
Pada K03 akan muncul M35, m36, m37, m38, m39
Pada K04 akan muncul pesan M40,M41, M42,
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
Gambar 3.61 Perancangan antar muka profil kasir
3.2.3.3 Perancangan antar muka bagian pemasaran
Perancangan ini merupakan perancangan untuk petugas bagian pemasaran
yang akan digunakan pada e-commerce King Kong Pet Store.
1. Perancangan antar muka login bagian pemasaran pada gambar 3.62 berikut:
Login petugas Username Password Login PS01 Keterangan : Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Klik Login Menuju PS02 Jika username atau password salah
akan muncul M01, M02, M03 Jika login benar maka akan muncul
M04,M05 Jika keluar dan tidak aktifitas maka akan
muncul
Silahkan isi data login dengan benar
Lupa password
Logo perusahaan
Gambar 3. 62 Perancangan antar muka login bagian pemasaran
2. Perancangan antar muka Bagian pemasaran pada gambar 3.63 berikut: PS02
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
provinsi Kota Jasa pengiriman Jenis pengiriman Ongkos kirim Akun saya Ubah profil Logout Logo Kingkong beranda Data master
Klik beranda menuju PS02 Klik provinsi menujuPS03 Klik jasa pengiriman klik kota menuju PS04
Klik jenis pengiriman menuju PS05 Klik pengiriman menuju PS06 Klik ongkos kirim menuju PS07 Klik akun saya menuju PS08
Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07 Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10 Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
Gambar 3.63 Perancangan antar muka bagian pemasaran
1. Perancangan antar muka jasa pengiriman pada gambar 3.64 berikut:
PS03
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID Nama deskripsi Aksi Tambah data Refresh tabel
Cari berdasarkan Silahkan pilih kategori Cari Pengelolaan data jasa pengiriman
provinsi Kota Jasa pengiriman Jenis pengiriman
Ongkos kirim
beranda Data master
Klik beranda menuju PS02 Klik provinsi menujuPS03 Klik jasa pengiriman klik kota menuju PS04
Klik jenis pengiriman menuju PS05 Klik pengiriman menuju PS06 Klik ongkos kirim menuju PS07 Klik akun saya menuju PS08
Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07 Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10 Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
163
2. Perancangan antar muka jenis pengiriman pada gambar 3.65 berikut:
PS04
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID Jasa pengiriman Nama jenis pengiriman Aksi Tambah data Refresh tabel
tampilkan Cari
Pengelolaan data jenis pengiriman
Lama hari deskripsi provinsi
Kota Jasa pengiriman Jenis pengiriman
Ongkos kirim
beranda Data master
Klik beranda menuju PS02 Klik provinsi menujuPS03 Klik jasa pengiriman klik kota menuju PS04
Klik jenis pengiriman menuju PS05 Klik pengiriman menuju PS06 Klik ongkos kirim menuju PS07 Klik akun saya menuju PS08
Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07 Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10 Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
Gambar 3.65 Perancangan antar muka jenis pengiriman
3. Perancangan antar muka Provinsi pada gambar 3.66 berikut:
P04
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID Nama Aksi
Tambah data Refresh tabel
tampilkan Cari
Pengelolaan data Provinsi provinsi
Kota Jasa pengiriman Jenis pengiriman
Ongkos kirim
beranda Data master
Klik beranda menuju PS02 Klik provinsi menujuPS03 Klik jasa pengiriman klik kota menuju PS04
Klik jenis pengiriman menuju PS05 Klik pengiriman menuju PS06 Klik ongkos kirim menuju PS07 Klik akun saya menuju PS08
Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07 Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10 Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
4. Perancangan antar muka tambah Provinsi pada gambar 3.67 berikut:
Penambahan data provinsi Nama
tambah Jika terjadi kesa;ahan maka akan muncul
pesan M13 Dan jika data berhasil
ditambah maka akan muncul M24
Gambar 3.67 Perancangan antar muka tambah Provinsi
5. Perancangan antar muka kota pada gambar 3.68 berikut:
P06
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID provinsi Aksi
Tambah data Refresh tabel
tampilkan Cari
Pengelolaan data Provinsi
kota provinsi Kota Jasa pengiriman Jenis pengiriman Ongkos kirim
beranda Data master
Klik beranda menuju PS02 Klik provinsi menujuPS03 Klik jasa pengiriman klik kota menuju PS04
Klik jenis pengiriman menuju PS05 Klik pengiriman menuju PS06 Klik ongkos kirim menuju PS07 Klik akun saya menuju PS08
Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07 Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10 Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
165
6. Perancangan antar muka ongkir pada gambar 3.69 berikut:
P07
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID Jasa pengiriman tarif Tambah data Refresh tabel
tampilkan Cari
Pengelolaan data ongkir
Jenis pengiriman kota provinsi
Kota Jasa pengiriman Jenis pengiriman
Ongkos kirim
beranda Data master
Klik beranda menuju PS02 Klik provinsi menujuPS03 Klik jasa pengiriman klik kota menuju PS04
Klik jenis pengiriman menuju PS05 Klik pengiriman menuju PS06 Klik ongkos kirim menuju PS07 Klik akun saya menuju PS08
Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07 Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10 Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
Gambar 3.69 Perancangan antar muka ongkir
7. Perancangan antar muka profil bagian pemasaran pada gambar 3.70
berikut: PS08
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout beranda Data master
Pengelolaan data bagian pemasaran
Mengubah Profile
Ubah profile Ubah password
Data Pribadi ID Username Email
Klik beranda menuju PS02 Klik provinsi menujuPS03 Klik jasa pengiriman klik kota menuju PS04
Klik jenis pengiriman menuju PS05 Klik pengiriman menuju PS06 Klik ongkos kirim menuju PS07 Klik akun saya menuju PS08
Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07 Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10 Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
3.2.3.4 Perancangan Antar Muka Gudang
Perancangan ini merupakan perancangan untuk petugas bagian gudang yang akan
digunakan pada e-commerce King Kong Pet Store.
1. Perancangan Antar Muka login dapat dilihat pada gambar 3.71 berikut:
Login petugas Username Password Login PS01 Keterangan : Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Klik Login Menuju PS02 Jika username atau password salah
akan muncul M01, M02, M03 Jika login benar maka akan muncul
M04,M05 Jika keluar dan tidak aktifitas maka akan
muncul
Silahkan isi data login dengan benar
Lupa password
Logo perusahaan
Gambar 3.71 Perancangan antar muka login
2. Perancangan antar muka bagian gudang dapat dilihat pada gambar 3.72
berikut:
G02
Keterangan :
Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong Akun saya Ubah profil Logout produk Kategori hewan Kategori produk Subkategori produk Merek produk ukuran beranda Data master
Klik beranda menuju G02 Klik data Produk menuju G03 Klik data kategori hewan menuju G04
Klik datakategori produk G05 Klik data subkategori produk G06 Klik data merek G07 Klik data ukuran G08 Klik akun saya menuju G09 Klik tambah data menuju G10 Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07
Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10
Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
167
3. Perancangan antar muka produk dapat dilihat pada gambar 3.73 berikut:
G02
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID Nama Merek Aksi Tambah data Refresh tabel Status promo Status aktif
Cari Pengelolaan data produk
produk Kategori hewan Kategori produk Subkategori produk Merek produk ukuran beranda Data master
Klik beranda menuju G02 Klik data Produk menuju G03 Klik data kategori hewan menuju G04
Klik datakategori produk G05 Klik data subkategori produk G06 Klik data merek G07 Klik data ukuran G08 Klik akun saya menuju G09 Klik tambah data menuju G10 Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07
Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10
Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
Gambar 3.73 Perancangan antar muka produk
4. Perancangan antar muka kategori hewan dapat dilihat pada gambar 3.74
berikut
G04
Keterangan :
Nama Form : F1 Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID Nama subkategori Merek Aksi
Tambah data Refresh tabel
tampilkan Cari
Pengelolaan data kategori hewan produk Kategori hewan Kategori produk Subkategori produk Merek produk ukuran beranda Data master
Klik beranda menuju G02 Klik data Produk menuju G03 Klik data kategori hewan menuju G04
Klik datakategori produk G05 Klik data subkategori produk G06 Klik data merek G07 Klik data ukuran G08 Klik akun saya menuju G09 Klik tambah data menuju G10 Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07
Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10
Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15 Muncul 47 jika password diubah Jika salah isi akan muncul M18 Jika tidak beraktifitas muncul M14
5. Perancangan antar muka tambah kategori hewan dapat dilihat pada gambar 3.75 berikut:
Penambahan Kategori Hewan
Nama Deskripsi
tambah
Jika di pengisian nama ada kesalahan maka akan
muncul M13q Dan jika penambahan berhasil muncul M24 G10
Gambar 3.75 Perancangan antar muka tambah kategori hewan
6. Perancangan antar muka kategori produk dapat dilihat pada gambar 3.76
berikut: G05
Keterangan :
Nama Form : F1
Ukuran Layar : 800 x 600 Jenis / Ukuran Font : Arial / 8, 12
Logo Kingkong
Akun saya Ubah profil Logout
ID Nama deskripsi Aksi Tambah data
tampilkan Cari
Pengelolaan data produk produk Kategori hewan Kategori produk Subkategori produk Merek produk ukuran beranda Data master
Klik beranda menuju G02 Klik data Produk menuju G03 Klik data kategori hewan menuju G04
Klik datakategori produk G05 Klik data subkategori produk G06 Klik data merek G07 Klik data ukuran G08 Klik akun saya menuju G09 Klik tambah data menuju G10 Klik logout akan muncul M06 Jika data tidak ditemukan akan muncul M03
Jika data sudah ada akan muncul M07
Jika data yang data yang akan dihapus sudah berelasi maka akan muncul M10
Jika nama sudah digunakan maka akan muncul M13
muncul M46
Jika ada field tidak diisi muncul M15