BAB IV

PEMBAHASAN

4.1. Tahapan Analisis Sistem Baru
Tahapan analisis sistem baru adalah tahapan menganalisa kebutuhan
yang diperlukan dalam perancangan sistem dan menganalisa resiko yang
mungkin terjadi pada saat sistem diimplementasikan.
4.1.1. Kebutuhan Sistem
Berdasarkan penelitian langsung di SMK KH.GHALIB Pringsewu dan
melihat permasalahan-permasalahan yang terjadi pada model
pembelajaran konvensional di SMK KH.GHALIB, maka dalam
pembuatan sistem web-learning, kebutuhan sistem dapat dibagi
menjadi dua yaitu :
a. Kebutuhan Fungsional (fuctional requirement)
1. Sistem harus bisa melakukan entri data yang berhubungan
dengan admin.
2. Sistem harus bisa melakukan entri data yang berhubungan
dengan guru.
3. Sistem harus bisa melakukan entri data yang berhubungan
dengan siswa.

b. Kebutuhan Non Fungsional (nonfuctional requirement)
1. Operasional
kebutuhan operasional yang diperlukan dalam pembuatan
web-learning adalah komputer dengan spesifikasi minimum
sebagai berikut :
- Menggunakan Sistem Operasi Windows XP
- Processor Intel Dual Core 2.0 Ghz
- RAM 1 GB
- Monitor
- Keyboard
- Mouse
- Xampp 1.7.1
- Mozilla Firefox
- Adobe Photoshop CS 3
- Macromedia Dreamweaver 8.0
2. Keamanan
Keamanan sistem adalah hal yang paling utama dalam
pembuatan sistem, celah keamanan sistem harus dibuat sekecil
mungkin agar sistem tidak dimasuki oleh orang yang tidak
bertanggung jawab yang menganggu sistem. Untuk melindungi
keamanan sistem, maka dibuatlah halaman login bagi
pengguna agar setiap pengguna yang akan masuk kedalam


sistem web-learning harus memasukkan username dan
password yang dimiliki.
3. Informasi
Digunakan untuk menginformasikan kepada pengguna apabila
ussername dan password yang dimasukkan tidak sesuai atau
salah.

4.1.2. Resiko Sistem
Dalam setiap sistem yang dibuat oleh manusia selain memiliki
keunggulan dan kelemahan, sistem juga memiliki dampak atau resiko
yang ditimbulkan ketika sistem itu diterapkan. Sistem informasi web-
learning tidak menutup kemungkinan timbulnya resiko ketika web-
learning diterapkan di SMK KH.GHALIB Pringsewu. Hubungan antara
guru dan siswa secara online sangatlah berbeda dibandingkan
hubungan yang terjadi di dalam kelas. Jika guru kurang aktif memberi
umpan balik (feedback) kepada siswa, maka web-learning akan
menjadi kurang efektif dan tidak menarik bagi siswa. Komunikasi
antara guru dan siswa juga akan cepat memburuk jika siswa justru
menutup jalur komunikasi, misalnya mereka dengan sengaja tidak
membuka web-learning sehingga mereka tidak tahu apakah ada tugas
yang telah dikirim oleh guru atau tidak. Banyak faktor lain selain
kesengajaan atau keengganan dari kedua pihak yaitu guru dan siswa


yang mempengaruhi komunikasi dalam penerapan web-learning dan
menghambat interaktivitas dari sebuah sistem web-learning.

4.2. Tahapan Design
Tahapan design bertujuan untuk memenuhi kebutuhan pemakai sistem
mengenai gambaran yang jelas tentang rancangan sistem yang akan
dibuat serta diimplementasikan menggunakan Context Diagram, Data
Flow Diagram (DFD), Entity Relationship Diagram (ERD), Kamus Data,
Flowchart serta tampilan halaman input dan output.
4.2.1. Diagram Konteks




















Gambar 4.1: Diagram Konteks Web Learning SMK KH.GHALIB Pringsewu










Web-Learning
SMK KH.GHALIB
Pringsewu


Guru




Siswa
Data profil admin
Data akun guru
Data akun siswa
Data mata pelajaran
Info login admin
Info registrasi akun siswa
Info quiz
Info materi
Data profil guru
Data mapel
yang diampu
Data materi
Data quiz
Data nilai siswa
Info login guru
Info kelas yang diampu
Data kelas yg diampu
Info siswa yang diampu
Info mapel yang diampu
Info jawaban quiz
siswa



Admin
Data login admin
Data login guru
Data login siswa
Data kelas
Data
jawaban
quiz
Info login siswa
Info mata pelajaran
Info tugas/quiz
Info nilai
Info materi
Data
profil
siswa
Info pengajar


4.2.2. Data Flow Diagram (DFD)
4.2.2.1. DFD Level-0



















Gambar 4.2: DFD Level-0 Web Learning SMK KH.GHALIB Pringsewu









Web-Learning
SMK
KH.GHALIB
Pringsewu

Login


Guru




siswa


Admin
Data login admin
Data login guru
Data login siswa
Data profil admin
Data akun guru
Data akun siswa
Data mata
pelajaran
Info login
admin
Info
registrasi
akun
siswa
Info
Quiz
Info materi
Data profil guru
Data mapel
yang diampu
Data materi
Data quiz
Data nilai
siswa
Info login guru
Info kelas yang
diampu
Data kelas yg diampu
Info siswa yang
diampu
Info mapel yang diampu
Info jawaban quiz
siswa
admin
file_materi
jawaban
kelas
mata_pelajaran
nilai
pengajar
quiz
registrasi_siswa
siswa
siswa_sudah_mengerjakan

Data kelas
Data jawaban quiz
Data profil siswa
Info materi
Info nilai
Info tugas/quiz
Info login siswa
Info mata pelajaran
Info pengajar
0

4.2.2.2. DFD Level-1(Admin)

















Gambar 4.3: DFD Level-1 (Admin) Web Learning SMK KH.GHALIB Pringsewu






Admin
Input profil admin
Input kelas
Input mata
pelajaran
Input profil
pengajar
Input profil siswa
Input registrasi
siswa
Data profil admin
Data kelas
Data mata
pelajaran
Data pengajar
Data registrasi
siswa
Data siswa
1
Admin
2
Kelas
6
Siswa
5
Registrasi
Siswa
4
Pengajar
3
Mata
Pelajaran
siswa D14
registrasi_siswa D13
pengajar D10
mata_pelajaran D5
kelas D4
admin D1

4.2.2.3. DFD Level-1(Guru)

















Gambar 4.4: DFD Level-1 (Guru) Web Learning SMK KH.GHALIB Pringsewu




pengajar D10
kelas D4
mata_pelajaran D5
file_materi D2
quiz_pilganda D12
4
Pengajar
2
Kelas
3
Mata
Pelajaran
7
Materi
8
Quiz PG
9
Quiz Esay
quiz_esay D11

