Struktur Menu Perancangan Antar Muka

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