195 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. Rencana

BAB 4
IMPLEMENTASI DAN EVALUASI
4.1.
Rencana Implementasi
Aplikasi E-Learning ini dapat digunakan oleh guru dan siswa SMAK 1 BPK
PENABUR, dan siswa SMAK BPK PENABUR lainnya.
Semua user yang akan menggunakan aplikasi ini harus diberikan pengarahan atau
pelatihan mengenai penggunaan dan fungsi-fungsi aplikasi E-Learning ini terlebih dahulu.
Hak akses dari masing-masing user berbeda-beda. Dibawah ini akan diuraikan hak akses
dan penggunaan fasilitas untuk masing-masing user dalam aplikasi E-Learning ini :
•
Admin
9 Menambah, mengubah, menghapus data user
9 Menambah, menghapus mata pelajaran.
9 Menambah, menghapus kelas.
9 Menambah, menghapus anggota kelas.
9 Menambah, menghapus jadwal pelajaran.
9 Mengupload, mengubah, menghapus materi.
9 Menambah, mengubah, menghapus soal PG.
9 Menambah, mengubah, menghapus soal essay.
9 Menambah, menghapus pengumuman.
9 Melihat jadwal guru.
9 Mengubah password.
9 Mengakses forum.
195
196
•
Guru
9 Melihat jadwal guru.
9 Melihat materi.
9 Melihat, mengupload, menghapus materi tambahan.
9 Mengupload soal essay.
9 Mendownload, mengecek jawaban essay siswa.
9 Mengerjakan soal PG.
9 Melihat laporan nilai PG siswa.
9 Mengubah password.
9 Mengakses forum.
•
Siswa SMAK 1 BPK PENABUR
9 Melihat jadwal pelajaran.
9 Melihat, mendownload materi.
9 Mengerjakan soal PG.
9 Melihat nilai soal PG.
9 Mendownload soal Essay.
9 Mengupload jawaban soal essay.
9 Mengakses materi sekolah lain.
9 Mengubah password.
9 Mengakses forum.
197
•
Siswa SMAK BPK PENABUR Lain
9 Melihat, mendownload materi.
9 Melihat, mendownload soal essay.
9 Mengerjakan, melihat nilai PG.
9 Mengakses forum.
198
4.2.
Tampilan Layar
Gambar 4.1 Halaman Login
Gambar di atas merupakan halaman login untuk masing-masing user yaitu admin, guru
dan siswa SMAK 1 BPK PENABUR. Dimana pada sebelah kiri halaman terdapat text box
username dan password yang harus diisi. Setelah user klik submit maka user akan masuk
ke home masing-masing. Dan dibawah kolom login terdapat keterangan mengenai visi,
misi, dan alamat sekolah SMAK 1 BPK PENABUR. Pada sebelah kanan terdapat
pengumuman-pengumuman yang berhubungan dengan
PENABUR.
sekolah SMAK 1 BPK
199
Gambar 4.2 Halaman Home ( Admin )
Gambar di atas adalah halaman untuk admin. Dimana di sebelah kiri halaman terdapat
kumpulan menu-menu dan di sebelah kanan halaman terdapat ucapan pembuka untuk
admin.
200
Gambar 4.3 Halaman Input Pengumuman ( Admin )
Gambar di atas adalah halaman input pengumuman untuk admin, dimana admin harus
mengisi judul pengumuman, start date, end date, dan isi pengumuman.
201
Gambar 4.4 Halaman Input User ( Admin )
Gambar di atas adalah halaman input user untuk admin. Pada halaman ini admin akan
memasukkan data-data user baru yang terdiri dari username, status, nama, alamat, tanggal
lahir, no. Telp, email, dan tahun ajaran ketika data user baru tersebut dimasukkan.
Password untuk setiap user baru sama dengan nama usernya.
202
Gambar 4.5 Halaman Input Kelas ( Admin )
Gambar di atas adalah halaman input kelas untuk admin. Untuk dapat membuat kode kelas
yang baru maka admin terlebih dahulu harus memilih kelas ( kelas 10, kelas 11 IPA, kelas
11 IPS, kelas 12 IPA, Kelas 12 IPS, kelas 10 Akselarasi, kelas 11 Akselarasi, kelas 10
Internasional, kelas 11 Internasional, dan kelas 12 Internasional ), kemudian admin baru
menginput tahun ajaran. Setelah menekan button submit maka data kelas yang dibuat akan
tersimpan.
203
Gambar 4.6 Halaman Input Anggota Kelas ( Admin )
Gambar di atas adalah halaman input anggota kelas untuk admin. Dimana pada halaman
ini admin menginput kode user siswa sesuai dengan kelas dan tahun ajaran yang telah
dipilih. Setelah menekan button submit maka data
tersimpan.
anggota kelas yang dibuat akan
204
Gambar 4.7 Halaman Input Anggota Kelas Setelah Klik Pilih (Admin)
Gambar diatas adalah halaman input anggota kelas setelah klik pilih. Pada halaman ini
sistem akan menampilkan semua kode siswa dan nama siswa yang terdaftar pada sistem
E-Learning SMAK 1 BPK PENABUR.
205
Gambar 4.8 Halaman Input Mata Pelajaran ( Admin )
Gambar di atas adalah halaman input mata pelajaran untuk admin. Dimana pada halaman
ini admin akan membuat kode mata pelajaran baru. Apabila kode mata pelajaran yang
akan dibuat ternyata sudah ada, maka admin tidak bisa membuat kode mata pelajaran
baru. Pertama-tama kita harus memilih kelas terlebih dahulu, lalu menginput kode depan
mata pelajaran beserta nama mata pelajaran. Setelah menekan button submit maka data
mata pelajaran yang dibuat akan tersimpan.
206
Gambar 4.9 Halaman Input Jadwal Pelajaran ( Admin )
Gambar di atas adalah halaman input jadwal pelajaran untuk admin. Untuk dapat membuat
jadwal baru maka admin harus memilih tahun ajaran, kelas, nama guru, kode mata
pelajaran, shift, dan hari. Pada jadwal yang dibuat, untuk masing-masing kelas dalam satu
hari tidak boleh ada shift yang sama dan harus disesuaikan dengan jadwal guru yang
mengajar, apabila sama maka jadwal pelajaran tidak dapat dibuat. Setelah menekan button
simpan data maka data jadwal pelajaran yang dibuat akan tersimpan.
207
Gambar 4.10 Halaman Input Materi Umum ( Admin )
Gambar di atas adalah halaman input materi pelajaran untuk admin. Admin akan
mengupload materi pelajaran yang sebelumnya telah dibuat diluar aplikasi E-Learning ini.
Dimana untuk mencari file materi mata pelajaran kita menekan tombol browse dan
mencari letak file tersebut disimpan. Sedangkan apabila kurang kita dapat menekan
tombol Add more File untuk mengupload materi lainnya. Disini kita dapat memberi judul
dari materi yang kita upload tersebut. Setelah menekan button submit data maka data
jadwal pelajaran yang dibuat akan tersimpan.
208
Gambar 4.11 Halaman Input Soal PG ( Admin )
Gambar di atas adalah halaman input soal PG untuk admin. Pada halaman ini admin akan
membuat soal PG sesuai dengan materi dan pertemuan pada setiap materi. Disini kita
harus memilih kode materi dan tahun ajaran setelah itu kita menekan tombol insert soal
PG. Pada saat kita menekan tombol insert soal PG akan masuk ke form baru, dimana kita
dapat memasukan soal dan pilihan serta jawaban dari soal PG tersebut.
209
Gambar 4.12 Halaman Input Soal PG Setelah Klik Insert Soal PG ( Admin )
Gambar di atas adalah halaman input soal PG setelah klik insert soal PG. Pada halaman ini
admin harus menginput soal, pilihan jawaban, beserta jawabannya. Setelah selesai
membuat soal dan menekan button insert soal PG maka secara otomatis membuat kode
soal yang baru (untuk soal berikutnya pada pertemuan yang sama). pada saat admin
menekan button insert soal PG maka secara otomatis data soal PG akan tersimpan.
210
Gambar 4.13 Halaman Input Soal Essay ( Admin )
Gambar di atas adalah halaman input soal essay untuk admin. Pada halaman ini admin
akan mengupload soal essay dan jawabannya yang telah dibuat diluar aplikasi E-Learning
ini. Disini kita harus memilih kode materi dan tahun ajaran untuk membuat kode soal
essay. Pada saat kita menekan insert soal essay maka kita akan masuk ke form baru,
dimana admin dapat memilih file yang akan diupload sebagai soal essay.
211
Gambar 4.14 Halaman Input Soal Essay Setelah Klik Input Soal Essay ( Admin )
Gambar di atas adalah halaman input soal essay setelah klik input soal essay. Admin akan
melakukan proses upload untuk file soal dan file jawaban soal essay. Saat admin menekan
button browse maka admin dapat memilih file manakah yang akan diupload. Pada saat
admin menekan button save maka secara otomatis soal essay akan tersimpan.
212
Gambar 4.15 Halaman View Pengumuman ( Admin )
Gambar diatas adalah halaman view pengumuman untuk admin. Pada halaman ini admin
dapat menghapus pengumuman-pengumuman yang telah dibuat. Pada saat menekan
button hapus maka pengumuman akan secara otomatis akan terhapus.
213
Gambar 4.16 Halaman View Kelas ( Admin )
Gambar diatas adalah halaman view kelas untuk admin. Halaman ini berfungsi untuk
melihat kelas-kelas yang ada pada tahun ajaran yang telah dipilih sebelumnya. Admin juga
bisa menghapus kelas-kelas tersebut. Pada saat kita menekan Delete maka secara otomatis
data yang ada di database kelas tesebut akan terhapus.
214
Gambar 4.17 Halaman View Anggota Kelas ( Admin )
Gambar di atas adalah halaman view anggota kelas untuk admin. Dimana halaman ini
berfungsi untuk mengetahui siswa mana saja yang ada dalam kelas yang dipilih. Pada
awalnya nya admin terlebih dahulu harus memilih tahun ajaran dan kelas yang diinginkan.
Setelah sistem telah menampilkan data anggota kelas. Ketika admin menklik Delete maka
secara otomatis data yang dipilih di Anggota kelas akan secara otomatis ikut terhapus.
215
Gambar 4.18 Halaman View User ( Admin )
Gambar di atas adalah halaman view user untuk admin. Halaman ini berfungsi untuk
menampilkan semua data user yang telah terdaftar pada aplikasi E-Learning ini. Untuk
memudahkan pencarian maka data user dapat ditampilkan berdasarkan kode user atau
nama user. Admin juga bisa mengubah dan menghapus data user. Pada saat menklik
update maka kita akan masuk ke form untuk mengupdate user dan saat kita menekan
Delete maka secara otomatis data akan terhapus.
216
Gambar 4.19 Halaman View User Setelah Klik Update ( Admin )
Gambar di atas adalah halaman view user setelah klik update untuk admin. Halaman ini
berfungsi untuk mengubah data user yang diinginkan. Pada saat admin menekan button
submit maka data user akan terupdate.
217
Gambar 4.20 Halaman View Mata Pelajaran ( Admin )
Gambar di atas adalah halaman view mata pelajaran untuk admin. Fungsi dari halaman ini
adalah untuk menampilkan mata pelajaran yang sudah dibuat oleh admin. Pada halaman
ini admin juga bisa menghapus mata pelajaran tersebut. Pada saat menekan delete maka
secara otomatis data data Mata pelajaran tersebut akan terhapus.
218
Gambar 4.21 Halaman View Jadwal Pelajaran ( Admin )
Gambar di atas adalah halaman view jadwal pelajaran untuk admin. Halaman ini
mempunyai fungsi untuk dapat melihat jadwal-jadwal pelajaran yang telah dibuat. Jadwal
kelas dapat ditampilkan berdasarkan kelas, kode guru dan tahun ajaran. Pada saat admin
menekan delete maka data jadwal pelajaran akan otomatis terhapus.
219
Gambar 4.22 Halaman View Jadwal Guru ( Admin )
Gambar di atas adalah halaman view jadwal guru untuk admin. Jadwal guru dapat
ditampilkan berdasarkan kode guru, nama guru, mata pelajaran, kelas dan tahun ajaran.