Struktur menu Pengunjung ANALISIS DAN PERANCANGAN

3.2.3.2 Perancangan antar muka

3.2.3.2.1 Perancangan antar muka menu utama

Keterangan: Nama Form : T01 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 · Klik home akan menuju ke T01 · Klik Kajian-Artikel akan menuju T03 · Klik Kajian-Resensi akan menuju T02 · Klik Agenda akan menuju T10 · Klik Galeri akan menuju T04 · Klik Forum akan menuju T05 · Klik Download akan menuju T06 · Klik Profil akan menuju T07 · Klik hubungi akan menuju T08 · Klik daftar video akan menuju T06 · Klik daftar mp3 akan menuju T06 · Klik daftar resensi akan menuju T02 · Klik Login akan menuju T01A · Klik Lupa Password akan menuju T01B · Isi User ID dan password kemudian klik login, · jika user ID masih kosong muncul M01 · jika password masih kosong muncul M02 · Jika userID salah muncul M16 · Jika password salah akan muncul M27 · Jika klik daftar member akan menuju ke T01C T01 Image1 Cari Image2 Home Hubungi Profil Forum Galeri Agenda Kajian Download image Daftar Resensi Resensi Majelis Percikan Iman Daftar Video Daftar MP3 Artikel Komentar Galeri1 Galeri4 Galeri3 Galeri2 Silahkan login atau daftar jadi member User ID Password Login Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Bulan : Haritanggal : Tempat : Waktu : Ustadz: Haritanggal : Tempat : Waktu : Ustadz: Haritanggal : Tempat : Waktu : Ustadz: Haritanggal : Tempat : Waktu : Ustadz: Agenda MPI Ahad Lupa Password Gambar 3.23 Perancangan antar muka menu utama

3.2.3.2.2 Perancangan antar muka menu resensi

Keterangan: Nama Form : T02 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 T02 Image1 Image2,3,4,, Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Resensi Pengajian Rutin MPI Judul Tanggal Image Selengkapnya Komentar: jumlah Dibaca: jumlah Referensi: Sumber referensi Author : Nama author Detail Resensi Judul Tanggal Image Selengkapnya Komentar: jumlah Dibaca: jumlah Referensi: Sumber referensi Author : Nama author Detail Resensi Resensi Pengajian Rutin MPI Judul Tanggal Image Selengkapnya Komentar: jumlah Dibaca: jumlah Referensi: Sumber referensi Author : Nama author Detail Resensi Resensi Pengajian Rutin MPI Gambar 3.24 Perancangan antar muka menu resensi

3.2.3.2.3 Perancangan antar muka menu artikel

Keterangan: Nama Form : T03 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 T03 Image1 Image2,3,4,, Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Fokus Artikel Judul Tanggal Image Selengkapnya Komentar: jumlah Dibaca: jumlah Referensi: Sumber referensi Author : Nama author Detail Artikel Judul Tanggal Image Selengkapnya Komentar: jumlah Dibaca: jumlah Referensi: Sumber referensi Author : Nama author Detail Artikel Fokus Artikel Judul Tanggal Image Selengkapnya Komentar: jumlah Dibaca: jumlah Referensi: Sumber referensi Author : Nama author Detail artikel Fokus Artikel Gambar 3.25 Perancangan antar muka menu artikel

3.2.3.2.4 Perancangan antar muka menu agenda

Keterangan: Nama Form : T10 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 T10 Image1 Image2,3,4,, Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Agenda MPI Bulan : Ustadz : Tempat : Waktu : HariTanggal : Bulan : Ustadz : Tempat : Waktu : HariTanggal : Bulan : Ustadz : Tempat : Waktu : HariTanggal : Bulan : Ustadz : Tempat : Waktu : HariTanggal : Gambar 3.26 Perancangan antar muka menu agenda

3.2.3.2.5 Perancangan antar muka menu galeri

Keterangan: Nama Form : T04 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 Jika klik Tahun atau bulan maka foto akan muncul di samping. T04 Image1 Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Galeri MPI Foto1,Foto2,Foto3,,,,,,, Cari Tahun Bulan Tahun Bulan Gambar 3.27 Perancangan antar muka menu galeri

3.2.3.2.6 Perancangan antar muka menu forum

