Halaman pesanan telah dikembalikan admin pegawai Halaman laporan admin pegawai Halaman login admin administrator Halaman Beranda admin administrator Halaman pengolahan admin administrator

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