Guru
Edit profil guru
Input kelas yang diampu
Input mapel yang diampu
Upload materi
Upload quiz pilihan
ganda
Upload quiz esay
Data
guru
Data
kelas
Data
mapel
Data
materi
Data quiz
PG
Data quiz
esay

4.2.2.4. Data Flow Diagram (DFD) Level-1 (Siswa)













Gambar 4.5: DFD Level-1 (Siswa) Web Learning SMK KH.GHALIB Pringsewu







6
Siswa
siswa D14

Siswa
Edit Profil Siswa
Lihat kelas yang diikuti
Download
materi
Lihat quiz
Input jawaban quiz
Data siswa
Data kelas
Data
materi
Data quis
Data jawaban
2
Kelas
7
Materi
10
Quiz
11
Jawaban
kelas D4
file_materi D2
topik_quiz D16
jawaban D3

4.2.2.5. DFD Level-2




















Gambar 4.6: DFD Level-2 Web Learning SMK KH.GHALIB Pringsewu

registrasi
siswa
Guru
download materi upload materi
D14 siswa
lihat/ubah profil siswa
D4 kelas
lihat kelas yang diikuti
D16 topik_quiz
lihat quiz
input jawaban
D3 jawaban
D7 nilai
D2 file_materi
lihat nilai
D5 mata_pelajaran
D10 pengajar
D1 admin
D13 registrasi_siswa
Admin
D11 quiz_esay
ubah profil
admin
lihat siswa yg
mendaftar
input data guru
ubah profil guru
input mata pelajaran
input mata pelajaran yg
diampu
lihat siswa yg diampu
input data siswa
lihat kelas yg diampu
input kelas
input data siswa
(registrasi)
lihat quiz
esay
lihat quiz
PG
lihat siswa yg sdh
mengerjakan
D15 siswa_sudah_mengerjakan
Siswa
D12 quiz_pilganda

pengajar
mata
pelajaran
materi
admin
siswa
kelas
tugas/
quiz
quiz
esay
jawaban
nilai
quiz
PG
siswa sudah
mengerjakan

4.2.3. Entity Relationship Diagram






















id_tq
id_quiz
id_siswa
id
jawaban
deskripsi
id_pengajar
id_kelas
id_matapelajaran
nama
id
id_tq
nilai
id
id_siswa id_siswa
benar
salah
id_tq
id
tidak_dikerjakan
presentase
id_tq
id_siswa
dikoreksi
id
id_tq
pertanyaan
gambar
id_quiz
tgl_buat
jenis_soal
id_kelas
id_matapelajaran
tgl_buat
judul
pembuat
waktu_pengerjaan
id_tq
info
terbit
pertanyaan
pil_b
pil_c
gambar id_tq
tgl_buat
pil_a
kunci
pil_d
id_quiz
id_file hits
judul
id_kelas
id_matapelajara
n
nama_file
tgl_posting
pembuat
butuh
B
A
input
butuh
butuh
B input
B
input
topik_quiz
input
input
jenis_soal
quiz_pilganda
quiz_esay
input siswa_sudah_mengerjakan
hits
nilai_soal_esay
input
input
file_materi
input
butuh
nilai
mata_pelajaran
jawaban
























nama_lengkap
id_pengajar
username_login
nip
password_login
level
alamat
tempat_lahir
tgl_lahir
jenis_kelamin
agama
no_telp
email
foto
website
jabatan
blokir
id_session
nama_lengkap
password_login

id_kelas
username_login

jabatan
nis
alamat
tempat_lahir
id_siswa
tgl_lahir
jenis_kelamin
agama
nama_ayah
nama_ibu
th_masuk
foto
no_telp
email
level
id_session_soal
blokir
id_session
id_siswa
online
ip
tanggal
link static_conten
t
gambar
nama_modu
l
publish status
id_modul
aktif
urutan
link_seo
id_kelas
nama
id_pengajar
id
id_siswa
B
input
input
id_admin
alamat
level
nama_lengkap
password
username
email
no_telp
id_session blokir
input
input
input
input
butuh
pengajar siswa
admin kelas
butuh
online
modul
A
C











Gambar 4.7: ERD Web Learning SMK KH.GHALIB Pringsewu


4.2.4. Kamus Data (Data Dictionary)
Kamus data atau data dictionary merupakan daftar database dan tabel
(bagian dari database) yang digunakan pada sistem web-learning SMK
KH.GHALIB Pringsewu. Kamus data digunakan untuk mendefinisikan
semua elemen arus data yang terdapat pada web-learning. Kamus
data ini memuat informasi tentang nama database atau nama tabel ,
fungsi dari database atau tabel dan struktur data yang merupakan
daftar fields (komponen data) yang ada di dalam database / tabel
tersebut. Selengkapnya dijabarkan sebagai berikut :

Registrasi_sisw
a
nama_lengkap
password_login

id_kelas
username_login

jabatan
nis
alamat
tempat_lahir
id_registrasi
tgl_lahir
jenis_kelamin
agama
nama_ayah
nama_ibu
th_masuk
foto
no_telp
email
C
blokir
level
Id_session
Id_session_soal

1. Tabel admin
Nama : admin
Fungsi : untuk menyimpan data admin web-learning
Struktur data : id_admin + username + password +
nama_lengkap + level + alamat + no_telp + email + blokir +
id_session
2. Tabel file_materi
Nama : file_materi
Fungsi : untuk menyimpan file materi yang diupload
oleh guru pada web-learning
Struktur data : id_file + judul + id_kelas + id_matapelajaran +
nama_file + tgl_posting + pembuat + hits
3. Tabel jawaban
Nama : jawaban
Fungsi : untuk menyimpan jawaban dari quiz yang telah
dikerjakan oleh siswa pada web-learning.
Struktur data : id + id_tq + id_quiz + id_siswa + jawaban
4. Tabel kelas
Nama : kelas
Fungsi : untuk menyimpan data seluruh kelas yang ada
di SMK KH.GHALIB Pringsewu pada web-learning.
Struktur data : id + id_kelas + nama + id_pengajar + id_siswa

5. Tabel mata_pelajaran
Nama : mata_pelajaran
Fungsi : untuk menyimpan data seluruh mata pelajaran
yang ada di SMK KH.GHALIB Pringsewu pada web-learning.
Struktur data : id + id_matapelajaran + nama + id_kelas +
id_pengajar + deskripsi
6. Tabel modul
Nama : modul
Fungsi : untuk menyimpan modul yang berisi perintah
untuk mengaktifkan atau menonaktifkan menu tertentu yang
diinginkan oleh admin untuk ditampilkan pada halaman guru
atau siswa pengguna web-learning.
Struktur data : id_modul + nama_modul + link + static_content
+ gambar + publish + status + aktif + urutan + link_seo
7. Tabel nilai
Nama : nilai
Fungsi : untuk menyimpan nilai siswa yang sudah
mengerjakan quiz pada web-learning.
Struktur data : id + id_tq + id_siswa + benar + salah +
tidak_dikerjakan + presentase