Keterangan: Nama Form : T05 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 · Klik home akan menuju ke T01 · Klik Kajian-Artikel akan menuju T03 · Klik Kajian-Resensi akan menuju T02 · Klik Agenda akan menuju T10 · Klik Galeri akan menuju T04 · Klik Forum akan menuju T05A · Klik Download akan menuju T06 · Klik Profil akan menuju T07 · Klik hubungi akan menuju T08 · Isi User ID dan password kemudian klik login, · jika user ID masih kosong muncul M01 · jika password masih kosong muncul M02 · Jika userID salah muncul M16 · Jika password salah akan muncul M27 · Jika klik daftar akan menuju T23 · Jika klik lupa password akan menuju T01B T05 Image1 Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Cari Home Image2 Selamat Datang di Forum MPI Anda bisa memposting dengan kategori posting yang sudah disediakan dengan syarat anda telah menjadi member. Silahkan Login atau Daftar jadi Member. Jika Lupa Password silahkan klik disini Gambar 3.28 Perancangan antar muka menu forum pengunjungadmin Keterangan: Nama Form : T05 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 Klik ubah profil akan menuju T11 Klik ubah password akan menuju T11A Klik tambah kategori akan menuju T05B1 Klik pengaturan kategori akan menuju T05B2 Klik ubah pada pengaturan kategori akan menuju T05B3 Jika nama kategori masih kosong muncul M52 Jika klik tambah setelah diisi lengkap maka akan muncul M18 Jika klik hapus akan muncul M53 T05B Image1 Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Cari Forum MPI Home Tambah kategori Pengaturan kategori Logout Image Recycle Selamat datang petugas Nama : Hak akses : Ubah profil atau Ubah Password Sistem Tambah Kategori Nama kategori Kosongkan Tambah Publikasi Deskripsi Pengaturan kategori tidak ya T05B1 Hak akses pribadi publik T05B2 Proses No Nama kategori Deskripsi Publikasi Ubah Hapus Ubah Kategori Nama kategori Ubah Batal Publikasi Deskripsi Tambah kategori tidak ya T05B3 Hak akses pribadi publik Gambar 3.29 Perancangan antar muka menu forum petugas Keterangan: Nama Form : T14 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik pengaturan website akan menuju ke T15 Jika klik pengaturan kategori forum akan menuju T27 Pilih kategori untuk membalas posting atau hanya untuk membuka isi posting. Maka akan muncul T14A Jika klik posting baru atau balas posting muncul T14B - Jika nama kategori masih kosong muncul M52 T14 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Logout Pengaturan Website Image Pengaturan kategori forum Selamat datang member MPI Nama : Hak akses : Ubah profil atau Ubah Password Forum MPI Kategori Peraturan Forum User ID Hak akses Jumlah post Level T14A Posting baru Penulis Topik: Isi Posting baruBalas posting Nama kategori Kosongkan Kirim Publikasi Deskripsi tidak ya T05B3 Hak akses pribadi publik Gambar 3.30 Perancangan antar muka menu forum member

3.2.3.2.7 Perancangan antar muka menu multimedia

Keterangan: Nama Form : T06 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 Klik play maka akan muncul pada video Klik download untuk mendownload member, editor, admin Jika pengunjung klik download akan muncul M35 T06 Image1 Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Video dan Mp3 MPI Play video Cari Image Video MPI MP3 MPI No download Title 1 2 3 4 5 6 Title 1 Title 2 Title 3 Tile 4 Title 5 Download Download Download Download Download download No download Title 1 2 3 4 5 6 Title 1 Title 2 Title 3 Tile 4 Title 5 Download Download Download Download Download download Page 1 2 3 Page 1 2 3 Play Play Play Play Play Play Play Play Play Play Play Play Gambar 3.31 Perancangan antar muka menu multimedia

3.2.3.2.8 Perancangan antar muka menu profil

Keterangan: Nama Form : T07 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 T07 Image1 Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Profil Cari Image Gambar 3.32 Perancangan antar muka menu profil

3.2.3.2.9 Perancangan antar muka menu hubungi

Keterangan: Nama Form : T08 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 T08 Image1 Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Hubungi Cari Image Gambar 3.33 Perancangan antar muka menu hubungi

3.2.3.2.10 Perancangan antar muka menu admin

Keterangan: Nama Form : T09 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik tambah user akan menuju T12 Jika klik pengaturan user akan menuju T13 T09 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Selamat datang admin Cari Menu User

1. Tambah user 2. Pengaturan User

Logout Image Home Recycle Selamat datang admin MPI Nama : Hak akses : Ubah profil atau Ubah Password Gambar 3.34 Perancangan antar muka menu admin

3.2.3.2.11 Perancangan antar muka ubah profil

Keterangan: Nama Form : T11A Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik tambah user akan menuju T12 Jika klik pengaturan user akan menuju T13 Klik batal untuk membatalkan perubahan Isi email, nama depan, nama belakang kemudian klik ubah maka akan muncul M17 Jika email belum diisi akan muncul M03 Jika nama depan belum diisi akan muncul M04 Jika nama belakang belum diisi akan muncul M05 Jika email sudah ada muncul M33 Jika format email salah muncul M29 T11A Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu User

1. Tambah user 2. Pengaturan User

Logout Image Home Recycle Selamat datang admin MPI Nama : Hak akses : Ubah profil atau Ubah Password Ubah profil Email Nama belakang Nama depan Batal Ubah Gambar 3.35 Perancangan antar muka ubah profil

3.2.3.2.12 Perancangan antar muka ubah password

Keterangan: Nama Form : T11 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik tambah user akan menuju T12 Jika klik pengaturan user akan menuju T13 Klik batal untuk membatalkan perubahan Isi password, password baru, validasi password kemudian klik ubah maka akan muncul M17 Jika password belum diisi akan muncul M02 Jika password baru belum diisi akan muncul M06 Jika validasi password belum diisi akan muncul M07 Jika password kurang dari8 karakter muncul M31 Jika password baru dan validasi password tidak sama muncul M35 T11 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu User

1. Tambah user 2. Pengaturan User

Logout Image Home Recycle Selamat datang admin MPI Nama : Hak akses : Ubah profil atau Ubah Password Ubah password Password Validasi password Password baru Batal Ubah Gambar 3.36 Perancangan antar muka ubah password

3.2.3.2.13 Perancangan antar muka tambah user

