Perancangan Antar Muka 1. DFD Level 1

58

3.2.5 Perancangan Antar Muka 1.

Perancangan Halaman Utama Halaman utama merupakan halaman beranda. Halaman ini berisi tentang profile, produk, harga produk mulia dan warta info seputar perusahaan yang sebelumnya telah admin tambahkan kedalam konten. Dalam halaman ini juga terdapat form login untuk admin mengelola website. Berikut adalah perancangan halaman beranda. T01 · Klik menu Profile akan masuk ke T02 · Klik menu Produk akan masuk ke T03 · Klik menu Gambar 1 akan masuk ke T03 · Klik menu Gambar 2 akan masuk ke T03 · Klik menu Gambar 3 akan masuk ke T03 · Klik menu Gambar 4 akan masuk ke T03 · Klik menu Gambar 5 akan masuk ke T03 · Klik menu Warta Pegadaian akan masuk ke T04 · Klik menu Kritik dan Saran akan masuk ke T05 · Klik menu Form Nasabah akan masuk ke T06 · Klik menu Login akan masuk ke T07 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar-Gambar Produk Gambar 1 Gambar 2 Gambar 3 Gambar 4 Gambar 5 Gambar Peta Harga Produk Mulia Footer Footer Isi warta pedaian Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Warta Pegadaian Kritik dan Saran Form Nasabah Login Gambar 3.13 Perancangan Menu Utama 59

2. Perancangan Halaman Profile

Halaman ini berisi tentang profile perusahaan yang terdiri dari visi dan misi, budaya perusahaan, struktur organisasi dan lokasi. T02 · Klik menu Beranda akan masuk ke T01 · Klik menu Produk akan masuk ke T03 · Klik menu Warta Pegadaian akan masuk ke T04 · Klik menu Kritik dan Saran akan masuk ke T05 · Klik menu Form Nasabah akan masuk ke T06 · Klik menu Login akan masuk ke T07 menu LOGO PT PEGADAIN PERSERO Beranda Profile Produk Isi konten profile Gambar Peta Harga Produk Mulia Footer Footer Isi warta pedaian Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Warta Pegadaian Kritik dan Saran Form Nasabah Login Visi dan misi Lokasi Budaya Perusahaan Struktur Organisasi Gambar 3.14 Perancangan Menu Profile 60

3. Perancangan Halaman Produk

Halaman ini berisi tentang produk perusahaan yang terdiri dari layanan gadai, layanan syariah, layanan emas, layanan fidusia T03 · Klik menu Beranda akan masuk ke T01 · Klik menu Profile akan masuk ke T02 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Isi konten produk Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar 1 Gambar 2 Gambar 3 Gambar 4 Gambar 5 Gambar 3.15 Perancangan Menu Produk 61

4. Perancangan Halaman Warta Pegadaian

Halaman ini berisi tentang warta perusahaan yang telah diinputkan oleh admin sebelumnya. T04 · Klik menu Beranda akan masuk ke T01 · Klik menu Profile akan masuk ke T02 · Klik menu Produk akan masuk ke T03 · Klik menu Gambar 1 akan masuk ke T03 · Klik menu Gambar 2 akan masuk ke T03 · Klik menu Gambar 3 akan masuk ke T03 · Klik menu Gambar 4 akan masuk ke T03 · Klik menu Gambar 5 akan masuk ke T03 · Klik menu Kritik dan saran akan masuk ke T05 · Klik menu Form Nasabah akan masuk ke T06 · Klik menu Login akan masuk ke T07 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar-Gambar Produk Gambar 1 Gambar 2 Gambar 3 Gambar 4 Gambar 5 Gambar Peta Harga Produk Mulia Footer Footer Isi Kritik dan saran Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Warta Pegadaian Kritik dan Saran Form Nasabah Login Ukuran layar default 1280 x 768 Gambar 3.16 Perancangan Menu Warta Pegadaian 62

5. Perancangan Halaman Kritik dan Saran

Halaman ini berisi tentang informasi bagaimana jika nasabah ingin menyampaikan kritik dan saran kepada perusahaan T05 · Klik menu Beranda akan masuk ke T01 · Klik menu Profile akan masuk ke T02 · Klik menu Produk akan masuk ke T03 · Klik menu Gambar 1 akan masuk ke T03 · Klik menu Gambar 2 akan masuk ke T03 · Klik menu Gambar 3 akan masuk ke T03 · Klik menu Gambar 4 akan masuk ke T03 · Klik menu Gambar 5 akan masuk ke T03 · Klik menu Warta Pegadaian akan masuk ke T04 · Klik menu Form Nasabah akan masuk ke T06 · Klik menu Login akan masuk ke T07 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar-Gambar Produk Gambar 1 Gambar 2 Gambar 3 Gambar 4 Gambar 5 Gambar Peta Harga Produk Mulia Footer Footer Isi Kritik dan saran Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Warta Pegadaian Kritik dan Saran Form Nasabah Login Ukuran layar default 1280 x 768 Gambar 3.17 Perancangan Menu Kritik dan Saran 63