8. Tabel nilai_soal_esay
Nama : nilai_soal_esay
Fungsi : untuk menyimpan nilai siswa, nilai ini diberikan
oleh guru untuk koreksi jawaban soal quiz esay yang sudah
dikerjakan oleh siswa pada web-learning.
Struktur data : id + id_tq + id_siswa + nilai
9. Tabel online
Nama : online
Fungsi : untuk menyimpan data siswa yang sedang
online, data tersebut berupa hari, tanggal dan jam ketika
pengguna masuk kedalam sistem web-learning.
Struktur data : ip + id_siswa + tanggal + online
10. Tabel pengajar
Nama : pengajar
Fungsi : untuk menyimpan seluruh data pengajar/guru
SMK KH.GHALIB Pringsewu kedalam sistem web-learning.
Struktur data : id_pengajar + nip + nama_lengkap +
username_login + password_login +level + alamat +
tempat_lahir + tgl_lahir + jenis_kelamin + agama + no_telp +
email + foto + website + jabatan + blokir + id_session



11. Tabel quiz_esay
Nama : quiz_esay
Fungsi : untuk menyimpan data quiz esay yang dibuat
oleh guru dan diupload kedalam sistem web-learning.
Struktur data : id_quiz + id_tq + pertanyaan + gambar +
tgl_buat + jenis_soal
12. Tabel quiz_pilganda
Nama : quiz_pilganda
Fungsi : untuk menyimpan data quiz pilihan ganda yang
dibuat oleh guru dan diupload kedalam sistem web-learning.
Struktur data : id_quiz + id_tq + pertanyaan + gambar + pil_a +
pil_b + pil_c + pil_d +kunci + tgl_buat + jenis_soal
13. Tabel registrasi_siswa
Nama : registrasi_siswa
Fungsi : untuk menyimpan data siswa yang mendaftar
kedalam sistem web-learning.
Struktur data : id_registrasi + nis + nama_lengkap +
username_login + password_login + id_kelas + jabatan + alamat
+ tempat_lahir + tgl_lahir + jenis_kelamin + agama + nama_ayah
+ nama_ibu + th_masuk + email + no_telp + foto + blokir +
id_session + id_session_soal + level


14. Tabel siswa
Nama : siswa
Fungsi : untuk menyimpan data siswa yang sudah
menjadi pengguna web-learning.
Struktur data : id_siswa+ nis + nama_lengkap + username_login
+ password_login + id_kelas + jabatan + alamat + tempat_lahir +
tgl_lahir + jenis_kelamin + agama + nama_ayah + nama_ibu +
th_masuk + email + no_telp + foto + blokir + id_session +
id_session_soal + level
15. Tabel siswa_sudah_mengerjakan
Nama : siswa_sudah_mengerjakan
Fungsi : untuk menyimpan data siswa yang sudah
selesai mengerjakan quiz yang diberikan oleh guru pada sistem
web-learning.
Struktur data : id + id_tq + id_siswa + dikoreksi + hits
16. Tabel topik_quiz
Nama : topik_quiz
Fungsi : untuk menyimpan topik atau judul quiz yang
akan dipublikasikan kepada siswa oleh guru, pada sistem web-
learning.
Struktur data : id_tq + judul + id_kelas + id_matapelajaran +
tgl_buat + pembuat + waktu_pengerjaan + info + terbit

4.2.5. Flowchart Web-Learning SMK KH.GHALIB Pringsewu
4.2.5.1. Flowchart Admin




















Gambar 4.8: Flowchart Admin WebLearning SMK KH.GHALIB Pringsewu

Mulai
Input username
dan password
Verifikasi

diterima
Tampilan menu
web-learning
input profil admin,
input kelas, input
mapel, input profil
pengajar, lihat
registrasi siswa,
input siswa
Adakah siswa
yg mendaftar
di web-
learning?
Logout
Selesai
Login
Ya
Ya
Tidak
Tidak
Terima menjadi
pengguna web-
learning

Keluar
Ya
Tidak

4.2.5.2. Flowchart Guru




















Gambar 4.9: Flowchart Guru WebLearning SMK KH.GHALIB Pringsewu

Mulai
Input username
dan password
Verifikasi

diterima
Tampilan menu
web-learning
ubah profil guru,
input kelas yg
diampu, input mapel
yg diampu, upload
materi, upload quiz
Adakah siswa
yg sudah
mengerjakan
quiz ?
Logout
Selesai
Login
Ya
Ya
Tidak
Tidak
Koreksi jawaban,
Upload nilai

Keluar
Ya
Tidak

4.2.5.3. Flowchart Siswa





















Gambar 4.10: Flowchart Siswa WebLearning SMK KH.GHALIB Pringsewu

Mulai
Input username
dan password
Verifikasi

diterima
Tampilan menu
web-learning
ubah profil siswa,
lihat kelas yg diikuti,
download materi,
lihat quiz, input
jawaban quiz
Adakah quiz
yang diupload
oleh guru ?
Logout
Selesai
Login
Ya
Ya
Tidak
Tidak
input jawaban quiz
Keluar
Ya
Tidak

4.2.6. Rancangan File Master
4.2.6.1. Desain File Master Admin
Halaman admin perlu dirancang sedemikian rupa dengan harapan
dapat memberikan kenyamanan dan kemudahan kepada admin
pada saat menginputkan data/informasi kedalam web-learning.
Adapun perancangan tampilan halaman admin web-learning SMK
KH.GHALIB Pringsewu seperti ditunjukan pada gambar berikut :












Gambar 4.11: Desain File Master Admin



ADMINISTRATOR
WEB-LEARNING SMK KH.GHALIB PRINGSEWU
Welcome, Administrator
Assalamualaikum
Selamat pagi,
pengunjung...
Menu Utama
Mata Pelajaran
Materi
Manajemen Kelas
Beranda Setting Ukuran Logout
Informasi
Anda masih dalam
keadaan login
sebagai : pengajar.
Jangan lupa untuk
Logout sebelum
meninggalkan
website ini.
Hai .... , Selamat datang di halaman administrator.
Silahkan klik menu pilihan yang berada di sebelah kiri untuk
mengelola website.
Login : Hari, Tanggal Bulan Tahun, Jam
Copyright 2013 . SMK KH.GHALIB PRINGSEWU
Manajemen User Setting
Registrasi Siswa
Manajemen Quiz
Quick Links
Home Admin Pengajar Siswa Modul
e
Kelas
Mata
Pelajaran
Materi Quiz Logout

