Berdasarkan hasil analisis kebutuhan dari E-learning, dimana terdapat 3 user utama, yaitu admin, guru dan siswa. Karena perbedaan kepentingan dan kebutuhan, maka tiap user memiliki menu yang beda satu sama lain agar tidak terjadi redundancy data.
A. Struktur dan Desain
A.1.Halaman Index/Halaman Utama Web
Halaman Index meruakan halaman pertama yang ditampilkan saat pertama kali masuk ke dalam web. Pada halaman ini terdapat informasi singkat mengenai
E-learning, form login serta link yang terkait dengan web ini. Form login yang terdapat pada halaman index ini khusus digunakan oleh siswa. Untuk tampilan dari halaman index dapat dilihat pada gambar 4.1.
Gambar 4.2 Halaman Login Siswa
A.2.Halaman Administrator
Halaman ini adalah halaman yang penting pada web ini. Karena administrator melakukan banyak proses pengolahan data untuk kemudian ditampilkan oleh pengguna web ini. Pada halaman ini administrator mempunyai akses langsung ke database sehingga dapat menambah, mengubah serta menghapus data.
a. Halaman Login
Halaman pertama yang muncul saat user akan masuk ke dalam halaman administrator adalah halaman login. Halaman login ini diperlukan agar tidak sembarangan orang dapat masuk ke dalam halaman administrator dan melakukan pengolahan data secara illegal. Halaman login ini juga berbeda dari halaman login siswa agar lebih aman. Halaman login administrator dapat dilihat pada gambar 4.3.
commit to user
34
b. Halaman Utama Admin
Pada halaman ini terdapat beberapa menu yang dapat digunakan untuk proses pengolahan data, seperti menu siswa, guru, materi, tugas, soal dan nilai. Pada menu-menu tersebut juga terdapat sub menu lagi untuk melakukan proses pengolahan data secara spesifik. Halaman utama administrator dapat dilihat pada gambar 4.4.
Gambar 4.4 Halaman Utama Administrator
c. Menu Halaman Guru
Pada halaman ini ditampilkan daftar guru yang ada. Terdapat submenu tambah guru serta menu tambahan yaitu edit data guru yang sudah ada dan hapus data guru. Menu halaman guru dapat dilihat pada gambar 4.5.
Gambar 4.5 Menu halaman guru
Untuk tampilan submenu yang ada pada halaman guru dapat dilihat pada gambar 4.6 untuk tambah guru dan gambar 4.7 untuk edit guru.
commit to user
36
Gambar 4.7 Halaman submenu edit guru
Gambar 4.8 Submenu hapus guru
d. Menu Halaman Siswa
Pada halaman ini ditampilkan daftar siswa yang terdaftar. Terdapat submenu tambah siswa serta menu tambahan yaitu edit data siswa yang sudah ada dan hapus data siswa. Menu halaman siswa dapat dilihat pada gambar 4.10.
Gambar 4.10 Menu halaman siswa
Untuk tampilan submenu yang ada pada halaman siswa dapat dilihat pada gambar 4.11 untuk tambah siswa dan gambar 4.12 untuk edit siswa.
commit to user
38
Gambar 4.12 Tampilan submenu edit siswa
Gambar 4.13 Submenu hapus siswa
e. Submenu Halaman Materi
Pada halaman submenu materi ini, akan ditampilkan semua materi yang telah di-upload dan tersedia untuk di-download oleh siswa. Terdapat menu untuk menambahkan materi baru. Halaman submenu materi dapat dilihat pada gambar 4.15.
Gambar 4.15 Tampilan submenu materi
Gambar 4.16 Pemberitahuan bahwa file telah berhasil di-upload
f. Submenu Halaman Soal
Pada halaman submenu ini, administrator diberikan pilihan untuk menampilkan semua soal berdasarkan kompetensi yang ada. Kemudian administrator juga dapat melakukan edit soal dan hapus soal. Tampilan halaman soal dapat dilihat pada gambar 4.17.
commit to user
40
Gambar 4.17 Tampilan submenu soal
Gambar 4.19 Menu edit soal
Gambar 4.20 Pemberitahuan bahwa soal telah dihapus
g. Submenu halaman tugas
Pada halaman submenu tugas ini, akan ditampilkan semua tugas yang telah disimpan dan tersedia untuk dilihat oleh siswa. Terdapat menu untuk menambahkan tugas baru. Halaman submenu tugas dapat dilihat pada gambar 4.21.
commit to user
42
Gambar 4.21 Tampilan submenu tugas
Gambar 4.23 Tampilan tambah tugas
Gambar 4.24 Pemberitahuan bahwa tugas telah dihapus
h. Submenu halaman nilai
Pada halaman submenu ini, administrator diberikan pilihan untuk menampilkan nilai berdasarkan guru, kelas dan kompetensi yang ada. Tampilan halaman nilai dapat dilihat pada gambar 4.25.
commit to user
44
Gambar 4.25 Tampilan submenu nilai
Gambar 4.26 Tampilan nilai berdasarkan guru, kelas dan kompetensi
A.3.Halaman Guru
Halaman ini adalah halaman yang diperuntukan khusus untuk guru. Pada halaman ini guru dapat melakukan banyak proses, diantaranya adalah menambahkan materi pelajaran baru sesuai kelas yang diampu, memberikan tugas harian kepada siswa dan menambahkan soal yang dapat digunakan untuk ujian kd.
a. Halaman login
Halaman ini adalah halaman yang pertama kali ditampilkan sebelum masuk ke halaman utama. Guru diharuskan memasukkan nip dan password agar dapat masuk ke halaman guru dan dapat melakukan banyak proses didalamnya. Halaman login dapat dilihat pada gambar 4.27.
Gambar 4.27 Login guru
b. Halaman utama
Halaman ini merupakan halaman utama dari halaman guru. Terdapat pilihan menu yang dapat dilakukan oleh guru. Tampilan halaman utama dapat dilihat pada gambar 4.28.
commit to user
46
c. Halaman materi
Pada menu ini, guru dapat melihat dan menambahkan materi yang nantinya dapat di-download oleh siswa. Tampilan halaman materi dapat dilihat pada gambar 4.29.
Gambar 4.29 Halaman materi
d. Halaman tugas
Pada menu tugas ini, guru dapat melihat tugas yang telah ditambahkan pada siswa. Selain itu, guru juga dapat menambahkan tugas baru bagi siswa. Tampilan halaman tugas dapat dilihat pada gambar 4.31.
Gambar 4.31 Halaman tugas
commit to user
48
e. Halaman tambah soal
Pada halaman ini, guru dapat menambahkan kd dan soal sesuai dengan mapel yang diampu guru tersebut. Tampilan halaman soal dan penambahan soal dapat dilihat pada gambar 4.33 dan 4.34.
Gambar 4.33 Halaman soal (pilih mapel yang diampu)
Gambar 4.35 Tampilan submenu input soal
f. Halaman Nilai
Pada halaman ini guru dapat melihat nilai dari ujian kd para siswa. Dapat dilakukan secara individu atau secara kelas berdasar mapel yang diampu. Tampilan halaman nilai dapat dilihat pada gambar 4.36.
commit to user
50
g. Halaman Kd
Pada menu ini guru dapat melakukan pengeditan dan aktivasi soal. Aktivasi soal diberikan agar waktu pelaksanaan ujian dapat dikendalikan guru. Tampilan halaman kd dapat dilihat pada gambar 4.37.
Gambar 4.37 Tampilan halaman kd
A.4.Halaman Siswa
Halaman ini adalah halaman yang tampil saat siswa memasukkan username
dan pa ssword mereka. Terdapat 4 menu yang dapat dimanfaatkan oleh siswa, yaitu materi, tugas, soal dan nilai.
a. Halaman utama
Halaman ini adalah halaman yang tampil saat siswa memasukkan
username dan pa ssword mereka. Terdapat 4 menu yang dapat dimanfaatkan oleh siswa, yaitu materi, tugas, soal dan nilai. Tampilan halaman utama siswa dapat dilihat pada gambar 4.38.
Gambar 4.38 Halaman utama siswa
b. Halaman materi
Pada halaman ini ditampilkan materi yang tersedia untuk di-download
oleh siswa sesuai dengan kelas dari siswa tersebut. Tampilan halaman materi dapat dilihat pada gambar 4.39.
commit to user
52
Gambar 4.39 Tampilan halaman materi
c. Halaman tugas
Pada halaman ini ditampilkan tugas yang tersedia untuk siswa sesuai dengan kelas dari siswa tersebut. Tampilan halaman tugas dapat dilihat pada gambar 4.40.
Gambar 4.41 Tampilan detail tugas siswa
d. Halaman soal
Pada halaman ini siswa akan diberi pilihan ujian yang akan dikerjakan. Kemudian akan muncul nama kd yang aktif dan dapat dikerjakan oleh siswa sebagai ujian online. Tampilan halaman soal dapat dilihat pada gambar 4.42 dan 4.43.
commit to user
54
Gambar 4.43 Tampilan pilihan kd yang aktif
e. Halaman nilai
Pada halaman ini akan ditampilkan nilai yang didapat oleh siswa sesuai dengan ujian yang pernah dikerjakan. Tampilan halaman nilai dapat dilihat pada gambar 4.45.
Gambar 4.44 Tampilan halaman nilai
B. Analisis Kebutuhan Sistem
Analisis kebutuhan sistem dari E-learning SMAN 2 Pemalang ini dibagi menjadi 2, yaitu :
1. Kebutuhan Software
Kebutuhan perangkat lunak yang digunakan untuk menggunakan E-learning ini adalah sebagai berikut :
Tabel 4.1 Kebutuhan Software
No. Jenis Sotware Nama Software Harga
1 Sistem Operasi Windows 7 Ultimate Rp. 7.000.000,00
2 Bahasa Pemrograman PHP, HTML, Javascript Gratis
3 Web Server Apache Gratis
commit to user
56
5 Task Editor Adobe Dreamweaver CS4 Rp. 7.500.000,00 6 Web Browser Mozilla Firefox, Google
Chrome Gratis
Kebutuhan minimum perangkat lunak yang dibutuhkan untuk menampilkan web ini adalah :
a. Sistem operasi : Windows XP
b. Browser : Mozilla Firefox
2. Kebutuhan Hardware
Spesifikasi perangkat keras yang digunakan untuk membuat web ini adalah sebagai berikut :
a. Processor Intel Core i3 2330M 2,2 Ghz
b. Memori 4GB DDR3
c. Harddisk 750GB
d. VGA Ati Radeon HD6730M 2GB
commit to user 57
BAB V PENUTUP
A. Kesimpulan
E-learning yang dapat digunakan sebagai alat bantu dalam proses pembelajaran telah dapat dibuat. Dalam E-learning ini dapat digunakan sebagai penyebaran materi pelajaran, sebagai alat penyebaran dan pengumpulan tugas, serta dapat pula digunakan sebagai media evaluasi pembelajaran melalui ujian online.
B. Saran
Berdasarkan kesimpulan diatas, penulis dapat memberikan saran sebagai berikut :
1. Bisa ditambahkan laporan nilai secara visual dalam bentuk grafik sehingga lebih mudah untuk pembacaan.
2. Fasilitas search pada semua halaman yang dapat digunakan untuk memudahkan dalam proses pencarian materi, tugas atau ujian online.
commit to user 58