• Tidak ada hasil yang ditemukan

Perancangan Layar Admin

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN (Halaman 91-112)

10. Apakah anda mengetahui sistem pembelajaran e-learning? Tabel 3.16 Hasil Kuesioner Siswa Nomor 10

3.6 Perancangan Layar Admin

Gambar 3.54 Perancangan Layar Ganti Password Murid dan Guru

3.6 Perancangan Layar Admin

3.6.1. Perancangan Layar Home Admin

Halaman ini merupakan halaman home untuk Admin. Pada bagian atas terdapat menu Home yang berfungsi untuk kembali ke halaman Home, menu Profile untuk masuk ke halaman Profile dan menu Visi dan Misi untuk masuk ke halaman Visi dan Misi. Di bagian kiri terdapat menu Murid untuk masuk ke halaman data Murid, menu Guru untuk masuk ke halaman data Guru, menu News untuk masuk ke halaman News, menu Kelas untuk masuk ke halaman data Kelas, menu Mata Pelajaran untuk masuk ke halaman Mata

Pelajaran, menu Forum Diskusi untuk masuk kehalaman Forum Diskusi, menu Jadwal Pelajaran untuk masuk ke halaman Jadwal Pelajaran, menu Tahun Ajaran untuk masuk ke halaman Tahun Ajaran, menu Nilai Akademis untuk masuk ke halaman Nilai Akademis dan terdapat fungsi Logout untuk keluar dari situs.

Gambar 3.55 Perancangan Layar Home Admin

3.6.2. Perancangan Layar Data Murid, Guru dan News Admin

Halaman ini merupakan halaman dari data murid, guru dan news yang terdapat menu Insert untuk memasukan data baru, fungsi Search, menu

View untuk masuk kehalaman View, menu Update untuk masuk kehalaman Update dan fungsi Delete untuk menghapus data.

Gambar 3.56 Perancangan Layar Data Murid, Guru dan News Admin

3.6.3. Perancangan Layar Insert New Murid, Guru dan News Admin

Halaman ini digunakan untuk memasukan data baru untuk murid, guru dan news. Dimana pada murid memasukan detail data pribadi murid dan orang tua murid, pada guru memasukan detail data pribadi guru dan pada

Gambar 3.57 Perancangan Layar Insert New Murid, Guru dan News Admin

3.6.4. Perancangan Layar View Data Murid, Guru dan News Admin

Halaman ini merupakan detail dari menu view yang menampilan detail data pribadi murid, guru dan pada news menampilkan isi pengumuman.

Gambar 3.58 Perancangan Layar View Data Murid, Guru dan News Admin

3.6.5. Perancangan Layar Update Data Murid, Guru dan News Admin

Halaman ini merupakan halaman Update yang digunakan untuk mengubah data murid, guru news.

Gambar 3.59 Perancangan Layar Update Data Murid, Guru dan News Admin

3.6.6. Perancangan Layar Kelas Admin

Halaman ini menampilkan data kelas dan wali kelasnya. Pada halaman ini terdapat menu Insert new Kelas untuk masuk pada halaman

insert new kelas, menu View untuk masuk kehalaman View, menu Update

untuk masuk kehalaman Update, fungsi Search untuk mencari dan fungsi

Gambar 3.60 Perancangan Layar Kelas Admin

3.6.7. Perancangan Layar Insert Kelas Admin

Halaman ini digunakan untuk memasukan data kelas baru oleh admin dengan memasukan IdKelas, NamaKelas, Tingkat, NamaJurusan dan Nignya.

Gambar 3.61 Perancangan Layar Insert Kelas Admin

3.6.8. Perancangan Layar View Kelas Admin

Halaman ini menampilkan detail dari guru yang bersangkutan mengajar dikelas mana, tingkat berapa dan jurusan apa.

Gambar 3.62 Perancangan Layar View Kelas Admin

3.6.9. Perancangan Layar Update Kelas Admin

Halaman ini merupakan halaman yang digunakan untuk merubah data kelas yang dilakukan oleh admin.

Gambar 3.63 Perancangan Layar Update Kelas Admin

3.6.10. Perancangan Layar Mata Pelajaran Admin

Halaman ini merupakan halaman Mata Pelajaran yang terdapat menu View Mata Pelajaran untuk masuk ke halaman View Mata Pelajaran dan Menu Header Mata Pelajaran untuk masuk ke halaman Header Mata Pelajaran.