4.2.6.2. Desain File Master Pengajar / Guru
Halaman pengajar atau guru juga perlu dirancang sedemikian rupa
agar guru dapat dengan mudah melakukan aktifitas pada web-
learning, mengupload materi, mengupload quiz dan nilai untuk
siswanya. Perancangan tampilan halaman pengajar / guru pada
web-learning SMK KH.GHALIB Pringsewu seperti ditunjukan pada
gambar berikut :














Gambar 4.12: Desain File Master Pengajar/Guru

ADMINISTRATOR
WEB-LEARNING SMK KH.GHALIB PRINGSEWU
Welcome, Teacher
Assalamualaikum
Selamat pagi,
pen
gunj
ung.
..
Menu Utama
Manajemen Kelas
Materi
Manajemen Quiz
Mata Pelajaran
Beranda Setting Ukuran Logout
Informasi
Anda masih dalam
keadaan login
sebagai : pengajar.
Jangan lupa untuk
Logout sebelum
meninggalkan
website ini.
Hai .... , Selamat datang di halaman pengajar.
Silahkan klik menu pilihan yang berada di sebelah kiri untuk
mengelola website.
Login : Hari, Tanggal Bulan Tahun, Jam
DETAIL PROFIL
A
N
D
A
View
Informasi Profil
Edit
Profil
KELAS YANG ANDA
AM
PU Tambah
Lihat Siswa
Kelas . . . .
Kelas . . . . Lihat Siswa
MATA PELAJARAN YANG ANDA
AMPU
Tambah
Mapel . . . .
Mapel . . . .
Copyright 2013 . SMK KH.GHALIB PRINGSEWU

4.2.6.3. Desain File Master Siswa
Halaman siswa juga harus dirancang sedemikian rupa agar siswa
dapat dengan mudah melakukan aktifitas pada web-learning,
mendownload materi, mengerjakan quiz dan melihat nilai quiz.
Perancangan tampilan halaman siswa pada web-learning SMK
KH.GHALIB Pringsewu ditunjukan pada gambar berikut :









Gambar 4.13: Desain File Master Siswa

4.2.7. Desain Dialog Input (Tampilan Input)
4.2.7.1. Desain Halaman Login Siswa
Halaman login siswa adalah halaman yang digunakan oleh siswa
untuk masuk kedalam sistem web-learning SMK KH.GHALIB
Pringsewu dengan memasukkan username dan password yang
dimiliki.
selamat datang ... Beranda Selamat Pagi
Pengunjung
Keluar
Hai ...
Selamat datang di web-learning SMK KH.GHALIB Pringsewu
Login : Hari , Tanggal Bulan Tahun , Jam
MENU UTAMA
Kelas Anda
Mata Pelajaran
Materi
Tugas / Quiz
Nilai
WEB-LEARNING
SMK KH.GHALIB
Pringsewu
Logo







Gambar 4.14: Desain Halaman Login Siswa

4.2.7.2. Desain Halaman Login Admin dan Guru
Halaman login admin dan guru adalah sebuah halaman yang
memiliki dua fungsi yaitu untuk digunakan oleh admin atau guru
untuk masuk kedalam sistem web-learning SMK KH.GHALIB
Pringsewu dengan memasukkan username dan password yang
dimiliki.






Gambar 4.15: Desain Halaman Login Admin dan Guru



Login Admin
Username
Password
Login Reset
WEB-LEARNING
SMK KH.GHALIB PRINGSEWU
Username
Password
Daftar Web-Learning LOGIN

4.2.7.3. Desain Halaman Registrasi Siswa
Halaman registrasi siswa adalah halaman yang digunakan oleh siswa
untuk mendaftar sebagai pengguna web-learning SMK KH.GHALIB
Pringsewu.

















Gambar 4.16: Desain Halaman Registrasi Siswa

Registrasi Siswa
NIS
Nama Lengkap
E-mail
Kelas :
Pilih v
Alamat :
Tempat Lahir :
Tanggal Lahir :
29 v Desember v 2013 v
Jenis Kelamin :
Laki-laki Perempuan
Agama :
Pilih
v
Nama Ayah / Wali :
Nama Ibu :
Tahun Masuk :
2013 v
Daftar Batal

4.2.7.4. Desain Halaman Edit Username dan Password
Halaman edit username dan password adalah halaman yang
digunakan oleh pengguna web-learning untuk mengganti atau
mengubah username atau password yang dimiliki.





Gambar 4.17: Desain Halaman Edit Username dan Password


4.2.7.5. Desain Halaman Tambah Kelas (Pengguna : Guru)
Halaman tambah kelas adalah halaman yang digunakan oleh guru
untuk menambahkan kelas yang diampu.




Gambar 4.18: Desain Halaman Tambah Kelas (Guru)




Edit Account Login
Username
Password
*) Apabila Username tidak diubah di kosongkan saja
*) Apabila Password tidak diubah di kosongkan saja
Update
KELAS YANG ANDA AMPU
Kelas
Ketua Kelas
--pilih-- v
Simpan Batal

4.2.7.6. Desain Halaman Tambah Mata Pelajaran (Pengguna : Guru)
Halaman tambah mata pelajaran adalah halaman yang digunakan
oleh guru untuk menambahkan mata pelajaran yang diampu.







Gambar 4.19: Desain Halaman Tambah Mata Pelajaran (Guru)


4.2.7.7. Desain Halaman Tambah Materi (Pengguna : Guru)
Halaman tambah materi adalah halaman yang digunakan oleh guru
untuk menambahkan materi pelajaran untuk siswa.






Gambar 4.20: Desain Halaman Tambah Materi (Guru)



TAMBAH MATERI
Judul
Kelas --pilih-- v
Simpan Batal
Pelajaran
File Browse
MATA PELAJARAN YANG DIAMPU
Kelas
Pelajaran
--pilih-- v
Simpan Batal
v
Deskripsi

4.2.7.8. Desain Halaman Tambah Topik Quiz (Pengguna : Guru)
Halaman tambah topik quiz adalah halaman yang digunakan oleh
guru untuk menambahkan topik atau judul dari quiz yang akan
dipublikasikan kepada siswa melalui web-learning. Setelah guru
membuat topik quiz, guru dapat menambahkan quiz esay atau quiz
pilihan ganda kedalam sebuah topik quiz yang telah dibuat
sebelumnya.











Gambar 4.21: Desain Halaman Tambah Topik Quiz (Guru)




TAMBAH TOPIK
Judul
Kelas --pilih-- v
Simpan Batal
Pelajaran
Lama Pengerjaan
Dalam Menit
Info Quiz
Terbit Y N

4.2.7.9. Desain Halaman Buat Quiz Esay (Pengguna : Guru)
Halaman buat quiz esay adalah halaman yang digunakan oleh guru
untuk menambahkan quiz esay yang akan dipublikasikan kepada
siswa kedalam topik quiz yang telah dibuat sebelumnya.









