3.3.1.3 Perancangan Pengkodean
Dalam perancangan sistem yang dibuat, diperlukan suatu pengkodean sebagai format isian dari variabel primary key yang secara otomatis di generate oleh
sistem. Berikut adalah pengkodean yang terdapat pada sistem : 1 Kode Nomor Induk Siswa
Format NIS: A9 9999 99 999 Kode untuk unit SMK
Tahun ajaran masuk siswa Kode untuk nomor kelas diterima
Kode untuk nomor urut siswa Contoh : L5 0809 10 001
2 Kode Nomor Induk Yayasan Format NIY: 9 99 99 999 AA
Kode untuk wilayah Tambun Kode tahun lahir
Tahun pengukuhan karyawan tetap Nomor urut karyawan
Kode semi tetap Contoh : 2 75 02 102 ST
3 Kode Kelas Format Kelas : 9 AAA 9
Kode untuk Tingkat kelas siswa Kode nama program kejurusan
Kode untuk nomor kelas Contoh : 1 TKJ 1
4 Kode Mata Pelajaran Format Kelas : A 9
Kode untuk mata pelajaran Nomor urut mata pelajaran
Contoh : B 1
3.3.1.4 Perancangan Struktur Menu
Gambar 3.35 Perancangan Struktur Menu
3.3.2 Perancangan Arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah proses
pembangunan sistem e-learning SMK AL Muslim Bekasi.
3.3.2.1 Perancangan Antarmuka
Interface atau antarmuka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog
antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan antarmuka yang mudah dipahami dan digunakan oleh user.
Perancangan antarmuka untuk sistem e-learning SMK AL Muslim Bekasi adalah sebagai berikut :
1. Antarmuka Menu Utama Antarmuka menu utamaT01.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T01 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White Klik Beranda akan menuju ke T01
Klik Pengumuman akan menuju T01A Klik Daftar akan menuju T02
Klik Login akan menuju T03
T01
Gambar Yayasan Al-Muslim adalah sebuah lembaga sosial yang menangani beberapa bidang
kegiatan yang salah satunya adalah bidang pendidikan. Dalam menangani bidang pendidikan, Yayasan Al-Muslim berupaya mewujudkan keselarasan dan keterpaduan
antara agama, ilmu pengetahuan dan teknologi sebagai realisasi dari upaya pengembangan fungsi dan fitrah manusia.
SMK Al-Muslim adalah lembaga pendidikan kejuruan yang dipilih dan dikelola oleh Yayasan Al-Muslim sejak tahun ajaran 19861987, telah meluluskan sebanyak 9
sembilan angkatan yang sebagian besar lulusannya sudah mendapatkan pekerjaan, disamping melanjutkan pendidikan di perguruan tinggi negeri maupun swasta.
SMK Al-Muslim telah diakreditasi ulang oleh Kantor Wilayah Departemen Pendidikan dan Kebudayaan Propinsi Jawa Barat dengan STATUS DIAKUI, sehingga dipercaya
untuk menyelenggarakan EBTAEBTANAS mandiri. Pengumuman
Pengumuman 1 Pengumuman 2
Pengumuman 3
Selamat Datang di E-Learning SMK AL Muslim
Gambar
Beranda Pengumuman Login Daftar
Gambar
Gambar 3. 34 Perancangan Antarmuka Menu Utama
Antarmuka pengumumanT01A.
Gambar 3. 35 Perancangan Antarmuka Pengumuman
2. Antarmuka Pendaftaran Antarmuka pendaftaranT02.
Gambar 3. 36 Perancangan Antarmuka Daftar
Antarmuka pendaftaran siswa T02A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T02A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Daftar akan menuju T02 ·
Klik Login akan menuju T03 ·
Klik disini untuk pendaftaran siswa akan menuju T02A
· Klik disini untuk pendaftaran guru
akan menuju T02B ·
Klik Daftar muncul M01, M01A, M02, M02A, M02B, M03, M04, M05, M05A,
M06, M18, M19, M9
T02A Gambar
Beranda Pengumuman Login
Daftar
Pendaftaran - Klik disini untuk pendaftaran Siswa
+ Klik disini untuk pendaftaran Guru Silahkan isi semua field yang diberi tanda bintang dalam formulir pendaftaran di
bawah ini, kemudian klik daftar. Data yang didaftarkan tersebut akan dikirim ke email Anda.
Daftar NIS
Password Ulangi Password
Nama E-Mail
Telepon Kelas
Website Alamat
Gambar
Gambar 3. 37 Perancangan Antarmuka Daftar Siswa
Antarmuka pendaftaran guru T02B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T02B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Daftar akan menuju T02 ·
Klik Login akan menuju T03 ·
Klik disini untuk pendaftaran siswa akan menuju T02A
· Klik disini untuk pendaftaran guru
akan menuju T02B ·
Klik Daftar muncul M20, M20A, M02, M02A, M02B, M03, M04, M05, M05A,
M29 M30, M9
T02B Gambar
Beranda Pengumuman Login
Daftar
Pendaftaran - Klik disini untuk pendaftaran Guru
+ Klik disini untuk pendaftaran Siswa Silahkan isi semua field yang diberi tanda bintang dalam formulir pendaftaran di
bawah ini, kemudian klik daftar. Data yang didaftarkan tersebut akan dikirim ke email Anda.
Daftar NIY
Password Ulangi Password
Nama E-Mail
Telepon Website
Alamat Gambar
Gambar 3. 38 Perancangan Antarmuka Daftar Guru
3. Antarmuka Login dan Lupa Password Antarmuka login admin T03B.
Gambar 3. 39 Perancangan Antarmuka Login Admin
Antarmuka login guru dan siswa T03.
Gambar 3. 40 Perancangan Antarmuka Login Guru atau Siswa
Antarmuka lupa password T03A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T03A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Daftar akan menuju T02 Klik Login akan menuju T03
Klik Lupa password lalu isi username kemudian klik kirim menuju ke email
dan muncul pesan M6, M7, M8
T03A Gambar
Beranda Pengumuman Login Daftar
Gambar
Login KIRIM
Gambar
Lupa Password
Gambar 3. 41 Perancangan Antarmuka Lupa Password
4. Antarmuka Admin Antarmuka beranda admin T04.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T04 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Ubah muncul M16, M50, M53
Klik Hapus muncul M49
T04 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
No NIY
Kelas Mata Pelajaran Status
Aksi
No NIY
Kelas Mata Pelajaran Status
Hapus Berikut ini adalah data mengajar yang belum diaktifkan.
Data Mengajar
Aktifkan ▼
Ubah
Tampilkan baris
10 ▼ Cari:
Gambar 3. 42 Perancangan Antarmuka Beranda Admin
Antarmuka ubah profil admin T04A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T04A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M04, M05, M05A,
M90 ·
Klik Batal menuju T04A
T04A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Read only
Simpan Username
Nama Alamat
Email Website
Telepon Batal
Gambar 3. 43 Perancangan Antarmuka Ubah Profil
Antarmuka ubah password admin T04B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T04B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M91, M92, M93,
M02A, M02B, M90
T04B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Password Admin
Simpan Password Lama
Password Baru Ulangi Password
Batal
Gambar 3. 44 Perancangan Antarmuka Ubah Password
Antarmuka pengolahan data admin T05.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T05 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T05A
Klik Ubah akan menuju T05B dan muncul M16,M35, M38,
Isi Teksbox cari akan menuju T05 dan muncul M09
Klik Hapus muncul M34
T05 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Username Nama Admin Tanggal Daftar Status Aksi
Username Nama Admin
Tanggal Daftar Status
Data Admin
Aktifkan ▼
Ubah
Tampilkan baris
10 ▼ Cari:
Tambah
Ubah Hapus
Gambar 3. 45 Perancangan Antarmuka Data Admin
Antarmuka tambah admin T05A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T05A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M31,M02, M03,
M04, M05, M05A, M32, M36, M39 ·
Klik Batal akan menuju ke T05
T05A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Username Nama
Email Simpan
Batal Status
Telepon
Website Password
Alamat
Gambar 3. 46 Perancangan Antarmuka Tambah Admin
Antarmuka ubah admin T05B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T05B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M31, M02, M03,
M04, M05, M05A, M32, M37, M39 ·
Klik Batal akan menuju ke T05
T05B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Username Nama
Email Read only
Simpan Batal
Status
Telepon Website
Alamat
Gambar 3. 47 Perancangan Antarmuka Ubah Admin
Antarmuka pengolahan data guru T06.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T06 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T06A
Klik Ubah akan menuju T06B dan muncul M16,M25, M28
Isi Teksbox cari akan menuju T06 muncul M09
Klik Reset password akan muncul M24
Klik Cetak akan menuju ke halaman cetak T06C
Klik Hapus muncul M23, M23A
T06 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
NIY Nama Guru
Status Aksi
NIY Nama Guru
Status Ubah
Data Guru
Aktifkan ▼
Ubah
Tampilkan baris
10 ▼ Cari:
Tambah Cetak
Reset Password Hapus
Gambar 3. 48 Perancangan Antarmuka Data Guru
Antarmuka tambah guru T06A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T06A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M20, M20A, M02,
M02B, M03, M04, M05, M05A, M21,M26, M29, M30
· Klik Batal akan menuju ke T06
T06A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Simpan Batal
NIY Password
Email Status
Telepon
Website Nama
Alamat
Gambar 3. 49 Perancangan Antarmuka Tambah Guru
Antarmuka ubah guru T06B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T06B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M02, M02B,
M03, M04, M05, M05A, M21,M27 ·
Klik Batal akan menuju ke T06
T06B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Simpan Batal
NIY Password
Email Status
Read only
Telepon
Website Nama
Alamat
Gambar 3. 50 Perancangan Antarmuka Ubah Guru
Antarmuka cetak laporan data guru T06C.
Footer
Cetak Pdf
Keterangan: Nama Form
: T06C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik cetak pdf menuju file pdf
Klik cetak menuju cetak print Klik tutup halaman menuju T06
T06C
Data Guru SMK AL Muslim
Cetak Tutup halaman
NIY Nama Guru
Alamat
NIY Nama Guru
Alamat
Email Email
Telepon Telepon
Website Website
Gambar 3. 51 Perancangan Antarmuka Cetak Guru
Antarmuka pengolahan data siswa T07.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T07 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T07A
Klik Ubah akan menuju T07B dan muncul M12,M15, M16
Isi Teksbox cari akan menuju T07 dan muncul M09
Klik Reset password akan muncul M11
Klik Cetak akan menuju ke halaman cetak T07C
Klik Hapus muncul M10, M10A
T07 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
NIS Nama Siswa
Kelas Aksi
NIS Nama Siswa
Kelas Ubah
Data Siswa
Aktifkan ▼
Ubah
Tampilkan baris
10 ▼ Cari:
Tambah Cetak
Reset Password Hapus Pilih Kelas: 1Ak ▼
Status Status
Gambar 3. 52 Perancangan Antarmuka Data Siswa
Antarmuka tambah siswa T07A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T07A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M01, M01A,
M02, M02B, M03, M04, M05, M05A, M06, M07, M13, M18, M19
· Klik Batal akan menuju T07
T07A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Simpan NIS
Password Nama
E-Mail Telepon
Kelas Website
Alamat
Status
Batal
Gambar 3. 53 Perancangan Antarmuka Tambah Siswa
Antarmuka ubah siswa T07B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T07B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M02, M02B,
M03, M04, M05, M05A, M07, M14 ·
Klik Batal akan menuju T07
T07B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Read only
Simpan NIS
Password Nama
E-Mail Telepon
Kelas Website
Alamat
Status
Batal
Gambar 3. 54 Perancangan Antarmuka Ubah Siswa
Antarmuka cetak laporan data siswa T07C.
Footer
Cetak Pdf
Keterangan: Nama Form
: T07C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik cetak pdf menuju file pdf
Klik cetak menuju cetak print Klik tutup halaman menuju T07
T07C
Data Siswa SMK AL Muslim
Cetak Tutup halaman
NIS Nama Siswa
Alamat
NIS Nama Siswa
Alamat
Email Email
Telepon Telepon
Website Website
Kelas
Gambar 3. 55 Perancangan Antarmuka Cetak Siswa
Antarmuka pengolahan data mata pelajaran T08.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T08 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T08A
Klik Ubah akan menuju T08B Isi Teksbox cari akan menuju T08 dan
muncul M09 Klik Hapus muncul M44
T08 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Kode Nama Mata Pelajaran
Deskripsi Aksi
Kode Nama Mata Pelajaran
Deskripsi Ubah
Mata Pelajaran
Tampilkan baris
10 ▼ Cari:
Tambah
Hapus
Kurikulum
Kurikulum
Gambar 3. 56 Perancangan Antarmuka Mata Pelajaran
Antarmuka tambah mata pelajaran T08A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T08A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M40, M03, M41,
M42, M45 Klik batal akan menuju T08
T08A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Tambah Mata Pelajaran
Kode Mata Pelajaran Nama Mata Pelajaran
Deskripsi
: :
:
Simpan Batal
Kurikulum ▼
:
Gambar 3. 57 Perancangan Antarmuka Tambah Mata Pelajaran
Antarmuka ubah mata pelajaran T08B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T08B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik simpan muncul M03, M41, M42,
M45 Klik batal akan menuju T08
T08B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Mata Pelajaran
Kode Mata Pelajaran Nama Mata Pelajaran
Deskripsi
: :
:
Read only
Simpan Batal
Kurikulum ▼
:
Gambar 3. 58 Perancangan Antarmuka Ubah Mata Pelajaran
Antarmuka pengolahan data mengajar T09.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T09 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T09A
Klik Ubah muncul M16, M50, M53 Isi Teksbox cari akan menuju T09 dan
muncul M09 Klik Cetak akan menuju ke halaman
cetak T09B Klik Hapus muncul M49
T09 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
No NIY
Kelas Aksi
No NIY
Kelas
Data Mengajar
Aktifkan ▼
Ubah
Tampilkan baris
10 ▼ Cari:
Tambah Cetak
Hapus Pilih Kelas: 1Ak ▼
Mata Pelajaran
Mata Pelajaran
Status Status
Gambar 3. 59 Perancangan Antarmuka Data Mengajar
Antarmuka tambah mengajar T09A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T09A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M46, M47, M06,
M07, M51, M54 ·
Klik batal akan menuju T09
T09A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Simpan Batal
Guru Mata Pelajaran
Kelas Status
Gambar 3. 60 Perancangan Antarmuka Tambah Mengajar
Antarmuka cetak laporan data mengajar T09B.
Footer
Cetak Pdf
Keterangan: Nama Form
: T09B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik cetak pdf menuju file pdf
Klik cetak menuju cetak print Klik tutup halaman menuju T09
T09B
Data Mengajar SMK AL Muslim
Cetak Tutup halaman
No NIY
Nama Guru
No NIY
Nama Guru
Mata Pelajaran
Mata Pelajaran
Website Website
Kelas
Gambar 3. 61 Perancangan Antarmuka Cetak Mengajar
Antarmuka pengolahan data jurusan T10.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T10 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T10A
Klik Ubah akan menuju T10B Isi Teksbox cari akan menuju T10 dan
muncul M09 Klik Hapus muncul M58
T10 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Kode Nama Jurusan
Aksi
Kode Nama Jurusan
Ubah
Jurusan
Tampilkan baris
10 ▼ Cari:
Tambah
Hapus
Gambar 3. 62 Perancangan Antarmuka Data Jurusan
Antarmuka tambah jurusan T10A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T10A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M55, M56, M59
Klik batal akan menuju T10
T10A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Tambah Jurusan
Simpan Batal
Kode Jurusan Nama Jurusan
: :
Gambar 3. 63 Perancangan Antarmuka Tambah Jurusan
Antarmuka ubah jurusan T10B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T10B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M56, M59
Klik batal akan menuju T10
T10B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Jurusan
Simpan Batal
Kode Jurusan Nama Jurusan
: :
Read only
Gambar 3. 64 Perancangan Antarmuka Ubah Jurusan
Antarmuka pengolahan data kelas T11.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T11 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T11A
Klik Ubah akan menuju T11B Isi Teksbox cari akan menuju T11 dan
muncul M09 Klik Hapus muncul M63, M63A
T11 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Kode Nama Kelas
Aksi
Kode Nama Kelas
Ubah
Kelas
Tampilkan baris
10 ▼ Cari:
Tambah
Hapus
Deskripsi
Deskripsi
Gambar 3. 65 Perancangan Antarmuka Data Kelas
Antarmuka tambah kelas T11A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T11A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M60, M61, M41,
M64 Klik batal akan menuju T11
T11A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Tambah Kelas
Simpan Batal
Kode Jurusan Nama Jurusan
: :
Deskripsi
:
Gambar 3. 66 Perancangan Antarmuka Tambah Kelas
Antarmuka ubah kelas T11B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T11B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M61, M41, M64
Klik batal akan menuju T11
T11B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Kelas
Simpan Batal
Kode Jurusan Nama Jurusan
: :
Deskripsi
:
Gambar 3. 67 Perancangan Antarmuka Ubah Kelas
Antarmuka pengolahan data kurikulum T12.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T12 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Tambah akan menuju T12A
· Klik Ubah akan menuju T12B
· Isi Teksbox cari akan menuju T12 dan
muncul M09 ·
Klik Hapus muncul M68
T12 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Kode Nama Kurikulum
Ubah Tampilkan
baris 10
Cari: Hapus
Tahun Kurikulum
Gambar 3. 68 Perancangan Antarmuka Data Kurikulum
Antarmuka tambah kurikulum T12A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T12A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M65, M66, M69
· Klik batal akan menuju T12
T12A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Simpan Batal
Kode Kurikulum Kurikulum
Tahun Kurikulum
Gambar 3. 69 Perancangan Antarmuka Tambah Kurikulum
Antarmuka ubah kurikulum T12B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T12B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Admin akan menuju T04 ·
Klik Data Admin akan menuju T05 ·
Klik Data Guru akan menuju T06 ·
Klik Data Siswa akan menuju T07 ·
Klik Data Mata Pelajaran akan menuju T08
· Klik Data Mengajar akan menuju T09
· Klik Data Jurusan akan menuju T10
· Klik Data Kelas akan menuju T11
· Klik Data Kurikulum akan menuju T12
· Klik Data Pengumuman akan menuju
T13 ·
Klik Data Forum akan menuju T14 ·
Klik Data Topik akan menuju T15 ·
Klik Data Komentar akan menuju T16 ·
Klik Ubah Profil akan menuju T04A ·
Klik Ubah Password akan menuju T04B
· Klik Keluar muncul M1
· Klik Simpan muncul M66, M69
· Klik batal akan menuju T12
T12B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Data Pengguna Data Admin
Data Guru Data Siswa
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Ubah Profil Ubah Password
Kode Kurikulum Read only
Simpan Batal
Kurikulum Tahun Kurikulum
Gambar 3. 70 Perancangan Antarmuka Ubah Kurikulum
Antarmuka pengolahan data pengumuman T13.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T13 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T13A
Klik Ubah akan menuju T13B Isi Teksbox cari akan menuju T13 dan
muncul M09 Klik Hapus muncul M73
T13 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Judul Pengumuman Deskripsi
Release Aksi
Judul Pengumuman Deskripsi
Release Ubah
Pengumuman
Tampilkan baris
10 ▼ Cari:
Tambah
Hapus
Status Status
Gambar 3. 71 Perancangan Antarmuka Data Pengumuman
Antarmuka tambah pengumuman T13A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T13A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik simpan muncul M70, M41, M71,
M74 Klik batal akan menuju T13
T13A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Tambah Pengumuman
Judul Pengumuman Deskripsi
: :
Simpan Batal
Status ▼
:
Gambar 3. 72 Perancangan Antarmuka Tambah Pengumuman
Antarmuka ubah pengumuman T13B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T13B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik simpan muncul M41, M71, M74
Klik batal akan menuju T13
T13B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Pengumuman
Judul Pengumuman Deskripsi
: :
Simpan Batal
Status ▼
:
Gambar 3. 73 Perancangan Antarmuka Ubah Pengumuman
Antarmuka pengolahan data forum T14.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T14 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T14A
Klik Ubah akan menuju T14B Isi Teksbox cari akan menuju T14 dan
muncul M09 Klik Hapus muncul M78
T14 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
ID Nama Forum
Aksi
ID Nama Forum
Ubah
Forum
Tampilkan baris
10 ▼ Cari:
Tambah
Hapus
Keterangan
Keterangan
Gambar 3. 74 Perancangan Antarmuka Data Forum
Antarmuka tambah forum T14A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T14A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M75, M76, M79
Klik batal akan menuju T14
T14A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Tambah Forum
Simpan Batal
Forum
:
Keterangan
:
Gambar 3. 75 Perancangan Antarmuka Tambah Forum
Antarmuka ubah forum T14B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T14B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M75, M76, M79
Klik batal akan menuju T14
T14B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Forum
Simpan Batal
Forum
:
Keterangan
:
Gambar 3. 76 Perancangan Antarmuka Ubah Forum
Antarmuka pengolahan data topik T15.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T15 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T15A
Klik Ubah akan menuju T15B Isi Teksbox cari akan menuju T15 dan
muncul M09 Klik Hapus muncul M83
T15 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
ID Nama Topik
Aksi
ID Nama Topik
Ubah
Topik
Tampilkan baris
10 ▼ Cari:
Tambah
Hapus
Keterangan
Keterangan
Gambar 3. 77 Perancangan Antarmuka Data Topik
Antarmuka tambah topik T15A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T15A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M80, M81, M76,
M84 Klik batal akan menuju T15
T15A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Tambah Topik
Simpan Batal
Topik
:
Keterangan
:
Forum ▼
:
Gambar 3. 78 Perancangan Antarmuka Tambah Topik
Antarmuka ubah topik T15B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T15B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M80, M81, M76,
M84 Klik batal akan menuju T15
T15B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Topik
Simpan Batal
Topik
:
Keterangan
:
Forum ▼
:
Gambar 3. 79 Perancangan Antarmuka Ubah Topik
Antarmuka pengolahan data komentar T16.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T16 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Tambah akan menuju T16A
Klik Ubah akan menuju T16B Isi Teksbox cari akan menuju T16 dan
muncul M09 Klik Hapus muncul M88
T16 Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
ID Komentar
Aksi
ID Komentar
Ubah
Komentar
Tampilkan baris
10 ▼ Cari:
Tambah
Hapus
Gambar 3. 80 Perancangan Antarmuka Data Komentar
Antarmuka tambah komentar T16A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T16A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M85, M86, M89
Klik batal akan menuju T16
T16A Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Tambah Komentar
Simpan Batal
Komentar
:
Topik ▼
:
Gambar 3. 81 Perancangan Antarmuka Tambah Komentar
Antarmuka ubah komentar T16B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T16B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik Simpan muncul M85, M86, M89
Klik batal akan menuju T16
T16B Gambar
Beranda Pengumuman Selamat Datang Administrator Keluar
Beranda Admin
Data Pengguna Data Admin
Data Guru Data Siswa
Data Sekolah
Data Mata Pelajaran Data Mengajar
Data Jurusan Data Kelas
Data Kurikulum Data Pengumuman
Data Forum Data Topik
Data Komentar
Profil Password
Ubah Profil Ubah Password
Ubah Komentar
Simpan Batal
Komentar
:
Topik ▼
:
Gambar 3. 82 Perancangan Antarmuka Ubah Komentar
5. Antarmuka Guru Antarmuka beranda guru T17.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T17 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Masuk akan menuju T18, T19,
T20, T21, T22, T23, T24, T25
T17 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Mata Pelajaran yang dikelola Kode Mata Pelajaran Nama Mata Pelajaran
Kelas Aksi
Kode Mata Pelajaran Nama Mata Pelajaran
Kelas Tampilkan
baris 10 ▼
Cari: Masuk
Gambar 3. 83 Perancangan Antarmuka Beranda Guru
Antarmuka ubah profil guru T17A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T17A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Guru akan menuju T17 ·
Klik Request Mengajar akan menuju T26
· Klik Pesan akan menuju T27
· Klik Forum akan menuju T28
· Klik Ubah Profil akan menuju T17A
· Klik Ubah Password akan menuju
T17B ·
Klik Keluar muncul M1 ·
Klik Simpan muncul M03, M04, M05, M05A, M90
· Klik Batal menuju T17A
T17A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Request Mengajar Pesan
Forum Ubah Profil
Ubah Password Read only
Simpan NIY
Nama Alamat
Email Website
Telepon Batal
Gambar 3. 84 Perancangan Antarmuka Ubah Profil
Antarmuka ubah password guru T17B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T17B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
KKlik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Simpan muncul M91, M92, M93,
M02A, M02B, M90
T17B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Ubah Password Guru
Simpan Password Lama
Password Baru Ulangi Password
Batal
Gambar 3. 85 Perancangan Antarmuka Ubah Password
Antarmuka pengolahan data materi pelajaran T18.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T18 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Tambah akan menuju T18A
Klik Ubah akan menuju T18B Klik Detail akan menuju T18C
Isi Teksbox cari akan menuju T18 dan muncul M09
Klik Hapus muncul M99
T18 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Judul Materi Tipe
Pertemuan Aksi
Judul Materi Tipe
Pertemuan
Materi Pelajaran No
No Tampilkan
baris 10 ▼
Cari:
Tambah
Ubah Hapus
Berikut adalah data materi untuk mata pelajaran [mata pelajaran] Detail
Gambar 3. 86 Perancangan Antarmuka Materi
Antarmuka tambah materi pelajaran T18A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T18A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Simpan muncul M94, M95, M96,
M41, M97, M100 Klik Batal akan menuju ke T18
T18A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Tambah Materi
Mata Pelajaran Judul
Deskripsi
: :
:
Read only
Simpan Batal
File :
Type
:
Pertemuan
: ▼
Browse
Gambar 3. 87 Perancangan Antarmuka Tambah Materi
Antarmuka ubah materi pelajaran T18B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T18B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Simpan muncul M94, M95, M96,
M41, M100 Klik Batal akan menuju ke T18
T18B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Ubah Materi
Mata Pelajaran Judul
Deskripsi
: :
:
Read only
Simpan Batal
File
:
Type
:
Pertemuan
: ▼
Browse
Gambar 3. 88 Perancangan Antarmuka Ubah Materi
Antarmuka detail materi pelajaran T18C.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T18C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Kembali akan menuju ke T18
T18C Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Detail Materi
Mata Pelajaran Judul
Deskripsi
: :
:
Read only Kembali
File :
Type
:
Pertemuan
:
Gambar 3. 89 Perancangan Antarmuka Detail Materi
Antarmuka pengolahan data tugas pelajaran T19.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T19 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Tambah akan menuju T19A
Klik Ubah akan menuju T19B Klik Detail akan menuju T19C
Isi Teksbox cari akan menuju T19 dan muncul M09
Klik Hapus muncul M106
T19 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Judul Tugas Deadline
Status Aksi
Judul Tugas Deadline
Status
Tugas Pelajaran No
No Tampilkan
baris 10 ▼
Cari:
Tambah
Ubah Hapus
Berikut adalah data tugas untuk mata pelajaran [mata pelajaran] Detail
Gambar 3. 90 Perancangan Antarmuka Tugas
Antarmuka tambah tugas pelajaran T19A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T19A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Simpan muncul M101, M41,
M102, M97, M103, M104, M107 Klik Batal akan menuju ke T19
T19A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Tambah Tugas
Mata Pelajaran Deskripsi
Jenis Tugas
: :
:
Read only
Simpan Batal
File
:
Judul
:
Deadline
: ▼
Browse Status
: ▼
Gambar 3. 91 Perancangan Antarmuka Tambah Tugas
Antarmuka ubah tugas pelajaran T19B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T19B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Simpan muncul M101, M41,
M102, M97, M103, M104, M107 Klik Batal akan menuju ke T19
T19B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Ubah Tugas
Mata Pelajaran Deskripsi
Jenis Tugas
: :
:
Read only
Simpan Batal
File :
Judul
:
Deadline
: ▼
Browse Status
: ▼
Gambar 3. 92 Perancangan Antarmuka Ubah Tugas
Antarmuka detail tugas pelajaran T19C.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T19C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Kembali akan menuju ke T19
T19C Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Detail Tugas
Mata Pelajaran Deskripsi
Jenis Tugas
: :
:
Read only
Kembali File
:
Judul
:
Deadline
:
Status
:
Gambar 3. 93 Perancangan Antarmuka Detail Tugas
Antarmuka pengolahan data kumpul tugas T20.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T20 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Detail akan menuju T20A
Klik Download untuk mendownload file kumpul tugas
Klik Cetak akan menuju T20B Isi Teksbox cari akan menuju T20 dan
muncul M09 Klik Hapus muncul M108
T20 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Judul Tugas NIS
Nama Siswa Aksi
Judul Tugas NIS
Nama Siswa
Kumpul Tugas No
No Tampilkan
baris 10 ▼
Cari: Detail
Hapus Berikut adalah daftar yang telah mengumpulkan tugas [mata pelajaran]
Download
Tanggal Mengumpulkan
Tanggal Mengumpulkan
Cetak
Gambar 3. 94 Perancangan Antarmuka Kumpul Tugas
Antarmuka detail kumpul tugas T20A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T20A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Kembali akan menuju ke T20
T20A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Detail Kumpul Tugas
NIS Tugas
Tanggal Dikumpulkan
: :
:
Read only Kembali
File
:
Nama Siswa
:
Deskripsi
:
Tugas Kelompok
:
Gambar 3. 95 Perancangan Antarmuka Detail Kumpul Tugas
Antarmuka cetak laporan data kumpul tugas T20B.
Footer
Cetak Pdf
Keterangan: Nama Form
: T20B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik cetak pdf menuju file pdf
Klik cetak menuju cetak print Klik tutup halaman menuju T20
T20B
[Nama Tugas]
Cetak Tutup halaman
No NIS
Nama Siswa
No NIS
Nama Siswa
File Tugas
File Tugas
Tanggal Kumpul
Tanggal Kumpul
[Nama Mata Pelajaran]
Gambar 3. 96 Perancangan Antarmuka Cetak Kumpul Tugas
Antarmuka soal T21.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T21 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Guru akan menuju T17 ·
Klik Materi akan menuju T18 ·
Klik Tugas akan menuju T19 ·
Klik Kumpul Tugas akan menuju T20 ·
Klik Soal akan menuju T21 ·
Klik Ujian akan menuju T22 ·
Klik Nilai akan menuju T23 ·
Klik Pengumuman Guru akan menuju T24
· Klik Request Mengajar akan menuju
T26 ·
Klik Pesan akan menuju T27 ·
Klik Forum akan menuju T28 ·
Klik Ubah Profil akan menuju T17A ·
Klik Ubah Password akan menuju T17B
· Klik Keluar muncul M1
· Klik Tambah akan menuju T21A
· Klik Ubah akan menuju T21B
· Klik Detail akan menuju T21C
· Klik Unggah untuk mengkonversi file
soal .csv dan muncul M93, M121 ·
Isi Teksbox cari akan menuju T21 dan muncul M09
· Klik Hapus muncul M119
T21 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Ubah Profil Ubah Password
Pertanyaan Tipe Sola
Status No
Tampilkan baris
10 Cari:
Detail Hapus
Berikut adalah data soal untuk mata pelajaran [mata pelajaran]
Ubah Unggah File Soal
Topik Bahasan
Gambar 3. 97 Perancangan Antarmuka Soal
Antarmuka tambah soal T21A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T21A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Guru akan menuju T17 ·
Klik Materi akan menuju T18 ·
Klik Tugas akan menuju T19 ·
Klik Kumpul Tugas akan menuju T20 ·
Klik Soal akan menuju T21 ·
Klik Ujian akan menuju T22 ·
Klik Nilai akan menuju T23 ·
Klik Pengumuman Guru akan menuju T24
· Klik Request Mengajar akan menuju
T26 ·
Klik Pesan akan menuju T27 ·
Klik Forum akan menuju T28 ·
Klik Ubah Profil akan menuju T17A ·
Klik Ubah Password akan menuju T17B
· Klik Keluar muncul M1
· Klik Simpan muncul M110, M111,
M112, M113, M114, M115, M116, M117, M120
· Klik Batal akan menuju ke T21
T21A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Ubah Profil Ubah Password
Mata Pelajaran Opsi A
Read only
Simpan Batal
Pertanyaan
Status
simbol Opsi B
simbol Opsi C
simbol Opsi D
simbol Opsi E
simbol Jawaban
A B
C D
E
Topik Bahasan
Gambar 3. 98 Perancangan Antarmuka Tambah Soal
Antarmuka ubah soal T21B.
Gambar 3. 99 Perancangan Antarmuka Ubah Soal
Antarmuka detail soal T21C.
Gambar 3. 100 Perancangan Antarmuka Detail Soal
Antarmuka pengolahan data ujian T22.
Gambar 3. 101 Perancangan Antarmuka Ujian
Antarmuka tambah ujian T22A.
Gambar 3. 102 Perancangan Antarmuka Tambah Ujian
Antarmuka ubah ujian T22B.
Gambar 3. 103 Perancangan Antarmuka Ubah Ujian
Antarmuka detail ujian T22C.
Gambar 3. 104 Perancangan Antarmuka Detail Ujian
Antarmuka masukan soal ujian T22D.
Gambar 3. 105 Perancangan Antarmuka Masukan Soal
Antarmuka nilai T23.
Gambar 3. 106 Perancangan Antarmuka Nilai
Antarmuka cetak laporan data nilai T23A.
Gambar 3. 107 Perancangan Antarmuka Cetak Nilai
Antarmuka pengolahan data pengumuman guru T24.
Gambar 3. 108 Perancangan Antarmuka Pengumuman Guru
Antarmuka tambah pengumuman guru T24A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T24A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik simpan muncul M70, M41, M71,
M74 Klik batal akan menuju T24
T24A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Judul Pengumuman Deskripsi
: :
Simpan Batal
Status ▼
: Tambah Pengumuman
Gambar 3. 109 Perancangan Antarmuka Tambah Pengumuman
Antarmuka ubah pengumuman guru T24B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T24B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik simpan muncul M70, M41, M71,
M74 Klik batal akan menuju T24
T24B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Judul Pengumuman Deskripsi
: :
Simpan Batal
Status ▼
: Ubah Pengumuman
Gambar 3. 110 Perancangan Antarmuka Ubah Pengumuman
Antarmuka pengolahan data peserta pengajaran T25.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T25 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Guru akan menuju T17 ·
Klik Materi akan menuju T18 ·
Klik Tugas akan menuju T19 ·
Klik Kumpul Tugas akan menuju T20 ·
Klik Soal akan menuju T21 ·
Klik Ujian akan menuju T22 ·
Klik Nilai akan menuju T23 ·
Klik Pengumuman Guru akan menuju T24
· Klik Request Mengajar akan menuju
T26 ·
Klik Pesan akan menuju T27 ·
Klik Forum akan menuju T28 ·
Klik Ubah Profil akan menuju T17A ·
Klik Ubah Password akan menuju T17B
· Klik Keluar muncul M1
· Klik Cetak akan menuju T25A
· Isi Teksbox cari akan menuju T25 dan
muncul M09 ·
Klik Ubah muncul M16,M131, M134 ·
Klik Hapus muncul M130
T25 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Ubah Profil Ubah Password
NIS Nama Siswa
Kelas Aktifkan
Tampilkan
baris 10
Cari: Hapus
Status Berikut adalah peserta pengajaran untuk mata pelajaran [mata pelajaran]
Gambar 3. 111 Perancangan Antarmuka Data Peserta
Antarmuka cetak laporan data peserta pengajaran T25A.
Footer
Cetak Pdf
Keterangan: Nama Form
: T25A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Admin akan menuju T04 Klik Data Admin akan menuju T05
Klik Data Guru akan menuju T06 Klik Data Siswa akan menuju T07
Klik Data Mata Pelajaran akan menuju T08
Klik Data Mengajar akan menuju T09 Klik Data Jurusan akan menuju T10
Klik Data Kelas akan menuju T11 Klik Data Kurikulum akan menuju T12
Klik Data Pengumuman akan menuju T13
Klik Data Forum akan menuju T14 Klik Data Topik akan menuju T15
Klik Data Komentar akan menuju T16 Klik Ubah Profil akan menuju T04A
Klik Ubah Password akan menuju T04B
Klik Keluar muncul M1 Klik cetak pdf menuju file pdf
Klik cetak menuju cetak print Klik tutup halaman menuju T25
T25A
Peserta
Cetak Tutup halaman
No NIS
Nama Siswa
No NIS
Nama Siswa
Kelas Kelas
[Nama Mata Pelajaran] Status
Status
Gambar 3. 112 Perancangan Antarmuka Cetak Peserta
Antarmuka request mengajar T26.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T26 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Simpan muncul M47, M06, M135,
M136 Klik batal akan menuju T26
T26 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Request Mengajar
Simpan Batal
Silahkan anda isi setiap form dibawah ini dengan sebenar-benarnya, bila ada kesulitan silahkan tanyakan ke administrator.
Mata Pelajaran
: :
Kelas ▼
▼
Gambar 3. 113 Perancangan Antarmuka Request Mengajar
Antarmuka pesan guru T27.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T27 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Tulis Pesan akan menuju T27B
Klik Pesan Masuk akan menuju T27C Klik Pesan Keluar akan menuju T27A
Isi Teksbox cari akan menuju T27 dan muncul M09
T27 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Pesan Guru Tulis Pesan
Pesan Masuk Pesan Keluar
Gambar 3. 114 Perancangan Antarmuka Pesan
Antarmuka pesan keluar guru T27A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T27A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Tulis Pesan akan menuju T27B
Klik Pesan Masuk akan menuju T27 Klik Pesan Keluar akan menuju T27A
Klik Subjek pesan masuk akan menuju T27C
Isi Teksbox cari akan menuju T27 dan muncul M09
Klik Hapus muncul M141
T27A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Pesan Guru Tulis Pesan
Pesan Masuk Pesan Keluar
Penerima Subjek
Tanggal
Penerima Subjek
Tanggal
No No
Tampilkan baris
10 ▼ Cari:
Aksi
Hapus Kotak Keluar
Gambar 3. 115 Perancangan Antarmuka Pesan Keluar
Antarmuka tulis pesan guru T27B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T27B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Guru akan menuju T17 ·
Klik Materi akan menuju T18 ·
Klik Tugas akan menuju T19 ·
Klik Kumpul Tugas akan menuju T20 ·
Klik Soal akan menuju T21 ·
Klik Ujian akan menuju T22 ·
Klik Nilai akan menuju T23 ·
Klik Pengumuman Guru akan menuju T24
· Klik Request Mengajar akan menuju
T26 ·
Klik Pesan akan menuju T27 ·
Klik Forum akan menuju T28 ·
Klik Ubah Profil akan menuju T17A ·
Klik Ubah Password akan menuju T17B
· Klik Keluar muncul M1
· Klik Tulis Pesan akan menuju T27B
· Klik Pesan Masuk akan menuju T27
· Klik Pesan Keluar akan menuju T27A
· Klik Subjek pesan masuk akan
menuju T27C ·
Klik Hapus muncul M141 ·
Klik Simpan muncul M06, M47, M137, M138, M139, M142
· Klik Batal akan menuju T27
T27B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Ubah Profil Ubah Password
Tulis Pesan Kelas
Mata Pelajaran
Simpan Batal
Untuk
Subjek
Pesan
Gambar 3. 116 Perancangan Antarmuka Tulis Pesan
Antarmuka pesan masuk guru T27C.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T27C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Tulis Pesan akan menuju T27B
Klik Pesan Masuk akan menuju T27C Klik Pesan Keluar akan menuju T27A
Klik Subjek pesan masuk akan menuju T27D
Isi Teksbox cari akan menuju T27 dan muncul M09
T27C Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Pesan Guru Tulis Pesan
Pesan Masuk Pesan Keluar
Pengirim Subjek
Tanggal
Pengirim Subjek
Tanggal
No No
Tampilkan baris
10 ▼ Cari:
Kotak Masuk
Gambar 3. 117 Perancangan Antarmuka Pesan Masuk
Antarmuka detail pesan guru T27D.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T27D Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik Tulis Pesan akan menuju T27B
Klik Pesan Masuk akan menuju T27C Klik Pesan Keluar akan menuju T27A
T27D Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Detail Pesan
Tanggal Untuk
:
Read only Kembali
Dari
:
Subjek
:
Pesan
:
Gambar 3. 118 Perancangan Antarmuka Detail Pesan
Antarmuka forum T28.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T28 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik link forum akan menuju T28A
Isi Teksbox cari akan menuju T28 dan muncul M09
T28 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Forum Topik
Komentar
Forum Topik
Komentar
Forum No
No Tampilkan
baris 10 ▼
Cari:
Gambar 3. 119 Perancangan Antarmuka Forum
Antarmuka topikT28A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T28A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik link nama forum akan menuju T28
Klik Tambah akan menuju T28B Klik link Topik akan menuju T28C
Isi Teksbox cari akan menuju T28A dan muncul M09
T28A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Topik Pengirim
Komentar
Topik Pengirim
Komentar
Topik No
No Tampilkan
baris 10 ▼
Cari:
Tambah
Forum : [Nama Forum]
Gambar 3. 120 Perancangan Antarmuka Topik
Antarmuka tambah topikT28B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T28B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik link nama forum akan menuju T28
Klik link topik akan menuju T28C Klik Tambah akan menuju T28B
Klik Simpan muncul M143, M76, M84 Klik Batal akan menuju T28B
Isi Teksbox cari akan menuju T28B dan muncul M09
T28B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Topik Pengirim
Komentar
Topik Pengirim
Komentar
Topik
No No
Tampilkan baris
10 ▼ Cari:
Tambah
Forum : [Nama Forum]
Tambah Topik
Simpan Batal
Judul
:
Keterangan
:
Gambar 3. 121 Perancangan Antarmuka Tambah Topik
Antarmuka komentar T28C.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T28C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik link nama forum akan menuju T28
Klik link nama topik akan meuju T28A Klik Tambah akan menuju T28D
Isi Teksbox cari akan menuju T28C dan muncul M09
T28C Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Komentar Pengirim
Tanggal
Komentar Pengirim
Tanggal
Komentar No
No Tampilkan
baris 10 ▼
Cari:
Tambah
Forum : [Nama Forum] [Nama Topik]
Gambar 3. 122 Perancangan Antarmuka Komentar
Antarmuka tambah komentar T28D.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T28D Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Guru akan menuju T17 Klik Materi akan menuju T18
Klik Tugas akan menuju T19 Klik Kumpul Tugas akan menuju T20
Klik Soal akan menuju T21 Klik Ujian akan menuju T22
Klik Nilai akan menuju T23 Klik Pengumuman Guru akan menuju
T24 Klik Request Mengajar akan menuju
T26 Klik Pesan akan menuju T27
Klik Forum akan menuju T28 Klik Ubah Profil akan menuju T17A
Klik Ubah Password akan menuju T17B
Klik Keluar muncul M1 Klik link nama forum akan menuju T28
Klik link nama topik akan menuju T28A
Klik Tambah akan menuju T28D Klik Simpan muncul M86, M89
Klik Batal akan menuju T28D Isi Teksbox cari akan menuju T28D
dan muncul M09
T28D Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Guru Data Sekolah
Materi Tugas
Kumpul Tugas Soal
Ujian Nilai
Pengumuman Guru Data Peserta Pengajaran
Request Mengajar Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Komentar Pengirim
Tanggal
Komentar Pengirim
Tanggal
Komentar
No No
Tampilkan baris
10 ▼ Cari:
Tambah
Forum : [Nama Forum] [Nama Topik]
Tambah Komentar
Simpan Batal
Komentar
:
Gambar 3. 123 Perancangan Antarmuka Tambah Komentar
6. Antarmuka Siswa Antarmuka beranda siswa T29.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T29 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Request Peserta akan menuju
T36 Klik Pesan akan menuju T37
Klik Forum akan menuju T38 Klik Ubah Profil akan menuju T29A
Klik Ubah Password akan menuju T29B
Klik Keluar muncul M1 Klik Masuk akan menuju T30, T31,
T32, T33, T34, T35
T29 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Request Peserta Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Mata Pelajaran yang dipelajari Nama Mata Pelajaran
Kelas NIY
Aksi
Nama Mata Pelajaran Kelas
NIY Tampilkan
baris 10 ▼
Cari: Masuk
Nama Guru Nama Guru
Gambar 3. 124 Perancangan Antarmuka Beranda Siswa
Antarmuka ubah profil siswa T29A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T29A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Request Peserta akan menuju
T36 Klik Pesan akan menuju T37
Klik Forum akan menuju T38 Klik Ubah Profil akan menuju T29A
Klik Ubah Password akan menuju T29B
Klik Keluar muncul M1 Klik Simpan muncul M03, M04, M05,
M05A, M90 Klik Batal menuju T29A
T29A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Request Peserta Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Ubah Profil Siswa
Read only
Simpan NIY
Nama Alamat
Email Website
Telepon Batal
Gambar 3. 125 Perancangan Antarmuka Ubah Profil
Antarmuka ubah password siswa T29B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T29B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Request Peserta akan menuju
T36 Klik Pesan akan menuju T37
Klik Forum akan menuju T38 Klik Ubah Profil akan menuju T29A
Klik Ubah Password akan menuju T29B
Klik Keluar muncul M1 Klik Simpan muncul M91, M92, M93,
M02A, M02B, M90 Klik Bata akan menuju T29
T29B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Request Peserta Pesan
Forum
Profil Password
Ubah Profil Ubah Password
Ubah Password Siswa
Simpan Password Lama
Password Baru Ulangi Password
Batal
Gambar 3. 126 Perancangan Antarmuka Ubah Password
Antarmuka materi pelajaran T30.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T30 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Download untuk mendownload file materi
Klik Detail akan menuju T30A Isi Teksbox cari akan menuju T30 dan
muncul M09
T30 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Judul Materi Tipe
Pertemuan Aksi
Judul Materi Tipe
Pertemuan
Materi Pelajaran No
No Tampilkan
baris 10 ▼
Cari: Download
Berikut adalah data materi pelajaran untuk mata pelajaran [mata pelajaran] Detail
Gambar 3. 127 Perancangan Antarmuka Materi
Antarmuka detail materi T30A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T30A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Siswa akan menuju T29 ·
Klik Materi akan menuju T30 ·
Klik Tugas akan menuju T31 ·
Klik Kumpul Tugas akan menuju T32 ·
Klik Latihan Ujian akan menuju T33 ·
Klik Nilai akan menuju T34 ·
Klik Pengumuman Guru akan menuju T35
· Klik Request Peserta akan menuju
T36 ·
Klik Pesan akan menuju T37 ·
Klik Forum akan menuju T38 ·
Klik Ubah Profil akan menuju T29A ·
Klik Ubah Password akan menuju T29B
· Klik Keluar muncul M1
· Klik Download File untuk
mendownload file materi ·
Klik Kembali akan menuju T30
T30A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Ubah Profil Ubah Password
Mata Pelajaran Judul
Deskripsi Read only
Kembali File
Type Pertemuan
Download File
Gambar 3. 128 Perancangan Antarmuka Detail Materi
Antarmuka tugas pelajaran T31.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T31 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Download untuk mendownload file tugas
Klik Detail akan menuju T31A Isi Teksbox cari akan menuju T31 dan
muncul M09
T31 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Judul Tugas Jenis Tugas Deadline
Aksi
Judul Tugas Jenis Tugas Deadline
Tugas Pelajaran No
No Tampilkan
baris 10 ▼
Cari: Download
Berikut adalah data tugas pelajaran untuk mata pelajaran [mata pelajaran] Detail
File File
Gambar 3. 129 Perancangan Antarmuka Tugas
Antarmuka detail tugas pelajaran T31A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T31A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Download File untuk mendownload file tugas
Klik Kembali akan menuju T31
T31A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Read only Kembali
Download File
Detail Tugas
Mata Pelajaran Deskripsi
Deadline
: :
:
Judul
:
Jenis Tugas
:
Gambar 3. 130 Perancangan Antarmuka Detail Tugas
Antarmuka kumpul tugas pelajaran T32.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T32 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik link judul tugas akan menuju T32A
Isi Teksbox cari akan menuju T32 dan muncul M09
Klik Simpan muncul M144, M103, M41, M97, M145, M146
T32 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Judul Tugas Deskripsi
Tanggal dikumpulkan
Judul Tugas Deskripsi
Tanggal dikumpulkan
Kumpul Tugas No
No Tampilkan
baris 10 ▼
Cari: Berikut adalah data kumpul tugas untuk mata pelajaran [mata pelajaran]
File File
Deskripsi
:
Simpan Batal
Jenis Tugas :
Tugas
:
Browse File Tugas
: ▼
Gambar 3. 131 Perancangan Antarmuka Kumpul Tugas
Antarmuka detail tugas pelajaran T32A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T32A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Download File untuk mendownload file tugas
Klik Kembali akan menuju T32
T32A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Read only Kembali
Download File
Detail Tugas
Mata Pelajaran Deskripsi
Deadline
: :
:
Judul
:
Jenis Tugas
:
Gambar 3. 132 Perancangan Antarmuka Detail Tugas
Antarmuka latihan ujian pelajaran T33.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T33 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Mulai Ujian akan menuju T33A Isi Teksbox cari akan menuju T33 dan
muncul M09
T33 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Judul Ujian Status
Jumlah Soal Aksi
Judul Ujian Status
Jumlah Soal
Ujian Pelajaran No
No Tampilkan
baris 10 ▼
Cari: Berikut adalah ujian yang aktif untuk mata pelajaran [mata pelajaran]
Mulai Ujian
Gambar 3. 133 Perancangan Antarmuka Latihan Ujian
Antarmuka mulai latihan ujian pelajaran T33A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T33A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Mulai Ujian akan menuju T33A Isi Teksbox cari akan menuju T33 dan
muncul M09 Klik Selesai akan menuju T34 dan
muncul M147, M148 Klik Batal akan menuju T33
T33A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Judul Ujian Status
Jumlah Soal Aksi
Judul Ujian Status
Jumlah Soal
Ujian Pelajaran No
No Tampilkan
baris 10 ▼
Cari: Berikut adalah ujian yang aktif untuk mata pelajaran [mata pelajaran]
Mulai Ujian
Soal Ujian Berikut adalah soal untuk ujian [nama ujian ] mata pelajaran [mata pelajaran]
1. 2.
3. 4.
dst Selesai
Batal
Gambar 3. 134 Perancangan Antarmuka Mulai ujian
Antarmuka nilai pelajaran T34.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T34 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Isi Teksbox cari akan menuju T34 dan muncul M09
T34 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Judul Ujian NIS
Nilai
Judul Ujian NIS
Nilai
Nilai No
No Tampilkan
baris 10 ▼
Cari: Berikut adalahdata nilai untuk mata pelajaran [mata pelajaran]
:
Gambar 3. 135 Perancangan Antarmuka Nilai
Antarmuka pengumuman guru T35.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T35 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Isi Teksbox cari akan menuju T35 dan muncul M09
T35 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Pengumuman Berikut adalah pengumuman untuk mata pelajaran [mata pelajaran]
Judul Pengumuman Deskripsi
Release
Judul Pengumuman Deskripsi
Release Tampilkan
baris 10 ▼
Cari:
No No
Gambar 3. 136 Perancangan Antarmuka Pengumuman Guru
Antarmuka request peserta pengajaran T36.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T36 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Simpan muncul M47, M06, M149, M150
Klik Batal akan menuju T29
T36 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Request Peserta Pengajaran
Simpan Batal
Silahkan anda isi setiap form dibawah ini dengan sebenar-benarnya. Mata Pelajaran
: :
Kelas ▼
▼
Gambar 3. 137 Perancangan Antarmuka Request Peserta
Antarmuka pesan siswa T37.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T37 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Tulis Pesan akan menuju T37B Klik Pesan Masuk akan menuju T37C
Klik Pesan Keluar akan menuju T37A Isi Teksbox cari akan menuju T37 dan
muncul M09
T37 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Pesan Siswa Tulis Pesan
Pesan Masuk Pesan Keluar
Gambar 3. 138 Perancangan Antarmuka Pesan
Antarmuka pesan keluar T37A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T37A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Tulis Pesan akan menuju T37B Klik Pesan Masuk akan menuju T37C
Klik Pesan Keluar akan menuju T37A Klik Subjek pesan masuk akan
menuju T37D Isi Teksbox cari akan menuju T37 dan
muncul M09
T37A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Pesan Siswa Tulis Pesan
Pesan Masuk Pesan Keluar
Penerima Subjek
Tanggal
Penerima Subjek
Tanggal
No No
Tampilkan baris
10 ▼ Cari:
Kotak Keluar
Gambar 3. 139 Perancangan Antarmuka Pesan Keluar
Antarmuka tulis pesan T37B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T37B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Tulis Pesan akan menuju T37B Klik Pesan Masuk akan menuju T37C
Klik Pesan Keluar akan menuju T37A Klik Subjek pesan masuk akan
menuju T37D Klik Simpan muncul M06, M47, M137,
M138, M139, M142 Klik Batal akan menuju T37
T37B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Pesan Siswa Tulis Pesan
Pesan Masuk Pesan Keluar
Tulis Pesan Kelas
Mata Pelajaran
: :
Simpan Batal
▼ ▼
▼ Untuk
: ▼
Subjek :
Pesan :
Gambar 3. 140 Perancangan Antarmuka Tulis Pesan
Antarmuka pesan masuk T37C.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T37C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font
: Arial 12 pt Warna Latar
: White ·
Klik Beranda akan menuju ke T01 ·
Klik Pengumuman akan menuju T01A ·
Klik Beranda Siswa akan menuju T29 ·
Klik Materi akan menuju T30 ·
Klik Tugas akan menuju T31 ·
Klik Kumpul Tugas akan menuju T32 ·
Klik Latihan Ujian akan menuju T33 ·
Klik Nilai akan menuju T34 ·
Klik Pengumuman Guru akan menuju T35
· Klik Request Peserta akan menuju
T36 ·
Klik Pesan akan menuju T37 ·
Klik Forum akan menuju T38 ·
Klik Ubah Profil akan menuju T29A ·
Klik Ubah Password akan menuju T29B
· Klik Keluar muncul M1
· Klik Tulis Pesan akan menuju T37B
· Klik Pesan Masuk akan menuju T37C
· Klik Pesan Keluar akan menuju T37A
· Klik Subjek pesan masuk akan
menuju T37D ·
Isi Teksbox cari akan menuju T37 dan muncul M09
T37C Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Ubah Profil Ubah Password
Kotak Masuk Pengirim
Subjek Tanggal
No Tampilkan
baris 10
Cari:
Gambar 3. 141 Perancangan Antarmuka Pesan Masuk
Antarmuka detail pesan T37D.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T37D Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik Tulis Pesan akan menuju T37B Klik Pesan Masuk akan menuju T37C
Klik Pesan Keluar akan menuju T37A
T37D Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Detail Pesan
Tanggal Untuk
:
Kembali Dari
:
Subjek
:
Pesan
:
Gambar 3. 142 Perancangan Antarmuka Detail Pesan
Antarmuka forum siswa T38.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T38 Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik link forum akan menuju T38A Isi Teksbox cari akan menuju T38 dan
muncul M09
T38 Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Forum Topik
Komentar
Forum Topik
Komentar
Forum No
No Tampilkan
baris 10 ▼
Cari:
Gambar 3. 143 Perancangan Antarmuka Forum
Antarmuka topik siswa T38A.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T38A Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik link nama forum akan menuju T38 Klik Tambah akan menuju T38B
Klik link Topik akan menuju T38C Isi Teksbox cari akan menuju T38A
dan muncul M09
T38A Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Topik Pengirim
Komentar
Topik Pengirim
Komentar
Topik No
No Tampilkan
baris 10 ▼
Cari:
Tambah
Forum : [Nama Forum]
Gambar 3. 144 Perancangan Antarmuka Topik
Antarmuka tambah topik T38B.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T38B Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik link nama forum akan menuju T38 Klik link topik akan menuju T38C
Klik Tambah akan menuju T38B Klik Simpan muncul M143, M76, M84
Klik Batal akan menuju T38B Isi Teksbox cari akan menuju T38B
dan muncul M09
T38B Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Topik Pengirim
Komentar
Topik Pengirim
Komentar
Topik
No No
Tampilkan baris
10 ▼ Cari:
Tambah
Forum : [Nama Forum]
Tambah Topik
Simpan Batal
Judul
:
Keterangan
:
Gambar 3. 145 Perancangan Antarmuka Tambah Topik
Antarmuka komentar T38C.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T38C Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik link nama forum akan menuju T38 Klik link nama topik akan meuju T38A
Klik Tambah akan menuju T38D Isi Teksbox cari akan menuju T38C
dan muncul M09
T38C Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Komentar Pengirim
Tanggal
Komentar Pengirim
Tanggal
Komentar No
No Tampilkan
baris 10 ▼
Cari:
Tambah
Forum : [Nama Forum] [Nama Topik]
Gambar 3. 146 Perancangan Antarmuka Komentar
Antarmuka tambah komentar T38D.
Footer
E-Learning SMK Al-MUSLIM
Date
Keterangan: Nama Form
: T38D Ukuran Layar
: Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt
Warna Latar : White
Klik Beranda akan menuju ke T01 Klik Pengumuman akan menuju T01A
Klik Beranda Siswa akan menuju T29 Klik Materi akan menuju T30
Klik Tugas akan menuju T31 Klik Kumpul Tugas akan menuju T32
Klik Latihan Ujian akan menuju T33 Klik Nilai akan menuju T34
Klik Pengumuman Guru akan menuju T35
Klik Request Peserta akan menuju T36
Klik Pesan akan menuju T37 Klik Forum akan menuju T38
Klik Ubah Profil akan menuju T29A Klik Ubah Password akan menuju
T29B Klik Keluar muncul M1
Klik link nama forum akan menuju T38 Klik link nama topik akan menuju
T38A Klik Tambah akan menuju T38D
Klik Simpan muncul M86, M89 Klik Batal akan menuju T38D
Isi Teksbox cari akan menuju T38D dan muncul M09
T38D Gambar
Beranda Pengumuman Selamat Datang [Pengguna]
Keluar
Beranda Siswa Data Sekolah
Materi Tugas
Kumpul Tugas Latihan Ujian
Nilai Pengumuman Guru
Data Peserta Pengajaran Request Peserta
Pesan Forum
Profil Password
Ubah Profil Ubah Password
Komentar Pengirim
Tanggal
Komentar Pengirim
Tanggal
Komentar
No No
Tampilkan baris
10 ▼ Cari:
Tambah
Forum : [Nama Forum] [Nama Topik]
Tambah Komentar
Simpan Batal
Komentar
:
Gambar 3. 147 Perancangan Antarmuka Tambah Komentar
3.3.2.2 Perancangan Pesan