Keterangan: Nama Form : T12 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik tambah user akan menuju T12 Jika klik pengaturan user akan menuju T13 Isi userid, password, validasi password, email, nama depan, nama belakang, hak akses kemudian klik tambah maka akan muncul M18 Jika userid masih kosong akan muncul M01 Jika password masih kosong akan muncul M02 Jika validasi password belum diisi akan muncul M07 Jika email belum disi akan muncul M03 Jika nama depan belum diisi akan muncul M04 Jika nama belakang belum diisi akan muncul M05 Jika user ID kurang dari 4 karakter muncul M30 Jika password kurang dari 8 karakter muncul M31 Jika password dengan validasi password tidak sama muncul M32 Jika email sudah ada muncul M33 Jika format email salah muncul M29 Jika klik kosongkan maka data tidak jadi ditambahkan. T12 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu User

1. Tambah user 2. Pengaturan User

Logout Image Home Recycle Selamat datang admin MPI Nama : Hak akses : Ubah profil atau Ubah Password Tambah user Userid Validasi password Password Kosongkan Tambah Hak akses Nama belakang Nama depan email Non aktif tidak ya Gambar 3.37 Perancangan antar muka tambah user

3.2.3.2.14 Perancangan antar muka pengaturan user

Keterangan: Nama Form : T13 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik tambah user akan menuju T12 Jika klik pengaturan user akan menuju T13 Jika klik ubah maka akan muncul M17 Jika klik hapus akan muncul M19 T13 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu User

1. Tambah user 2. Pengaturan User

Logout Image Home Recycle Selamat datang admin MPI Nama : Hak akses : Ubah profil atau Ubah Password Pengaturan User Selanjutnya Sebelumnya Halaman 1 dari n Data 1-n dari n Proses Non aktif Hak akses User Id Ubah Hapus Gambar 3.38 Perancangan antar muka pengaturan user

3.2.3.2.15 Perancangan antar muka menu pengaturan website petugas

Keterangan: Nama Form : T15 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 T15 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan hubungi Menu Profil Pengaturan profil Selamat datang di Menu petugas Gambar 3.39 Perancangan antar muka menu pengaturan website petugas

3.2.3.2.16 Perancangan antar muka tambah kajian

Keterangan: Nama Form : T16 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Pilih kategori kajian kemudian isi judul, deskripsi, referensi, penulis dan pilih diplubikasikan atau tidak kemudian klik tambah maka akan muncul M18 Jika judul masih kosong muncul M08 Jika judul kurang dari 4 karakter muncul M36 Jika deskripsi belum diisi muncul M09 Jika isi deskripsi kurang dari 50 karakter muncul M37 T16 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Tambah Kajian Kategori kajian Judul Pengaturan deskripsi dan icon Kosongkan Tambah Publikasi Penulis Deskripsi Referensi Pengaturan kajian tidak ya Gambar 3.40 Perancangan antar muka tambah kajian

3.2.3.2.17 Perancangan antar muka pengaturan kajian

Keterangan: Nama Form : T17 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Jika klik ubah akan muncul menuju T17A Pilih kategori kajian kemudian isi judul, deskripsi, referensi, penulis dan pilih diplubikasikan atau tidak kemudian klik ubah maka akan muncul M17 Jika judul masih kosong muncul M08 Jika judul kurang dari 4 karakter muncul M36 Jika deskripsi belum diisi muncul M09 Jika isi deskripsi kurang dari 50 karakter muncul M37 Klik hapus akan muncul M41 Jika data yang akan dihapus memiliki keterhubungan akan muncul M42 T17 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Pengaturan kajian Selanjutnya Sebelumnya Halaman 1 dari n Data 1-n dari n Proses Publikasi Judul Kategori ubah hapus T17A Tambah Kajian Kategori kajian Judul Pengaturan deskripsi dan icon Ubah Batal Publikasi Penulis Deskripsi Referensi Pengaturan kajian tidak ya Gambar 3.41 Perancangan antar muka pengaturan kajian

3.2.3.2.18 Perancangan antar muka kategori kajian

Keterangan: Nama Form : T18 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Isi nama kategori, deskripsi kemudian klik tambah akan muncul M18 Jika nama kategori masih kosong muncul M11 Jika nama kategori sudah ada muncul M52 Jika klik kosongkan maka proses akan kembali kososng T18 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungi Pengaturan hubungi Menu Profil Pengaturan profil Tambah Kajian Nama Kategori Deskripsi Pengaturan kajian Publikasi tidak ya Kosongkan Tambah Gambar 3.42 Perancangan antar muka kategori kajian

3.2.3.2.19 Perancangan antar muka pengaturan profil

Keterangan: Nama Form : T19 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Isi judul, deskripsi kemudian klik ubah akan muncul M17 Jika judul belum diisi muncul M08 Jika deskripsi belum diisi muncul M09 Jika judul kurang dari 4 karakter muncul M36 Jika deskripso kurang dari 50 karakter muncul M37 Jika klik batal maka proses akan dibatalkan T19 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Profil MPI Judul Pengaturan deskripsi dan icon Ubah Batal Deskripsi Gambar 3.43 Perancangan antar muka pengaturan profil

3.2.3.2.20 Perancangan antar muka pengaturan hubungi

Keterangan: Nama Form : T20 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Isi judul, deskripsi kemudian klik simpan akan muncul M17 Jika judul masih kosong muncul M08 Jika deskripsi masih kosong muncul M09 Jika judul kurang dari 4 karakter muncul M36 Jika deskripsi kurang dari 50 karakter muncul M37 Jika klik batal maka proses akan dibatalkan T20 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Hubungi Judul Pengaturan deskripsi dan icon Ubah Batal Deskripsi Gambar 3.44 Perancangan antar muka pengaturan hubungi

