1. DFD Level 4 Proses 3.5.5 Tugas Mengajar
3.5 Perancangan Sistem
3.5.4 Perancangan Antarmuka
Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan untuk mempermudah pengguna dalam menggunakan program aplikasi ini. Dengan adanya perancangan antarmuka ini berbagai pengguna baik awam, maupun yang sudah berpengalaman dapat mengoperasikan program ini tanpa adanya kesulitan yang besar.
1. Perancangan Halaman Utama Aplikasi iniuntuk user guru, Siswa dan
orang tua terlihat pada gambar 3.50.
F01
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Selamat Datang
Gambar
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
F02
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Profil Sekolah
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
Gambar 3.51 Halaman Profil Sekolah Aplikasi E-learning LMS
F03
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Pilih Kelas LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Daftar Siswa
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
Gambar 3.52 Halaman Daftar Siswa Aplikasi E-learning LMS
F04
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Daftar Guru
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
Masukan Nama
F05
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Daftar Materi
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
Gambar 3.54 Halaman Daftar Materi Aplikasi E-learning LMS
F06
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Berita
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
F07
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Forum
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03 · Klik daftar guru untuk
menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
Gambar 3.56 Halaman Forum Aplikasi E-learning LMS
T08
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03
· Klik daftar guru untuk menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08 Aktifasi Masukan Nis/Nip Buat User Masukan Email Buat Password Aktifasi
2. Perancangan Halaman Login Aplikasi LMS untuk user admin dan kepala sekolah terlihat pada gambar 3.58.
TL
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Aktivasi Jam Kalender Masuk NIP/NIS : Password Siswa Guru Orang Tua Masuk Siswa Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
· Klik beranda untuk menuju F01
· Klik profil sekolah untuk menuju F02
· Klik daftar siswa untuk menuju F03 · Klik daftar guru untuk
menuju F04
· Klik materi untuk menuju F05
· Klik Berita untuk menuju F06
· Klik Forum untuk menuju F07
· Klik masuk akan menuju FG10 atau FS01 atau FO01 sesuai pilihan login jika login valid, jika nip/nis dan password tidak valid akan muncul pesan P01 atau P02
· Klik aktivasi untuk menuju T08
Masuk Admin
Username
Password
Masuk
Gambar 3.58 Halaman Login Admin Aplikasi E-learning LMS
3. Perancangan Halaman Beranda Aplikasi LMS untuk user admin terlihat
pada gambar 3.59. TL4
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Sekilas Info
4. Perancangan halaman tahun ajaran dan tambah tahun ajaran Aplikasi LMS untuk user admin terlihat pada gambar 3.60.
TL5
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Tahun Ajaran Aktif No Semester Aksi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Manajemen Tahun Ajaran
Tambah Data Set Tahun Ajaran
Keterangan :
Gambar 3.60 Halaman Tahun Ajaran dan Tambah Tahun Ajaran Aplikasi E- learning LMS
5. Perancangan halaman kategori kelas Aplikasi LMS untuk user admin
terlihat pada gambar 3.61 TL6
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Kelas Id Kelas No Keterangan Aksi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Manajemen Kategori Kelas
Tambah Data
6. Perancangan halaman kelas Aplikasi LMS untuk user admin terlihat pada gambar 3.62. TL7 Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Nama Kelas Kelas No Aksi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Manajemen Kelas
Tambah Data
Gambar 3.62 Halaman Kelas Aplikasi E-learning LMS
7. Perancangan halaman pelajaran Aplikasi LMS untuk user admin terlihat
TL8
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Mata Pelajaran Kode No Aksi LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Manajemen Pelajaran
Tambah Data
Gambar 3.63 Halaman Pelajaran Aplikasi E-learning LMS
8. Perancangan halaman manajemen guru Aplikasi LMS untuk user admin
terlihat pada gambar 3.64.
TL9
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Nama Nip
No Mengajar Pelajaran Detail
LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Manajemen Guru
Tambah Data Lihat Mengajar
Gambar 3.64 Halaman manajemen guru Aplikasi E-learning LMS
9. Perancangan halaman manajemen siswa Aplikasi LMS untuk user admin
TL10
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Nama Nis No Kelas Detail LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Manajemen Siswa
Tambah Data
Gambar 3.65 Halaman Manajemen Siswa Aplikasi E-learning LMS
10. Perancangan manajemen ortu Aplikasi LMS untuk user admin terlihat
pada gambar 3.66.
TL11
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat
Video Multimedia Materi
Nama Orang TUa Nis
No Nama Siswa Email Detail
LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Admin Profil Admin Ubah Profiil Gambar Ubah Foto Ubah Password Sekilas Info Tahun Ajaran Kategori Kelas Kelas Pelajaran Guru Siswa Orang Tua Keluar
· Klik Ubah Profil untuk menuju TL1 · Klik Ubah Foto untuk
menuju TL2
· Klik Ubah Passwod untuk menuju TL3
· Klik Sekilas Info untuk menuju TL4
· Klik Tahun Ajaran untuk menuju TL5
· Klik Kategori Kelas untuk menuju TL6
· Klik Kelas untuk menuju TL7
· Klik Pelajaran untuk menuju TL8
· Klik Guru untuk menuju TL9 · Klik Siswa untuk menuju
TL10
· Klik Orang Tua untuk menuju TL11 Manajemen Orang Tua
Tambah Data
11. Perancangan halaman manajemen Materi Aplikasi LMS untuk user guru terlihat pada gambar 3.67
FG4
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat Video Multimedia Materi Judul Materi Tanggal
No Tipe Kelas Aksi
LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Guru Profil Guru Ubah Profiil Gambar Ubah Foto Ubah Password Beranda Materi Multimedia Video Tugas BankSoal Ulangan Grafik Siswa Pengumuman Berita Forum
· Klik Ubah Profil untuk menuju FG1 · Klik Ubah Foto untuk
menuju FG2
· Klik Ubah Passwod untuk menuju FG3
· Klik Sekilas Info untuk menuju FG10 · Klik Materi untuk menuju
FG4
· Klik Tugas untuk menuju FG5
· Klik BankSoal untuk menuju FG6 · Klik Ujian untuk menuju
FG7
· Klik Penilaian untuk menuju FG8
· Klik Grafik Siswa untuk menuju FG9
· Klik Pengumuman untuk menuju FG11 · Klik Berita untuk menuju
FG12
· Klik Forum Untuk menuju FG13
· Klik Keluar Untuk Menuju F01 Sekilas Info Materi Tugas Banksoal Ujian Penilaian Grafik Siswa Keluar Pengumuman Berita Forum Manajemen Materi Tambah Data
Gambar 3.67 Halaman Manajemen Materi Aplikasi E-learning LMS
12. Perancangan halaman manajemen tugas Aplikasi LMS untuk user guru
terlihat pada gambar 3.68. FG5
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi Sejarah Singkat
Video Multimedia Materi
Pelajaran
No Judul Tugas Kelas Batas Detail Aksi
LOGO Foto Kepala Sekolah Jejaring Sosial Share Statistik Pengunjung Jam Kalender Pencarian
---Copyright © SMA MUTIARA 2 BANDUNG---
Keterangan : Ukuran layar : Dinamis
Tipe/Ukuran Font : Times New Roman 14 Warna Latar : Hijau
Menu Guru Profil Guru Ubah Profiil Gambar Ubah Foto Ubah Password Beranda Materi Multimedia Video Tugas BankSoal Ulangan Grafik Siswa Pengumuman Berita Forum
· Klik Ubah Profil untuk menuju FG1 · Klik Ubah Foto untuk
menuju FG2
· Klik Ubah Passwod untuk menuju FG3
· Klik Sekilas Info untuk menuju FG10 · Klik Materi untuk menuju
FG4
· Klik Tugas untuk menuju FG5
· Klik BankSoal untuk menuju FG6 · Klik Ujian untuk menuju
FG7
· Klik Penilaian untuk menuju FG8
· Klik Grafik Siswa untuk menuju FG9
· Klik Pengumuman untuk menuju FG11 · Klik Berita untuk menuju
FG12
· Klik Forum Untuk menuju FG13
· Klik Keluar Untuk Menuju F01 Sekilas Info Materi Tugas Banksoal Ujian Penilaian Grafik Siswa Keluar Pengumuman Berita Forum Manajemen Tugas Tambah Data
Gambar 3.68 Halaman manajemen tugas Aplikasi E-learning LMS
13. Perancangan halaman manajemen banksoal Aplikasi LMS untuk user guru
terlihat pada gambar 3.69. FG6
Forum Berita Daftar Materi Beranda Profil Sekolah Daftar Siswa Daftar Guru
Struktur Organisasi Visi dan Misi