Perancangan Antar Muka Analisis Sistem
FA04
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil admin untuk
menuju FA01 · Klik edit profil admin
untuk menuju FA02 · Klik ganti password
untuk menuju FA03 · Klik ganti email untuk
menuju FA04 · Jika data ada yang
tidak diisi maka akan muncul pesan M13
· Klik simpan maka akan muncul pesan M09
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer
SMA Darul Hikam Bandung
Forum Logo
Profil
Upload Data Master
Data Forum - Edit Profil Admin
- Ganti Password - Ganti Foto
Profil Admin Keluar
Simpan Foto
Gambar 3.41 Perancangan Halaman Ganti Foto Admin
· Berikut merupakan perancangan pengolahan data master
FA08
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil admin untuk
menuju FA01 · Klik data guru maka
akan menuju FA05 · Klik data siswa maka
akan menuju FA06 · Klik data kepsek maka
akan menuju FA07 · Klik data mata
pelajaran untuk menuju FA08
· Klik tambah mata pelajaran untuk menuju
FA09 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik data guru untuk
menuju FA16 · Klik data siswa untuk
menuju FA18 · Klik data tahun ajar
untuk menuju FA20 · Klik data semester
untuk menuju FA21 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Tambah Mata Pelajaran No
Kode Mata Pelajaran Nama Mata Pelajaran
Aksi Edit | Hapus
Profil Keluar
Gambar 3.42 Perancangan Halaman Pengolahan Data Mata Pelajaran
FA09
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil admin untuk
menuju FA01 · Klik edit profil admin
untuk menuju FA02 · Klik ganti password
untuk menuju FA03 · Klik ganti email untuk
menuju FA04 · Klik data guru untuk
menuju FA05 · Klik data siswa untuk
menuju FA06 · Klik data kepsek untuk
menuju FA07 · Klik data Mata
pelajaran untuk menuju FA08
· Klik tambah mata pelajaran untuk menuju
FA09 · Klis simpan maka akan
muncul pesan M10 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik data guru untuk
menuju FA16 · Klik data siswa untuk
menuju FA18 · Klik data tahun ajar
untuk menuju FA20 · Klik data semester
untuk menuju FA21 · Klik data forum untuk
menuju FA22 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Guru - Data Siswa
- Data Mapel - Data Kelas
- Data Berita - Data Tahun Ajar
Kode Mata Pelajaran :
Nama Mata Pelajaran :
Kelas :
Simpan Profil
Pilih Kelas Keluar
Gambar 3.43 Perancangan Halaman Tambah Data Mata Pelajaran
FA10
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil admin untuk menuju FA01
· Klik edit profil admin untuk menuju FA02
· Klik ganti password untuk menuju FA03
· Klik ganti email untuk menuju FA04
· Klik data guru untuk menuju FA05
· Klik data siswa untuk menuju FA06
· Klik data kepsek untuk menuju FA07
· Klik data Mata pelajaran untuk menuju
FA08 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik tambah data berita
untuk menuju FA13 · Klis edit dan hapus
maka akan muncul pesan M07 dan M08
· Klik data kelas untuk menuju FA14
· Klik data guru untuk menuju FA16
· Klik data siswa untuk menuju FA18
· Klik data tahun ajar untuk menuju FA20
· Klik data semester untuk menuju FA21
· Klik data forum untuk menuju FA22
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil Tambah Berita
No Isi
Id Berita Tgl Posting
Judul Aksi
Edit | Hapus Keluar
Gambar 3.44 Perancangan Halaman Pengolahan Data Berita
FA11
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil admin untuk
menuju FA01 · Klik edit profil admin
untuk menuju FA02 · Klik ganti password
untuk menuju FA03 · Klik ganti email untuk
menuju FA04 · Klik data guru untuk
menuju FA05 · Klik data siswa untuk
menuju FA06 · Klik data kepsek untuk
menuju FA07 · Klik data Mata
pelajaran untuk menuju FA08
· Klik data mengajar untuk menuju FA10
· Klik data berita untuk menuju FA12
· Klik tambah data berita untuk menuju FA13
· Klis simpan maka akan muncul pesan M10
· Klik data kelas untuk menuju FA14
· Klik data guru untuk menuju FA16
· Klik data siswa untuk menuju FA18
· Klik data tahun ajar untuk menuju FA20
· Klik data semester untuk menuju FA21
· Klik data forum untuk menuju FA22
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Mengajar
- Data Berita - Data Kelas
- Data Guru - Data Siswa
- Data Tahun Ajar Profil
Id Berita :
Tgl Posting :
Judul :
Isi :
Simpan Keluar
Gambar 3.45 Perancangan Halaman Tambah Data Berita
FA12
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil admin untuk menuju FA01
· Klik edit profil admin untuk menuju FA02
· Klik ganti password untuk menuju FA03
· Klik ganti email untuk menuju FA04
· Klik data guru untuk menuju FA05
· Klik data siswa untuk menuju FA06
· Klik data kepsek untuk menuju FA07
· Klik data Mata pelajaran untuk menuju
FA08 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik tambah data kelas
untuk menuju FA15 · Klis simpan maka akan
muncul pesan M10 · Klik data guru untuk
menuju FA16 · Klik data siswa untuk
menuju FA18 · Klik data tahun ajar
untuk menuju FA20 · Klik data semester
untuk menuju FA21 · Klik data forum untuk
menuju FA22
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil Tambah Data Kelas
Id Kelas Nama Kelas
Mapel Pilih Kelas
Aksi Pilih Kelas
Cari Edit | Hapus
Keluar
Gambar 3.46 Perancangan Halaman Pengolahan Data Kelas
FA13
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil admin untuk menuju FA01
· Klik edit profil admin untuk menuju FA02
· Klik ganti password untuk menuju FA03
· Klik ganti email untuk menuju FA04
· Klik data guru untuk menuju FA05
· Klik data siswa untuk menuju FA06
· Klik data kepsek untuk menuju FA07
· Klik data Mata pelajaran untuk menuju
FA08 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik tambah data kelas
untuk menuju FA15 · Klis simpan maka akan
muncul pesan M10 · Klik data guru untuk
menuju FA16 · Klik data siswa untuk
menuju FA18 · Klik data tahun ajar
untuk menuju FA20 · Klik data forum untuk
emnuju FA21
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil Id Kelas
: Nama Kelas
: Mata Pelajaran
: Simpan
Keluar
Gambar 3.47 Perancangan Halaman Tambah Data Kelas
FA14
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil admin untuk menuju FA01
· Klik edit profil admin untuk menuju FA02
· Klik ganti password untuk menuju FA03
· Klik ganti email untuk menuju FA04
· Klik data guru untuk menuju FA05
· Klik data siswa untuk menuju FA06
· Klik data kepsek untuk menuju FA07
· Klik data Mata pelajaran untuk menuju
FA08 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik data guru untuk
menuju FA16 · Klik tambah data guru
untuk menuju FA17 · Klik edit dan hapus
maka akan muncul pesan M07 dan M08
· Klik data siswa untuk menuju FA18
· Klik data tahun ajar untuk menuju FA20
· Klik data forum untuk menuju FA21
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil Email
NIY Aksi
Nama No
Alamat Mapel
Tambah Data Guru Edit | Hapus
Keluar
Gambar 3.48 Perancangan Halaman Pengolahan Data Guru
FA15
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil admin untuk menuju FA01
· Klik edit profil admin untuk menuju FA02
· Klik ganti password untuk menuju FA03
· Klik ganti email untuk menuju FA04
· Klik data guru untuk menuju FA05
· Klik data siswa untuk menuju FA06
· Klik data kepsek untuk menuju FA07
· Klik data Mata pelajaran untuk menuju
FA08 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik data guru untuk
menuju FA16 · Klik simpan maka akan
muncul pesan M10 · Klik data siswa untuk
menuju FA18 · Klik data tahun ajar
untuk menuju FA20 · Klik data forum untuk
menuju FA21
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil
Simpan NIY
: Nama
: Alamat
: Email
: Mapel
: Foto
: Pilih Mapel
Keluar
Gambar 3.49 Perancangan Halaman Tambah Data Guru
FA16
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil admin untuk
menuju FA01 · Klik edit profil admin
untuk menuju FA02 · Klik ganti password
untuk menuju FA03 · Klik ganti email untuk
menuju FA04 · Klik data guru untuk
menuju FA05 · Klik data siswa untuk
menuju FA06 · Klik data kepsek untuk
menuju FA07 · Klik data Mata
pelajaran untuk menuju FA08
· Klik data mengajar untuk menuju FA10
· Klik data berita untuk menuju FA12
· Klik data kelas untuk menuju FA14
· Klik data guru untuk menuju FA16
· Klik data siswa untuk menuju FA18
· Klik tambah data siswa untuk menuju FA19
· Klik edit dan hapus maka akan muncul
pesan M07 dan M08 · Klik data tahun ajar
untuk menuju FA20 · Klik data forum untuk
menuju FA21 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 12
Ukuran : Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil Foto
NIS Aksi
Nama Edit | Hapus
No Kelas
JK Tambah Data Siswa
Keluar
Gambar 3.50 Perancangan Halaman Pengolahan Data Siswa
FA17
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil admin untuk
menuju FA01 · Klik edit profil admin
untuk menuju FA02 · Klik ganti password
untuk menuju FA03 · Klik ganti email untuk
menuju FA04 · Klik data guru untuk
menuju FA05 · Klik data siswa untuk
menuju FA06 · Klik data kepsek untuk
menuju FA07 · Klik data Mata
pelajaran untuk menuju FA08
· Klik data mengajar untuk menuju FA10
· Klik data berita untuk menuju FA12
· Klik data kelas untuk menuju FA14
· Klik data guru untuk menuju FA16
· Klik data siswa untuk menuju FA18
· Klik simpan maka akan muncul pesan M10
· Klik data tahun ajar untuk menuju FA20
· Klik data forum untuk menuju FA21
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil
NIS :
Nama :
JK :
Kelas :
Email :
Foto :
Simpan Laki-laki
Perempuan Pilih kelas
Keluar
Gambar 3.51 Perancangan Halaman Tambah Data Siswa
FA18
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil admin untuk menuju FA01
· Klik edit profil admin untuk menuju FA02
· Klik ganti password untuk menuju FA03
· Klik ganti email untuk menuju FA04
· Klik data guru untuk menuju FA05
· Klik data siswa untuk menuju FA06
· Klik data kepsek untuk menuju FA07
· Klik data Mata pelajaran untuk menuju
FA08 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik data guru untuk
menuju FA16 · Klik data siswa untuk
menuju FA18 · Klik simpan maka akan
muncul pesan M07 · Klik data forum untuk
menuju FA21
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo
- Data Mata Pelajaran - Data Berita
- Data Kelas - Data Guru
- Data Siswa - Data Tahun Ajar
Profil
Simpan No
Id Tahun Ajar Id Siswa
Id Kelas Status
Aktif | Tidak Aktif Keluar
Gambar 3.52 Perancangan Halaman Pengolahan Tahun Ajar
FA19
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil admin untuk
menuju FA01 · Klik edit profil admin
untuk menuju FA02 · Klik ganti password
untuk menuju FA03 · Klik ganti email untuk
menuju FA04 · Klik data guru untuk
menuju FA05 · Klik data siswa untuk
menuju FA06 · Klik data kepsek untuk
menuju FA07 · Klik data Mata
pelajaran untuk menuju FA08
· Klik data mengajar untuk menuju FA10
· Klik data berita untuk menuju FA12
· Klik data kelas untuk menuju FA14
· Klik data guru untuk menuju FA16
· Klik data siswa untuk menuju FA18
· Klik data forum untuk menuju FA21
· Klik tambah forum mapel untuk menuju
FA23 · Klik edit dan hapus
maka akan muncul pesan M07 dan M08
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Master
Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo Profil
- Tambah Forum Mapel Tambah Forum Mapel
No Keterangan
Id Mapel Judul Aksi
Edit | Hapus Kelastingkat
Keluar
Gambar 3.53 Perancangan Halaman Pengolahan Data Forum
FA20
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil admin untuk menuju FA01
· Klik edit profil admin untuk menuju FA02
· Klik ganti password untuk menuju FA03
· Klik ganti email untuk menuju FA04
· Klik data guru untuk menuju FA05
· Klik data siswa untuk menuju FA06
· Klik data kepsek untuk menuju FA07
· Klik data Mata pelajaran untuk menuju
FA08 · Klik data mengajar
untuk menuju FA10 · Klik data berita untuk
menuju FA12 · Klik data kelas untuk
menuju FA14 · Klik data guru untuk
menuju FA16 · Klik data siswa untuk
menuju FA18 · Klik data forum untuk
menuju FA21 · Klik simpan untuk
menuju M07 · Jika ada data yang
tidak diisi maka akan muncul pesan M09
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Master Data Forum
SMA Darul Hikam Bandung
Forum Profil Admin
Logo Profil
- Tambah Forum Mapel
Simpan Id Forum
: Id Mapel
: Judul
: Keterangan
: Tanggl Kirim
: Kelastingkat
: Keluar
Gambar 3.54 Perancangan Halaman Tambah Data Forum Matpel
4. Perancangan Halaman untuk user Guru
FG01
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil guru untuk
menuju FG01 · Klik edit profil guru
untuk menuju FG02 · Klik ganti password
untuk menuju FG03 · Klik ganti email untuk
menuju FG04 · Klik simpan maka akan
muncul pesan M08 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil Foto
NIY :
Nama :
Alamat :
Email :
Password :
TTL :
Mata Pelajaran : - Edit Profil Guru
- Ganti Password - Ganti Foto
Keluar
Gambar 3.55 Perancangan Halaman Profil Guru
FG02
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil guru untuk
menuju FG01 · Klik edit profil guru
untuk menuju FG02 · Klik simpan maka akan
muncul pesan M09 atau M07
· Klik ganti password untuk menuju FG03
· Klik ganti email untuk menuju FG04
· Klik simpan maka akan muncul pesan M08
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil - Edit Profil Guru
- Ganti Password - Ganti Foto
Simpan Browse
TTL Nama
Alamat Logo
Email Mapel
Keluar
Gambar 3.56 Perancangan Halaman Ubah Profil Guru
FG03
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil guru untuk menuju FG01
· Klik edit profil guru untuk menuju FG02
· Klik ganti password untuk menuju FG03
· Klik ganti email untuk menuju FG04
· Klik simpan maka akan muncul pesan M09 atau
M07 · Klik simpan maka akan
muncul pesan M08
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil - Edit Profil Guru
- Ganti Password - Ganti Foto
Simpan Password Lama :
Password Baru : Validasi Password Baru :
Keluar
Gambar 3.57 Perancangan Halaman Ganti Password Guru
FG04
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil guru untuk menuju FG01
· Klik edit profil guru untuk menuju FG02
· Klik ganti password untuk menuju FG03
· Klik ganti email untuk menuju FG04
· Klik ganti email maka akan muncul pesan
M09 atau M07 · Klik simpan maka akan
muncul pesan M08
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 12
Ukuran : Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil - Edit Profil Guru
- Ganti Password - Ganti Foto
Pilih Foto Browse
Keluar
Ganti
Gambar 3.58 Perancangan Halaman Ganti Foto Guru
FG05
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik data materi maka akan menuju ke FG05
· Klik edit dan hapus maka akan muncul
pesan M07 dan M08 · Klik tambah materi
maka akan menuju FG9 · Klik data soal ujian
maka akan menuju ke FG10
· Klik data ujian maka akan menuju ke FG12
· Klik data nilai ujian maka akan menuju ke
FG14 · Klik data pengumuman
maka akan menuju ke FG16
· Klik data tugas maka akan menuju ke FG18
· Klik data jawaban maka akan menuju ke FG17
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
Profil No
NIY Id Mapel
Kelas Id Materi
Tambah Materi ISi
Aksi Edit | Hapus
Judul Keluar
Gambar 3.59 Perancangan Halaman Pengolahan Data Materi
FG05
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik data materi maka akan menuju ke FG05
· Klik edit dan hapus maka akan muncul
pesan M07 dan M08 · Klik simpan maka akan
muncul pesan M07 atau M09
· Klik data soal ujian maka akan menuju ke
FG10 · Klik data ujian maka
akan menuju ke FG12 · Klik data nilai ujian
maka akan menuju ke FG14
· Klik data pengumuman maka akan menuju ke
FG16 · Klik data tugas maka
akan menuju ke FG18 · Klik data jawaban maka
akan menuju ke FG17 · Klik data forum maka
akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil Id Materi :
NIY :
Id Mapel : Kelas
: Judul
: Isi
: Simpan
Upload Browse
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
Keluar
Gambar 3.60 Perancangan Halaman Tambah Data Materi
FG06
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik data materi maka
akan menuju ke FG05 · Klik data soal ujian
maka akan menuju ke FG10
· Klik data ujian maka akan menuju ke FG12
· Klik data nilai ujian maka akan menuju ke
FG14 · Klik data pengumuman
maka akan menuju ke FG16
· Klik data tugas maka akan menuju ke FG18
· Klik data jawaban maka akan menuju ke FG17
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil No
Id Mapel Id Soal
Aksi Kelas
Jawaban
Edit | Hapus
Pertanyaan Tambah Soal
Kelas : Pilih kelas
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
Keluar
Gambar 3.61 Perancangan Halaman Pengolahan Data Soal Ujian
FG07
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik data materi maka akan menuju ke FG05
· Klik data soal ujian maka akan menuju ke
FG10 · Klik data ujian maka
akan menuju ke FG12 · Klik data nilai ujian
maka akan menuju ke FG14
· Klik data pengumuman maka akan menuju ke
FG16 · Klik data tugas maka
akan menuju ke FG18 · Klik data jawaban maka
akan menuju ke FG17 · Klik data forum maka
akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 12
Ukuran : Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil Id Soal
: Id Mapel
: Kelas
: Pertanyaan
: Option a
: Option b
: Option c
: Option d
: Option e
: Jawaban
: Pilih Jawaban Benar
Simpan - Data Materi
- Data Soal Ujian - Data Ujian
- Data Nilai Ujian - Data Pengumuman
- Data Tugas - Data Jawaban
- Monitoring Nilai Siswa Keluar
Gambar 3.62 Perancangan Halaman Tambah Data Soal
FG08
Header
· Klik ganti profil admin untuk menuju FA02
· Klik data guru untuk menuju FA03
· Klik data mata pelajaran untuk menuju
FA04 · Klik data mengajar
untuk menuju FA05 · Klik data kelas untuk
menuju FA06 · Klik data siswa untuk
menuju FA07 · Klik data forum untuk
menuju FA09 · Klik data berita untuk
menuju FA11 · Klik lihat buku tamu
untuk menuju FA12 · Klik data forum untuk
emnuju FA22
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil No
Id Mapel Id Ujian
Status NIS
Tgl Ujian Ikut | Tidak Ikut
Kelas - Data Materi
- Data Soal Ujian - Data Ujian
- Data Nilai Ujian - Data Pengumuman
- Data Tugas - Data Jawaban
- Monitoring Nilai Siswa Keluar
Gambar 3.63 Perancangan Halaman Pengolahan Data Ujian
FG09
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik data materi maka akan menuju ke FG05
· Klik data soal ujian maka akan menuju ke
FG10 · Klik data ujian maka
akan menuju ke FG12 · Klik data nilai ujian
maka akan menuju ke FG14
· Klik data pengumuman maka akan menuju ke
FG16 · Klik data tugas maka
akan menuju ke FG18 · Klik data jawaban maka
akan menuju ke FG17 · Klik data forum maka
akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 12
Ukuran : Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
No NIS
Id Ujian Nilai
Mata Pelajaran : Kelas :
Pilih Mata Pelajaran Pilih kelas
Cari Id Soal
Pilih Id Soal Nama Siswa
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
Keluar
Gambar 3.64 Perancangan Halaman Lihat Nilai Ujian
FG10
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik data materi maka akan menuju ke FG05
· Klik data soal ujian maka akan menuju ke
FG10 · Klik data ujian maka
akan menuju ke FG12 · Klik data nilai ujian
maka akan menuju ke FG14
· Klik data pengumuman maka akan menuju ke
FG16 · Klik data tugas maka
akan menuju ke FG18 · Klik data jawaban maka
akan menuju ke FG17 · Klik data forum maka
akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
No Id Pengumuman
Tgl Kirim Judul
Isi Status
Aktif | Tidak Aktif Tambah Pengumuman
Keluar
Gambar 3.65 Perancangan Halaman Pengolahan Pengumuman
FG11
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik data materi maka akan menuju ke FG05
· Klik data soal ujian maka akan menuju ke
FG10 · Klik data ujian maka
akan menuju ke FG12 · Klik data nilai ujian
maka akan menuju ke FG14
· Klik data pengumuman maka akan menuju ke
FG16 · Klik data tugas maka
akan menuju ke FG18 · Klik data jawaban maka
akan menuju ke FG17 · Klik data forum maka
akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
Id Pengumuman :
Tgl Kirim :
Judul :
Isi :
Simpan Keluar
Gambar 3.66 Perancangan Halaman Tambah Pengumuman
FG12
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik data materi maka
akan menuju ke FG05 · Klik data soal ujian
maka akan menuju ke FG10
· Klik data ujian maka akan menuju ke FG12
· Klik data nilai ujian maka akan menuju ke
FG14 · Klik data pengumuman
maka akan menuju ke FG16
· Klik data tugas maka akan menuju ke FG18
· Klik data jawaban maka akan menuju ke FG17
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
No Judul
Isi Tugas Kelas
Id Tugas Tambah Tugas
Aksi Edit | Hapus
Keluar
Gambar 3.67 Perancangan Halaman Pengolahan Data Tugas
FG13
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik data materi maka akan menuju ke FG05
· Klik data soal ujian maka akan menuju ke
FG10 · Klik data ujian maka
akan menuju ke FG12 · Klik data nilai ujian
maka akan menuju ke FG14
· Klik data pengumuman maka akan menuju ke
FG16 · Klik data tugas maka
akan menuju ke FG18 · Klik data jawaban maka
akan menuju ke FG17 · Klik data forum maka
akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
Id Tugas : Id Mapel :
Kelas :
Judul :
Isi :
Simpan Upload
Browse Keluar
Gambar 3.68 Perancangan Halaman Tambah Upload Data Tugas
FG14
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik data materi maka
akan menuju ke FG05 · Klik data soal ujian
maka akan menuju ke FG10
· Klik data ujian maka akan menuju ke FG12
· Klik data nilai ujian maka akan menuju ke
FG14 · Klik data pengumuman
maka akan menuju ke FG16
· Klik data tugas maka akan menuju ke FG18
· Klik data jawaban maka akan menuju ke FG17
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban - Monitoring Nilai Siswa
No NIS
Judul Id Tugas
Aksi Nama
Daftar Tugas Yang Dikumpulkan Secara Online Id MApel
download Keluar
Gambar 3.69 Perancangan Halaman kumpul tugas
· Perancangan Halaman Menu Pengolahan Data Forum
FG16
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik data materi maka
akan menuju ke FG05 · Klik data soal ujian
maka akan menuju ke FG10
· Klik data ujian maka akan menuju ke FG12
· Klik data nilai ujian maka akan menuju ke
FG14 · Klik data pengumuman
maka akan menuju ke FG16
· Klik data tugas maka akan menuju ke FG18
· Klik data jawaban maka akan menuju ke FG17
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Tambah Topik - Beri Komentar
No Id Mapel Judul Keterangan
Tgl Kirim Id Forum
Kelas Aksi
Edit | Hapus
Tambah Topik Keluar
Gambar 3.70 Perancangan Halaman Tambah Topik
FG17
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik data materi maka
akan menuju ke FG05 · Klik data soal ujian
maka akan menuju ke FG10
· Klik data ujian maka akan menuju ke FG12
· Klik data nilai ujian maka akan menuju ke
FG14 · Klik data pengumuman
maka akan menuju ke FG16
· Klik data tugas maka akan menuju ke FG18
· Klik data jawaban maka akan menuju ke FG17
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Tambah Topik - Tambah Komentar
Tambahkan Keluar
Gambar 3.71 Perancangan Halaman Pengolahan Data Forum
FG18
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik data materi maka
akan menuju ke FG05 · Klik data soal ujian
maka akan menuju ke FG10
· Klik data ujian maka akan menuju ke FG12
· Klik data nilai ujian maka akan menuju ke
FG14 · Klik data pengumuman
maka akan menuju ke FG16
· Klik data tugas maka akan menuju ke FG18
· Klik data jawaban maka akan menuju ke FG17
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Guru
Data Pembelajaran Logo
Profil
- Tambah Topik - Tambah Komentar
Tambahkan Komentar Keluar
Gambar 3.72 Perancangan Halaman Tambah Komentar
5. Perancangan Halaman untuk user Siswa
FS01
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil siswa untuk menuju FS01
· Klik edit profil siswa untuk menuju FS02
· Klik ganti password untuk menuju FS03
· Klik ganti email untuk menuju FS04
· Klik simpan maka akan muncul pesan M09
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil - Edit Profil Siswa
- Ganti Password - Ganti Email
Foto NIS
Kelas :
Nama :
Email :
Profil Siswa Keluar
Gambar 3.73 Perancangan Halaman Profil Siswa
FS02
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil - Edit Profil Siswa
- Ganti Password - Ganti Email
Edit Profile Siswa
Simpan Browse
No. Telp Nama
Alamat Logo
Email Keluar
Gambar 3.74 Perancangan Halaman Ubah Profil Siswa
FS03
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil siswa untuk menuju FS01
· Klik edit profil siswa untuk menuju FS02
· Klik ganti password untuk menuju FS03
· Klik ganti email untuk menuju FS04
· Klik simpan maka akan muncul pesan M09
· Klik data pembelajaran, maka akan menuju
FS05, FS07, FS09, FS011, FS013, dan
FS015 sesuai menu yg dipilih
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil - Edit Profil Siswa
- Ganti Password - Ganti Email
Ganti Password Siswa Password Lama :
Password Baru : Validasi Password Baru :
Simpan Keluar
Gambar 3.75 Perancangan Halaman Ganti Password Siswa
FS04
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil siswa untuk menuju FS01
· Klik edit profil siswa untuk menuju FS02
· Klik ganti password untuk menuju FS03
· Klik ganti email untuk menuju FS04
· Klik simpan maka akan muncul pesan M09
· Klik data pembelajaran, maka akan menuju
FS05, FS07, FS09, FS011, FS013, dan
FS015 sesuai menu yg dipilih
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil - Edit Profil Siswa
- Ganti Password - Ganti Email
Ganti Email Siswa Email Lama :
Email Baru : Ganti Email
Email_lamadomain.com Keluar
Gambar 3.76 Perancangan Halaman Ganti Foto Siswa
FS05
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil siswa untuk menuju FS01
· Klik edit profil siswa untuk menuju FS02
· Klik ganti password untuk menuju FS03
· Klik ganti email untuk menuju FS04
· Klik simpan maka akan muncul pesan M09
· Klik data pembelajaran, maka akan menuju
FS05, FS07, FS09, FS011, FS013, dan
FS015 sesuai menu yg dipilih
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban
No Penyaji
Judul Aksi
Pilih Kelas Kelas
Pilih Mapel Mata Pelajaran
Pilih Semester Semester
Download | Baca Keluar
Gambar 3.77 Perancangan Halaman Pengolahan Materi
FS05
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 · Klik data pembelajaran,
maka akan menuju FS05, FS07, FS09,
FS011, FS013, dan FS015 sesuai menu yg
dipilih · Klik data forum maka
akan menuju ke F022 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban Pilih Kelas
Kelas Pilih Mapel
Mata Pelajaran Pilih Guru
Nama Guru Cari Soal
Tampilan Soal Waktu Ujian
-Timer- Keluar
Gambar 3.78 Perancangan Halaman Soal Ujian
FS07
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil siswa untuk menuju FS01
· Klik edit profil siswa untuk menuju FS02
· Klik ganti password untuk menuju FS03
· Klik ganti email untuk menuju FS04
· Klik simpan maka akan muncul pesan M09
· Klik data pembelajaran, maka akan menuju
FS05, FS07, FS09, FS011, FS013, dan
FS015 sesuai menu yg dipilih
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px footer
Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban Pilih Kelas
Kelas Pilih Mapel
Mata Pelajaran Pilih Guru
Nama Guru Daftar ujian
Nama : .....
NIS : .....
Kelas : ......
Tanggal Ujian : ......
Buka Soal Keluar
Gambar 3.79 Perancangan Halaman Ujian
FS10
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 · Klik data pembelajaran,
maka akan menuju FS05, FS07, FS09,
FS011, FS013, dan FS015 sesuai menu yg
dipilih · Klik data forum maka
akan menuju ke F022 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban Mata pelajaran
Kelas : Pilih Mata Pelajaran
Pilih kelas Cari
Id Soal Pilih Id Soal
NIS No
Id_ujian Nilai
Mata Pelajaran Keluar
Gambar 3.80 Perancangan Halaman Lihat Nilai Ujian
FS11
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 · Klik data pembelajaran,
maka akan menuju FS05, FS07, FS09,
FS011, FS013, dan FS015 sesuai menu yg
dipilih · Klik data forum maka
akan menuju ke F022 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban Mata Pelajaran
Kelas Pilih Mata Pelajaran
Pilih kelas Cari
No Judul
Isi Pengumuman Id Pengumuman
Nama Guru Pilih kelas
Keluar
Gambar 3.81Perancangan Halaman Lihat Pengumuman
FS12
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 · Klik data pembelajaran,
maka akan menuju FS05, FS07, FS09,
FS011, FS013, dan FS015 sesuai menu yg
dipilih · Klik data forum maka
akan menuju ke F022 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban No
Judul Isi Tugas
Kelas Id Tugas
Upload Tugas Aksi
Edit | Hapus Keluar
Gambar 3.82 Perancangan Halaman Pengolahan Data Tugas
FS13
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 · Klik data pembelajaran,
maka akan menuju FS05, FS07, FS09,
FS011, FS013, dan FS015 sesuai menu yg
dipilih · Klik data forum maka
akan menuju ke F022 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban NIS
: Nama
: Id Tugas :
Mapel :
Kelas :
Judul :
Simpan Upload
Browse Keluar
Gambar 3.83 Perancangan Halaman Tambah Upload Data Tugas
FS14
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 · Klik data pembelajaran,
maka akan menuju FS05, FS07, FS09,
FS011, FS013, dan FS015 sesuai menu yg
dipilih · Klik data forum maka
akan menuju ke F022 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban No
NIY Aksi
Nama Guru Mapel
Id Tugas Download
Keluar
Gambar 3.84 Perancangan Halaman Pengolahan Download Data Tugas
FS15
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil siswa untuk menuju FS01
· Klik edit profil siswa untuk menuju FS02
· Klik ganti password untuk menuju FS03
· Klik ganti email untuk menuju FS04
· Klik simpan maka akan muncul pesan M09
· Klik data pembelajaran, maka akan menuju
FS05, FS07, FS09, FS011, FS013, dan
FS015 sesuai menu yg dipilih
· Klik data forum maka akan menuju ke F022
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font : Georgia, Times New Roman 12
Ukuran : Dinamis Default 1024 x 768 px
footer Data Forum
SMA Darul Hikam Bandung
Forum Profil Siswa
Data Pembelajaran Logo
Profil
- Data Materi - Data Soal Ujian
- Data Ujian - Data Nilai Ujian
- Data Pengumuman - Data Tugas
- Data Jawaban
No Pembahasan
Id Ujian Jawaban
Mata Pelajaran : Kelas :
Pilih Mata Pelajaran Pilih kelas
Cari Id Soal
Pilih Id Soal Keluar
Gambar 3.85 Perancangan Halaman Lihat Jawaban Ujian
FS16
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil siswa untuk
menuju FS01 · Klik edit profil siswa
untuk menuju FS02 · Klik ganti password
untuk menuju FS03 · Klik ganti email untuk
menuju FS04 · Klik simpan maka akan
muncul pesan M09 · Klik data pembelajaran,
maka akan menuju FS05, FS07, FS09,
FS011, FS013, dan FS015 sesuai menu yg
dipilih · Klik data forum maka
akan menuju ke F022 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
Logo
footer
SMA Darul Hikam Bandung
Forum Forum Diskusi
Data Forum Profil Siswa
Data Pembelajaran - Tambah Komentar
Profil Keluar
Gambar 3.86 Perancangan Halaman Forum Diskusi
6. Perancangan Halaman untuk user Kepala Sekolah
FK01
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil kepsek untuk menuju FK01
· Klik edit profil kepsek untuk menuju FK02
· Klik ganti password untuk menuju FK03
· Klik ganti email untuk menuju FK04
· Klik monitoring siswa maka akan menuju
FK05 · Klik monitoring guru
maka akan menuju FK06
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px Logo
footer
SMA Darul Hikam Bandung
Profil Kepsek Monitoring Siswa
Monitoring Guru Foto
NIP :
Nama Alamat
: No. Telp
: Email
: Profil Kepala Sekolah
Daftar Guru - Edit Profil Kepsek
- Ganti Password - Ganti Email
Profil Keluar
Gambar 3.87 Perancangan Halaman Profil Kepala Sekolah
FK02
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil kepsek untuk
menuju FK01 · Klik edit profil kepsek
untuk menuju FK02 · Klik ganti password
untuk menuju FK03 · Klik ganti email untuk
menuju FK04 · Klik monitoring siswa
maka akan menuju FK05
· Klik monitoring guru maka akan menuju
FK06 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
Logo
footer
SMA Darul Hikam Bandung
Forum Edit Profile Kepsek
Simpan Browse
No. Telp Nama
Alamat Logo
Email Profil Kepsek
Monitoring Siswa Monitoring Guru
- Edit Profil Kepsek - Ganti Password
- Ganti Email Profil
Keluar
Gambar 3.88 Perancangan Halaman Ubah Profil Kepala Sekolah
FK03
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil kepsek untuk menuju FK01
· Klik edit profil kepsek untuk menuju FK02
· Klik ganti password untuk menuju FK03
· Klik ganti email untuk menuju FK04
· Klik monitoring siswa maka akan menuju
FK05 · Klik monitoring guru
maka akan menuju FK06
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px Logo
footer
SMA Darul Hikam Bandung
Daftar Guru Ganti Password Kepsek
Password Lama : Password Baru :
Validasi Password Baru : Profil Kepsek
Monitoring Siswa Monitoring Guru
- Edit Profil Kepsek - Ganti Password
- Ganti Email Profil
Simpan Keluar
Gambar 3.89 Perancangan Halaman Ganti Password Kepala Sekolah
FK04
Header · Klik Beranda untuk
menuju F01 · Klik Forum untuk
menuju F02 · Klik Keluar untuk
menuju F01 · Klik profil kepsek untuk
menuju FK01 · Klik edit profil kepsek
untuk menuju FK02 · Klik ganti password
untuk menuju FK03 · Klik ganti email untuk
menuju FK04 · Klik monitoring siswa
maka akan menuju FK05
· Klik monitoring guru maka akan menuju
FK06 Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px
Logo
footer
SMA Darul Hikam Bandung
Daftar Guru Ganti Email Kepsek
Email Lama : Email Baru :
Ganti Email Email_lamadomain.com
Profil Kepsek Monitoring Guru
- Edit Profil Kepsek - Ganti Password
- Ganti Email Profil
Keluar
Gambar 3.90Perancangan Halaman Ganti Foto Kepala Sekolah
FK06
Header
· Klik Beranda untuk menuju F01
· Klik Forum untuk menuju F02
· Klik Keluar untuk menuju F01
· Klik profil kepsek untuk menuju FK01
· Klik edit profil kepsek untuk menuju FK02
· Klik ganti password untuk menuju FK03
· Klik ganti email untuk menuju FK04
· Klik monitoring siswa maka akan menuju
FK05 · Klik monitoring guru
maka akan menuju FK06
Beranda
Kalender Menu
Keterangan : Warna
: Biru, Putih, Abu-abu TipeUkuran Font
: Georgia, Times New Roman 12 Ukuran
: Dinamis Default 1024 x 768 px Logo
footer
SMA Darul Hikam Bandung
Daftar Guru Tampilan Monitoring Kinerja Guru
Profil Kepsek Monitoring Guru
Profil Keluar
Gambar 3.91Perancangan Halaman Monitoring Guru