3.2.3.2.21 Perancangan antar muka tambah agenda

Keterangan: Nama Form : T21 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20tema, ustadz, tanggal, jam, deskripsi kemudian klik tambah maka akan muncul M13 Jika klik kosongkan maka proses akan dibatalkan Jika tema belum diisi akan muncul M12 Jika ustadz belum diisi akan muncul M13 Jika tanggal belum diisi akan muncul M14 Jika jam belum diisi akan muncul M15 Jika lokasi belum diisi muncul M40 Jika tema kurang dari 4 karakter muncul M20 Jika jam kurang dari 13 karakter muncul M38 Jika lokasi kurang dari 10 muncul M39 T21 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Tambah Agenda Tema Lokasi Pengaturan agenda Publikasi tidak ya Kosongkan Tambah Jam Mulai Tanggal Ustadz Jam Akhir Gambar 3.46 Perancangan antar muka tambah agenda

3.2.3.2.22 Perancanga antar muka pengaturan agenda

Keterangan: Nama Form : T22 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Jika klik ubah akan muncul T22A Isi tema, ustadz, tanggal, jam, deskripsi kemudian klik tambah maka akan muncul M18 Jika klik kosongkan maka proses akan dibatalkan Jika tema belum diisi akan muncul M12 Jika ustadz belum diisi akan muncul M13 Jika tanggal belum diisi akan muncul M14 Jika jam belum diisi akan muncul M15 Jika deskripsi belum diisi muncul M40 Jika tema kurang dari 4 karakter muncul M20 Jika jam kurang dari 13 karakter muncul M38 Jika lokasi kurang dari 10 muncul M39 Jika klik hapus akan muncul M43 Klik ubah untuk mengubah Klik batal untuk membatalkan T22 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Kosongkan Tambah Pengaturan agenda Selanjutnya Sebelumnya Halaman 1 dari n Data 1-n dari n Tanggal Kategori Tema Ustadz Publikasi Proses Ubah Hapus Tambah Agenda Tema Deskripsi Pengaturan agenda Publikasi tidak ya Jam Akhir Tanggal Ustadz Ubah Batal T22A Jam Mulai Gambar 3.46 Perancanga antar muka pengaturan agenda

3.2.3.2.23 Perancangan antar muka daftar member

Keterangan: Nama Form : T01C Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 Isi userId, password, validasi password, email, nama depan, nama belakang, dan kode kemudian klik daftar maka akan menuju T05 Jika userId masih kosong akan muncul M01 Jika password masih kosong akan muncul M02 Jika validasi password belum diisi akan muncul M07 Jika email belum diisi akan muncul M03 Jika nama depan belum diisi akan muncul M04 Jika nama belakang belum diisi akan muncul M05 Jika kode masih kosong muncul M25 Jika user ID kurang dari 4 karakter muncul M30 Jika password kurang dari 8 karakter muncul M31 Jika password dengan validasi password tidak sama muncul M32 Jika format email salah muncul M29 Jika kode tidak sama dengan gambar muncul M26 Jika userID sudah ada muncul M34 Jika email sudah ada muncul M33 Jika klik batal maka proses akan dibatalkan T01C Image1 Image2,3,4,, Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman UserID Nama depan Email Validasi Password Password Daftar Member Nama belakang Masukan kode disamping Batal Daftar Gambar 3.47 Perancangan antar muka daftar member

3.2.3.2.24 Perancangan antar muka lupa password

Keterangan: Nama Form : T01B Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Klik home akan menuju ke T01 Klik Kajian-Artikel akan menuju T03 Klik Kajian-Resensi akan menuju T02 Klik Agenda akan menuju T10 Klik Galeri akan menuju T04 Klik Forum akan menuju T05A Klik Download akan menuju T06 Klik Profil akan menuju T07 Klik hubungi akan menuju T08 isi user ID dan email kode kemudian klik kirim kemudian akan muncul M28 jika user ID masih kosong muncul M01 jika email masih kosong muncul M03 Jika user ID salah muncul M16 Jika email salah muncul M21 Jika format email salah akan muncul M29 Jika kode masih kosong akan muncul M25 Jika kode tidak sesuai dengan gambar kode akan muncul M26 T01B Image1 Image2,3,4,, Home Hubungi Profil Forum Galeri Agenda Kajian Download Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Lupa Password Kode Email User Id fr3456 Kirim Gambar 3.49 Perancangan antar muka lupa password

3.2.3.2.25 Perancangan antar muka tambah komentar

Keterangan: Nama Form : T22 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Jika klik komentari akan muncul T27A Isi email, nama dan komentar, kemudian klik kirim maka akan muncul M22 Jika klik kosongkan maka proses akan dibatalkan Jika nama belum diisi akan muncul M23 Jika email belum diisi akan muncul M03 Jika tidak valid akan muncul M29 Jika komentar belum diisi akan muncul M24 Jika kmentar kurang dari 10 karakter maka akan muncul M50 Klik kosongkan untuk membatalkan T27 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Kosongkan Tambah Tambah komentar Selanjutnya Sebelumnya Halaman 1 dari n Data 1-n dari n Kategori Kategori Judul Komentar Proses Komentari Komentar Judul Komentar Publikasi tidak ya Email Kosongkan Kirim T27A Pengaturan deskripsi dan icon Nama Gambar 3.49 Perancangan antar muka tambah komentar