6. Perancangan Halaman Form Nasabah

Halaman ini berisi tentang informasi SBK surat bukti nasabah dengan menginputkan no sbk nasabah bisa mengetahui biaya bunga sewa dan keterangan barang jaminan, halaman ini hanya bisa diakses nasabah , data nasabah telah diinputkan oleh admin sebelumnya. Info tampilkan fpk T06 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar-Gambar Produk Gambar 1 Gambar 2 Gambar 3 Gambar 4 Gambar 5 Gambar Peta Harga Produk Mulia Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Warta Pegadaian Kritik dan Saran Form Nasabah Login · Klik menu Beranda akan masuk ke T01 · Klik menu Profile akan masuk ke T02 · Klik menu Produk akan masuk ke T03 · Klik menu Gambar 1 akan masuk ke T03 · Klik menu Gambar 2 akan masuk ke T03 · Klik menu Gambar 3 akan masuk ke T03 · Klik menu Gambar 4 akan masuk ke T03 · Klik menu Gambar 5 akan masuk ke T03 · Klik menu Warta Pegadaian akan masuk ke T04 · Klik menu Kritik dan saran akan masuk ke T05 · Klik menu Login akan masuk ke T07 No Sbk Cari Ukuran layar default 1280 x 768 Gambar 3.18 Perancangan Menu Form Nasabah 64

7. Perancangan Halaman Login

T07 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar-Gambar Produk Gambar 1 Gambar 2 Gambar 3 Gambar 4 Gambar 5 Gambar Peta Harga Produk Mulia Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Warta Pegadaian Kritik dan Saran Form Nasabah Login · Klik menu Beranda akan masuk ke T01 · Klik menu Profile akan masuk ke T02 · Klik menu Produk akan masuk ke T03 · Klik menu Gambar 1 akan masuk ke T03 · Klik menu Gambar 2 akan masuk ke T03 · Klik menu Gambar 3 akan masuk ke T03 · Klik menu Gambar 4 akan masuk ke T03 · Klik menu Gambar 5 akan masuk ke T03 · Klik menu Warta Pegadaian akan masuk ke T04 · Klik menu Kritik dan Saran akan masuk ke T05 · Klik menu Form Nasabah akan masuk ke T06 Username Password Login Ulang Ukuran layar default 1280 x 768 Gambar 3.19 Perancangan Menu Login 65

8. Perancangan Halaman Menu Admin

Halaman ini berisi tentang informasi menu admin, jika admin berhasil login, yang terdiri entry Fpk, Warta, Produk Mulia. T09 · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data fpk akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin Ukuran layar default 1280 x 768 Gambar 3.20 Perancangan Menu Admin 66

9. Perancangan Halaman Menu Tambah Fpk

Halaman ini berisi tentang informasi menambah data fpk T10 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin FORM SBK No Nasabah Jenis Kelamin Alamat Pekerjaan Tanggal Masuk Jatuh Tempo URAIAN KETERANGAN BARANG JAMINAN Ket TAKSIRAN PINJAMAN GOLONGAN BUNGAN BIAYA ADM TOTAL PINJAMAN Reset Simpan · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data fpk akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 Ukuran layar default 1280 x 768 Gambar 3.21 Perancangan Menu Tambah Fpk 67

10. Perancangan Halaman Menu Edit Data Fpk

Halaman ini berisi tentang informasi mengedit data fpk T11 · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk data fpk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data fpk akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin FORM EDIT MASUKAN NO FPK YANG AKAN DIEDIT EDIT Masukan no fpk yang akan diedit,di form yang telah tersedi jika data seseuai maka akan lanjut ke proses edik fpk, jika data tidak sesuai maka akan muncul pesal “data fpk tidak ditemukan” Ukuran layar default 1280 x 768 Gambar 3.22 Tampilan Menu edit data fpk 68

11. Perancangan Halaman Menu Tampilkan Data Fpk

Halaman ini berisi tentang informasi data fpk. T12 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin INFO DATA FPK · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data fpk akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 Ukuran layar default 1280 x 768 Gambar 3.23 Tampilan Menu Tampilkan data fpk 69

12. Perancangan Halaman Menu Pencarian Data Fpk

Halaman ini berisi tentang informasi pencarian data fpk. T13 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin INFO DATA FPK Pencarian data fpk Cari berdasarkan Cari · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Hapus data fpk akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 Masukan data fpk yang akan dicari,di form yang telah tersedi jika data seseuai maka akan menampilkan hasil pencarian, jika data tidak sesuai maka akan muncul pesal “data fpk tidak ditemukan” Ukuran layar default 1280 x 768 Gambar 3.24 Tampilan Menu Pencarian data fpk 70

