82
3.9.8 Struktur Menu
Gambar III.11 Struktur Menu Admin
Menu Utama
Home UKM
INPUT UKM
Jumlah UKM
Login
Admin ID UKM
KATEGORI Kategori
UKM Makanan
Fashion Handycraft
Berita
83
Gambar III.12 Struktur Menu UKM
Gambar III.13 Struktur Menu Pelanggan
Pemesanan Pembayaran
Menu Utama
Home UKM
Pengolahan Data
Barang Jumlah
UKM Login
UKM Kategori
UKM Makanan
Fashion Handycraft
Ongkos Daftar
Tambah Edit
Hapus UKM
Berita
Pesan Keranjang
Belanja Pembayaran
Menu Utama
Home UKM
TESTIMONIAL Jumlah
UKM Login
Pelanggan Kategori
UKM Makanan
Fashion Handycraft
Berita Daftar
Pelanggan
84
3.9.9 Perancangan Antar Muka
Gambar III.14 Tampilan Menu Utama index
HEADER HOME
UKM
KATEGORI BARANG
FOOTER KERANJANG
BELANJA
PEMBAYARAN Tampilan Home
TESTIMONIAL
Ukuran 1024x768 Font family Verdana 12
Warna biru,hikau Klik Home maka akan tampil
menu utama T01 Klik daftar akan muncul T02
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 Klik TESTIMONIALmaka
akan tampil menu komentar T04
Klik kategori barang akan muncul T05
Isi field username,password dan level user dan Klik
tombol login ,maka akan muncul menu T06,T07 atau
T08 sesuai level user yang di pilih
Klik keranjang belanja akan muncul P02
Klik pembayaran akan muncul P02
Klik Visi dan Misi Dinas Koperasi akan muncul T09
Klik Berita akan muncul T10 Klik Dinas Koperasi akan
muncul T11 CARI
T01
username password
Level user Login
DINAS KOPERASI
BERITA VISI DAN MISI
JUMLAH PENGUNJUNG
TESTIMONIAL 5 BARANG TERBARU
85
Gambar III.15 Tampilan Menu Pendaftaran
Gambar III.16 Tampilan Menu Data UKM
H E A D E R H O M E
U K M
F O O T E R T ES T IM O N IA L
Ukuran 10 24 x768
Font fam ily Ve rdan a 12 W arna
biru,hikau Klik Hom e ma ka aka n tam pil
m en u utam a T 01 Klik UK M ma ka akan tam pil
m en u U K M yang terdaftar T03
Klik T ES TIMO NIA Lm aka akan tamp il m enu kom entar
T04 Klik kategori barang akan
mu ncul T 05 Klik keranjang be lan ja akan
m u n c u l P 0 2 Klik pem bayaran akan
m u n c u l P 0 2 Isi s em ua field lalu klik
simp an un tuk
me nyimpa n dan klik ulang untuk
me ngulang Ba gi an da pem ilik ukm
silah kan k lik che k box Klik Visi dan M isi D ina s
Kop erasi akan mu ncul T 09 Klik Be rita aka n m uncul T10
Klik Dinas Kop erasi akan mu ncul T 11
T 0 2
usernam e pa sswo rd
Leve l user Login
F orm P en da ftaran
usernam e
S im p an Ulang
passw ord N a m a
T e m p a t la h ir Ta ngga l lahir
A la m at Je n is ke la m in
E -m a il N o .H P
K ota Jika An da Pe milik U K M
D IN A S K O P E R A S I
K ode PO S Pria
W an ita K A T E G O R I
B A R A N G K E R A N J A NG
B E L A N J A P E M B A Y A R A N
B E R IT A V ISI D AN M ISI
C A R I
5 B A R A N G T E RB A R U JU M LA H
P E NG U N J U N G T E ST IM O N IA L
A greem ent Jika A nda Setuju D enga n K etentuan di atas
K ode Tulis Ko de
HEADER HOME
UKM
FOOTER TESTIMONIAL
Ukuran 1024x768 Font family Verdana 12
Warna biru,hikau Klik Home maka akan tampil
menu utama T01 Klik daftar akan muncul T02
Klik TESTIMONIALmaka akan tampil menu komentar
T04 Klik kategori barang akan
muncul T05 Isi field username,password
dan level user dan Klik tombol login ,maka akan
muncul menu T06,T07 atau T08 sesuai level user yang di
pilih Klik keranjang belanja akan
muncul P02 Klik pembayaran akan
muncul P02 Klik Visi dan Misi Dinas
Koperasi akan muncul T09 Klik Berita akan muncul T10
Klik Dinas Koperasi akan muncul T11
T03
username password
Level user Login
Daftar Nama-nama UKM
No Nama kategori
Alamat UKM
fashion jl.Djuanda 41 Tlp
022-546789876,fax 022-76754667
1 handycraft
UKM jl.siliwangi 23 Tlp
022-46789876,fax 022-76754667
makanan jl.DU 34 Tlp 022-
546789876,fax 022-76754667
UKM 2
3
DINAS KOPERASI
KATEGORI BARANG
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI CARI
JUMLAH PENGUNJUNG
5 BARANG TERBARU TESTIMONIAL
86
Gambar III.17 Tampilan Menu Testimonial
Gambar III.18 Tampilan Menu Kategori
H E A D E R H O M E
U K M
F O O T E R T E S T IM O N IA L
◊ U kuran
102 4x768 ◊
F ont fam ily V erda na 12 ◊
W arna biru,hikau
K lik H om e m aka ak an tam pil m en u utam a T 01
K lik daftar aka n m unc ul T 02 K lik U KM m aka ak an tam pil
m en u U KM ya ng terdaftar T 0 3
K lik kategori bara ng ak an m un cul T05
Isi field
us ernam e,pa ssw ord da n lev el user da n K lik
tom bo l login ,m aka akan m un cul m enu T 06 ,T 07 atau
T08 sesu ai level user ya ng di p ilih
K lik keranjang be lanja akan m un cul P 02
K lik pem ba yaran ak an m un cul P 02
K lik Visi da n Mis i D inas K op erasi akan m uncu l T 09
K lik Berita akan m un cul T10 K lik D ina s K op erasi akan
m un cul T11
T 0 4
usernam e pas sword
Le vel user Login
N a m a K o ta
K o m e n ta r
K irim R eset
T T IM O N IA L
D IN A S KO PE R A S I
K A T E G O R I B A R A N G
K E R A N J A N G B E L A N JA
P E M B A Y A R A N B ER ITA
V ISI D AN M IS I C A R I
K o d e Tulis Kode
J U M L AH PE N G U N JU N G
T E S T IM O N IA L 5 B A R A N G T E R B A R U
HEADER HOME
UKM
FOOTER TESTIMONIAL
° Ukuran 1024x768
° Font family Verdana 12
° Warna biru,hikau
Klik Home maka akan tampil menu utama T01
Klik daftar akan muncul T02 Klik UKM maka akan tampil
menu UKM yang terdaftar T03
Klik TESTIMONIALmaka akan tampil menu komentar
T04 Isi field username,password
dan level user dan Klik tombol login ,maka akan
muncul menu T06,T07 atau T08 sesuai level user yang di
pilih Klik keranjang belanja akan
muncul P02 Klik pembayaran akan
muncul P02 Klik nama ukm untuk melihat
produk yang di jual Klik Visi dan Misi Dinas
Koperasi akan muncul T09 Klik Berita akan muncul T10
Klik Dinas Koperasi akan muncul T11
T05
username password
Level user Login
UKM makanan UKM makanan
UKM fashion UKM fashion
UKM handycraft
LOGO LOGO
LOGO LOGO
LOGO KATEGORI
BARANG KERANJANG
BELANJA
PEMBAYARAN
BERITA VISI DAN MISI
DINAS KOPERASI CARI
JUMLAH PENGUNJUNG
TESTIMONIAL 5 BARANG TERBARU
87
Gambar III.19 Tampilan Menu Admin
Gambar III.20 Tampilan Menu Admin Input No ID UKM
HEADE R H O M E
UKM
FO OTER INPUT UK M
η Ukuran 1024x768
η Font fam ily V erdana 12
η W arna biru,hikau
h K lik Hom e m aka akan tam pil
m enu utama T06 h
K lik UK M m aka akan tam pil m enu UK M yang terdaftar
T06b h
K lik INPUT UK M maka akan tam pil me nu T 06a
h K lik keranjang belanja akan
m uncul P0 4 h
K lik pem bayaran akan m uncul P0 4
h K ilik m enu adm in tam bah
kategori UK M akan m uncul T06c
h K ilik m enu adm in liha t
katego ri uk m m aka akan m uncul T06d
h K lik logoff untuk ke lua r
h K lik V isi dan M isi Dinas
K operasi akan m uncul T 09 h
K lik B erita akan mun cul T 10 h
K lik Din as Koperasi akan m uncul T11
h K lik cetak laporan m aka akan
m uncul T06f
T06
usernam e ID Anda
[ Logoff ] M enu adm in
Lihat K ategori UKM Selama t Da tang
Akun Anda 102.34.8
KERA NJANG BELANJA
PEM BAYARAN BER ITA
V ISI DA N MISI Tamb ah K ategori UKM
Up date B erita
TESTIMON IAL 5 BARA NG TERBARU
KATEGO RI
JUM LAH PENGUNJUNG
Ce tak Laporan
HEADER HOME
UKM
FOOTER INPUT UKM
Ukuran 1024x768 Font family Verdana 12
Warna biru,hikau Klik Home maka akan tampil
menu utama T06 Klik UKM maka akan tampil
menu UKM yang terdaftar T06b
Klik keranjang belanja akan muncul P04
Klik pembayaran akan muncul P04
Klik logoff untuk keluar Klik Visi dan Misi Dinas
Koperasi akan muncul T09
T06a
Tambah No ID UKM No ID UKM
KATEGORI
username [ Logoff ]
Selamat Datang Akun Anda
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI SIMPAN
ULANG
TESTIMONIAL 5 BARANG TERBARU
JUMLAH PENGUNJUNG
88
Gambar III.21 Tampilan Menu Admin hapus data ukm
Gambar III.22 Tampilan Menu Admin Tambah Kategori UKM
H EA D E R HOME
UKM
FOOTER INPUT UKM
ℵ Ukuran 1024 x768
ℵ Fon t family Verdana 12
ℵ W arna biru,hikau
Klik Hom e maka akan tampil menu utam a T06
Klik BUK U TA MU maka akan tampil menu buku tam u T06 a
Klik keranjang belanja akan munc ul P 04
Klik pembayaran akan munc ul P 04
Klik hapus akan muncul P03 Klik log off untuk keluar
Klik Visi dan Misi Dinas Koperasi akan munc ul T09
T 06b
No Hapus
Hapus
username [ L ogoff ]
Selam at D atang Akun Anda
Daftar N ama-nam a UKM
Nam a kategori
Alam at UKM
fash ion jl.Djuanda
41 Tlp 022- 546789876
,fax 022 - 76754667
handycraft UKM
jl.siliwangi 23 T lp 02 2-
546789876, fax 02 2-
76754667 ma kanan
jl.DU 34 Tlp 022-
546789876,fax 022-76754667
UKM Hapus
1
2 3
KERANJANG BELA NJA
PEMBAYARAN BERITA
VISI DAN MISI
Lihat Lihat
Lihat
TES TIMO N IAL 5 BARA NG TER BARU
JUMLAH PENGUNJUNG
HEADER HOME
UKM
FOOTER INPUT UKM
Ukuran 1024 x768 Font family Verdana 12
W arna biru,hikau Klik Home maka akan tampil
menu utam a T06 Klik UKM m aka a kan tam pil
menu UKM yang terdaftar T06b
Klik INP UT UKM m aka akan tampil menu T06a
Klik keranjang belanja akan muncul P 04
Klik pembay ara n akan muncul P 04
Kilik m enu adm in lihat kateg ori ukm mak a akan
muncul T06d Klik log off untuk keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T09
T06c
username [ Lo goff ]
Id Kategori Selamat D atang
Akun Anda KERANJANG
BELA NJA
PEMBAYARAN BERITA
VISI DAN MISI Tam bah Kategori UKM
Katego ri Simpan
U lang
TESTIMO N IAL 5 BAR ANG TERBARU
JUMLAH PENGUNJUNG
89
Gambar III.23 Tampilan Menu Admin kategori UKM
Gambar III.24 Tampilan Menu Admin tambah berita
HEADER H O M E
U K M
FOOTER INPUT UK M
Ukuran 1024x768 Fon t fam ily Verdan a 12
Wa rna biru,hikau K lik Hom e m aka ak an tam pil
m en u utam a T 06 K lik UKM m aka ak an tam pil
m en u UK M yang terdaftar T 06b
K lik INPU T UKM m aka akan tam pil m enu T06a
K lik keranjang belanja ak an m uncul P 04
K lik pem bayaran akan m uncul P 04
kilik m enu adm in lihat ka tego ri ukm mak a akan
m uncul T 06d K lik log off un tuk keluar
K lik Visi dan M isi Din as K operasi akan m uncul T 09
T06d
username [ Logoff ]
Id Kategori S elam at Da tang
Akun A nda KER ANJANG
BELAN JA PEMB AYARAN
BERITA VISI DAN M ISI
Kategori UK M Yang A da di Dinas K operasi B andung
K ategori UF00000003
UH00000002 UM 00000001
Fashion Ha ndycraft
M akanan
T ESTIMON IAL 5 BARANG
TERBARU JUM LAH
PENG UNJUNG
HEADER HOME
UKM
FOOTER INPUT UKM
Ukuran 1024x768
Font family Verdana 12
Warna biru,hikau
‘ Klik Home maka akan tampil
menu utama T06 ‘
Klik UKM maka akan tampil menu UKM yang terdaftar
T06b ‘
Klik INUT UKM maka akan tampil menu T06a
‘ Klik keranjang belanja akan
muncul P04 ‘
Klik pembayaran akan muncul P04
‘ kilik menu admin lihat
kategori ukm maka akan muncul T06d
‘ Klik logoff untuk keluar
‘ Klik Visi dan Misi Dinas
Koperasi akan muncul T09
T06e
username [ Logoff ]
Selamat Datang Akun Anda
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI Tambah Berita
Isi Judul
Simpan Ulang
TESTIMONIAL 5 BARANG TERBARU
JUMLAH PENGUNJUNG
90
Gambar III.25 Tampilan Menu Admin cetak laporan
Gambar III.26 Tampilan Menu UKM
HEADER H O M E
UKM
FOOTER ℵ
Ukuran 1024x768 ℵ
Font fam ily V erdana 12 ℵ
W arna biru,hikau Klik Hom e m aka akan tam pil
men u utama T07 Klik UK M m aka akan tam pil
me nu U K M yang terdaftar T03
Klik Dinas ma ka akan tampil me nu T11
Klik Berita aka n m unc ul T10 Klik keranjang belanja akan
mun cul P 04 Klik pemba yaran akan
mun cul P 04 Klik Tam bah D ata barang
akan m uncul T 07a Kilk Edit D ata U km akan
mun cul T07b Klik Lihat D ata B arang akan
mun cul T07c Klik Edit D ata B arang akan
mun cul T07d Klik P engolahan data
pesanan akan m uncul T07e Klik P engolahan data
Pemb ayaran akan mun cul T07h
Klik Lihat H istory akan mun cul T07i
Klik P engolahan Data On gkos aka n m uncul T07l
Klik C etak Laporan akan mun cul T07m
Klik logoff untuk keluar
T07
M enu UKM
Edit Data U KM Tam bah D ata Barang
Lihat D ata Bar ang Edit D ata B arang
Pengolahan Da ta Pem esanan Pengolahan Da ta Pem bayaran
usernam e [ Lo goff ]
Selam at Datang DINAS
KERANJANG BELANJA
PEMB AYARAN BER ITA
VISI DAN MISI Lihat H istory
P engolahan Data O ngkos C etak La poran
TESTIMO NIA L 5 BARANG
TERBARU JUMLA H
PENG UNJUNG Nama UKM
HEADER H O M E
U K M
FOO TER INPUT UKM
Ukuran 1024x768 Font fam ily Verdana 12
W arna biru,hikau K lik Home maka akan tampil
m enu utam a T 06 K lik UK M m aka akan tam pil
m enu U KM yang terdaftar T06b
K lik keranjang belanja akan m uncul P 04
K lik pemb ayaran akan m uncul P 04
K lik logoff untuk keluar K lik Visi dan Misi D inas
K operasi akan mu ncul T 09
T06f
C etak S esuai K ebutuhan Bulan
Tahun
usernam e [ Logo ff ]
Selama t Datang Akun A nda
KERANJANG BELANJA
PEM BAYARAN BE RITA
V ISI DAN M ISI CETAK
CETAK SEMU A
TE STIMON IAL 5 BARANG TERB ARU
JUM LA H PENGUN JUNG
91
Gambar III.27 Tampilan Menu UKM tambah data barang
Gambar III.28 Tampilan Menu UKM edit data ukm
HEADER HOME
UKM
FOOTER Ukuran 1024x768
Fon t fam ily V erdana 12 W arna biru,hikau
Klik Hom e m aka akan tam pil men u utama T07
Klik UKM m aka akan tam pil men u UK M yang terdaftar
T03 Klik keranjang belanja akan
muncul P 04 Klik pembayaran akan
muncul P 04 Isi sem ua field tam bah
barang lalu klik simpan untuk men yimpan dan klik ulang
untuk m engulang Klik logoff untuk keluar
Klik Visi dan M isi Dinas Koperasi akan m uncul T09
Klik Berita akan m uncul T10 Klik Dinas Koperasi akan
muncul T11
T07a
Tam bah Barang Jenis
Gam bar H arga
Nam a
Browse
Simpan Ulang
username [ Logoff ]
S elama t Datang DINA S
KERANJANG BELANJA
PEM BAYARAN BER ITA
VISI DAN MISI
Pilih
Keterangan Ga ransi
TESTIMO NIA L 5 BARANG TERBARU
JUMLAH PENG UNJUNG
Nama UKM
HEADER HOME
UKM
FOOTER Ukuran 1024x768
Font family Verdana 12 Warna biru,hikau
Klik Home maka akan tampil menu utama T07
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 Klik keranjang belanja akan
muncul P04 Klik pembayaran akan
muncul P04 Isi semua field edit data ukm
lalu klik simpan untuk menyimpan dan klik ulang
untuk mengulang Klik logoff untuk keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T09
Klik Dinas Koperasi akan muncul T11
T07b
Edit Data UKM
Browse
Simpan Ulang
nama
Nama ukm Tempat lahir
Tanggal lahir Kode POS
Nama Bank Alamat
Jenis kelamin No.HP
E-mail No.Telpon
No.Rekening Kota
No.Fax Logo ukm
username [ Logoff ]
Selamat Datang DINAS
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI Cabang
Tahun Berdiri TESTIMONIAL
5 BARANG TERBARU JUMLAH
PENGUNJUNG Nama UKM
92
Gambar III.29 Tampilan Menu UKM Pengolahan data barang
Gambar III.30 Tampilan Menu UKM edit data barang
H E A DE R HO M E
UK M
FOOTER U kuran
10 24x768 Fo nt family V erdana 12
W arna biru,hikau Klik Hom e m aka aka n tamp il
m enu utam a T07 Klik UK M m aka akan tamp il
m enu U KM yang terdaftar T03
Klik keranjang be lanja akan m uncul P 04
Klik pemb ayaran akan m uncul P 04
Isi field baran g yan g aka n di edit lalu klik sim pan un tuk
m enyimpan dan klik ulan g untuk me ngulang
Klik logoff untuk keluar Klik Visi da n M isi D inas
Kop erasi akan mu ncul T 09 Klik Dinas K operasi aka n
m uncul T11
T07d
Edit B arang Jen is
Gam bar Harga
N am a
B rows e
Sim pan Ulang
usernam e [ Log off ]
Selam at D atang DIN A S
KER ANJANG BELANJA
PEMBAYARAN BERITA
VISI D AN M ISI
T ES T IM O N IA L
K eterangan G ara nsi
Nama UKM
5BA RAN G TERBA RU JUMLAH
PENGUNJUNG HEADER
HOME UKM
FOOTER Ukuran 1024x768
Font family Verdana 12 Warna biru,hikau
Klik Home m aka akan tampil m enu utama T 07
Klik UKM m aka akan tampil m enu UKM yang terdaftar
T03 Klik keranjang belanja akan
m uncul P04 Klik pembayaran akan
m uncul P04 Isi field id barang lalu kilk cari
untuk m encari barang Klik edit di kolom option
m aka akan muncul T07d Klik delete di kolom option
m aka akan muncul P01 Klik logoff untuk keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T 09
Klik Dinas Koperasi akan m uncul T11
T07c
Pengolahan Data Barang
Nama Jenis
Barang Harga
G am bar Edit
CARI Hapus
username [ Logoff ]
Selamat Datang Nama Barang
DINAS KERANJANG
BELANJA
PEMBAYARAN BERITA
VISI DAN M ISI
TESTIM ONIAL 5 BARANG TERBARU
JUM LAH PENGUNJUNG
Nama UKM Edit Hapus
93
Gambar III.31 Tampilan Menu UKM lihat pesanan
Gambar III.32 Tampilan Menu UKMedit status pemesanan
HEADER HOME
UKM
FOOTER Ukuran 1024x768
Font fam ily Verdana 12 Warna biru,hikau
Klik Home maka akan tam pil menu utama T07
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 Klik keranjang belanja akan
muncul P04 Klik pembayaran akan
muncul P04 Klik status pesanan untuk
merubah status Klik logoff untuk keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T09
Klik Dinas Koperasi akan muncul T11
Klik view akan muncul T07f
T07e
Data Pemesanan
Alama t Tujuan
Kota Tujuan E-mai
Pengirim Kode
POS Tujuan
Nam a Tujuan
username [ Logoff ]
Selamat Datang DINAS
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI
Detail view
TESTIMON IAL Nama UKM
5 BARANG TERBARU JUMLAH
PENGUNJUNG
HEADER HOME
UKM
FOOTER Ukuran 1024x768
Font family Verdana 12 Warna biru,hikau
Klik Home maka akan tampil menu utama T07
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 Klik keranjang belanja akan
muncul P04 Klik pembayaran akan
muncul P04 Klik status pesanan untuk
merubah status Klik logoff untuk keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T09
Klik Dinas Koperasi akan muncul T11
Klik view akan muncul T07g
T07f
Data Pemesanan
Total Bayar Tanggal
Pesan Status
Tanggal Kirim
Id Pesanan
username [ Logoff ]
Selamat Datang DINAS
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI
Lihat view
TESTIMONIAL Nama UKM
5 BARANG TERBARU JUMLAH
PENGUNJUNG
Status
Cari
94
Gambar III.33 Tampilan Menu UKMdetail pemesanan
Gambar III.34 Tampilan Menu UKM lihat pembayaran
H E A D E R H O M E
U K M
F O O TE R U kuran 102 4 x768
F on t fa m ily V e rdan a 12 W a rn a b ir u ,h ik a u
K lik H om e m ak a ak an tam pil m e n u u ta m a T 0 7
K lik U K M m aka ak an tam pil m en u U K M ya ng terdafta r
T 0 3 K lik ke ranjan g be lan ja aka n
m un cul P 04 K lik p em bay aran aka n
m un cul P 04 K lik logo ff un tu k ke luar
K lik V isi ak an m un cul T 09 K lik B erita ak an m un cu l T1 0
K lik D inas K op era si a kan m u n c ul T 1 1
T 0 7h
P e m b a y a ra n
N a m a p e la n g g a n
R u b a h S tatu s
Ju m la h T a n g g a l
transfer Id
P e s a n a n u s ern a m e
[ Lo go ff ] S e la m a t D a t an g
D IN A S K E R A N JA N G
B E L A N JA P E M B A Y A R A N
B E R IT A V IS I D A N M IS I
T E S T IM O N IA L 5 B A R A N G T E R B A R U
JU M L A H P E N G U N J U N G
N am a U K M HEADER
H O M E UKM
FOO TER Ukuran 1024x768
Font family Verdana 12 Wa rna biru,hikau
Klik Hom e m aka akan tamp il menu utama T07
Klik UK M m aka akan tamp il menu UK M yang terdaftar
T03 Klik keranjang belanja akan
muncul P04 Klik pem bayaran akan
muncul P04 Klik status pesanan untuk
merubah status Klik logoff untuk keluar
Klik Visi dan M isi Dinas Koperasi aka n m unc ul T 09
Klik Dinas Koperasi akan muncul T 11
T07g
D ata D etail Pem esanan
Nama Barang
Ha rg a Barang
S ubto tal Jumlah
Id Ba ran g
usernam e [ Log off ]
Selamat D atang D INAS
KERAN JANG BELANJA
PEMB AYARAN BERITA
VISI DA N M ISI
TES TIM O NIAL Nama UK M
5 BA RANG TERBAR U JUMLA H
PEN GUN JUNG
95
Gambar III.35 Tampilan Menu UKM lihat history
Gambar III.36 Tampilan Menu UKM lihat history
H E A D E R H O M E
U K M
F O O T ER Ξ
U kuran 1024x76 8
Ξ Fo nt fam ily V erdana 12
Ξ W arna
biru,hikau X
Klik H om e m aka akan tam pil m enu utam a T0 7
X Klik U KM m aka akan tam pil
m enu U KM yan g terdaftar T03
X Klik keranjang belanja akan
m uncu l P 04 X
Klik pem ba yaran akan m uncu l P 04
X Klik status pe sanan untuk
m eruba h status X
Klik log off untuk k eluar X
Klik Visi dan M isi D inas Kop erasi akan m uncu l T 09
X Klik D ina s K operas i akan
m uncul T1 1 X
Klik view akan m unc ul T0 7f
T 07 i
D ata H istor y
Alam at Tu juan
Kota T ujuan E-m ai
P eng irim Kode
P O S T u ju a n
N am a Tujuan
usernam e [ Lo goff ]
Selam at D atan g D IN A S
K ER A N JA N G B E L A N J A
P E M B A Y A R A N B E R IT A
V ISI D A N M ISI
D etail view
T E ST IM O N IA L N a m a U K M
5 B A R A N G T E R B A R U JU M L AH
P E NG U N JU N G
HEADER HOME
UKM
FOOTER Ukuran 1024x768
Font family Verdana 12 Warna biru,hikau
Klik Home maka akan tampil menu utama T07
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 Klik keranjang belanja akan
muncul P04 Klik pembayaran akan
muncul P04 Klik status pesanan untuk
merubah status Klik logoff untuk keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T09
Klik Dinas Koperasi akan muncul T11
Klik view akan muncul T07g
T07j
Data History
Total Bayar Tanggal
Pesan Status
Tanggal Kirim
Id Pesanan
username [ Logoff ]
Selamat Datang DINAS
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI
Lihat view
TESTIMONIAL Nama UKM
5 BARANG TERBARU JUMLAH
PENGUNJUNG
96
Gambar III.37 Tampilan Menu UKM lihat detail history
Gambar III.38 Tampilan Menu UKM Pengolahan Data Ongkos
HEADER H O M E
UKM
FOO TER Π
Ukuran 1024x768 Π
Font family Verdana 12 Π
Wa rna biru,hikau P
Klik Hom e m aka akan tamp il menu utama T07
P Klik UK M m aka akan tamp il
menu UK M yang terdaftar T03
P Klik keranjang belanja akan
muncul P04 P
Klik pem bayaran akan muncul P04
P Klik status pesanan untuk
merubah status P
Klik logoff untuk keluar P
Klik Visi dan M isi Dinas Koperasi aka n m unc ul T 09
P Klik Dinas Koperasi akan
muncul T 11
T 07k
D ata D etail History
Nama Barang
Ha rg a Barang
S ubto tal Jumlah
Id Ba ran g
usernam e [ Log off ]
Selamat D atang D INAS
KERAN JANG BELANJA
PEMB AYARAN BERITA
VISI DA N M ISI
TES TIM O NIAL Nama UK M
5 BA RANG TERBAR U JUMLA H
PEN GUN JUNG
HEADER H O M E
U K M
F O O T E R Ukuran 1024x768
Fon t fam ily V erdana 12 W arn a biru,hikau
Klik Ho m e m aka akan tam pil menu utam a T07
Klik UK M m aka akan tam pil men u UK M yang terdaftar
T03 Klik keranjang belanja akan
muncul P 04 Klik pem bayaran akan
muncul P 04 Klik status pe sana n untuk
meru bah status Klik logoff un tuk keluar
Klik V isi dan M isi Dinas Kope ras i ak an m unc ul T 09
Klik Din as K opera si akan muncul T 11
Klik Tam bah Ong kos K irim mak a akan m uncul T07m
T07l
P en go lahan D ata O n gkos K irim
H arga E dit
Hapus N a m a
Kota
usernam e [ Log off ]
S elam at D atan g D INAS
KERA NJANG BELANJA
PEMBAYARAN BER ITA
V ISI DA N M ISI
TES TIM O NIAL Nama UK M
5 BA RANG TERB ARU JU M L A H
PEN GUN JUNG
T ambah Data On gkos
97
Gambar III.39 Tampilan Menu UKM Tambah Data Ongkos
Gambar III.40 Menu UKM cetak laporan
HEADER HOME
UKM
FOOTER Ukuran 1024x768
Font family Verdana 12 W arna biru,hikau
Klik Home maka akan tampil menu utama T07
Klik UKM maka akan tampil menu UK M yang terdaftar
T03 Klik keranjang belanja akan
muncul P04 Klik pem bayaran akan
muncul P04 Klik status pesanan untuk
merubah status Klik logoff untuk keluar
Klik Visi dan Misi D inas Koperasi akan muncul T09
Klik Dinas Koperasi akan muncul T11
T07m
Tambah O ngkos Kirim
Harga Nama Kota
username [ Logoff ]
Selamat Datang DINAS
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI
TESTIMON IAL Nama UKM
5 BARANG TERBA RU JUMLAH
PENGUNJUNG Simpan
Ulang
H E A D E R H O M E
U K M
F O O T E R D IN A S
≅ U k u ra n 1 0 2 4 x 768
≅ F ont fam ily Ve rdan a 1 2
≅ W arna biru ,hik au
Klik H om e m aka aka n tam pil m enu utam a T 0 7
Klik U K M m aka aka n tam p il m enu U K M yan g terd aftar
T 0 3 Klik k eranjan g belanja aka n
m unc ul P 0 4 Klik pe m bay aran aka n
m unc ul P 0 4 Klik s tatus pes ana n un tuk
m erub ah s tatus Klik logoff un tuk k eluar
Klik V is i da n M is i D ina s Kop erasi akan m un cul T 0 9
Klik D inas K ope ras i ak an m unc ul T 11
T 0 7 n
C e ta k S e s u a i K e b u tu h a n B u la n
T a h u n
u s e rn a m e [ Lo goff ]
S elam at D atang K E R A N J AN G
B E L A N JA P E M B A Y A R A N
B E R IT A V IS I D A N M IS I
C E T A K C E T A K S E M U A
T E S TIM O N IA L 5 B A R A N G T E R B A R U
J U M L A H P E N G U N J U N G
N a m a U K M
98
Gambar III.41 Tampilan Menu Pelanggan
Gambar III.42 Tampilan Menu Pelanggan lihat pemesanan
HEADER HOME
UKM
FOOTER TESTIMONIAL
Ukuran 1024x768 Font family Verdana 12
W arna biru,hikau Klik Home maka akan tampil
menu utama T08 Klik UKM maka akan tampil
menu UKM yang terdaftar T03
Klik TESTIMON IAL maka akan tampil menu buku tamu
T04 Klik kategori barang akan
muncul T05 Klik Lihat Lihat Pemesanan
akan muncul T08a Klik Edit Data Pribadi akan
muncul T08b Klik keranjang belanja akan
muncul T08c Klik pem bayaran akan
muncul T08d Klik logoff untuk keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T09
Klik Lihat History maka akan muncul T08f
Klik Dinas Koperasi akan muncul T11
T08
Menu Pelanggan
Edit Data Pelanggan Lihat Pemesanan
username [ Logoff ]
Selamat Datang DINAS
KATEG ORI BARANG
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI CARI
Lihat History
TESTIMONIAL 5 BARANG TERBARU
JUMLAH PENGUNJUNG
HEADER HOME
UKM
FOOTER TESTIMONIAL
Ukuran 1024x768 Font family Verdana 12
W arna biru,hikau Klik Home maka akan tampil
menu utama T08 Klik UKM maka akan tampil
menu UKM yang terdaftar T03
Klik TES TIMONIAL maka akan tampil T04
Klik kategori barang akan muncul T05
Klik keranjang belanja akan muncul T08c
Klik pembayaran akan muncul T08d
Klik logoff untik keluar Klik Visi dan Misi Dinas
Koperasi akan muncul T09 Klik Dinas Koperasi akan
muncul T11
T08a
Data Pemesanan Anda
Lihat Total
status Tanggal
kirim Id
pemesanan username
[ Logoff ] Selamat Datang
DINAS
KATEGORI BARANG
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI CARI
View Tanggal
Pesan
TESTIMONIAL 5 BARANG TERBARU
JUMLAH PENGUNJUNG
99
Gambar III.43 Tampilan Menu Pelanggan detail pemesanan
Gambar III.44 Tampilan Menu Pelanggan edit data
H E A D E R H O M E
U K M
F O O T E R T E S T IM O N IA L
π U k u ra n 1 0 2 4 x 7 6 8
π F o nt fam ily V e rd a n a 1 2
π W a rn a b iru ,h ika u
p K lik H o m e m a ka a k an ta m p il
m e n u ut am a T 0 8 p
K lik U K M m a ka a k an ta m p il m e n u U K M y a ng te r d afta r
T 0 3 p
K lik T E S T IM O N IA L m a k a a ka n ta m p il m e n u T 0 4
p K lik k a te g o r i b a r a ng a k a n
m u n cu l T 0 5 p
K lik sim pa n u n tu k m e n yim p an d a n klik u lan g
u n tu k m e n g u la n g p
K lik ke ra n jan g b e lan ja a ka n m u n cu l T 0 8 c
p K lik pe m b a y a r an a k a n
m u n cu l T 0 8 d p
K lik lo g o ffu n tuk ke lu a r p
K lik V isi d a n M is i D in a s K o p e r a si a k a n m u n c u l T 0 9
p K lik B e rita a ka n m u n cu l T 1 0
p K lik D in a s K o p e ra si a ka n
m u n cu l T 1 1
T 0 8c
E d it D a ta P r ib ad i
S im p a n U la n g
N a m a T e m p a t la h ir
T a n g g a l la h ir K o d e P O S
A l a m a t J en is k e la m in
N o .H P E -m a il
K o ta u se rn a m e
[ L o g o ff ] S e lam a t D a ta n g
D I N A S
P ria W a n ita
K A T E G O R I B A R A N G
K E R A N J A N G B E L A N JA
P E M B A Y A R A N B E R I T A
V IS I D A N M IS I C A R I
T E S T IM O N IA L 5 B A R A N G T E R B A R U
J U M LA H P E N G U N J U N G
HEADER HOME
UKM
FOOTER Ukuran 1024x768
Font family Verdana 12 Warna biru,hikau
Klik Home maka akan tampil menu utama T08
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 Klik TESTIMONIAL maka
akan tampil menu T04 Klik kategori barang akan
muncul T05 Klik keranjang belanja akan
muncul T08c Isi semua field pembayaran
lalu Klik simpan untuk menyimpan dan klik ulang
untuk mengulang Klik logoff untik keluar
Klik Visi dan Misi Dinas Koperasi akan muncul T09
Klik Berita akan muncul T10 Klik Dinas Koperasi akan
muncul T11
T08b
Detail Pemesanan Anda
Nama Barang
Harga Barang
Subtotal Jumlah
username [ Logoff ]
Selamat Datang TESTIMONIAL
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI DAN MISI
TESTIMONIAL 5 BARANG TERBARU
JUMLAH PENGUNJUNG
Tanggal Pesan
DINAS
100
Gambar III.45 Tampilan Menu Pelanggan keranjang belanja
Gambar III.46 Tampilan Menu Pelanggan pembayaran
H E A D E R H O M E
U K M
FOO TER TESTIM ONIAL
Η Uk uran 1024x768
Η Fon t fam ily V erdana 12
Η W arna biru,hikau
H K lik Ho m e m aka aka n tamp il
m enu utam a T 08 H
Klik UK M m aka aka n tamp il m enu UK M yang terdaftar
T 03 H
K lik TEST IMON IAL m aka ak an tam pil m enu T04
H K lik kategor i bara ng akan
m uncul T 05 H
Klik keranjang belanja akan m uncul T 08c
H Isi sem ua field pem bayara n
lalu Klik simp an untuk m eny im pan dan klik ulang
untuk m engulang H
K lik logoff untik keluar H
K lik V isi dan M isi D inas K operasi aka n m uncul T 09
H K lik B erita akan m unc ul T 10
H Klik Dinas Ko perasi akan
m uncul T 11
T08e
Pemb ayaran
username [ Logoff ]
S elam at Da tang T anggal
trans fer Jum lah
S im pan Ulang
DIN AS
Id Pesan an KA TE G O R I
B A R A N G KERANJAN G
BELAN JA PEM BAYARAN
BERITA VIS I DA N M ISI
CARI
TE STIM ONIAL 5 BAR ANG TERB ARU
JU M LA H P E N GU N JU N G
HEADER HOME
UKM
FOOTER TEST IMONIAL
Ukuran 1024 x768 Font family Verdana 12
W arna biru,hikau Klik Home maka akan tampil
menu utama T08 Klik UKM maka akan tampil
menu U KM yang terdaftar T03
Klik TESTIMO NIAL maka akan tampil menu T04
Klik kategori barang akan muncul T05
Klik pembayaran akan muncul T08d
Klik hapus untuk mem batalkan
pemilihan barang
Isi semua field pemesanan lalu Klik pesan untuk
memesan dan klik ulang untuk mengulang
Klik logoff untik keluar Klik Visi dan Misi Dinas
Koperasi akan muncul T09 Klik Berita akan muncul T10
Klik Dinas Koperasi akan muncul T11
T08d
Keranjang Belanja
Nama barang
Jumlah subtotal Harga
Id barang
username [ Logoff ]
Selamat Datang
Total Rp.
Nama penerima Kode PO S
Alam at Kota
Pesan Ulang
H apus DINAS
KATEGORI BAR AN G
KERANJANG BELAN JA
PEMB AYARAN BERITA
VISI DAN MISI CARI
Hapus Keranjang Belanja
TESTIMONIAL Rp.
Ongkos Kirim 5 BARANG TERBARU
JUMLAH PEN GUNJUNG
H apus
101
Gambar III.47 Tampilan Menu Pelanggan lihat history
Gambar III.48 Tampilan Menu Pelanggan detail history
HEADER HOME
UKM
FOOTER TESTIMONIAL
Ξ Ukuran 1024x768
Ξ Font family Verdana 12
Ξ Warna biru,hikau
X Klik Hom e maka akan tampil
menu utama T08 X
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 X
Klik TESTIMONIAL maka akan tampil T04
X Klik kategori barang akan
muncul T05 X
Klik keranjang belanja akan muncul T08c
X Klik pem bayaran akan
muncul T08d X
Klik logoff untik keluar X
Klik Visi dan Misi Dinas Koperasi akan munc ul T09
X Klik Dinas Koperasi akan
muncul T11
T08f
Data History Pemesanan Anda
Lihat Total
status Tanggal
kirim Id
pemesanan username
[ Logoff ] Selamat D atang
DINAS
KATEGORI BARANG
KERANJANG BELANJA
PEMBAYARAN BER ITA
VISI DAN MISI CARI
View Tanggal
Pesan
TESTIMON IAL 5 BARANG TERBARU
JUMLAH PENGUN JUNG
HEADER HOME
UKM
FOOTER π
U kuran 1024x768 π
Font family Verdana 12 π
W arna biru,hikau p
Klik Home maka akan tampil menu utama T08
p Klik UKM maka akan tampil
menu UKM yang terdaftar T03
p Klik TESTIMO NIAL maka
akan tampil menu T04 p
Klik kategori barang akan muncul T05
p Klik keranjang belanja akan
muncul T08c p
Isi semua field pem bayaran lalu Klik simpan untuk
menyim pan dan klik ulang untuk mengulang
p Klik logoff untik keluar
p Klik Visi dan Misi Dinas
Koperasi akan muncul T09 p
Klik Berita akan muncul T10 p
Klik Dinas Koperasi akan muncul T11
T08g
Detail History Pem esanan Anda
N am a Barang
Harga Barang
Subtotal Jumlah
username [ Logoff ]
Selamat Datang TESTIMO NIAL
KERANJANG BELANJA
PEMBAYARAN BERITA
VISI D AN MISI
TESTIMO NIAL 5 BARANG TERBARU
JUMLA H PENGUNJUNG
Tanggal Pesan
DINAS
102
Gambar III.49 Tampilan Visi dan Misi Dinas Koperasi
Gambar III.50 Tampilan Berita
HEADE R HO M E
UKM
KATEGORI BARANG
FO OTER KERANJANG
BELANJA PEMBAYARAN
V isi dan Misi Dinas Koperasi Kota B andung TE STIM ONIAL
° Ukuran 1024x768
° Font family Verdana 12
° Warna biru,hikau
Klik Ho me maka akan tampil menu utama T01
Klik daftar akan muncul T02 Klik UKM maka akan tampil
menu UKM yang terdaftar T03
Klik TES TIMON IALm aka akan tam pil m enu T04
Klik kategori ba rang akan muncul T05
Isi field use rnam e,passw ord dan level user da n Klik
tombol login ,maka akan muncul menu T06,T07 atau
T08 sesuai level user yang di pilih
Klik keranjang belan ja akan muncul P02
Klik pem bayaran akan muncul P02
Klik V isi dan M isi Dinas Koperasi akan m uncul T 09
Klik B erita akan m uncul T10 Klik Dinas Koperasi akan
muncul T11
T09
usernam e password
Level user Login
DINAS
BERITA V ISI DAN MISI
CARI
TE STIMONIAL 5 B ARANG TERBA RU
JUMLAH PENGUNJUNG
HEADER HOME
UKM
KATEGORI BARANG
FOOTER KERANJANG
BELANJA PEMBAYARAN
Berita TESTIMONIAL
Ukuran 1024x768 Font family Verdana 12
Warna biru,hikau Klik Home maka akan tampil
menu utama T01 Klik daftar akan muncul T02
Klik UKM maka akan tampil menu UKM yang terdaftar
T03 Klik TESTIMON IALmaka
akan tam pil menu T 04 Klik kategori barang akan
muncul T05 Isi field usernam e,password
dan level user dan Klik tombol login ,maka akan
muncul menu T06,T07 atau T08 sesuai level user yang di
pilih Klik keranjang belanja akan
muncul P02 Klik pem bayaran akan
muncul P02 Klik Visi dan Misi Dinas
Koperasi akan muncul T 09 Klik Berita akan muncul T10
Klik Dinas Koperasi akan muncul T11
T10
usernam e password
Level user Login
DINAS
BERITA VISI DAN MISI
CARI
TESTIMONIAL 5 BARANG TERBARU
JUMLAH PENGUNJUNG
103
Gambar III.51 Tampilan Tentang Dinas Koperasi
Gambar III.52 Tampilan Pesan Peringatan Hapus data barang
Gambar III.53 Tampilan Peringatan Login
Anda yakin data barang akan di hapus ?
Yes Cancel
P01
Silahkan Login Pelanggan terlebih dahulu . .
Ok P02
HEADER H OM E
UKM
KATEGO RI BARANG
FOO TER KERANJAN G
BELANJA PEMBAYARAN
Tentang Dinas Koperasi Ko ta Bandung TESTIMO NIAL
Ukuran 1024x768 Font fam ily Ve rdana 12
W arna biru,hikau Klik Hom e maka akan tam pil
menu utam a T01 Klik daftar akan muncul T02
Klik UKM maka akan tamp il me nu UKM yang terdaftar
T03 Klik TESTIMONIALma ka
akan tampil men u T04 Klik kategori barang akan
mu ncul T05 Isi field usernam e,password
dan level user dan Klik tomb ol login ,maka akan
mu ncul m enu T06 ,T0 7 atau T08 sesuai level user yang di
pilih Klik keranjang belanja akan
mu ncul P 02 Klik pem bayaran akan
mu ncul P 02 Klik Visi dan Misi Dinas
Ko perasi akan mu ncul T09 Klik Berita akan muncul T10
Klik Dinas Kop erasi akan mu ncul T11
T11
usernam e passw ord
Level user Lo gin
DIN AS
BER ITA VISI DAN MISI
CARI
TESTIMONIAL 5 BARAN G TERBARU
JUMLAH PENGUNJUNG
104
Gambar III.54
Tampilan Pesan
Peringatan Hapus
data UKM
Gambar III.55 Tampilan Pesan Peringatan Dilarang Akses
Anda yakin data UKM akan di hapus ?
Yes Cancel
P03
Fasilitas ini Hanya Untuk Pelanggan . .
Ok P04
105
3.9.10 Jaringan Semantik