Perancangan Antar Muka Pemilik

BAB 5 KESIMPULAN DAN SARAN

19. DFD Level 3 Proses 5.3 Proses Pengolahan Data retur

3.2 Perancangan Sistem

3.2.3 Perancangan Arsitektur

3.2.3.1 Perancangan Antar Muka

3.2.3.1.1 Perancangan Antar Muka Pemilik

1. Perancangan antar muka login

A1

· Klik Sign menuju

A2 FORM LOGIN Sign Username Password GAMBAR Nama Layar : A1 Ukuran Layar : 1024 X 768

Font : Times New Roman

Warna Background : Putuh

Gambar 3.32 Perancangan Antar Muka Login

2. Perancangan antar muka beranda

A2

Gambar

footer

Selamat Datang Admin

Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk

Data Order

Nama Layar : A2 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh

3. Perancangan antar muka category produk A3 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

· Klik add new menuju A13

Data retur produk Category Produk Produk Data Order

Nama Layar : A3 Ukuran Layar : 1024 X 768

Font : Times New Roman

Warna Background : Putuh

Category Management

Nama Category Deskripsi Aksi aksi

Add New

Gambar 3.34 Perancangan Antar Muka category produk

4. Perancangan antar muka buat produk management

A4 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

· Klik add new menuju A13

· Klik add new menuju A14

Data retur produk Category Produk Produk Data Order

Nama Layar : A4 Ukuran Layar : 1024 X 768

Font : Times New Roman

Warna Background : Putuh Produk Management

Categor y

Warna

Kode Produk berat aksi

Kode Produk

Cari Berdasarkan Kata Cari

Add New Kirim email Laporan

5. Perancangan antar muka data order A5 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A5 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh

Data Order

Cari Berdasarkan Kata Cari

Id order _member^{Nama Tanggal} _{order produk}^Total _harga^Total Ket aksi

Gambar 3.36 Perancangan Antar Muka Data Order

6. Perancangan antar muka data pengiriman

A6 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A6 Ukuran Layar : 1024 X 768

Font : Times New Roman

Warna Background : Putuh Data Pengiriman

Cari Berdasarkan Kata Cari

Id order _pengiriman^{Id Tanggal} _kirim ^Tanggal _{sampai pengiriman}^Waktu Biaya aksi

Buat Laporan

7. Perancangan antar muka data retur produk A7 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A7 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh

Data Retur Produk

Cari Berdasarkan Kata Cari

Id order Id retur _member^{Nama Tanggal} _retur akses Acc aksi

Gambar 3.38 Perancangan Antar Muka Data retur Produk

8. Perancangan antar muka member

A8 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A8

Ukuran Layar : 1024 X 768

Font : Times New Roman

Warna Background : Putuh Member Management

Cari Berdasarkan Kata Cari

Nama

awal ^{Nama akhir Email Aksi aksi}

9. Perancangan antar muka User A9 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A9 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh

Pengguna Management

User Name

Hak akses Password Status aksi

Gambar 3.40 Perancangan Antar Muka User

10. Perancangan antar muka Backup Restore

A10 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A10 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh

Backup data file Choose file Category Produk Data Pengiriman member User Data retur produk Produk Data Order

Backup

Restore

11. Perancangan antar muka Tracking A11 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A11 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh

Pelacakan Pengiriman Gambar tiki

Gambar jne lacak

lacak

Gambar 3.42 Perancangan Antar Muka Tracking

12. Perancangan antar muka logout

A1

· Klik Sign menuju

A2 FORM LOGIN Sign Username Password GAMBAR Nama Layar : A1 Ukuran Layar : 1024 X 768

Font : Times New Roman

Warna Background : Putuh

13. perancangan antar muka tambah kategori

A13

Gambar

footer

Tambah Categori Produk

Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3

· Klik Produk menuju A4

· Klik Data Order menuju A5

· Klik Data Pengiriman menuju A6

· Klik Data retur Produk menuju A7

· Klik member menu menuju A8

· Klik User menu menuju A9

· Klik Backup restote konten menuju A10

· Klik Tracking menuju A11

· Klik Logout menuju A12

Data retur produk Category Produk Produk

Data Order

Nama Layar : A13 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh

Deskripsi Nama category ::

:

Simpan

Gambar 3.44 Perancangan Antar Muka tambah kategori

14. perancangan antar muka tambah produk

A13

Gambar

footer

Tambah Categori Produk

Data Pengiriman member Main menu User Tracking Backup restore Logout

· Klik lCategory produk menuju A3 · Klik Produk menuju

A4 · Klik Data Order

menuju A5 · Klik Data Pengiriman

menuju A6 · Klik Data retur

Produk menuju A7 · Klik member menu

menuju A8 · Klik User menu

menuju A9 · Klik Backup restote

konten menuju A10 · Klik Tracking menuju

A11 · Klik Logout menuju

A12

Data retur produk Category Produk Produk Data Order

Nama Layar : A13 Ukuran Layar : 1024 X 768 Kode produk Kategori : : Simpan Warna Nama produk : : Bahan Ukuran : : Stok Deskripsi : : Gambar Harga : : No file chosen