a. Halaman pesanan telah dikembalikan admin pegawai
OP 15
Home Pengolahan Katalog
HEADER Pengolahan Pemesanan
FOOTER Pengolahan Laporan
Logout
LIHAT PESANAN TELAH DIBAYAR TELAH DIKIRIM TELAH DISAMPAIKAN
Klik home menuju ke OP
02 Klik pengolahan katalog
menuju ke OP 03
Klik pengolahan pemesanan
menuju ke OP10
Klik Logout menuju ke OP01
Klik pengolahan laporan menuju ke OP15
Klik lihat pesanan menuju ke OP
11 Klik telah dibayar
menuju ke OP 12
Klik telah di kirim menuju ke OP
13 Klik telah di sampaikan
menuju ke OP 14
DIKEMBALIKAN
DATA PEMESANAN DIKEMBALIKAN
Gambar 3.60. Halaman pesanan telah di kembalikan admin pegawai
b. Halaman laporan admin pegawai
OP 16
Home Pengolahan Katalog
HEADER Pengolahan Pemesanan
FOOTER Pengolahan Laporan
Logout
LAPORAN DATA PRODUK
Klik home menuju ke OP 02
LAPORAN PENJUALAN PRODUK
Klik pengolahan katalog menuju ke OP 03
Klik pengolahan pemesanan
menuju ke OP 10 Klik pengolahan laporan
menuju ke OP 15 Klik Logout
menuju ke OP 01
Gambar 3.61. Halaman laporan admin pegawai
3.1.12.4 Antarmuka Admin Administrator
a. Halaman login admin administrator
AD 01
USERNAME PASSWORD
Klik login akan dibawa ke menu
AD02
LOGIN ADMIN
Logo Toko
Tombol login
Gambar 3.62. Halaman login admin administrator
b. Halaman Beranda admin administrator
AD 02
HEADER
FOOTER TEKS MENU ADMINISTRATOR
Klik Logout menuju ke AD 01
TEKS SELAMAT DATANG
Klik beranda menuju ke AD 02
Klik pengolahan admin menuju ke AD 03
Beranda Pengolahan Admin
Logout
Gambar 3.63. Halaman Beranda admin administrator
c. Halaman pengolahan admin administrator
AD 03
Beranda Pengolahan Admin
HEADER
FOOTER Logout
DATA PEGAWAI ADMINISTRATOR
Tombol tambah admin
Klik Tambah Admin menuju ke AD 04
Klik beranda menuju ke AD 02
Klik pengolahan admin menuju ke AD
03 Klik Logout
menuju ke AD 01
Gambar 3.64. Halaman pengolahan pegawai administrator d. Halaman tambah admin administrator
AD 04
HEADER
FOOTER TEKS MENU ADMINISTRATOR
Home Pengolahan Admin
Logout
Nama admin TOMBOL LIHAT ADMIN
passwors status
Simpan reset
cancel
Klik Logout menuju ke AD 01
Klik beranda menuju ke AD 02
Klik pengolahan admin menuju ke AD 03
Gambar 3.65. Halaman tambah pegawai atau administrator administrator
3.1.12.5 Perancangan Pesan
P 001 Email atau Password anda salah
ok
Gambar 3.66. Form tampilan pesan salah login
P 002 Untuk melakukan pembelian produk silahkan mendaftar member
terlebih dahulu di menu daftar ok
Gambar 3.67. Form tampilan pesan untuk daftar member
P 003
Halaman tidak ditemukan ok
Gambar 3.68. Form tampilan pesan tidak dapat mengakses halaman
P 004
Kesalahan Input data pada : ok
Gambar 3.69. Form tampilan pesan salah input data
P 005
Apakah produk ini yakin akan dihapus dari keranjang? ok
cancel
Gambar 3.70. Form tampilan pesan hapus produk dikeranjang
P 006
Silahkan masukan no ressi dari JNE ok
Gambar 3.71. Form tampilan pesan masukan no ressi
P 007
Apakah anda yakin data kategori ini akan dihapus ? cancel
ok
Gambar 3.72. Form tampilan pesan hapus data kategori
P 008
Apakah anda yakin data produk ini akan dihapus ? cancel
ok
Gambar 3.73. Form tampilan pesan hapus data produk
P 009
Apakah anda yakin data merk ini akan dihapus ? cancel
ok
Gambar 3.74. Form tampilan pesan hapus data merk
P 010
Apakah anda yakin data admin ini akan dihapus ? cancel
ok
Gambar 3.75. Form tampilan pesan hapus data admin
3.1.13 Jaringan Semantik
Jaringan semantik sistem yang akan dibangun dibedakan sesuai dengan jenis penggunanya, yaitu pengunjung, pemesan member, petugas pegawai dan
admin administrator. Jaringan semantik datap dilihat melalui gambar berikut:
a. Jaringan semantik interface pengunjung
P 06 P 01
P 05 P 04
P 03 P 0
2
P 07 P 0
02
P 00 1
P P 00
4
Gambar 3.76. Jaringan semantik pengunjung
b. Jaringan semantik interface member
M02 M01
M07
M03 M04
M05
P 005 M08
M09 M
06
M10
Gambar 3.77. Jaringan semantik member
c. Jaringan semantik interface pegawai
OP 02 OP 01
OP 10 OP 12
P 00 7
AD OP 03
OP 04 P
8 AD
OP 0 6
P 00
9
AD O
P 08
O P
13 OP 14
OP 11
OP 07 OP 09
OP 05
Gambar 3.78. Jaringan simantik pegawai
d. Jaringan semantik interface administrator
AD 02 AD 01
AD 03 AD 03
Gambar 3.79. Jaringan simantik administrator
3.1.13.1 Perancangan Prosedural
1. Prosedur Tambah Data, merupakan prosedur yang terjadi ketika Administrator
, pengunjung atau member memasukan data baru.
Mulai
Pilih menu data yang akan ditambah
Data sudah lengkap?
Data valid? Ya
Ya Tidak
Selesai Isi data yang akan
ditambah
Tampil pesan invalid data
tidak
Tampil pesan invalid data
Tampil Pesan Data Sudah Tersimpan di
Database database
Simpan? Ya
Tidak
Masukkan Data Kedalam Database
Data tidak jadi ditambahkan
Gambar 3.80. Prosedur Tambah Data
2. Prosedur Ubah Data, merupakan prosedur yang terjadi ketika Administrator
atau member mengubah data yang dianggap perlu dilakukan perubahan.
Mulai
Pilih menu data yang akan diubah
Data sudah lengkap?
Data valid? Ya
Ya Tidak
Selesai Ubah data yang telah
dipilih
Tampil pesan invalid data
tidak
Tampil Pesan invalid data
Tampil Pesan Data Sudah diubah di
Database database
Ubah? Ya
Tidak
Masukkan Data Kedalam Database
Data tidak jadi diubah
Gambar 3.81. Prosedur ubah data
3. Prosedur Hapus Data, merupakan prosedur yang terjadi ketika Administrator atau member
menghapus data.
Mulai
Pilih data yang akan dihapus
Ya
Selesai Tidak
Tampil Pesan Data Sudah Dihapus
Tampil Pesan konfirmasi apakah
yakin akan menghapus data
database Hapus data terpilih dari
database Tidak
Ya
Gambar 3.82. Prosedur hapus data
136
BAB IV IMPLEMENTASI DAN PENGUJIAN