Gambar 3.64 Perancangan Layar Mata Pelajaran Admin

3.6.11. Perancangan Layar View Mata Pelajaran Admin

Halaman ini menampilkan detail mata pelajaran yang terdapat menu Insert untuk memasukan mata pelajaran baru, menu View untuk melihat detail dari mata pelajaran, menu Update untuk merubah mata pelajaran, fungsi Search untuk mencari dan fungsi Delete untuk menghapus mata pelajaran.

Gambar 3.65 Perancangan Layar View Mata Pelajaran Admin

3.6.12. Perancangan Layar View Header Pelajaran Admin

Halaman ini menampilkan detail mata pelajaran yang terdapat menu Insert untuk memasukan mata pelajaran baru, menu View untuk melihat detail dari mata pelajaran dilengkapi dengan nama guru, menu

Update untuk merubah mata pelajaran, fungsi Search untuk mencari dan

Gambar 3.66 Perancangan Layar View Header Pelajaran Admin

3.6.13. Perancangan Layar Forum Admin

Halaman ini merupakan halaman Forum yang terdapat menu

Insert untuk memasukan forum baru, menu View untuk masuk ke halaman

detail View, menu Update untuk masuk ke halaman Update, fungsi Search untuk mencari dan fungsi Delete untuk menghapus forum.

Gambar 3.67 Perancangan Layar Forum Admin

3.6.14. Perancangan Layar Detail Forum

Halaman ini menampilkan detail dari forum dengan menu View

Comment untuk masuk ke halaman View Comment dan fungsi Delete untuk

Gambar 3.68 Perancangan Layar Detail Forum

3.6.15. Perancangan Layar View Comment Admin

Halaman ini menampilkan komentar-komentar dari setiap topik yang dipilih dengan dilengkapi fungsi Search untuk mencari komentar yang telah dipost.

Gambar 3.69 Perancangan Layar View Comment Admin

3.6.16. Perancangan Layar Jadwal Pelajaran Admin

Halaman ini menampilkan jadwal mata pelajaran untuk setiap kelas yang terdapat menu Insert untuk memasukan jadwal mata pelajaran kelas baru menu View untuk melihat detail dari jadwal kelas, menu Update untuk merubah data dari jadwal kelas, fungsi Search untuk mencari dan fungsi Delete untuk menghapus jadwal mata pelajaran.

Gambar 3.70 Perancangan Layar Jadwal Pelajaran Admin

3.6.17. Perancangan Layar Lihat Nilai Admin

Halaman ini menampilkan Nama murid keseluruhan dan juga menampilkan dropdown list yang berfungsi sebagai data tahun ajaran untuk dapat melihat nilai murid berdasarkan tahun ajaran dan semester nilai dan mata pelajaran murid. Button view berfungsi melihat nilai murid tersebut apabila sudah memilih tahunajaran dan semester di fungsi dropdown list.

Gambar 3.71 Perancangan Layar Lihat Nilai Admin 

3.6.18. Perancangan Layat Lihat Nilai Detail Admin

Halaman ini menampilkan nilai murid selama satu semester, dimana terdapat nilai ulangan 1, ulangan 2, ulangan 3, UTS, UAS dan nilai akhir.

Gambar 3.72 Perancangan Layar Lihat Nilai Detail Admin

3.6.19. Perancangan Layar Tahun Ajaran Admin

Halaman ini merupakan halaman Tahun Ajaran yang menampilkan data tahun ajaran dan data semester dengan menu Insert untuk memasukan data Tahun Ajaran baru, menu View untuk masuk ke halaman

View, menu update untuk masuk ke halaman Update dan fungsi Delete untuk

Gambar 3.73 Perancangan Layar Tahun Ajaran Admin

3.6.20. Perancangan Layar View Detail Tahun Ajaran Admin

Halaman ini menampilkan detail dari tahun ajaran dan semester yang sedang ditempuh.

Gambar 3.74 Perancangan Layar View Detail Tahun Ajaran Admin

3.6.21. Perancangan Layar Update Tahun Ajaran Admin

Halaman ini digunakan untuk merubah data dari tahun ajaran yang dilakukan oleh Admin.

Gambar 3.75 Perancangan Layar Update Tahun Ajaran Admin

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN (Halaman 91-112)

Dokumen terkait