Perancangan Antarmuka Head Shop - Perancangan Antarmuka (Interface)

26. Tabel Pengiriman Retur

3.2.4 Perancangan Antarmuka (Interface)

3.2.4.3 Perancangan Antarmuka Head Shop

1. Perancangan Antarmuka Login Pegawai

Berikut dapat dilihat perancangan antarmuka halaman login pegawai untuk pegawai. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Login untuk menuju T03

Jika Login salah maka akan muncul M01, M02 Klik Lupa Password untuk menuju T02 T01 LOGO MYLY COMPUTER Username Password Login Lupa Password

2. Perancangan Antarmuka Lupa Password

Berikut dapat dilihat perancangan antarmuka halaman lupa password untuk pegawai. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Proses untuk menuju T03

Klik Lupa Password untuk menuju T02 Klik Proses maka akan muncul M12, M15

T02

Email Proses

3. Perancangan Antarmuka Halaman Utama Head Shop

Berikut dapat dilihat perancangan antarmuka halaman utama untuk head

shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

Klik Kabupaten/Kota untuk menuju T32 Klik Jasa Pengiriman untuk menuju T35 Klik Jenis Pengiriman untuk menuju T39 Klik Ongkos Kirim untuk menuju T43 Klik Data Bank untuk menuju T46 Klik Backup Database untuk menuju T49 Klik Restore Database untuk menuju T50

T03

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database

Selamat Datang <nama_pegawai> anda berada di halaman headshop. Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola konten website.

Profil Saya

4. Perancangan Antarmuka Profil Saya

Berikut dapat dilihat perancangan antarmuka halaman profil saya untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Ubah Profil untuk menuju T05 Kilik Ubah Password untuk menuju T28 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T04

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten/Kota Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Profil Saya Profil Saya Ubah Profil Nama : ________________________ Alamat : ________________________ Email : ________________________ No. Telp : ________________________ Ubah Password Foto Pegawai ID Pegawai : ________________________

5. Perancangan Antarmuka Ubah Profil

Berikut dapat dilihat perancangan antarmuka halaman ubah profil untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Ubah/Batal untuk menuju T04 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T05

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Ubah Profil Profil Saya Alamat : Email : No. Telp : Foto : Foto Nama : ________________________ ID Pegawai : ________________________ Ubah Batal Browse

6. Perancangan Antarmuka Data Jabatan

Berikut dapat dilihat perancangan antarmuka halaman data jabatan untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Tambah Jabatan untuk menuju T07 Klik Ubah untuk menuju T08

Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T06

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Jabatan Profil Saya Tambah Jabatan Kode Jabatan <kode_jabatan> Nama Jabatan <nama_jabatan> Aksi Ubah | Hapus Halaman : 1 |

7. Perancangan Antarmuka Tambah Data Jabatan

Berikut dapat dilihat perancangan antarmuka halaman tambah data jabatan

untuk head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Simpan/Batal untuk menuju T06 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T07

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Tambah Jabatan Profil Saya Nama Jabatan : Simpan Batal

8. Perancangan Antarmuka Ubah Jabatan

Berikut dapat dilihat perancangan antarmuka halaman ubah jabatan untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Simpan/Batal untuk menuju T06 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T08

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Edit Jabatan Profil Saya

Nama Jabatan : <nama_jabatan>

Simpan Batal

9. Perancangan Antarmuka Data Pegawai

Berikut dapat dilihat perancangan antarmuka halaman data pegawai untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Tambah Pegawai untuk menuju T10 Klik Ubah untuk menuju T011

Klik Hapus untuk menuju T09

Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T09

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Pegawai Profil Saya Tambah Pegawai ID Pegawai <kode_jabatan> Nama Pegawai <nama_jabatan> Halaman : 1 | Jabatan <jabatan> Alamat <alamat> No. Telp <no_telp> Aksi Ubah | Hapus Tgl_Masuk <tgl_msk>

10.Perancangan Antarmuka Tambah Pegawai

Berikut dapat dilihat perancangan antarmuka halaman tambah pegawai

untuk head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Simpan/Batal untuk menuju T09 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T10

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Tambah Pegawai Profil Saya Nama Pegawai : Simpan Batal Jabatan : - pilih jabatan -