3.2.3.2.26 Perancangan antar muka pengaturan komentar

Keterangan: Nama Form : T28 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 · Jika klik ubah profil akan menuju T11A · Jika klik ubah password akan menuju T11 · Jika klik Tambah kajian akan menuju T16 · Jika klik pengaturan kajian akan menuju T17 · Jika klik kategori kajian akan menuju T18 · Jika klik tambah komentar akan menuju T27 · Jika klik pengaturan komentar akan menuju T28 · Jika klik tambah agenda akan menuju T21 · Jika klik pengaturan agenda akan menuju T22 · Jika klik tambah galeri akan menuju T23 · Jika klik pengaturan galeri akan menuju T24 · Jika klik tambah file download akan menuju T25 · Jika klik pengaturan file download akan menuju T26 · Jika klik pengaturan profil akan menuju ke T19 · Jika klik pengaturan hubungi akan menuju T20 · Jika klik lihat komentar akan muncul T28A · Jika klik hapus muncul M51 · Klik ubah untuk mengubah akan muncul M17 · Klik batal untuk membatalkan T28 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Kosongkan Tambah komentar Selanjutnya Sebelumnya Halaman 1 dari n Data 1-n dari n Kategori Kategori Judul Komentar Proses Ubah Hapus T28A Lihat komentar ` Publikasi Ubah Batal Isi komentar Gambar 3.51 Perancangan antar muka pengaturan komentar

3.2.3.2.27 Perancangan antar muka tambah galeri

Keterangan: Nama Form : T23 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Jika file yang diinputkan sudah ada maka akan muncul M44 Jika file lebih dari 2 mb maka akan muncul M45 Jika tipe file bukan: JPG, JPEG, BMP, PNG dan gif maka akan muncul M46 Jika klik tambah tetapi file belum diinputkan akan muncul M47 Isi file gambar dengan mengklik telusuri kemudian klik tambah akan muncul M18 T23 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Tambah Galeri File Gambar Kosongkan Tambah Publikasi Telusuri Pengaturan galeri tidak ya Gambar 3.51 Perancangan antar muka tambah galeri

3.2.3.2.28 Perancangan antar muka pengaturan galeri

Keterangan: Nama Form : T24 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Jika klik ubah akan muncul T24A Jika judul belum diisi akan muncul M08 Jika judul kurang dari 4 karakter akan muncul M36 Jika klik kosongkan maka proses akan dibatalkan Klik ubah untuk mengubah, akan muncul M17 Klik hapus akan muncul M48 Klik batal untuk membatalkan T24 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Kosongkan Tambah Pengaturan Galeri Selanjutnya Sebelumnya Halaman 1 dari n Data 1-n dari n Nama file Tahun Tanggal Publikasi Proses Ubah Galeri Judul Ukuran Tambah galeri Publikasi tidak ya Tipe Ubah Batal T24A Ubah Hapus Bulan URL Gambar 3.53 Perancangan antar muka pengaturan galeri

3.2.3.2.29 Perancangan antar muka tambah multimedia

Keterangan: Nama Form : T25 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 · Jika klik ubah profil akan menuju T11A · Jika klik ubah password akan menuju T11 · Jika klik Tambah kajian akan menuju T16 · Jika klik pengaturan kajian akan menuju T17 · Jika klik kategori kajian akan menuju T18 · Jika klik tambah komentar akan menuju T21 · Jika klik pengaturan komentar akan menuju T22 · Jika klik tambah agenda akan menuju T21 · Jika klik pengaturan agenda akan menuju T22 · Jika klik tambah galeri akan menuju T23 · Jika klik pengaturan galeri akan menuju T24 · Jika klik upload file multimedia akan menuju T25 · Jika klik pengaturan file multimedia akan menuju T26 · Jika klik pengaturan profil akan menuju ke T19 · Jika klik pengaturan hubungi akan menuju T20 · Isi file multimedia dengan mengkilk tombol telusuri, kemudian klik tambah akan muncul M18 · Jika klik tombol upload tetapi file multimedia belum diisi akan muncul M47 · Jika file yang diinputkan sudah ada maka akan muncul M44 · Jika file lebih dari 2 mb maka akan muncul M45 · Jika tipe file bukan: audio dan video maka akan muncul M49 T25 Image1 Home I Kajian I Galeri I Agenda I Forum I multimedia I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File multimedia Upload file multimedia Pengaturan file multimedia Menu Hubungii Pengaturan galeri Menu Profil Pengaturan profil Tambah multimedia` File multimedia Kosongkan upload Publikasi Telusuri Pengaturan multimedia tidak ya Gambar 3.53 Perancangan antar muka tambah multimedia

3.2.3.2.30 Perancangan antar muka pengaturan multimedia