13. Perancangan Halaman Menu Hapus Data Fpk

Halaman ini berisi tentang informasi hapus data fpk. T14 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin FORM HAPUS MASUKAN NO FPK YANG AKAN DIHAPUS HAPUS · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 Masukan no fpk yang akan dihapus,di form yang telah tersedi jika data seseuai maka akan lanjut ke proses hapus fpk, jika data tidak sesuai maka akan muncul pesal “data fpk tidak ditemukan” Ukuran layar default 1280 x 768 Gambar 3.25 Tampilan Menu Hapus data fpk 71

14. Perancangan Halaman Menu Menambah Data Warta

Halaman ini berisi tentang informasi menambah data warta. T15 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin FORM WARTA PEGADAIAN Tanggal · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data warta akan masuk ke T14 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 Judul Warta Isi Simpan Ulang Ukuran layar default 1280 x 768 Gambar 3.26 Tampilan Menu Tambah data warta 72

15. Perancangan Halaman Menu Mengedit Data Warta

Halaman ini berisi tentang informasi mengedit data warta. T16 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data warta akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Tampilkan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 FORM EDIT WARTA MASUKAN ID WARTA YANG AKAN DIEDIT EDIT Masukan id warta yang akan diedit,di form yang telah tersedia jika data seseuai maka akan lanjut ke proses hapus data warta, jika data tidak sesuai maka akan muncul pesal “data fpk tidak ditemukan” Ukuran layar default 1280 x 768 Gambar 3.27 Tampilan Menu Edit data warta 73

16. Perancangan Halaman Menu Menampilkan Data Warta

Halaman ini berisi tentang informasi menampilkan data warta. T17 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data warta akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 DATA WARTA Info data warta Ukuran layar default 1280 x 768 Gambar 3.28 Tampilan Menu Tampilkan data warta 74

17. Perancangan Halaman Menu Pencarian Data Warta

Halaman ini berisi tentang informasi pencarian data warta. T18 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data warta akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilakan data warta akan masuk ke T17 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 DATA WARTA Info data warta CARI BERDASARKAN CARI Masukan data warta yang akan dicari,di form yang telah tersedi jika data seseuai maka akan menampilkan hasil pencarian, jika data tidak sesuai maka akan muncul pesal “data warta tidak ditemukan” Ukuran layar default 1280 x 768 Gambar 3.29 Tampilan Menu Pencarian data warta 75

18. Perancangan Halaman Menu Hapus Data Warta

Halaman ini berisi tentang informasi hapus data warta. T19 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data warta akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilakan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Edit data produk mulia akan masuk ke T20 · Klik menu Keluar akan masuk ke T01 FORM HAPUS MASUKAN ID WARTA YANG AKAN DI HAPUS HAPUS Masukan id warta yang akan dihapus,di form yang telah tersedia jika data seseuai maka akan lanjut ke proses hapus data warta, jika data tidak sesuai maka akan muncul pesal “data warta tidak ditemukan” Ukuran layar default 1280 x 768 Gambar 3.30 Tampilan Menu Hapus data warta 76

19. Perancangan Halaman Menu Edit Data Produk Mulia

Halaman ini berisi tentang informasi edit data produk mulia. T20 LOGO PT PEGADAIN PERSERO Beranda Profile Produk Gambar Footer Footer Gambar Gambar Gambar Alamat PT PEGADAIAN PERSERO pusat Gambar Gambar Menu Admin Entry Fpk Warta Logam Mulia Hapus data fpk Pencarian data fpk Edit data fpk Tambah data fpk Tampilkan data fpk Hapus data warta Pencarian data warta Edit data warta Tambah data warta Tampilkan data warta Edit data mulia Keluar Admin · Klik menu Beranda akan masuk ke T1 · Klik menu Profile akan masuk ke T2 · Klik menu Produk akan masuk ke T3 · Klik menu Tambah data fpk akan masuk ke T10 · Klik menu Edit data fpk akan masuk ke T11 · Klik menu Tampilkan data fpk akan masuk ke T12 · Klik menu Pencarian data fpk akan masuk ke T13 · Klik menu Hapus data warta akan masuk ke T14 · Klik menu Tambah data warta akan masuk ke T15 · Klik menu Edit data warta akan masuk ke T16 · Klik menu Tampilakan data warta akan masuk ke T17 · Klik menu Pencarian data warta akan masuk ke T18 · Klik menu Hapus data warta akan masuk ke T19 · Klik menu Keluar akan masuk ke T01 PROSES EDIT HARGA 5 Gr UPDATE BATAL HARGA 5 Gr HARGA 5 Gr HARGA 5 Gr HARGA 5 Gr HARGA 5 Gr Ukuran layar default 1280 x 768 Gambar 3.31 Tampilan Menu Edit Data Produk Mulia 77

3.2.6 Jaringan Sematik