Alamat :

Email : No. Telepon :

Foto : Browse

11.Perancangan Antarmuka Tambah Pegawai

Berikut dapat dilihat perancangan antarmuka halaman ubah pegawai untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Simpan/Batal untuk menuju T09 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T11

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Edit Pegawai Profil Saya

Nama Pegawai : <nama_pegawai>

Simpan Batal Jabatan : <jabatan>

Alamat :

<alamat_pegawai>

Email : <email_pegawai>

No. Telepon : <no_telp_pegawai>

Foto :

Browse

foto

12.Perancangan Antarmuka Data User

Berikut dapat dilihat perancangan antarmuka halaman data user untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T12

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Users Profil Saya ID Users <id_users> ID Pegawai <id_pegawai> Halaman : 1 | Jabatan <jabatan> Nama Pegawai <alamat> Aksi Aktifkan | Non Aktif

13.Perancangan Antarmuka Data Yahoo Messenger

Berikut dapat dilihat perancangan antarmuka halaman data yahoo

messenger untuk head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Tambah Akun YM untuk menuju T14 Klik Ubah untuk menuju T15

Klik Hapus untuk menuju T13

Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T13

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database

Akun Yahoo Messenger (YM)

Profil Saya Tambah Akun YM Nama Pemilik <nama_pemilik> Akun YM <nama_jabatan> Aksi Ubah | Hapus Halaman : 1 |

14.Perancangan Antarmuka Tambah Data Yahoo Messenger

Berikut dapat dilihat perancangan antarmuka halaman tambah data yahoo

messenger untuk head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Simpan/Batal untuk menuju T13 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T14

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database

Tambah Akun Yahoo Messenger (YM)

Profil Saya

Simpan Batal Nama Pemilik :

Username :

15.Perancangan Antarmuka Data Kategori

Berikut dapat dilihat perancangan antarmuka halaman data kategori untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Tambah Kategori untuk menuju T16 Klik Ubah untuk menuju T17

Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T15

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Kategori Profil Saya Kode Kategori <id_kategori> Nama Kategori <nama_kategori> Halaman : 1 | Aksi Ubah | Hapus Tambah Kategori

16.Perancangan Antarmuka Tambah Kategori

Berikut dapat dilihat perancangan antarmuka halaman tambah kategori

untuk head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Simpan/Batal untuk menuju T15 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T16

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Tambah Kategori Profil Saya Nama Kategori : Simpan Batal

17.Perancangan Antarmuka Ubah Kategori

Berikut dapat dilihat perancangan antarmuka halaman ubah kategori untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Simpan/Batal untuk menuju T15 Klik Pegawai untuk menuju T09

Klik Users untuk menuju T12

Klik Akun YM untuk menuju T13

Klik Kategori untuk menuju T15

Klik Merk untuk menuju T18 Klik Produk untuk menuju T21

Klik Diskon Produk untuk menuju T25 Klik Provinsi untuk menuju T29

T17

MyLy Computer Beranda Logout

Menu Utama Data Kepegawaian Jabatan Pegawai Users Akun YM Data Produk Kategori Merk Produk Diskon Produk Data Wilayah Provinsi Kabupaten Data Tarif Kirim dan Bank

Jasa Pengiriman Jenis Pengiriman Ongkos Kirim Data Bank Database Backup Database Restore Database Edit Kategori Profil Saya

Nama Kategori : <nama_kategori>

Simpan Batal

18.Perancangan Antarmuka Data Merk

Berikut dapat dilihat perancangan antarmuka halaman data merk untuk

head shop. Perancangannya disajikan dalam gambar dibawah ini:

Footer Ukuran Layar : 1024 x 768

Jenis Font : Lucida Sans Unicode, Arial Warna Latar : #f7fcf8

Klik Beranda untuk menuju T03

Klik Profil Saya untuk menuju T04 Klik Logout untuk menuju T01

Klik Tambah Kategori untuk

Dalam dokumen Pembangunan Aplikasi E-Commerce Untuk Penjualan Dan Pemasaran Produk Di Myly Computer (Halaman 181-200)