Gambar 4.22: Desain Halaman Buat Quiz Esay (Guru)








BUAT TUGAS/QUIZ ESAY
Pertanyaan 1
Simpan Batal
Gambar Browse
Jika tidak ada gambar dikosongkan saja.
Tipe yang diizinkan JPG dan JPEG.
Jumlah soal esay di database : 0

4.2.7.10. Desain Halaman Buat Quiz Pilihan Ganda (Pengguna : Guru)
Halaman buat quiz pilihan ganda adalah halaman yang digunakan
oleh guru untuk menambahkan quiz pilihan ganda yang akan
dipublikasikan kepada siswa kedalam topik quiz yang telah dibuat
sebelumnya.
















Gambar 4.23: Desain Halaman Buat Quiz Pilihan Ganda (Guru)


BUAT TUGAS/QUIZ PILIHAN GANDA
Pertanyaan 1
Simpan Batal
Gambar Browse
Jika tidak ada gambar dikosongkan saja.
Tipe yang diizinkan JPG dan JPEG.

Pilihan A
Pilihan B
Pilihan C
Pilihan D
Kunci Jawaban A B C D
Jumlah soal Pilihan Ganda di database : 0


4.2.7.11. Desain Halaman Input Jawaban Quiz PG (Pengguna : Siswa)
Halaman input jawaban quiz pilihan ganda adalah halaman yang
digunakan oleh siswa untuk menginputkan jawaban quiz pilihan
ganda yang telah dipublikasikan oleh guru.









Gambar 4.24: Desain Halaman Input Jawaban Quiz Pilihan Ganda (Siswa)


4.2.7.12. Desain Halaman Input Jawaban Quiz Esay (Pengguna : Siswa)
Halaman input jawaban quiz esay adalah halaman yang digunakan
oleh siswa untuk menginputkan jawaban quiz esay yang telah
dipublikasikan oleh guru.




Daftar Soal Pilihan Ganda
1 . Pertanyaan ke 1
A Jawaban A
B Jawaban B
C Jawaban C
D Jawaban D
2 . Pertanyaan ke 2
A Jawaban A
B Jawaban B
C Jawaban C
D Jawaban D
Sisa Waktu Anda
00 : 00 : 00
Kirim

LOGO











Gambar 4.25: Desain Halaman Input Jawaban Quiz Esay (Siswa)


4.2.7.13. Desain Halaman Tambah Admin (Pengguna : Admin)
Halaman tambah admin adalah halaman yang digunakan oleh
admin untuk menambahkan seseorang menjadi admin. Web-
learning ini dirancang untuk dapat mempunyai lebih dari satu
orang admin sehingga, memudahkan kerja admin dalam
mengadministrasi web-learning.






Gambar 4.26: Desain Halaman Tambah Admin (Admin)


Daftar Soal Esay
1 . Pertanyaan ke 1
2 . Pertanyaan ke 2
Sisa Waktu Anda
00 : 00 : 00
Kirim

LOGO
Jawaban
Jawaban
TAMBAH ADMINISTRATOR
Username
Simpan Batal
BLokir Y N
Password
Nama
Alamat
E-mail
No.Telp/HP

4.2.7.14. Desain Halaman Tambah Pengajar (Pengguna : Admin)
Halaman tambah pengajar adalah halaman yang digunakan oleh
admin untuk menambahkan seseorang pengajar/guru menjadi
pengguna web-learning.











Gambar 4.27: Desain Halaman Tambah Pengajar (Admin)


TAMBAH PENGAJAR
NIP
Simpan Batal
Tanggal Lahir
N
Nama Lengkap
Username
Password
Alamat
Tempat Lahir
29 v Desember v 2013 v
Jenis Kelamin Laki-laki Perempuan
Agama --Pilih-- v
Telp/HP
E-mail
Website http://
Foto
Browse
Tipe foto harus JPG/JPEG dan
ukuran lebar maks : 400 px
Jabatan
Blokir Y

4.2.7.15. Desain Halaman Tambah Siswa (Pengguna : Admin)
Halaman tambah siswa adalah halaman yang digunakan oleh admin
untuk menambahkan siswa secara langsung menjadi pengguna
web-learning tanpa siswa tersebut melakukan registrasi pada
halaman daftar web-learning.












Gambar 4.28: Desain Halaman Tambah Siswa (Admin)

TAMBAH SISWA
NIS
Nama Lengkap
Username Login
Password Login
Alamat :
Tempat Lahir
Tanggal Lahir
29 v Desember v 2013 v
Jenis Kelamin
Agama : Pilih
v
Nama Ayah / Wali
Nama Ibu
Tahun Masuk 2013 v
Simpan Batal
Kelas
Pilih v
Jabatan
Laki-laki Perempuan
E-mail
No.Telp/HP
Foto
Browse
Tipe foto harus JPG/JPEG dan
ukuran lebar maks : 400 px

Blokir Y N

4.2.7.16. Desain Halaman Tambah Kelas (Pengguna : Admin)
Halaman tambah kelas adalah halaman yang digunakan oleh admin
untuk menambahkan kelas termasuk di dalamnya menentukan wali
kelas dan ketua kelas pada kelas tersebut.




Gambar 4.29: Desain Halaman Tambah Kelas (Admin)


4.2.7.17. Desain Halaman Tambah Mata Pelajaran (Pengguna : Admin)
Halaman tambah kelas adalah halaman yang digunakan oleh admin
untuk menambahkan kelas termasuk di dalamnya menentukan wali
kelas dan ketua kelas pada kelas tersebut.












Gambar 4.30: Desain Halaman Tambah Mata Pelajaran (Admin)

TAMBAH KELAS
Id Kelas
Nama Kelas
Simpan Batal
Ketua Kelas
Wali Kelas --Pilih Pengajar-- v
--Pilih Siswa-- v
TAMBAH MATA PELAJARAN
Id Mata Pelajaran
Nama
Simpan
Batal
Kelas
Pengajar
--Pilih-- v
--Pilih-- v
Deskripsi

4.2.8. Desain Dialog Output (Tampilan Output)
4.2.8.1. Desain Halaman Daftar Teman (Pengguna : Siswa)
Halaman daftar teman adalah halaman yang digunakan oleh siswa
untuk melihat daftar nama seluruh teman yang ada di dalam
kelasnya.













Gambar 4.31: Desain Halaman Daftar Teman (Siswa)

4.2.8.2. Desain Halaman Detail Siswa (Pengguna : Siswa)
Halaman detail siswa adalah halaman yang digunakan oleh siswa
untuk melihat data profil dari seluruh teman yang ada di dalam
kelasnya.



