• Tidak ada hasil yang ditemukan

BAB III ANALISIS DAN PERANCANGAN SISTEM

3.9. Perancangan Antar Muka

3.9.2. Perancangan Antar Muka Menu Awal

Tampilan yang pertama kali muncul ketika website E-commerce ini diakses adalah tampilan halaman utama atau beranda.

Bannner Login Username Level Password Login Daftar Lupa Password Berita Dinas

Rekomendasi Produk

Footer

Home Dinas UKM Testimonial Kontak

ISI Text Home

Nama Form: T01 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08 Jika menekan salah satu link berita akan ke T09

Berita UKM

Rekomendasi Produk Review Produk

86

Bannner

Footer

Home Dinas UKM Testimonial Kontak

Isi text tentang Dinas

Nama Form: T02 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08 Jika menekan salah satu link berita maka akan ke T09 Login Username Level Password Login Daftar Lupa Password Berita Dinas Rekomendasi Produk Berita UKM Rekomendasi Produk Bannner Footer

Home Dinas UKM Testimonial Kontak

Nama Form: T03 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Cari data Berdasarkan Cari

Id_ukm Nama Alamat Website

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08 Login Username Level Password Login Daftar Lupa Password Berita Dinas

Rekomendasi Produk Berita UKM

Bannner

Footer

Home Dinas UKM Testimonial Kontak

Nama Form: T04 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Cari data Berdasarkan Cari

Id Nama Email Komentar

Isi Testimonial

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08

Bannner

Footer

Home Dinas UKM Testimonial Kontak

ISI Text Kontak Email Alamat No. telp

Nama Form: T05 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08 Login Username Level Password Login Daftar Lupa Password Berita Dinas

Rekomendasi Produk Berita UKM

88

Bannner

Footer

Home Dinas UKM Testimonial Kontak

Nama Form: T06 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Nama Testimonial

Kirim Testimonial Komentar

Email

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08

Bannner

Footer

Home Dinas UKM Testimonial Kontak

Nama Form: T07 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Pendaftaran

Daftar UKM Pelanggan

Apakah anda akan mendaftar menjadi UKM atau Pelanggan. Jika anda mendaftar menjadi UKM anda dapat memiliki website penjualan produk sendiri secara gratis. Jika anda mendaftar sebagai pelanggan anda dapat berbelanja di website-website UKM yang termasuk kedalam portal ini.

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08 Jika tekan tombol daftar ukm ke T10 Jika tekan daftar pelanggan ke T11 Login Username Level Password Login Daftar Lupa Password Berita Dinas

Rekomendasi Produk Berita UKM

Bannner

Footer

Home Dinas UKM Testimonial Kontak

Nama Form: T08 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih

Kirim Password baru ke email anda Password baru akan di kirim k email anda, silakan dicek di akun email anda

Level Email

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08 Login Username Level Password Login Daftar Lupa Password Berita Dinas Rekomendasi Produk Berita UKM Rekomendasi Produk Bannner Footer

Home Dinas UKM Testimonial Kontak

Nama Form: T09 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih Judul berita

Isi berita

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Jika tekan tombol daftar ke T07 Jika tekan tombol lupa password ke T08 Login Username Level Password Login Daftar Lupa Password Berita Dinas

Rekomendasi Produk Berita UKM

90

Bannner

Footer Home Dinas UKM Testimonial Kontak

Nama Form: T10 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih Pendaftaran UKM Username Password (lagi) Password Email Kota Alamat Kode Pos Cabang Bank Bank No. rekening Logo Profil Browse Kirim Pendaftaran Nama UKM

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05

Bannner

Footer

Home Dinas UKM Testimonial Kontak

Nama Form: T11 Ukuran : 1024 x 768 Font style/size : arial/8, 10, 12 Warna latar : Putih Pendaftaran Pelanggan Username Password (lagi) Password Email Kota Alamat Kode Pos Kirim Pendaftaran Nama

Jika tekan tombol home ke T01 Jika tekan tombol dinas ke T02 Jika tekan tombol ukm ke T03 Jika tekan tombol testimonial ke T04 Jika tekan tombol kontak ke T05 Level

Dokumen terkait