Keterangan: Nama Form : T28 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 · Jika klik ubah profil akan menuju T11A · Jika klik ubah password akan menuju T11 · Jika klik Tambah kajian akan menuju T16 · Jika klik pengaturan kajian akan menuju T17 · Jika klik kategori kajian akan menuju T18 · Jika klik tambah komentar akan menuju T27 · Jika klik pengaturan komentar akan menuju T28 · Jika klik tambah agenda akan menuju T21 · Jika klik pengaturan agenda akan menuju T22 · Jika klik tambah galeri akan menuju T23 · Jika klik pengaturan galeri akan menuju T24 · Jika klik upload file multimedia akan menuju T25 · Jika klik pengaturan file multimedia akan menuju T26 · Jika klik pengaturan profil akan menuju ke T19 · Jika klik pengaturan hubungi akan menuju T20 · Jika klik ubah akan muncul T22A · Isi tema, ustadz, tanggal, jam, deskripsi kemudian klik tambah maka akan muncul M18 · Jika klik tombol upload tetapi file multimedia belum diisi akan muncul M47 · Jika file yang diinputkan sudah ada maka akan muncul M44 · Jika file lebih dari 2 mb maka akan muncul M45 · Jika tipe file bukan: audio dan video maka akan muncul M49 · Jika klik kosongkan maka proses akan dibatalkan · Klik ubah untuk mengubah · Klik batal untuk membatalkan T24 Image1 Home I Kajian I Galeri I Agenda I Forum I multimedia I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File multimedia Upload file multimedia Pengaturan file multimedia Menu Hubungi Pengaturan galeri Menu Profil Pengaturan profil Kosongkan Tambah Pengaturan file multimedia Selanjutnya Sebelumnya Halaman 1 dari n Data 1-n dari n Nama file Tahun Tanggal Publikasi Proses Ubah multimedia Judul Ukuran Upload multimedia Publikasi tidak ya Tipe Ubah Batal T24A Ubah Hapus Bulan URL Gambar 3.54 Perancangan antar muka pengaturan multimedia

3.2.3.2.31 Perancangan antar muka menu dihapus admin

Keterangan: Nama Form : T29 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik tambah user akan menuju T12 Jika klik pengaturan user akan menuju T13 Jika klik kembalikan muncul M56 Jika klik hapus M54 Jika klik image 4 akan muncul M57 Jika klik image 3 akan muncul M58 Jika berhasil dikembalikan akan muncul M59 Jika berhasil dihapus muncul M19 T29 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Cari Menu User 1. Tambah user

2. Pengaturan User Logout

Image Home Recycle Selamat datang admin MPI Nama : Hak akses : Ubah profil atau Ubah Password Image 3 Image 4 No User ID Proses Kembalikan Hapus Gambar 3.55 Perancangan antar muka menu forum dihapus admin

3.2.3.2.32 Perancangan antar muka menu dihapus petugas

Keterangan: Nama Form : T30 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Jika klik ubah profil akan menuju T11A Jika klik ubah password akan menuju T11 Jika klik Tambah kajian akan menuju T16 Jika klik pengaturan kajian akan menuju T17 Jika klik kategori kajian akan menuju T18 Jika klik tambah komentar akan menuju T27 Jika klik pengaturan komentar akan menuju T28 Jika klik tambah agenda akan menuju T21 Jika klik pengaturan agenda akan menuju T22 Jika klik tambah galeri akan menuju T23 Jika klik pengaturan galeri akan menuju T24 Jika klik tambah file download akan menuju T25 Jika klik pengaturan file download akan menuju T26 Jika klik pengaturan profil akan menuju ke T19 Jika klik pengaturan hubungi akan menuju T20 Klik data yang akan dihapus pada list tersebut, kemudian akan muncul T30A Jika klik kembalikan muncul M60 Jika klik hapus M61 Jika klik image 4 akan muncul M62 Jika klik image 3 akan muncul M63 Jika berhasil dikembalikan akan muncul M64 Jika berhasil dihapus muncul M65 T30 Image1 Home I Kajian I Galeri I Agenda I Forum I Download I Profil Ihubungi Best view Firefox 5.0 Resolution 1024 X 700 Copyright Majelis-Percikan-Iman Menu Kajian Tambah kajian Pengaturan kajian Kategori kajian Logout Image Home Recycle Selamat datang petugas MPI Nama : Hak akses : Ubah profil atau Ubah Password Menu Komentar Tambah komentar Pengaturan komentar Menu Agenda Tambah agenda Pengaturan agenda Menu Galeri Tambah galeri Pengaturan galeri Menu File Download Tambah file download Pengaturan file download Menu Hubungii Pengaturan hubungi Menu Profil Pengaturan profil Data yang dihapus 1. Data kategori kajian 2. Data kajian 3. Data komentar 4. Data agenda 5. Data galeri 6. Data download 7. Data kategori posting 8. Data posting Image 3 Image 4 No User ID Proses Kembalikan Hapus T30A Gambar 3.56 Perancangan antar muka menu forum dihapus petugas

3.2.3.2.33 Perancangan pesan