Daftar Teman
No NIS Nama Jenis Kelamin Tahun Masuk Aksi
Detail Siswa
<<First | <Prev | 1 | 2 | Next> | Last>>
Detail Siswa
Detail Siswa
Detail Siswa
Detail Siswa
Detail Siswa








Gambar 4.32: Desain Halaman Detail Siswa (Siswa)


4.2.8.3. Desain Halaman Daftar Mata Pelajaran (Pengguna : Siswa)
Halaman daftar mata pelajaran adalah halaman yang digunakan oleh
siswa untuk melihat daftar mata pelajaran yang ada di kelasnya.




Gambar 4.33: Desain Halaman Daftar Mata Pelajaran (Siswa)



Detail Siswa
Kelas
Alamat
Tempat Lahir
Tanggal Lahir
Jenis Kelamin
Agama
Nama Ayah/Wali
Nama Ibu
Tahun Masuk
E-mail
No.Telp/HP
Jabatan
Nama
NIS
Kembali
Daftar Mata Pelajaran di Kelas Anda
No Nama Pengajar Deskripsi

4.2.8.4. Desain Halaman Daftar Materi (Pengguna : Siswa)
Halaman daftar materi adalah halaman yang digunakan oleh siswa
untuk melihat daftar materi yang telah diupload oleh guru.




Gambar 4.34: Desain Halaman Daftar Materi (Siswa)


4.2.8.5. Desain Halaman Lihat Materi (Pengguna : Siswa)
Halaman lihat materi adalah halaman yang digunakan oleh siswa
untuk mendownload materi yang telah diupload oleh guru.





Gambar 4.35: Desain Halaman Lihat Materi (Siswa)


4.2.8.6. Desain Halaman Tugas/Quiz (Pengguna : Siswa)
Halaman tugas/quiz adalah halaman yang digunakan oleh siswa
untuk melihat tugas/quiz yang telah diupload oleh guru.

Materi
No Mata Pelajaran Materi
Lihat Materi
Daftar File Materi
Judul :
Nama File :
Ukuran :
Tanggal Posting :
Download File Di download : 0 kali



Logo tipe file





Gambar 4.36: Desain Halaman Tugas/Quiz (Siswa)


4.2.8.7. Desain Halaman Daftar Tugas/Quiz (Pengguna : Siswa)
Halaman daftar tugas/quiz adalah halaman yang digunakan oleh
siswa untuk melihat deskripsi dari tugas/quiz yang telah diupload
oleh guru dan mengerjakannya.






Gambar 4.37: Desain Halaman Daftar Tugas/Quiz (Siswa)




Tugas/Quiz
No Mata Pelajaran Aksi
Lihat Tugas/Quiz
Daftar Tugas/Quiz Mata Pelajaran
Kerjakan Tugas/Quiz
Deskripsi Tugas/Quiz No
1 Judul :
Tanggal Posting :
Pembuat :
Waktu Pengerjaan :
Info Soal/Quiz :
Tanggal Lahir :

4.2.8.8. Desain Halaman Daftar Nilai Tugas/Quiz (Pengguna : Siswa)
Halaman daftar nilai tugas/quiz adalah halaman yang digunakan
oleh siswa untuk melihat deskripsi dan melihat nilai dari tugas/quiz
yang telah dikerjakan.






Gambar 4.38: Desain Halaman Daftar Nilai Tugas/Quiz (Siswa)


4.2.8.9. Desain Halaman Lihat Nilai Tugas/Quiz (Pengguna : Siswa)
Halaman lihat nilai tugas/quiz adalah halaman yang digunakan oleh
siswa untuk melihat nilai dari tugas/quiz yang telah dikerjakan.




Gambar 4.39: Desain Halaman Lihat Nilai Tugas/Quiz (Siswa)



Daftar Nilai Tugas/Quiz Mata Pelajaran
Lihat Nilai
Deskripsi Tugas/Quiz No
1 Judul :
Tanggal Posting :
Pembuat :
Waktu Pengerjaan :
Info Soal/Quiz :
Tanggal Lahir :
Nilai Anda
Deskripsi Tugas/Quiz Nilai
Kembali

4.2.8.10. Desain Halaman Peserta dan Koreksi (Pengguna : Guru)
Halaman peserta dan koreksi adalah halaman yang digunakan oleh
guru untuk melihat siswa yang sudah mengerjakan quiz dan
mengoreksi quiz esay.






Gambar 4.40: Desain Halaman Peserta dan Koreksi (Guru)


4.3. Tampilan Web-Learning SMK KH.GHALIB Pringsewu
Web-learning SMK KH.GHALIB Pringsewu dapat diakses oleh tiga
kategori pengguna yaitu siswa, guru dan admin. Oleh sebab itu kategori
user web-learning akan dibagi menjadi tiga, yaitu user siswa, user
pengajar dan user admin yang akan dijelaskan dibawah ini.
4.3.1. Tampilan Web-Learning (Pengguna: Siswa)
4.3.1.1. Tampilan Halaman Login Siswa
Untuk membuka halaman ini siswa memasukkan link web-learning
SMK KH.GHALIB Pringsewu dan secara otomatis siswa akan
diarahkan ke halaman login siswa kemudian siswa memasukkan
SISWA YANG TELAH MENGIKUTI QUIZ
Pilih aksi hapus siswa jika ingin mereset siswa yang telah mengikuti ujian.
Hanya jawaban soal esay yang bisa dikoreksi.
Penilaian soal pilihan ganda sistem yang mengerjakan.
No NIS Nama Kelas Status Aksi
Hapus Siswa | Koreksi 1
Kembali
2 Hapus Siswa | Koreksi

username dan password yang dimiliki dan mengklik tombol login
untuk masuk kedalam sistem web-learning. Berikut tampilan
halaman login siswa seperti yang tampak pada gambar dibawah ini.

Gambar 4.41: Tampilan Halaman Login Siswa


4.3.1.2. Tampilan Halaman Beranda Siswa
Setelah siswa memasukkan username dan password yang benar
maka siswa akan masuk ke halaman beranda. Di halaman beranda ini
terdapat menu utama di sebelah kiri yaitu menu kelas anda, mata
pelajaran, materi, tugas/quiz dan nilai . Di bawah menu utama
terdapat menu profil yang terdiri dari edit profil dan edit username
dan password dan menu yang berada di atas adalah menu beranda
untuk kembali ke halaman beranda dan menu keluar untuk keluar
dari sistem web-learning SMK KH.GHALIB Pringsewu.


Gambar 4.42: Tampilan Halaman Beranda Siswa

4.3.1.3. Tampilan Halaman Kelas Anda
Pada saat siswa memilih menu kelas anda maka siswa akan masuk
ke sebuah halaman yang berisi informasi tentang kelas yang diikuti,
wali kelas dan daftar teman yang ada di dalam kelas yang diikuti.

