70
3.4.1.2 Bagan Struktur Menu Utama Member
Gambar 3.17 Bagan Struktur Menu Utama Member
3.4.2 Perancangan Desain Program Aplikasi 3.4.2.1 Desain Halaman Login Admin dan User
F01
LOGO Dinas Komunikasi dan Informatika
Provinsi Jawa Barat
Keterangan Navigasi:
- Klik Login jika Username dan Password sudah benar, maka
akan menampilakan menu utama F02 Admin dan F30
user - apabila kolom username
tidak diisi maka menuju ke P01
- apabila kolom password tidak diisi maka menuju ke
P02 - apabila username dan
password salahmaka menuju ke P03
Gambar 1 Gambar 2
Ket: Gambar 1: Username
Gambr 2: Password Login
Copyright © 2012 by diskominfo.jabarprov.go.id. All Rights Reserved.
Gambar 3.18 Desain Halaman Login untuk admin dan user
Nama Pengguna
Loading Aplikasi Diskusi
Login Member
Diskusi Home
Manajemen User
Topik Diskusi Anda
Logout Profil
71
3.4.2.2 Desain Halaman Home untuk Admin
F02
Setting Menu Manajemen
Home
Kategori Kata Jelek Diskusi
Nama Pengguna
Tgl Posting Judul
No Jumlah Komentar
Kategori
Keterangan Navigasi:
- Klik menu Manajemen akan menampilakn sub menu
Manajemen. Manajemen Modul, Manajemen User,
Manajemen Komentar - klik sub menu Manajemen
modul menuju ke F03 - klik sub menu Manajemen
User menuju ke F06 - klik sub menu Manajemen
Komentar menuju ke F09
- Klik Setting Menu akan menampilkan sub menu
Setting Menu Menu Utama, Sub Menu.
- klik Utama menuju ke F11 - klik sub menu menuju ke
F14
- Klik Kategori akan menuju ke F17
- Klik Kata Jelek akan menuju ke F20
- Klik Diskusi menampilkan sub menu Diskusi Diskusi,
Topik Diskusi Anda. - klik Diskusi menuju ke F23
- klik Topik Diskusi Anda menuju ke F25
- Klik Nama Pengguna akan menampilkan sub menu
Nama Pengguna Profil, Log Out.
- klik Profil menuju ke F06 - klik Log Out menuju P04
dan P05
Keterangan: Gambar 1: Foto user.
Gambar 2: Foto user LOGO
Dinas Komunikasi dan Informatika Provinsi Jawa Barat
Gambar 1 Nama Pengguna
Gambar 2
1 Bagaimana cara
menggunakan aplikasi faceniff?
27072012
Hal | 1 | Teknologi
3
Gambar 3.19 Desain Awal Home untuk Admin
72
3.4.2.3 Desain Halaman Manajemen Modul untuk Admin
F03
Setting Menu Manajemen
Home Kategori
Kata Jelek Diskusi
Nama Pengguna Manajemen Komentar
Manajemen User
Manajemen Modul
Link Nama Modul
No Status
Aktif
Keterangan Navigasi:
- Klik Tambah modul menuju ke F04
-Klik Edit menuju ke F05 untuk mengubah modul.
-Klik Hapus maka modul yang ada akan terhapus.
Keterangan: Gambar 1: Foto user.
Aksi LOGO
Dinas Komunikasi dan Informatika Provinsi Jawa Barat
Gambar 1
1 Manajemen User
?module=user
Hal | 1 | Y
user Modul
Tambah Modul
Edit | Hapus
Gambar 3.20 Desain Halaman Manajemen Modul untuk Admin
3.4.2.3.1 Desain Halaman Tambah modul untuk Admin
F04
Setting Menu Manajemen
Home Kategori
Kata Jelek Diskusi
Nama Pengguna Manajemen Komentar
Manajemen User
Manajemen Modul Keterangan Navigasi :
- Pilih Y untuk mengaktifkan modul dan N untuk tidak
mengaktifkan modul. -Pilih status user untuk
menampilkan modul ke user dan admin hanya
menampilkan modul di halamn admin.
- Klik simpan untuk menyimpan modul
- Klik Batal jika tidak ingin menyimpan modul
Keterangan: Gambar 1: Foto user.
LOGO Dinas Komunikasi dan Informatika
Provinsi Jawa Barat
Gambar 1 Tambah Modul
Nama Modul: Link:
Aktif: Status:
Simpan Batal
Y N
user Admin
Gambar 3.21 Desain Halaman Tambah Modul untuk Admin
73
3.4.2.3.2 Desain Halaman Edit modul untuk Admin
F05
Setting Menu Manajemen
Home Kategori
Kata Jelek Diskusi
Nama Pengguna Manajemen Komentar
Manajemen User
Manajemen Modul Keterangan Navigasi :
- Pilih Y untuk mengaktifkan modul dan N untuk tidak
mengaktifkan modul. - Pilih status user untuk
menampilkan modul ke user dan admin hanya
menampilkan modul di halamn admin.
- Klik Update untuk menyimpan perubahan
modul. - Klik Batal jika tidak ingin
menyimpan modul
Keterangan: Gambar 1: Foto user.
LOGO Dinas Komunikasi dan Informatika
Provinsi Jawa Barat
Gambar 1 Edit Modul
Nama Modul: Link:
Aktif: Status:
Update Batal
Y N
user Admin
Urutan:
Gambar 3.22 Desain Halaman Edit Modul untuk Admin
3.4.2.4 Desain Halaman Manajemen User untuk Admin
F06
Setting Menu Manajemen
Home Kategori
Kata Jelek Diskusi
Nama Pengguna Manajemen Komentar
Manajemen User
Manajemen Modul
Username NIP
No Jabatan
Nama Lengkap
Keterangan Navigasi :
- Klik Tambah user menuju ke F07
- Klik Edit menuju ke F08
Keterangan: Gambar 1: Foto user.
Email No.TelpHp
Blokir Aksi
LOGO Dinas Komunikasi dan Informatika
Provinsi Jawa Barat
Gambar 1
1 198110152005011001
budi BUDDHI
SUDRAJAT ST Operator
Komputer User
Tambah User Edit
Budi_sdrtyahoo.com 02295678
N
Gambar 3.23 Desain Halaman Manajemen User untuk Admin