M01 X UserID masih kosong ok M02 X Password masih kosong ok M07 X Validasi password masih kosong ok M03 X Email masih kosong ok M06 X Password baru masih kosong ok M04 X Nama depan masih kosong ok M05 X Nama belakang masih kosong ok M08 X Judul masih kosong ok M09 X Deskripsi masih kosong ok M10 X Penulis masih kosong ok M11 X Nama kategori masih kosong ok M12 X Tema masih kosong ok M13 X Ustadz masih kosong ok M14 X Tanggal masih kosong ok M15 X Jam masih kosong ok M21 X email salah ok M16 X User ID salah ok M17 X Berhasil diubah ok M18 X Berhasil ditambah ok M19 X Berhasil dihapus ok M20 X Tema minimal 4 karakter ok M22 X Komentar berhasil dikirim ok M23 X Nama masih kosong ok M24 X Komentar masih kosong ok M25 X Kode masih kosong ok M26 X Kode tidak sama dengan kode gambar ok M27 X Password salah ok M28 X Password baru sudah terkirim ke email anda ok M29 X Email tidak valid ok M30 X User ID minimal 4 karakter ok M31 X Password minimal 8 karakter ok M32 X Password tidak sama dengan validasi password ok M33 X Email sudah ada silahkan isi dengan email yang berbeda ok M34 X User ID sudah ada, silahkan isi dengan user yang berbeda ok M35 X Silahkan login terlebih dahulu ok M36 X Judul minimal 4 karakter ok M37 X Deskripsi minimal 50 karakter ok M38 X Tema minimal 4 karakter ok M39 X Lokasi minimal 10 karakter ok M40 X Lokasi masih kosong ok M41 X Apakah judul “……” akan dihapus? Ya M42 X Data tidak bisa dihapus. Ket: terdapat keterhubungan dengan data komentar ok Tidak M43 X Apakah tema “…” akan dihapus? M44 X File sudah ada ok M45 X File minimal 2 mb ok Ya Tidak M46 X File hanya tipe JPG, JPEG, BMP, PNG, GIF ok M47 X File masih kosong ok M48 X Apakah file “...” akan dihapus? Ya Tidak M49 X File hanya tipe audio dan video ok M50 X Komentar minimal 10 karakter ok M51 X Komentar dari “...” akan dihapus? Ya Tidak M52 X Kategori sudah ada, silahkan isi kategori yang berbeda ok M53 X Kategori “...” akan dihapus? Ya Tidak M54 X User “...” akan dihapus? Ya Tidak M55 X Gagal diubah, user sedang online ok M56 X User “..” berhasil dikembalikan M57 X Semua user akan dihapus? Ya Tidak ok M58 X Semua user akan dikembalikan? Ya Tidak M59 X Semua user berhasil dikembalikan ok M60 X Data “..” berhasil dikembalikan ok M61 X Data “...” akan dihapus? Ya Tidak M62 X Semua data akan dihapus? Ya Tidak M63 X Semua data akan dikembalikan? Ya Tidak M64 X Semua data berhasil dikembalikan ok Gambar 3.57 Perancangan pesan

3.2.3.2.34 Perancangan prosedural

Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan kedalam suatu program. Adapun perancangan prosedural untuk Media Web Interaktif Majelis Percikan Iman yang akan dibangun sebagai berikut : 1. Flowchart Login, merupakan prosedur yang terjadi ketika Petugas, member atau Administrator mulai mengakses Web MPI. Mulai Masukkan User ID, password, level Tampil Pesan Data Login Salah Tidak UserID dan Password sesuai? Ya Masuk form T01, T09 atau T15 Selesai Gambar 3.58 Flowchart login Keterangan: T01: Form menu member T09: Form menu admin T15: Form menu petugas 2. Flowchart Tambah Data, merupakan prosedur yang terjadi ketika Administrator atau Petugas menginputkan data baru. Mulai Pilih menu data yang akan ditambah Data sudah lengkap? Data valid? Ya Ya Tidak Selesai Isi data yang akan ditambah Tampil Pesan Data Tidak Boleh Kosong tidak Tampil Pesan Data Salah Tampil Pesan Data Sudah Tersimpan di Database database Simpan? Ya Tidak Masukkan Data Kedalam Database Data tidak jadi ditambahkan Gambar 3.59 Flowchart tambah data 3. Flowchart Ubah Data, merupakan prosedur yang terjadi ketika Petugas atau Administrator mengubah data yang dianggap perlu dilakukan perubahan. Mulai Pilih menu data yang akan diubah Data sudah lengkap? Data valid? Ya Ya Tidak Selesai Ubah data yang telah dipilih Tampil Pesan Data Tidak Boleh Kosong tidak Tampil Pesan Data Salah Tampil Pesan Data Sudah diubah di Database database Ubah? Ya Tidak Masukkan Data Kedalam Database Data tidak jadi diubah Gambar 3.60 Flowchart ubah data 4. Flowchart Hapus Data, merupakan prosedur yang terjadi ketika Petugas atau Administrator menghapus data. Mulai Pilih data yang akan dihapus Ya Selesai Tidak Tampil Pesan Data Sudah Dihapus Tampil Pesan konfirmasi apakah yakin akan menghapus data database Hapus data terpilih dari database Tidak Ya Gambar 3.61 Flowchart hapus data 5. Flowchart Cari Data, merupakan prosedur yang terjadi ketika Petugas atau Administrator, atau member mencari data dengan memasukkan kata kunci. Mulai Pilih menu data yang akan dicari Selesai database Cari Data Masukkan kata kunci yang akan dicari Ditemukan ? Tidak Ya Tampil Pesan Data Tidak Ditemukan Tampilkan Data yang dicari Gambar 3.62 Flowchart cari data

3.2.3.2.35 Jaringan semantik