Gambar 4.43: Tampilan Halaman Kelas Anda


4.3.1.4. Tampilan Halaman Mata Pelajaran
Pada saat siswa memilih menu mata pelajaran maka siswa akan
masuk ke sebuah halaman yang berisi informasi tentang mata
pelajaran yang diikuti, wali kelas dan daftar teman yang ada di dalam
kelas yang diikuti.

Gambar 4.44: Tampilan Halaman Mata Pelajaran


4.3.1.5. Tampilan Halaman Materi
Pada saat siswa memilih menu materi maka siswa akan masuk ke
sebuah halaman yang berisi materi pelajaran yang diupload oleh
guru dan siswa dapat mendownload file materi tersebut untuk
belajar.


Gambar 4.45: Tampilan Halaman Materi


4.3.1.6. Tampilan Halaman Tugas/Quiz
Pada saat siswa memilih menu tugas/quiz maka siswa akan masuk
ke sebuah halaman yang berisi tugas/quiz yang diupload oleh guru
dan siswa harus mengerjakan quiz tersebut agar mendapatkan nilai.

Gambar 4.46: Tampilan Halaman Tugas/Quiz


4.3.1.7. Tampilan Halaman Nilai
Pada saat siswa memilih menu nilai maka siswa akan masuk ke
sebuah halaman yang berisi nilai dari tugas/quiz yang telah
dikerjakan.

Gambar 4.47: Tampilan Halaman Nilai


4.3.1.8. Tampilan Halaman Edit Profil
Pada saat siswa memilih menu edit profil maka siswa akan masuk ke
sebuah halaman yang berisi halaman untuk mengubah data-data
profil dan menambahkan foto profil.


Gambar 4.48: Tampilan Halaman Edit Profil


4.3.1.9. Tampilan Halaman Edit Username dan Password
Pada saat siswa memilih menu edit username dan password maka
siswa akan masuk ke sebuah halaman yang berisi halaman untuk
mengubah username atau password yang dimiliki.

Gambar 4.49: Tampilan Halaman Edit Username dan Password



4.3.2. Tampilan Web-Learning (Pengguna: Guru)
4.3.2.1. Tampilan Halaman Login Guru/Admin
Untuk membuka halaman ini guru/admin memasukkan link
administrator web-learning SMK KH.GHALIB Pringsewu dan secara
otomatis guruakan diarahkan ke halaman login guru/admin.
Kemudian guru/admin memasukkan username dan password yang
dimiliki dan mengklik tombol login untuk masuk kedalam halaman
beranda administrator web-learning. Berikut tampilan halaman login
guru/admin seperti yang tampak pada gambar dibawah ini.

Gambar 4.50: Tampilan Halaman Login Admin/Guru


4.3.2.2. Tampilan Halaman Beranda Guru
Setelah guru memasukkan username dan password yang benar maka
guru akan masuk ke halaman beranda. Di halaman beranda ini
terdapat menu utama di sebelah kiri yaitu menu manajemen kelas,
mata pelajaran, materi, manajemen quiz. Menu yang berada di atas
adalah menu beranda untuk kembali ke halaman beranda dan menu

keluar untuk keluar dari sistem administrator web-learning SMK
KH.GHALIB Pringsewu.

Gambar 4.51: Tampilan Halaman Beranda Guru


4.3.2.3. Tampilan Halaman Manajemen Kelas
Pada saat guru memilih menu manajemen kelas maka guru akan
masuk ke sebuah halaman untuk menambahkan kelas yang diampu
oleh guru tersebut dan melihat daftar siswa yang ada di dalam kelas
tersebut.


Gambar 4.52: Tampilan Halaman Manajemen Kelas


4.3.2.4. Tampilan Halaman Mata Pelajaran
Pada saat guru memilih menu mata pelajaran maka guru akan masuk
ke sebuah halaman untuk menambahkan mata pelajaran yang
diampu oleh guru tersebut dan memilih kelas mana saja yang
mendapatkan mata pelajaran tersebut.

Gambar 4.53: Tampilan Halaman Mata Pelajaran



4.3.2.5. Tampilan Halaman Materi
Pada saat guru memilih menu materi maka guru akan masuk ke
sebuah halaman untuk mengupload materi kedalam web-learning
agar siswa dapat mendownload materi tersebut.

Gambar 4.54: Tampilan Halaman Materi


4.3.2.6. Tampilan Halaman Manajemen Quiz
Pada saat guru memilih menu manjemen quiz maka guru akan
masuk ke sebuah halaman untuk menambahkan topik quiz,
membuat soal quiz esay dan membuat soal quiz pilihan ganda dan
mengupload quiz kedalam web-learning agar siswa dapat
mengerjakan quiz tersebut.


Gambar 4.55: Tampilan Halaman Manajemen Quiz


4.3.3. Tampilan Web-Learning (Pengguna: Admin)
4.3.3.1. Tampilan Halaman Beranda Admin
Setelah admin memasukkan username dan password yang benar
maka admin akan masuk ke halaman beranda. Di halaman beranda
ini terdapat menu utama di sebelah kiri yaitu menu manajemen
siswa, manajemen kelas, mata pelajaran, materi, registrasi siswa dan
manajemen quiz. Menu yang berada di atas adalah menu beranda
untuk kembali ke halaman beranda, menu manajemen user untuk
mengatur user admin dan guru, menambahkan admin dan guru,
menu setting modules untuk mengatur modul yang berfungsi untuk
mengatur menu apa saja yang akan ditampilkan pada tiap-tiap
beranda user berdasarkan kategori user dan menu keluar untuk
keluar dari halaman administrator web-learning SMK KH.GHALIB
Pringsewu.


Gambar 4.56: Tampilan Halaman Beranda Admin


4.3.3.2. Tampilan Halaman Manajemen User Administrator
Pada saat admin memilih menu manjemen user administrator maka
admin akan masuk ke sebuah halaman untuk menambahkan admin
baru kedalam sistem web-learning SMK KH.GHALIB Pringsewu.
Gambar 4.57: Tampilan Halaman Manajemen User Administrator



4.3.3.3. Tampilan Halaman Manajemen User Pengajar
Pada saat admin memilih menu manjemen user pengajar maka
admin akan masuk ke sebuah halaman dimana admin dapat
menambahkan guru baru kedalam sistem web-learning SMK
KH.GHALIB Pringsewu.

Gambar 4.58: Tampilan Halaman Manajemen User Pengajar


4.3.3.4. Tampilan Halaman Setting Modules
Pada saat admin memilih menu setting modules maka admin akan
masuk ke sebuah halaman dimana admin dapat memilih menu apa
saja yang akan ditampilkan pada halaman admin dan halaman
pengajar.

Gambar 4.59: Tampilan Halaman Setting Modules


