391 Gambar 4.37 Admin Lihat Detail Materi Pelajaran Halaman ini berisi informasi materi yang sudah dimasukkan terlebih dahulu. Halaman ini bersifat statis karena hanya menampilkan informasi. Admin tidak dapat merubah informasi yang ditampilkan dalam form ini. Jika ada data yang ingin diubah, admin dapat memilih tombol ubah data.
392 Gambar 4.38 Admin Ubah Data Materi Pelajaran Form update materi digunakan untuk merubah informasi materi yang sudah ada. Pada awal tampilan form ini berisi informasi awal yang sudah tersimpan diadalam database. Admin dapat merubah informasi tersebut kemudian jika sudah selesai admin dapat menekan tombol submit untuk menyimpan data yang sudah dirubah ke dalam database.
394 Gambar 4.39 Admin Konfirmasi Hapus Materi Jika admin melakukan penghapusan materi, maka akan muncul konfirmasi delete. Admin diberi dua pilihan link, yaitu Ya dan Tidak. Jika admin memilih link Ya maka data materi tersebut akan dihapus dari database sedangkan jika admin memilik link Tidak maka delete materi akan di cancel dan akan kembali ke halaman sebelumnya.
395 Gambar 4.40 Admin Menu Pengumuman Link pengumuman yang berada di sebelah halaman kiri berisi menu seperti di atas. Jika link pengumuman dipilih maka akan muncul daftar pengumuman yang ada, daftar atau list ini dapat difilter berdasarkan kategorinya dengan memilih drop down list tampilkan berdasarkan kategori. Tombol Buat Pengumuman Baru dipilih untuk membuat pengumuman baru. Pada halaman ini letak navigasi sama dengan halaman sebelumnya.
396 Gambar 4.41 Admin Form Buat Pengumuman Baru Untuk membuat pengumuman baru, admin dapat menggunakan text editor yang terdapat pada halaman ini. Admin mengisi field judul pengumuman, tanggal terbit, dan keterangan. Setelah admin menulis pengumuman di area yang disediakan, maka admin dapat menekan tombol submit yang ada dibawah text editor. Setelah itu pengumuman akan disimpan kedalam database.
397 Gambar 4.42 Admin Konfirmasi Pengumuman berhasil Dibuat Setelah pengumuman di simpan kedalam database, maka admin akan mendapat pesan notifikasi insert pengumuman berhasil di halaman link menu pengumuman.
398 Gambar 4.43 Admin Konfirmasi Pengumuman Berhasil Dihapus Jika admin melakukan hapus pengumuman, maka akan muncul notifikasi hapus berhasil pada halaman pengumuman.
399 Gambar 4.44 Admin Lihat Pengumuman Pada halaman ini, pegumuman yang sudah dipilih sebelumnya berdasarkan judulnya, akan ditampilkan isinya beserta keterangan seperti judul, tanggal, kategori dan isi pengumumannya. Pada pengumuman, isi dari pengumuman bersifat statis, tidak dapat diubah dan tidak dapat direply.
400 Gambar 4.45 Admin Menu Pesan Pribadi Link Pesan Pribadi yang berada di sebelah halaman kiri berisi menu seperti di atas. Jika link pesan pribadi dipilih maka akan ditampilkan list pesan pribadi yang telah diterima user, pada tiap list tersebut terdapat link Hapus pesan untuk menghapus pesan yang ada. User juga dapat mengirim pesan ke user lain dengan memilih tombol Kirim Pesan Pribadi. Tombol Hapus Pesan berfungsi untuk menghapus pesan yang ada pada pesan yang sudah dicentang sebelumnya. Pada halaman ini letak navigasi sama dengan halaman sebelumnya.
401 Gambar 4.46 Admin Kirim Pesan Pribadi Pesan Pribadi adalah pesan yang dikirimkan secara personal, hanya account yang ditentukan yang dapat membacanya. Pada halaman ini, admin dapat membuat pesan pribadi menggunakan text editor yang sudah disediakan. Pada bagian atas form, admin dapat menentukan penerima message dan menetukan title dari pesan pribadi yang akan dikirmkan. Setelah admin menuliskan pesan pribadi, maka admin dapat menekan tombol submit untuk mengirim pesan pribadi tersebut. Pesan pribadi tersebut akan ditampung didalam database dan akan dimunculkan pada hanya pada account penerimanya yang sudah ditentukan sebelumya.
402 Gambar 4.47 Admin Konfirmasi Pesan Pribadi berhasil Dikirim Setelah pesan pribadi dikirimkan, maka akan muncul notifikasi jika pesan tersebut berhasil diteruskan ke account penerimanya. Notifikasi ini muncul pada halaman menu link pesan pribadi.
403 Gamabar 4.48 Admin Baca Pesan Pribadi Pada halaman kotak masuk pesan pribadi admin dapat memilih pesan yang akan dibaca. Ketika link title pesan pribadi dipilih, maka pesan pribadi yang sesuai dengan title yang dipilih akan muncul. Pesan yang ditampilkan merupakan statis, admin tidak dapat mengubah isinya. Jika admin ingin membalas pesan pribadi tersebut maka admin bisa menekan tombol balas pesan yang ada dibawah pesan tersebut. Disamping tombol balas pesan juga terdapat link hapus pesan. Jika link ini dipilih, maka pesan pribadi yang sedang dibaca akan dihapus dari database.
404 Gambar 4.49 Guru Halaman Utama Halaman ini merupakan halaman awal setelah login jika user login sebagai guru. Pada halaman ini terdapat dua navigasi. Navigasi yang terletak di atas kanan tampilan berupa link,yaitu halaman utama, Ubah Sandi dan Keluar. Sedangkan navigasi yang berada di sebelah kiri merupakan link yang berisi content dari account Guru. Link tersebut adalah Pelajaran, Data Pribadi, Nilai, Jadwal, Forum, dan Pesan Pribadi.
405 Gambar 4.50 Guru LIhat Pengumuman Halaman ini muncul ketika guru memilih salah satu link pengumuman yang ada. Pada halaman ini tertera judul, tanggal terbit, kategori, dan isi pengumuman. Informasi halamn ini bersifat statis dan tidak dapat diubah-ubah.
406 Gambar 4.51 Guru Ubah Sandi Halaman ini muncul ketika link Ubah Sandi dipilih. Pada halaman ini terdapat form penggantian password yang terdiri dari tiga buah field. Field pertama adalah field yang harus diisi guru dengan password awal yang sudah ada di dalam database. Field kedua diisi dengan password baru yang diinginkan, sedangkan field ketiga digunakan untuk verifikasi password baru yang diisikan ke field kedua. Isi dari field kedua dan ketiga harus sama. Setelah guru selesai melengkapi field-field yang ada, maka guru dapat menekan tombol Simpan Sandi untuk menyimpan data baru kedalam database. Disebelah tombol submit juga terdapat tombol reset yang akan membersihkan field-field form yang sudah diisi.
407 Gambar 4.52 Guru Konfirmasi Ubah Sandi Berhasil Pada saat guru selesai mengganti kata sandi dan menyimpan ke dalam database, password akan di validasi terlebih dahulu. Jika password baru yang dimasukkan sudah sesuai dengan kriteria yaitu field old password harus sama dengan data yang ada pada database, pada field new password dan field confirm password data password yang diisikan harus sama. Jika kriteria tersebut tepenuhi, maka akan muncul notifikasi change pin success pada halaman change pin yang berarti password yang lama sudah terganti dengan password baru.
408 Gambar 4.53 Guru Pelajaran Pada navigasi sebelah kiri halaman, terdapat link materi. Jika guru memilih link materi, maka guru akan berpindah ke halaman ini. Halaman ini berisi daftar mata pelajaran dan daftar kelas yang mereka ajar. Daftar mata pelajaran ini juga dilengkapi dengan kode pelajaran yang berupa link sehingga link ini dapat dipilih dan guru akan masuk kedalam halaman materi dari pelajaran tersebut.
409 Gambar 4.54 Guru Materi Ajar Setelah guru memilih mata pelajaran yang diajar, guru akan masuk ke halaman materi ajar. Pada halaman ini, akan ditampilkan keterangan mata pelajaran seperti deskripsi, tujuan, dan daftar materi yang akan digunakan. Daftar materi ini berupa link untuk berpindah ke halaman materi subbab dari pelajaran tersebut.
410 Gambar 4.55 Guru Lihat Materi Pelajaran bab 1 Setelah guru memilih subbab materi yang akan diajarkan, maka guru akan berpindah halaman ke halaman ini. Halaman ini berisi penjelasan materi bab yang berkaitan. Halaman ini mengandung informasi seperti deskripsi bab, tujuan pengajaran bab tersebut, materi utama yang terdiri dari link materi pokok dan materi tambahan, link materi online, dan link tugas yang dapat di download. Selain terdapat link untuk mendownload soal tugas juga terdapat link untuk upload tugas.
411 Dibagian bawah link tugas, juga terdapat tanggal deadline pengumpulan tugas yang menjadi batas akhir pengumpulan tugas. Pada bagian bawah halaman, terdapat link lihat pengumpulan tugas yang dapat dipergunakan guru untuk melihat siapa saja siswa yang sudah mengumpulkan tugas beserta link menuju tugas yang telah dikirim oleh siswa.
412 Gambar 4.56 Guru Ubah Materi Pelajaran Bab 1 Form ubah materi pada guru digunakan untuk merubah informasi link materi tambahan, source bacaan on line, soal tugas dan waktu deadline yang ada. Pada awal tampilan form ini berisi informasi awal yang sudah tersimpan diadalam database. Guru dapat merubah informasi dalam textfield tersebut kemudian jika sudah selesai guru dapat menekan tombol simpan data untuk menyimpan data yang sudah diubah ke dalam database.
413 Gambar 4.57 Guru Lihat Pengumpulan Tugas bab 1 Bila user memilih link lihat pengumpulan tugas maka akan muncul halaman ini, dihalaman ini akan terlihat daftar nama siswa dan status pengumpulan tugas. Apabila siswa telah mengumpulkan tugas maka akan muncul chek box, sedangkan apabila siswa belum mengumpulkan maka terlihat status kosong. Jika tugas telah dikoreksi oleh guru maka chek box akan
414 dicentang oleh guru, dan status akan diubah menjadi checked yang berarti tugas telah diperiksa oleh guru. Jika tombol masukkan nilai tugas, maka halaman akan berganti ke halaman tambah nilai Tugas. Sama seperti halaman guru utama, dihalaman ini terdapat plihan menu di samping kiri yang ada di layar seperti pilihan kelas, data pribadi, nilai, jadwal, forum dan pesan pribadi. Dan dibagian atas terdapat pilihan menu home, help, change-pin, dan logout.
415 Gambar 4.58 Guru Data Pribadi Ketika guru memilih link data pribadi yang terdapat pada navigasi sebelah kiri, maka guru akan masuk kehalaman data pribadi dimana halaman ini berisi data pribadi mereka. Di halaman ini hampir semua data yang ditampilkan bersifat statis atau tidak dapat diubah kecuali nomor telepon, nomor hp, dan email. Jika guru telah selesai melakukan perubahan data maka guru dapat menekan tombol ubah data untuk menyimpan data baru nya kedalam database.
416 Gambar 4.59 Guru Menu Nilai Halaman ini muncul jika guru memilih link nilai yang terdapat pada deretan navigasi sebelah kiri halaman. Pada halaman ini terdapat daftar mata pelajaran beserta kode, kelas, dan link untuk melakukan proses data. Link yang dapat digunakan adalah link Akumulasi, nilai tugas, nilai ulangan harian dan nilai ujian. Masing-masing link ini akan terhubung dengan halaman lain yang dapat digunakan untuk melakukan pemrosesan data nilai. Pemrosesan nilai yang dilakukan akan disesuaikan dengan mata pelajaran yang telah dipilih sebelumnya.
417 Gambar 4.60 Guru Akmulasi Nilai Kelas Halaman ini berisi daftar nama siswa beserta nilai yang dimiliki. Nilai ini mencakup nilai tugas, ulangan harian, mid, dan final. Pada sebelah kanan table daftar nama siswa dan nilai, juga terdapat link yang dapat digunakan untuk memasukkan data nilai yang diinginkan.
418 Gambar 4.61 Guru Masukkan Nilai Tugas Untuk memasukkan nilai tugas siswa dalam suatu kelas, guru dapat menggunakan halaman ini yang dapat dipilih dari halaman sebelumnya yaitu view nilai kelas dan memilih link add nilai tugas. Halaman ini berisi form yang terdiri dari nim, nama, dan field-field kosong yang dapat diisikan nilai tugas mandiri siswa. Nama-nama siswa yang dimunculkan disini adalah siswa yang ada dalam suatu kelas yang telah ditentukan sebelumnya. Setelah guru selesai memasukkan data maka guru dapat menekan tombol simpan nilai untuk memasukkan data kedalam database.
419 Gambar 4.62 Guru Masukkan Nilai Ulangan Harian Untuk memasukkan nilai ulangan harian siswa dalam suatu kelas, guru dapat menggunakan halaman ini yang dapat dipilih dari halaman sebelumnya yaitu view nilai kelas dan memilih link add nilai ulangan harian. Halaman ini berisi form yang terdiri dari nim, nama, dan field-field kosong yang dapat diisikan nilai ulangan harian siswa. Nama-nama siswa yang dimunculkan disini adalah siswa yang ada dalam suatu kelas yang telah ditentukan sebelumnya. Setelah guru selesai memasukkan data maka guru dapat menekan tombol simpan nilai untuk memasukkan data kedalam database.
420 Gambit 4.63 Guru Masukkan Nilai Ujian Untuk memasukkan nilai ujian siswa dalam suatu kelas, guru dapat menggunakan halaman ini yang dapat dipilih dari halaman sebelumnya yaitu view nilai kelas dan memilih link add nilai ujian. Halaman ini berisi form yang terdiri dari nim, nama, dan dua field kosong yang dapat diisi nilai mid semester dan final semester. Nama-nama siswa yang dimunculkan disini adalah siswa yang ada dalam suatu kelas yang telah ditentukan sebelumnya. Setelah guru selesai memasukkan data maka guru dapat menekan tombol simpan nilai untuk memasukkan data kedalam database.
421 Gambar 4.64 Guru Jadwal Untuk melihat kapan saja guru mengajar, maka guru dapat menggunakan link jadwal yang tedapat pada navigasi sebelah kiri halaman. Halaman ini berisi jadwal mengajar guru berdasarkan hari dan shift. Jadwal ini juga menampilkan mata pelajaran dan kelas yang diajar.setiap baris dalam jadwal dibuat dengan warna berbeda untuk memudahakan user dalam memabaca data.
422 Gambar 4.65 Guru Menu Pesan Pribadi Ketika account guru memiliki pesan pribadi, pesan pribadi ini akan ditampung dalam database dan dimunculkan dalam kotak masuk pesan pribadi. Pesan pribadi yang sudah ada ditampilkan bersama keterangan seperti sender, title, date, time, dan teradapat link delete message yang dapat digunakan untuk menghapus pesan pribadi. Pada halaman ini title pesan juga berupa link yang jika dipilih maka akan membuka pesan pribadi milik account guru tersebut. Pada sisi kiri list message terdapat checkbox yang dapat dipilih, ketika tombol hapus pesan dipilih maka setiap pesan yang dicentang akan terhapus. Hapus pesan juga dapat dihapus dari link hapus pesan di sisi kanan.
423 Gambar 4.66 Guru kirim Pesan Pribadi Pesan pribadi adalah pesan yang dikirimkan secara personal, hanya account yang ditentukan yang dapat membacanya. Pada halaman ini, guru dapat membuat pesan pribadi menggunakan text editor yang sudah disediakan. Pada bagian atas form, guru dapat menentukan penerima message dan menetukan title dari pesan pribadi yang akan dikirimkan. Setelah guru menuliskan pesan pribadi, maka guru dapat menekan tombol submit untuk mengirim pesan pribadi tersebut. Pesan pribadi tersebut akan ditampung didalam database dan akan dimunculkan pada hanya pada account penerimanya yang sudah ditentukan sebelumya.
424 Gambar 4.67 Guru Konfirmasi Pesan Terkirim Setelah pesan pribadi dikirimkan, maka akan muncul notifikasi jika pesan pribadi tersebut berhasil diteruskan ke account penerimanya. Notifikasi ini muncul pada halaman menu link pesan pribadi.
425 Gambar 4.68 Guru Baca Pesan Pribadi Jika guru memilih salah satu link pesan yang ada pada halaman kotak masuk pribadi, maka akan muncul halaman ini. Halaman ini berisi detail pesan yang ada. Pada halaman ini berisi informasi mengenai id pengirim, judul pesan pribadi, dan pesan yang disampaikan. Pada halaman ini terdapat tombol balas pesan jika user ingin membalas pesan kepada pengirim. Terdapat juga link hapus Pesan untuk menghapus pesan yang ada.
426 Gambar 4.69 Murid Halaman Utama Halaman ini merupakan halaman awal setelah login jika user login sebagai murid. Pada halaman ini terdapat dua navigasi. Navigasi yang terletak di atas kanan tampilan berupa link,yaitu halaman utama, Ubah Sandi dan Keluar. Sedangkan navigasi yang berada di sebelah kiri merupakan link yang berisi content dari account Guru. Link tersebut adalah Pelajaran, Data Pribadi, Nilai, Jadwal, Forum, dan Pesan Pribadi. Pada bagian isi terdapat informasi pengumuman, berita terkini, dan informasi kegiatan dari sekolah.
427 Gambar 4.70 Murid Baca Pengumuman Halaman ini muncul jka murid memilih salah satu link dari pengumuman yang terdapat pada halaman utama. Pada halaman ini terdapat informasi mengenai judul, tanggal, kategori, dan isi pengumuman.
428 Gambar 4.71 Siswa Pelajaran Pada halaman ini ditampilkan daftar mata pelajaran yang sedang diambil oleh siswa tersebut. Daftar ini berisi mata pelajaran dan kelas dari siswa tersebut. Pada daftar ini terdapat link ke materi pelajaran melalui mata pelajaran. Jika link mata pelajaran dipilih, maka siswa akan berpndah ke halaman yang berisi materi dari mata pelajaran yang dipilih.
Gambar 4.72 Siswa view pelajaran 429
430 Setelah siswa memilih mata pelajaran yang ada di daftar mata pelajaran pada halaman sebelumnya, maka siswa akan berpindah ke halaman ini yang berisi materi pelajaran dari mata pelajaran tersebut. Pada halaman ini dijabarkan deskripsi mata pelajaran, tujuan mata pelajaran, dan daftar materi sub bab yang akan dipelajari selama siswa mengambil mata pelajaran tersebut. Pada bagian bawah halaman terdapat link contact lecturer yang dapat digunakan siswa untuk mengirimkan pesan atau pertanyaan kepada guru mata pelajaran yang bersangkutan. Pesan ini akan diterima guru dan guru dapat menjawab pertanyaan dengan mengirimkan pesan balasan kepada siswa yang bersangkutan.
431 Gambar 4.73 Siswa Materi Pelajaran Halaman ini berisi materi dari sub bab yang terdapat pada halaman sebelumnya. Pada halaman ini terdapat deskripsi, tujuan, link materi, dan link tugas dari materi sub bab mata pelajaran. Materi utama dan materi tambahan pada halaman ini ditampilkan dalam bentuk link. Pada halaman ini pun terdapat
432 linkmateri online yang berisi materi pendukung yang berasal dari internet. Link tugas terbagi menjadi dua, yaitu link untuk download soal tugas dan link yang digunakan untuk mengupload jawaban tugas. Pada bagian bawah link tugas, terdapat keterangan deadline tugas sebagai batas akhir pengumpulan tugas. Seperti halaman sebelumnya, halaman ini juga dilengkapi dengan link contact lecturer yang dapat digunakan siswa untuk mengirimkan pesan kepada guru yang bersangkutan. Gambar 4.74 Siswa Kirim File Jawaban Tugas Halaman ini muncul jika ssiswa memilih link Kirim Jawaban dari halaman Materi Pelajaran. Siswa dapat memilih file jawaban untuk dikirm dengan memilih
433 tombol browse. Siswa dapat menambahkan keterangan pada field yang tersedia, jika file ingin dikumpulkan maka siswa dapat memilih tombol Kirim File.