Jaringan semantik pada Web Majelis Percikan Iman adalah sebagai berikut: 1. Jaringan semantik untuk admin T01B M28,M01,M03,M16, M21,M29,M25,M26 T01A M01,M02,M16, M27,M25,M26 T01C M01,M02,M07,M03,M04,M05,M25, M30,M31,M32,M29,M26,M34,M33 T02 T04 T03 T05A M01,M02,M16, M27,M25,M26 T06 M35 T08 T07 T09 T10 T11 T02 M17,M02,M06, M07,M31,M35 M18,M01,M02,M07,M03,M04 M05,M30,M31,M32,M33,M29 T13 M17,M54,M19 T29 M56,M54,M57, M58,M19,M59 T01 T11A M17,M03,M04, M05,M29,M33 Gambar 3.63 Jaringan semantik untuk admin 2. Jaringan semantik untuk member T01B M28,M01,M03,M16, M21,M29,M25,M26 T01A M01,M02,M16, M27,M25,M26 T01C M01,M02,M07,M03,M04,M05,M25, M30,M31,M32,M29,M26,M34,M33 T02 T04 T03 T014 T06 M35 T08 T07 T10 T01 T014A T014B M52 Gambar 3.64 Jaringan semantik untuk member 3. Jaringan semantik untuk pengunjung T01B M28,M01,M03,M16, M21,M29,M25,M26 T01A M01,M02,M16, M27,M25,M26 T01C M01,M02,M07,M03,M04,M05,M25, M30,M31,M32,M29,M26,M34,M33 T02 T04 T03 T05A M01,M02,M16, M27,M25,M26 T06 M35 T08 T07 T10 T01 Gambar 3.65 Jaringan semantik untuk pengunjung 4. Jaringan semantik untuk petugas T01B M28,M01,M03,M16, M21,M29,M25,M26 T01A M01,M02,M16, M27,M25,M26 T01C M01,M02,M07,M03,M04,M05,M25, M30,M31,M32,M29,M26,M34,M33 T02 T04 T03 T05B T06 M35 T08 T07 T10 T01 T05B3 T05B2 T05B1 M52,M53,M18 T15 T16 M18,M08,M36,M09,M37 T17A M17,M08,M36,M09 ,M37,M41,M42 T18 M11,M18,M52 T17 T19 M17,M08,M09,M36,M37 T20 M17,M08,M09,M36,M37 T21 M13,M12,M14,M15, M40,M20,M38,M39 T11 M17,M02,M06, M07,M31,M35 T11A M17,M03,M04, M05,M29,M33 T22 M18,M12,M14,M15, M40,M20,M38,M39 T23 M44,M45,M47,M18 T24 T24 T24A M08,M36, M17 T25 M18,M47,M44,M45,M49 T26 T26A M18,M47,M44,M45,M49 T27 T27A M22,M23,M03,M29,M24,M50 T28 T28A M17,M23,M03,M24, M50,M51,M17 T30 T30A M60,M61,M62,M63,M64,M19 Gambar 3.66 Jaringan semantik untuk petugas 145

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem informasi kearsipan yang dibangun. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan kedalam bahasa pemograman. Setelah implementasi maka dilakukan pengujian terhadap sistem yang baru dan akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.

4.1 Implementasi sistem

Tahap implementasi merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap dimana sistem siap untuk dioperasikan, yang terdiri dari penjelasan mengenai lingkungan implementasi, dan implementasi program.

4.1.1 Lingkungan Implementasi

Untuk mendukung aplikasi yang akan diterapkan pada lingkungan implementasi, maka dalam hal ini menggunakan perangkat keras dan perangkat lunak yang menunjang dalam pembangunan Website Majelis Percikan Iman.

4.1.1.1 Perangkat Keras Yang Digunakan

Spesifikasi perangkat keras yang digunakan dalam pembangunan perangkat keras adalah tercantum pada tabel 4.1 sebagai berikut : Tabel 4.1 Perangkat keras yang digunakan Perangkat Server Client Processor Kecepatan 1 GHz Kecepatan 500 MHz RAM 1 GHz 512 GHz Harddisk 80 Gb 80 Gb Monitor Resolusi 1024 x 768 Resolusi 1024 x 768 VGA 128 Mb 128 Mb Lan Card 10100 Mbps 10100 Mbps Koneksi Internet 64 Kbps 64 Kbps

4.1.1.2 Perangkat Lunak Yang Digunakan

Spesifikasi perangkat lunak yang digunakan dalam membangun Web Majelis Percikan Iman adalah sebagai berikut: Tabel 4.2 Perangkat Lunak yang digunakan No Perangkat Lunak Keterangan 1 Sistem Operasi Windows XP Profesional SP II 2 Bahasa Pemograman PHP 5.2.3 3 Web Server Wamp 5.1.7.2 4 Database Server MySQL 5.0.4.1 5 Web Browser Mozilla firefox 3.0 6 Code Editor Macromedia dreamweaver 8 7 Image Editor Adobe Photoshop CS 8 DFD Modeler Visio 2007

4.2 Implementasi database

Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam bahasa SQL adalah sebagai berikut: Tabel 4.3 Implementasi database Tabel Agenda Tabel Komentar CREATE TABLE IF NOT EXISTS `agenda` `idagenda` int11 NOT NULL auto_increment, `userid` varchar20 NOT NULL, `tanggal` int2 NOT NULL, `bulan` int2 NOT NULL, `tahun` int4 NOT NULL, `tema` varchar60 NOT NULL, `ustadz` varchar30 NOT NULL, CREATE TABLE IF NOT EXISTS `komentar` `idkomentar` int11 NOT NULL auto_increment, `idkajian` int11 NOT NULL, `komentator` varchar20 NOT NULL, `email` varchar50 NOT NULL, `komentar` text NOT NULL, `publikasi` int1 NOT NULL default 1,