4.3.3.5. Tampilan Halaman Manajemen Siswa
Pada saat admin memilih menu manajemen siswa maka admin akan
masuk ke sebuah halaman dimana admin dapat menambahkan siswa
kedalam sistem web-learning dan mengubah data siswa apabila
terdapat kesalahan data.


Gambar 4.60: Tampilan Halaman Manajemen Siswa



4.3.3.6. Tampilan Halaman Manajemen Kelas
Pada saat admin memilih menu manajemen kelas maka admin akan
masuk ke sebuah halaman dimana admin dapat menambahkan kelas
kedalam sistem web-learning, memilih wali kelas dan ketua kelas
pada kelas tersebut.

Gambar 4.61: Tampilan Halaman Manajemen Kelas


4.3.3.7. Tampilan Halaman Mata Pelajaran
Pada saat admin memilih menu mata pelajaran maka admin akan
masuk ke sebuah halaman dimana admin dapat menambahkan mata
pelajaran, menentukan kelas dan guru yang mengajar mata pelajaran
tersebut.




Gambar 4.62: Tampilan Halaman Mata Pelajaran


4.3.3.8. Tampilan Halaman Materi
Pada saat admin memilih menu materi maka adpmin akan masuk ke
sebuah halaman dimana admin dapat menambahkan melihat materi
yang diupload oleh guru.

Gambar 4.63: Tampilan Halaman Materi



4.3.3.9. Tampilan Halaman Registrasi Siswa
Pada saat admin memilih menu registrasi siswa maka admin akan
masuk ke sebuah halaman dimana admin dapat menerima dan
mengaktifkan akun siswa yang telah mendaftar kedalam sistem web-
learning SMK KH.GHALIB Pringsewu.

Gambar 4.64: Tampilan Halaman Registrasi Siswa


4.3.3.10. Tampilan Halaman Manajemen Quiz
Pada saat admin memilih menu manajemen quiz maka admin akan
masuk ke sebuah halaman dimana admin dapat melihat quiz yang
telah diupload oleh guru kedalam web-learning SMK KH.GHALIB
Pringsewu.


Gambar 4.65: Tampilan Halaman Manajemen Quiz


4.4. Implementasi Program
mengimplementasikan web-learning ini, terlebih dahulu harus
disediakan komputer server, perangkat keras (hardware), perangkat
lunak (software) serta sumber daya manusia sebagai administrator atau
pengelola web-learning. di bawah ini akan dijabarkan spesifikasi
hardware, software dan sumber daya manusia yang dibutuhkan untuk
mengimplementasikan web-learning.
4.4.1. Spesifikasi Kebutuhan Perangkat Keras (Hardware)
Perangkat keras adalah bagian fisik komputer yang membentuk suatu
sistem komputer dan dipergunakan untuk proses pengolahan data.
spesifikasi minimal perangkat keras yang dibutuhkan oleh pengguna
yaitu admin, guru dan siswa agar dapat mengakses web-learning ini
adalah :

- Komputer Intel Pentium IV
- Monitor
- Harddisk dengan kapasitas 20 GB
- RAM 512 MB
- VGA Card 64 MB
- Keyboard
- Mouse
- NIC
- Koneksi Internet
4.4.2. Spesifikasi Kebutuhan Perangkat Lunak (Software)
Kebutuhan perangkat lunak minimum yang dibutuhkan oleh
pengguna agar dapat mengakses web-learning ini adalah :
- Operating System Windows XP
- Mozilla Firefox
Adapun kebutuhan yang dibutuhkan oleh server yaitu web hosting.
web hosting adalah layanan penyewaan ruang simpan data (space)
yang digunakan untuk menyimpan data web-learning di internet agar
halaman web-learning dapat diakses dari mana saja oleh pengguna
menggunakan koneksi internet.
4.4.3. Spesifikasi Kebutuhan Sumber Daya Manusia (Brainware)
Selain hardware dan software, dibutuhkan juga sumber daya manusia
dalam mengimplementasikan web-learning ini, yaitu seorang sistem
administrator (admin), yang berperan sebagai back end user. Back

end user adalah pemakai sistem yang bertugas memberikan umpan
balik kepada front end user (siswa dan guru) seperti menerima
registrasi akun siswa, mengolah data guru, kelas, dan mata pelajaran.
Dalam hal ini seorang admin harus mempunyai kemampuan minimal
yaitu dapat mengoperasikan komputer dengan baik dan faham
tentang konsep web-learning.
4.4.4. Analisa Kelebihan dan Kelemahan Sistem Baru
4.4.4.1. Analisa Kelebihan Web-Learning
Beberapa analisa kelebihan web-learning dibandingan dengan
pembelajaran tradisional adalah sebagai berikut:
1. Web-learning dapat mempersingkat waktu pembelajaran dan
membuat biaya studi lebih ekonomis (dalam kasus tertentu).
2. Web-learning mempermudah interaksi antara peserta didik
dengan bahan atau materi, peserta didik dengan guru maupun
sesama peserta didik.
3. Peserta didik dapat saling berbagi informasi dan dapat
mengakses bahan-bahan belajar setiap saat dan berulang-ulang,
dengan kondisi yang demikian itu peserta didik dapat lebih
memantapkan penguasaannya terhadap materi pembelajaran
4. Kehadiran guru tidak mutlak diperlukan
5. Guru akan lebih mudah melakukan alternatif bahan-bahan
belajar yang mutakhir sesuai dengan tuntutan perkembangan
keilmuwan, mengembang-kan diri atau melakukan penelitian

guna meningkatkan wawasannya, dan mengontrol kegiatan
belajar peserta didik.
6. Siswa dapat belajar atau me-review bahan ajar setiap saat dan di
mana sa-ja kalau diperlukan mengingat bahan ajar tersimpan di
komputer.
7. Berubahnya peran siswa dari yang biasanya pasif menjadi aktif.
4.4.4.2. Analisa Kelemahan Web-Learning
Beberapa analisa kelemahan yang cenderung kurang
menguntungkan bagi guru/pengajar, di antaranya:
1. Untuk sekolah tertentu terutama yang berada di daerah, akan
memerlukan investasi yang mahal untuk membangun e-learning.
2. Siswa yang tidak memiliki motivasi belajar yang tinggi
cenderung gagal. Keterbatasan jumlah komputer yang dimiliki
oleh sekolah akan menghambat pelaksanaan e-learning.
3. Bagi siswa yang gagap teknologi, sistem ini sulit untuk
diterapkan.
4. Berubahnya peran guru dari yang semula menguasai teknik
pembelajaran konvensional, kini dituntut mengetahui teknik
pembelajaran yang menggu-nakan ICT.
5. Kurangnya interaksi antara guru dan siswa atau bahkan antar
siswa itu sendiri. Kurangnya interaksi ini bisa memperlambat
terbentuknya nilai dalam proses belajar dan mengajar.