persepsi guru-guru sekolah rendah terhadap pengajaran dan ...
BAB III PEMBAHASAN 3.1. Tinjauan Sekolah 3.1.1. Profil Sekolah filepelajaran, soal dan melihat hasil...
Transcript of BAB III PEMBAHASAN 3.1. Tinjauan Sekolah 3.1.1. Profil Sekolah filepelajaran, soal dan melihat hasil...
28
BAB III
PEMBAHASAN
3.1. Tinjauan Sekolah
Penulis akan menerangkan tentang profil sekolah, struktur organisasi serta
fitur-fitur yang harus ada pada sistem aplikasi web e-learing latihan soal-soal ujian
dan juga untuk mengetahui kebutuhan dari pengguna yang menggunakan aplikasi
berbasis web ini.
3.1.1. Profil Sekolah
SMK Mandiri Pontianak merupakan salah satu sekolah menengah
kejuruan swasta di kota Pontianak dengan profil sebagai berikut:
1. Nama Sekolah : Sekolah Menengah Kejuruan ( SMEA )
Mandiri Pontianak
2. Alamat : Jalan Tanjung Raya II / Sami Sumping
3. Desa / Kelurahan : Saigon
4. Kecamatan : Pontianak Timur
5. Kota / Kabupaten : Kota Pontianak
6. Kede Pos : 78232
7. Provinsi : Kalimantan Barat
8. Nomor SK : 421.3 / 316 / PPM.SMK
9. Tanggal SK : 26 Maret 2002
10. Kepala Sekolah : Drs.H.MAHDI . MT, M.M.Pd
28
29
3.1.2. Struktur Organisasi Sekolah
Sumber : Hasil Penelitian (2017)
Gambar III.1 Struktur Organisasi Sekolah
3.2. Analisa Kebutuhan
Dalam bab ini analisa kebutuhan sangat diperlukan untuk mengetahui
fitur-fitur yang harus ada pada sistem dan juga untuk mengetahui kebutuhan dari
pengguna yang menggunakan Aplikasi web e-learning latihan soal-soal ujian yang
akan dibuat.
3.2.1. Kebutuhan Fungsional
Didalam Kebutuhan fungsional ini penulis menggunakan 3 tampilan yaitu
tampilan admin, guru dan siswa. Adapun kebutuhan fungsional ini merupakan
kebutuhan utama didalam Aplikasi web e-learning latihan soal-soal ujian yang
30
bertujuan untuk membantu siswa mengerjakan soal-soal latihan dengan mudah
pada SMK Mandiri Pontianak adalah sebagai berikut:
a. Halaman Admin
Didalam menu admin, admin dapat menginput, mengedit dan menghapus data
siswa, guru dan kelas.Sebelum memasuki halaman admin , admin harus login
terlebih dahulu.
1) Menu Login
Fasilitas login ini digunakan admin untuk memasuki halaman admin dan
halaman admin ini hanya bisa digunakan oleh petugas yang memiliki nip
dan password untuk login sehingga menghindari penyalahgunaan dalam
program ini.
2) Menu Beranda
Didalam halaman beranda ini terdapat berupa jalan pintas untuk menuju
input data siswa, input data guru dan input data kelas.
3) Menu Siswa
Didalam halaman menu siswa ini, admin dapat dengan mudah mengelola
tugasnya yaitu menginput, mengedit dan menghapus data siswa.
4) Menu Guru
Didalam halaman menu guru ini, admin dapat dengan mudah mengelola
tugasnya yaitu menginput, mengedit dan menghapus data guru.
5) Menu Kelas
Didalam halaman menu kelas ini, admin dapat dengan mudah mengelola
tugasnya yaitu menginput, mengedit dan menghapus data kelas.
31
6) Menu Keluar
Fasilitas menu ini, admin dapat keluar dari halaman admin dan kembali ke
halaman awal login.
b. Halaman Guru
Didalam halaman guru, guru dapat menginput, mengedit, menghapus mata
pelajaran, soal dan melihat hasil nilai siswa setelah mengerjakan latihan
soal.Sebelum memasuki halaman guru , guru harus login terlebih dahulu
dengan nip dan password yang telah diberikan oleh admin.
1) Menu Login
Fasilitas login ini digunakan guru untuk memasuki halaman guru dan
halaman guru ini hanya bisa digunakan oleh guru yang memiliki nip dan
password untuk login sehingga menghindari penyalahgunaan dalam
program ini.
2) Menu Beranda
Didalam halaman menu beranda ini terdapat berupa jalan pintas berupa
input mata pelajaran .
3) Menu Soal
Didalam halaman soal ini, guru dapat dengan mudah mengelola tugasnya
yaitu menginput, mengedit, menghapus soal, mata pelajaran dan melihat
nilai siswa di setiap mata pelajaran yang dikerjakan oleh siswa.
4) Menu Keluar
Fasilitas menu ini, guru dapat keluar dari halaman guru dan kembali ke
halaman awal login.
32
c. Halaman Siswa
Didalam halaman siswa, siswa dapat memilih soal mata pelajaran yang ingin
dikerjakan. Siswa juga dapat melihat hasil nilai setelah mengerjakan latihan
soal tersebut. selain itu siswa dapat melihat profil data diri siswa. diharapkan
siswa harus login terlebih dahulu sebelum memasuki halaman siswa.
1) Menu Login
Fasilitas login ini digunakan siswa untuk memasuki halaman siswa.
halaman siswa ini hanya bisa digunakan oleh siswa yang memiliki nis dan
password yang telah diberikan oleh sekolah untuk menghindari
penyalahgunaan dalam program ini.
2) Menu Beranda
Didalam halaman beranda ini terdapat keterangan atau tata cara dalam
penggunaan halaman siswa ini.
3) Menu Soal
Didalam halaman soal ini, siswa dapat memilih mata pelajaran dan dapat
mengerjakan soal-soal latihan dengan waktu dan menghasilkan nilai yang
telah dikerjakan.
4) Menu Keluar
Fasilitas menu ini, siswa dapat keluar dari halaman siswa dan kembali ke
halaman awal login.
3.2.2. Kebutuhan Non Fungsional
Kebutuhan non fungsional merupakan kebutuhan untuk membuat
pengembangan dan merancang Aplikasi web e-learning latihan soal-soal ujian
Pada SMK Mandiri Pontianak. Adapun kebutuhan non fungsional yang dapat
33
mendukung kelancaran dalam aplikasi ini dengan spesifikasi minimal sebagai
berikut:
1. Kebutuhan Perangkat Keras (Hardware)
Perangkat keras (Hardware) merupakan salah satu yang sangat dibutuhkan
dalam mengelola aplikasi e-learning ini. Adapun kebutuhan Hardware yang
diperlukan sebagai berikut:
a. CPU (Central Processing Unit )
1) Processor : Dual Core
2) Ram : 2 GB
3) Harddisk : 250 GB
b. Monitor dengan resolution layar 1024x768 pixel LCD
c. Keyboard
d. Mouse
2. Kebutuhan Perangkat Lunak (Software)
Kebutuhan perangkat lunak (software) merupakan kebutuhan untuk merancang
aplikasi web e-learning latihan soal-soal ujian pada SMK Mandiri
Pontianak.Adapun kebutuhan Software yang digunakan untuk merancang
aplikasi ini adalah sebagai berikut:
a. Sistem Operasi yang digunakan adalah windows 7/8
b. Aplikasi browser yang digunakan seperti Firefox, Google Chrome,
Microsoft Edge, UC Browser.
3. Kebutuhan Brainware
Sebelum menggunakan Aplikasi e-learning latihan soal-soal ujian pada SMK
Mandiri Pontianak. Adapun kebutuhan Brainware yang digunakan untuk
34
merancang Aplikasi web e-learning latihan soal-soal ujian ini adalah sebagai
berikut:
a. Admin
Sebelum admin memasuki halaman admin, admin memiliki form login
untuk memasukkan nip dan password untuk menjaga keamanan dan
pengelolaan data yang perlu dibatasi dalam aplikasi yang telah dibuat. Jika
admin sudah memasukkan nip dan password dengan benar maka akan
ditampilkan selamat datang admin. Adapun fitur-fitur hak akses yang dapat
dilakukan admin adalah sebagai berikut:
1) Mengelola fitur Data Siswa
2) Mengelola fitur Data Guru
3) Mengelola fitur Data Kelas
4) Mengelola fitur Keluar
b. Guru
1) Mengelola fitur Data Soal
2) Mengelola fitur Data Mata Pelajaran
3) Melihat fitur Nilai
4) Mengelola fitur Keluar
c. Siswa
1) Memilih fitur Mata Pelajaran
2) Mengerjakan fitur Soal
3) Melihat fitur nilai
4) Mengelola fitur Keluar
35
Tabel III.1
Hak Akses pengguna
Pengguna Fitur / Hak Akses
Admin 1. Mengelola fitur Data Siswa
2. Mengelola fitur Data Guru
3. Mengelola fitur Data Kelas
4. Mengelola fitur Keluar
Guru 1. Mengelola fitur Data Soal
2. Mengelola fitur Data Mata Pelajaran
3. Melihat fitur Nilai
4. Mengelola fitur Keluar
Siswa 1. Mengerjakan fitur Soal
2. Memilih fitur Mata Pelajaran
3. Melihat fitur Nilai
4. Mengelola fitur Keluar
Sumber : Hasil Penelitian (2017)
3.3. Perancangan Perangkat Lunak
Perancangan perangkat lunak berisi spesifikasi yang dirancang untuk
pembuatan aplikasi website. Perancangan perangkat lunak terdiri dari rancangan
antar muka, rancangan basis data dan rancangan struktur navigasi sebagai berikut:
3.3.1. Rancangan Antar Muka
Rancangan antar muka ini dibuat untuk mempermudah dalam pembuatan
website.Rancangan antar muka terbagi menjadi 3 halaman yaitu halaman admin
36
guru dan siswa. Adapaun beberapa spesifikasi rancangan antar muka web adalah
sebagai berikut:
1. Rancangan Antar Muka Halaman Login Admin dan Guru
Dihalaman login ini berisi nip dan password pengguna untuk masuk ke akses
halaman masing-masing dengan level admin dan guru.
Sumber : Hasil Penelitian (2017)
Gambar III.2. Rancangan Antar Muka Halaman Login Admin dan Guru
a. Rancangan Antar Muka Halaman Menu Beranda Admin
Halaman beranda menjadi halaman saat pertama admin login. halaman beranda
ini terdapat jalan pintas untuk menambah data siswa, guru dan data kelas.
Sumber : Hasil Penelitian (2017)
Gambar III.3. Rancangan Antar muka Halaman Menu Beranda Admin
37
b. Rancangan Antar Muka Halaman Menu Siswa
Halaman menu siswa digunakan untuk menampilkan daftar siswa dan admin
dapat mengelola siswa seperti menginput, mengedit serta menghapus data
siswa dihalaman tersebut.
Sumber : Hasil Penelitian (2017)
Gambar III.4. Rancangan Antar Muka Halaman Menu Siswa
c. Rancangan Antar Muka Halaman Input Data Siswa
Halaman antar muka ini menampilkan input data siswa. Admin juga dapat
menambah data siswa serta menyimpan kembali data yang sudah diinputkan .
Sumber : Hasil Penelitian (2017)
Gambar III.5. Rancangan Antar Muka Halaman Input Data Siswa
38
d. Rancangan Antar Muka Halaman Menu Guru
Halaman menu guru digunakan untuk menampilkan daftar guru dan admin
dapat mengelola seperti menginput, mengedit serta menghapus data guru.
Sumber : Hasil Penelitian (2017)
Gambar III.6. Rancangan Antar Muka Halaman Menu Guru
e. Rancangan Antar Muka Halaman Input Data Guru
Halaman antar muka ini menampilkan input data guru ini, admin dapat
menambah data guru serta menyimpan kembali data yang sudah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.7. Rancangan Antar Muka Halaman Input Data Guru
39
f. Rancangan Antar Muka Halaman Menu kelas
Halaman antar muka menu kelas ini menampilkan daftar kelas serta admin
dapat mengelola kelas dengan menambah, mengedit dan menghapus data kelas.
Sumber : Hasil Penelitian (2017)
Gambar III.8. Rancangan Antar Muka Halaman Menu Kelas
g. Rancangan Antar Muka Halaman Input Data Kelas
Halaman antar muka ini menampilkan input data kelas dan admin dapat
menambah data kelas serta menyimpan kembali data yang sudah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.9. Rancangan Antar Muka Halaman Input Data Kelas
40
h. Rancangan Antar Muka Halaman Menu Beranda Guru
Halaman menu beranda guru ini menjadi halaman saat pertama guru login.
didalam rancangan antar muka halaman beranda ini terdapat jalan pintas untuk
menambah mata pelajaran yang ingin ditambahkan.
Sumber : Hasil Penelitian (2017)
Gambar III.10. Rancangan Antar Muka Halaman Menu Beranda Guru
i. Rancangan Antar Muka Halaman Daftar Mata Pelajaran
Halaman antar muka menu soal ini menampilkan daftar mata pelajaran serta
guru dapat mengelola mata pelajaran, soal, nilai seperti menginput, mengedit
maupun menghapus data serta menyimpan kembali data .
Sumber : Hasil Penelitian (2017)
Gambar III.11. Rancangan Antar Muka Halaman Daftar Mata Pelajaran
41
j. Rancangan Halaman Antar Muka Halaman Input Mata Pelajaran
Halaman antar muka input mata pelajaran ini menampilkan input mata
pelajaran disertai penginputan modul dan guru dapat menambahkan mata
pelajaran serta menyimpan kembali mata pelajaran yang sudah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.12. Rancangan Antar Muka Halaman Input Mata pelajaran
k. Rancangan Antar Muka Halaman Data Soal
Halaman antar muka input ini menampilkan data soal dan guru dapat
mengelola soal tersebut seperti menginput, mengedit maupun menghapus soal.
Sumber : Hasil Penelitian (2017)
Gambar III.13. Rancangan Antar Muka Halaman Data Soal
42
l. Rancangan Antar Muka Halaman Input Soal
Halaman antar muka input soal ini menampilkan input soal dan guru dapat
menginputkan soal serta menyimpan kembali soal yang telah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.14. Rancangan Antar Muka Halaman Input Soal
m. Racangan Antar Muka Halaman Nilai Siswa Di Guru
Halaman antar muka ini menampilkan nilai siswa yang sudah mengerjakan
soal-soal latihan, disini guru dapat menghapus nilai siswa.
Sumber : Hasil Penelitian (2017)
Gambar III.15. Rancangan Antar Muka Nilai Siswa Di Guru
43
2. Rancangan Antar Muka Halaman Login Siswa
Rancangan halaman login ini digunakan siswa untuk dapat menginputkan nis
dan password yang telah diberikan sebelum memasuki halaman beranda siswa.
Sumber : Hasil Penelitian (2017)
Gambar III.16. Rancangan Antar Muka Halaman Login Siswa
a. Rancangan Antar Muka Halaman Pilih Materi Pelajaran
Rancangan antar muka halaman soal siswa ini menampilkan mata pelajaran
yang harus dipilih siswa-siswi sebelum menegerjakan soal.
Sumber : Hasil Penelitian (2017)
Gambar III.17. Rancangan Antar Muka Halaman Pilih Materi Pelajaran
44
b. Rancangan Antar Muka Halaman Materi Soal Siswa
Rancangan antar muka halaman materi ini menampilkan pembahasan mata
pelajaran yang telah dipilih sebelum mengerjakan soal latihan.
Sumber : Hasil Penelitian (2017)
Gambar III.18. Rancangan Antar Muka Halaman Materi Soal Siswa
c. Rancangan Antar Muka Halaman Latihan Soal Siswa
Halaman antar muka ini menampilkan soal pertanyaan dan anda bisa memilih
jawaban dari soal pertanyaan tersebut dengan waktu yang telah ditentukan.
Sumber : Hasil Penelitian (2017)
Gambar III.19. Rancangan Antar Muka Halaman Latihan Soal Siswa
45
d. Rancangan Antar Muka Halaman Menu Nilai Siswa
Halaman antar muka menu nilai siswa ini menampilkan hasil nilai mata
pelajaran yang sudah dikerjakan siswa tersebut.
Sumber : Hasil Penelitian (2017)
Gambar III.20. Rancangan Antar Muka Halaman Menu Nilai Siswa
e. Rancangan Antar Muka Halaman Menu Profil Siswa
Halaman antar muka menu profil siswa ini menampilka data diri siswa yang
login ke halaman siswa tersebut.
Sumber : Hasil Penelitian (2017)
Gambar III.21 Rancangan Antar Muka Halaman Menu Profil Siswa
46
3.3.2. Rancangan Basis Data
Perancangan Basis data menghasilkan tabel-tabel didalam perancangan
basis data. Adapun perancangan basis data pada sistem Aplikasi web e-learning
latihan soal-soal ujian pada SMK Mandiri Pontianak yang digambarkan dengan
Entity Realtisohip Diagram (ERD) adalah sebagai berikut:
A. Entity Relationship Diagram (ERD)
Sumber : Hasil Penelitian (2017)
Gambar III.22. Entity Relationship Diagram (ERD)
47
B. Logical Relational Structure (LRS)
Sumber : Hasil Penelitian (2017)
Gambar III.23. Logical Relational Structure (LRS)
3.3.3. Perancangan Struktur Navigasi
Struktur navigasi website berfungsi untuk menggambarkan isi dari seluruh
website dan juga sebagai penghubung antar halaman website. Struktur navigasi
penulis gunakan adalah struktur navigasi composite atau struktur navigasi
campuran yang penulis uraikan sebagai berikut.
48
A. Struktur Navigasi Admin
Sumber : Hasil penelitian (2017)
Gambar III.24. Struktur Navigasi Admin
B. Struktur Navigasi Guru
Sumber : Hasil penelitian (2017)
Gambar III.25. Struktur Navigasi Guru
49
C. Struktur Navigasi Siswa
Sumber : Hasil penelitian (2017)
Gambar III.26. Struktur Navigasi Siswa
3.3.4. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD.
File ini tersimpan pada nama database dengan parameter-parameter sebagai
berikut:
1. Spesifikasi File Admin
Nama File : Admin
Akronim : Admin
Fungsi : Berfungsi untuk mengakses halaman admin dan guru
Type File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 48
Kunci Field : nip
Software : Mysql
50
Tabel III.2.
Spesifikasi File Admin
No Elemen Data Nama Field Tipe Size Ket
1 Nip Nip Varchar 18 Primary Key
2 Nama nama Varchar 30
3 Password password Integer 8
4 Tempat Lahir tmpt_lhr Varchar 15
5 Tanggal Lahir tgl_lhr Date
6 Jenis Kelamin jns_kel Varchar 10
7 Alamat alamat Varchar 30
8 Level level Varchar 5
Sumber : Hasil Penelitian (2017)
2. Spesifikasi File Siswa
Nama File : Siswa
Akronim : Siswa
Fungsi : Berfungsi untuk menyimpan data siswa
Type File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 149
Kunci Field : nis
Software : Mysql
51
Tabel III.3.
Spesifikasi File Siswa
No Elemen Data Nama Field Tipe Size Ket
1 Nomor induk siswa Nis Varchar 10 Primary Key
2 Nama Siswa nama Varchar 30
3 Email email Varchar 30
4 Password password Integer 8
5 Kelas kelas Integer 3 Foreign Key
6 Tempat Lahir tempat_lahir Varchar 15
7 Tanggal Lahir tgl_lahir Date
8 Jenis Kelamin jns_kelamin Varchar 10
9 Alamat alamat Varchar 30
10 Nomor Handphone no_hp Integer 13
Sumber : Hasil Penelitian (2017)
3. Spesifikasi File Mapel
Nama File : Mapel
Akronim : Mapel
Fungsi : Untuk menyimpan data mata pelajaran
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 93
52
Kunci Field : id_mapel
Software : Mysql
Tabel III.4.
Spesifikasi File Mapel
No Elemen Data Nama Field Tipe Size Ket
1 Id Mata Pelajaran id_mapel Integer 5 Primary Key
2 Mata Pelajaran nm_mapel Varchar 25
3 Kelas kelas Integer 5 Foreign Key
4 Status status Varchar 10
5 Nip nip Varchar 18 Foreign Key
6 Modul modul Varchar 30
Sumber : Hasil Penelitian (2017)
4. Spesifikasi File Soal
Nama File : Soal
Akronim : Soal
Fungsi : Untuk menyimpan data soal
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 12
Kunci Field : id_soal
Software : Mysql
53
Tabel III.5.
Spesifikasi File Soal
No Elemen Data Nama Field Tipe Size Ket
1 Id Soal id_soal Integer 5 Primary Key
2 Petanyaan pertanyaan Longtext
3 Jawaban A jawaban_a Longtext
4 Jawaban B jawaban_b Longtext
5 Jawaban C jawaban_c Longtext
6 Jawaban D jawaban_d Longtext
7 Jawaban E jawaban_e Longtext
8 Jawaban jawaban Varchar 2
9 Id Mata Pelajaran id_mapel Integer 5 Foreign Key
Sumber : Hasil Penelitian (2017)
5. Spesifikasi File Kelas
Nama File : Kelas
Akronim : Kelas
Fungsi : Untuk menyimpan data Kelas
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 20
Kunci Field : id
Software : Mysql
54
Tabel III.6.
Spesifikasi File Kelas
No Elemen Data Nama Field Tipe Size Ket
1 Id Kelas Id Integer 5 Primary Key
2 Nama Kelas nm_kls Varchar 15
Sumber : Hasil Penelitian (2017)
6. Spesifikasi File Nilai
Nama File : Nilai
Akronim : Nilai
Fungsi : Untuk menyimpan data nilai
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 26
Kunci Field : id_nilai
Software : Mysql
Tabel III.7.
Spesifikasi File Nilai
No Elemen Data Nama Field Tipe Size Ket
1 Id Nilai id_nilai Integer 5 Primary Key
2 Nomor Induk
Siswa
Nis Integer 10 Foreign Key
55
4 Id Mata Pelajaran id_mapel Integer 5 Foreign Key
5 Jawaban Benar jawaban_bnr Integer 3
6 Jawaban Salah jawaban_slh Integer 3
Sumber : Hasil Penelitian (2017)
3.4. Implementasi dan Pengujian Unit
Adapun implementasi dan pengujian unit pada web yang akan dibuat dan
dijelaskan sebagai berikut:
3.4.1. Impelentasi Antar Muka
Rancangan aplikasi web e-learning latihan soal-soal ujian yang sudah dibuat
akan di implementasikan berdasarakan rancangan yang dibuat menjadi 3 (tiga)
halaman implementa si yaitu halaman admin, guru dan siswa.
1. Implementasi Antar Muka Halaman Login Admin dan Guru
Halaman login ini digunakan oleh user admin dan guru untuk memasuki
halaman pengelolaan berdasarkan hak akses masing-masing guru dan admin.
Sumber : Hasil Penelitian (2017)
Gambar III.27. Impelentasi Antar Muka Halaman Login Admin dan Guru
56
a. Implementasi Antar Muka Halaman Menu Beranda Admin
Halaman menu beranda admin menampilkan informasi berupa jalan pintas
yaitu dengan tambah data siswa, guru dan kelas.
Sumber : Hasil Penelitian (2017)
Gambar III.28. Impelentasi Antar Muka Halaman Menu Beranda Admin
b. Implementasi Antar Muka Halaman Menu Siswa
Halaman menu siswa ini menampilkan daftar siswa dan dihalaman menu
siswa ini admin juga dapat menginput, mengedit maupun menghapus data.
Sumber : Hasil Penelitian (2017)
Gambar III.29. Impelentasi Antar Muka Halaman Menu Siswa
57
c. Implementasi Antar Muka Halaman Input Siswa
Halaman implementasi antar muka ini menampilkan input data siswa, admin
dapat menambah data siswa dan menyimpan data yang sudah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.30. Impelentasi Antar Muka Halaman Input Siswa
d. Implementasi Antar Muka Halaman Menu Guru
Halaman menu guru ini menampilkan daftar guru dan admin dpaat menginput,
mengedit maupun menghapus data guru.
Sumber : Hasil Penelitian (2017)
Gambar III.31. Impelentasi Antar Muka Halaman Menu Guru
58
e. Implementasi Antar Muka Halaman Input Data Guru
Halaman antar muka ini menampilkan input data guru, admin juga dapat
menambah data guru serta menyimpan kembali data yang sudah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.32. Impelentasi Antar Muka Halaman Input Data Guru
f. Implementasi Antar Muka Halaman Menu Kelas
Halaman menu kelas ini menampilkan daftar kelas dan admin dapat
menambah, mengubah maupun menghapus data kelas.
Sumber : Hasil Penelitian (2017)
Gambar III.33. Impelentasi Antarmuka Halaman Menu Kelas
59
g. Implementasi Antar Muka Halaman Input Data Kelas
Halaman antar muka ini menampilkan input data kelas. Guru juga dapat
menginputkan data kelas serta menyimpan data yang sudah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.34. Impelentasi Antar Muka Halaman Input Data Kelas
h. Implementasi Antar Muka Halaman Menu Beranda Guru
Halaman menu beranda guru menampilkan suatu informasi berupa jalan pintas
yaitu tambah mata pelajaran yang akan langsung menuju ke halaman tersebut.
Sumber : Hasil Penelitian (2017)
Gambar III.35. Implementasi Antar Muka Halaman Beranda Guru
60
i. Implementasi Antar Muka Halaman Daftar Mata Pelajaran
Halaman ini menampilkan daftar mata pealajaran dan guru dapat menambah ,
mengubah dan menghapus soal, mata pelajaran serta melihat nilai siswa.
Sumber : Hasil Penelitian (2017)
Gambar III.36. Impelentasi Antar Muka Halaman Daftar Mata Pelajaran
j. Implementasi Antar Muka Halaman Data Soal
Halaman data soal ini menampilkan data soal dan guru dapat menambah,
mengubah dan menghapus data soal mata pelajaran tersebut.
Sumber : Hasil Penelitian (2017)
Gambar III.37. Implementasi Antar Muka Halaman Data Soal
61
k. Implementasi Antar Muka Halaman Input Soal
Halaman antar muka input soal ini menampilkan input soal dan guru dapat
menginputkan soal serta menyimpan kembali soal .
Sumber : Hasil Penelitian (2017)
Gambar III.38. Implementasi Antar Muka Halaman Input Soal
l. Implementasi Antar Muka Halaman Input Mata Pelajaran
Halaman ini dapat digunakan untuk mengisi mata pelajaran , memilih kelas
serta menyimpan kembali data yang sudah diinputkan.
Sumber : Hasil Penelitian (2017)
Gambar III.39. Implementasi Antar Muka Halaman Input Mata Pelajaran
62
m. Implementasi Antar Muka Halaman Nilai Siswa Di Guru
Halaman antar muka Nilai ini menampilkan daftar nilai siswa keseluruhan
yang terlah mengerjakan soal latihan.
Sumber : Hasil Penelitian (2017)
Gambar III.40. Implementasi Antar Muka Halaman Nilai Siswa Di Guru
2. Implementasi Antar Muka Halaman Login Siswa
Halaman login ini digunakan oleh siswa untuk memasuki halaman siswa
berdasarkan hak akses siswa dengan memasukkan nis dan password.
Sumber : Hasil Penelitian (2017)
Gambar III.41. Implementasi Antar Muka Halaman Login Siswa
63
a. Implementasi Antar Muka Halaman Menu Beranda Siswa
Setelah siswa-siswi login akan masuk ke halaman menu beranda. Halaman ini
menampilkan keterangan atau tata cara penggunaan halaman siswa.
Sumber : Hasil Penelitian (2017)
Gambar III.42. Impelentasi Antar Muka Halaman Menu Beranda Siswa
b. Implementasi Antar Muka Halaman Menu Pilih Materi Soal
Halaman menu ini menampilkan keterangan pilih materi soal pelajaran yang
akan dipelajari terlebih dahulu lalu klik mulai.
Sumber : Hasil Penelitian (2017)
Gambar III.43. Implementasi Antar Muka Halaman Menu Pilih Materi Soal
64
c. Implementasi Antar Muka Halaman Menu Materi Soal
Halaman ini menampilkan materi pembahasan yang akan dipelajari terlebih
dahulu sebelum memulai dalam pengerjaan soal latihan.
Sumber : Hasil Penelitian (2017)
Gambar III.44. Implementasi Antar Muka Halaman Menu Materi Soal
d. Implementasi Antar Muka Halaman Latihan Soal
Halaman latihan soal ini menampilkan soal pertanyaan, jawaban dan Latiham
soal ini memiliki waktu dalam pengerjaanya .
Sumber : Hasil Penelitian (2017)
Gambar III.45. Implementasi Antar Muka Halaman Latihan Soal
65
e. Implementasi Antar Muka Halaman Nilai Siswa
Halaman nilai siswa ini menampilkan nilai-nilai dari mata pelajaran yang
sudah dikerjakan oleh siswa yang masuk ke halaman siswa tersebut.
Sumber : Hasil Penelitian (2017)
Gambar III.46. Implementasi Antar Muka Halaman Nilai Siswa
f. Implementasi Antar Muka Halaman Profil Siswa
Halaman profil siswa ini menampilkan data diri siswa-siswi yang masuk atau
login ke halaman siswa-siswi ini.
Sumber : Hasil Penelitian (2017)
Gambar III.47. Implemntasi Antar Muka Halaman Profil Siswa
66
3.4.2. Spesifikasi Sistem Komputer
Berikut adalah spesifikasi perangkat keras (Hardware) dan perangkat
lunak (Software) minimum yang dibutuhkan untuk mengimplementasi Aplikasi
web e-learning latihan soal-soal ujian untuk sekolah menengah dan kejuruan.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel® Pentium® Core 2 Duo
(b) RAM DDR2 2 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet 2mbps
b. Client
1) CPU
(a) Processor Intel® Core 2 Duo
(b) RAM DDR3 2GB
(c) Hard Disk 250 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet 1mbps
67
2. Spesifikasi Perangkat Lunak
1. Server
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows.
b. Aplikasi web server menggunakan Xampp yang terdiri dari beberapa
komponen, diantaranya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
c. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
3.4.3. Pengujian Unit
Pengujian yang dilakukan terhadap program yang yang dibuat penulis
adalah menggunakan pengujian blackbox testing yang fokus terhadap proses
masukan dan keluaran program diantaranya adalah sebagai berikut:
A. Pengujian Terhadap Browser
Tabel III.8.
Hasil Pengujian Black Box Testing Terhadap Browser
No Skenerio
Pengujian Test Case
Hasil Yang
Diharapkan
Hasil
Pengujian Kesimpulan
1 Menggunakan
Mozila Firefox Uji
Sistem berjalan
dengan baik
Sesuai
harapan Valid
2
Menggunakan
Chrome
Uji Sistem berjalan
dengan baik
Sesuai
harapan Valid
Sumber : Hasil penelitian (2017)
68
B. Hasil Pengujian BlackBox Testing Tautan Link Admn.
Tabel III.9.
Hasil Pengujian BlackBox Testing Tautan Link Admin
No
.
Nama Menu Link Hasil Kesimpulan
1. Login Admin http://localhost/ta/administr
ator/login.php
Berfungsi Valid
2. Menu Halaman
Beranda Admin
http://localhost/ta/admin/ind
ex.php Berfungsi Valid
3. Menu halaman
Daftar Siswa
http://localhost/ta/admin/sis
wa.php
Berfungsi Valid
4. Menu Halaman
Daftar Guru
http://localhost/ta/admin/gu
ru.php Berfungsi Valid
5. Menu Halaman
Daftar Kelas
http://localhost/ta/admin/kel
as.php Berfungsi Valid
6. Menu Halaman
Tambah Siswa
http://localhost/ta/admin/ta
mbahsiswa.php Berfungsi Valid
7. Halaman Edit
Siswa
http://localhost/ta/admin/edi
tsiswa.php?nis=1214505595 Berfungsi Valid
8. Halaman
Tambah Guru
http://localhost/ta/admin/ta
mbahguru.php Berfungsi Valid
9. Halaman Edit
Guru
http://localhost/ta/admin/edi
tguru.php?nip=1962071220
07052210
Berfungsi Valid
10. Halaman
Tambah Kelas
http://localhost/ta/admin/ta
mbahkelas.php Berfungsi Valid
11. Halaman Edit
Kelas
http://localhost/ta/admin/edi
tkelas.php?id=1 Berfungsi Valid
Sumber : Hasil penelitian (2017)
69
C. Hasil Pengujian BlackBox Testing Tautan Link Guru
Tabel III.10.
Hasil Pengujian BlackBox Testing Tautan Link Guru
No
.
Nama Menu Link Hasil Kesimpulan
1. Login Guru http://localhost/ta/administr
ator/login.php Berfungsi Valid
2. Menu Halaman
Beranda Guru
http://localhost/ta/guru/inde
x.php Berfungsi Valid
3. Menu Halaman
Daftar Mata
Pelajaran
http://localhost/ta/guru/map
el.php Berfungsi Valid
4. Halaman
Tambah Mata
Pelajaran
http://localhost/ta/guru/tam
bahmapel.php Berfungsi Valid
5. Halaman Edit
Mata Pelajaran
http://localhost/ta/guru/edit
mapel.php?id_mapel=1 Berfungsi Valid
6. Halaman Data
Soal
http://localhost/ta/guru/peng
aturanmapel.php?id_mapel=
1
Berfungsi Valid
7. Halaman
Tambah Soal
http://localhost/ta/guru/tamb
ahpertanyaan.php?id_mapel
=1
Berfungsi Valid
8. Halaman Edit
Soal
http://localhost/ta/guru/editp
ertanyaan.php?id_soal=93 Berfungsi Valid
9. Halaman Nilai http://localhost/ta/guru/hasil
.php?id_mapel=1 Berfungsi Valid
Sumber : Hasil penelitian (2017)
70
D. Hasil Pengujian BlackBox Testing Tautan Link Siswa
Tabel III.11.
Hasil Pengujian BlackBox Testing Tautan Link Siswa
Sumber : Hasil penelitian (2017)
E. Pengujian Terhadap Halaman Login Admin dan Guru.
Tabel III.12.
Hasil Pengujian Black Box Testing Halaman Login Admin dan Guru
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nip dan
password tidak
diisi kemudian
klik tombol
login
Nip :
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“Nip atau
Password
Tidak Boleh
Kosong”
Sesuai
harapan Valid
No
.
Nama Menu Link Hasil Kesimpulan
1. Login Siswa http://localhost/ta/index.php Berfungsi Valid
2. Menu Halaman
Beranda Siswa
http://localhost/ta/home.php Berfungsi Valid
3. Menu Halaman
Pilih Soal Mata
Pelajaran
http://localhost/ta/mulaisoal
.php Berfungsi Valid
4. Halaman
Latihan Soal
http://localhost/ta/soal.php Berfungsi Valid
5. Halaman Nilai
Siswa
http://localhost/ta/nilai.php Berfungsi Valid
6. Halaman Profil
Siswa
http://localhost/ta/account.p
hp Berfungsi Valid
71
2. Memasukkan
salah satu nip
dan password
kosong
kemudian
klik tombol
login
Nip: (isi)
Password :
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“Nip atau
Password
Tidak Boleh
Kosong”
Sesuai
harapan Valid
4. Memasukkan
salah satu nip
kosong dan
password
diisi
kemudian
klik tombol
login
Nip:
(Kosong)
Password :
(isi)
Sistem akan
menolak akses
user dan
menampilkan
“Nip atau
Password
Tidak Boleh
Kosong”
Sesuai
harapan Valid
3. Nip dan
password
salah
kemudian
klik tombol
login
Nip: (salah)
Password:
(salah)
Sistem akan
menolak akses
user dan
menampilkan
“Nip Dan
Password
Tidak
DItemukan”
Sesuai
harapan Valid
4. Mengetikkan
nip dan
password
dengan data
yang benar
kemudian
klik tombol
login
Nip: (benar)
Password:
(benar)
Sistem akan
menerima
akses lalu
menampilkan
halaman
beranda.
Sesuai
harapan Valid
Sumber : Hasil penelitian (2017)
F. Pengujian Terhadap Form Input Siswa
Tabel III.13.
Hasil Pengujian Black Box Testing Input Siswa
No Skenerio
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1. Ketika nis,
nama, email,
Nis:
(Kosong),
Sistem akan
menolak dan
Sesuai
harapan Valid
72
password,
kelas, tempat
lahir, tanggal
lahir, jenis
kelamin,
alamat, no hp
tidak diisi atau
kosong
kemudian klik
simpan
Nama
(Kosong),
Password
(Kosong),
Kelas
(Kosong),
Tempat Lahir
(Kosong),
Tanggal Lahir
(Kosong),
Jenis Kelamin
(Kosong),
Alamat
(Kosong), No
Hp (Kosong)
akan
menampilkan
pesan “Data
Tidak Boleh
Kosong”
2. Ketika nis,
nama, email,
password,
kelas, tempat
lahir, tanggal
lahir, jenis
kelamin,
alamat, no hp
diisi dengan
data yang
benar lalu klik
simpan
Mengarahkan
kursor ke
tombol
simpan
Sistem akan
menampilkan
pesan “Data
Berhasil
Disimpan”
kemudian
menampilakan
halaman daftar
siswa
Sesuai
harapan Valid
3. Ketika
mengedit nis,
nama, email,
password,
kelas, tempat
lahir, tanggal
lahir, jenis
kelamin,
alamat, no hp
diisi dengan
data yang
benar
kemudian klik
simpan
Nis: (isi),
Nama (isi),
Password (
isi),
Kelas (isi),
Tempat Lahir
(isi), Tanggal
Lahir (isi),
Jenis Kelamin
(isi),
Alamat (isi),
No Hp (isi)
Sistem akan
menampilkan
pesan “Data
Berhasil Di
Update”
kemudian
menampilakan
halaman daftar
siswa
Sesuai
harapan Valid
4. Ketika data
siswa yang
berisi nis,
nama, email,
password,
kelas, tempat
lahir, tanggal
Mengarahkan
kursor ke
tombol hapus
Sistem akan
menerima
akses
kemudian
menampilkan
daftar siswa
Sesuai
harapan Valid
73
lahir, jenis
kelamin,
alamat, no hp
kemudian klik
hapus
Sumber : Hasil penelitian (2017)
G. Pengujian Terhadap Form Input Guru
Tabel III.14.
Hasil Pengujian Black Box Testing Input Data Guru
No Skenerio
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1. Ketika nip,
password,
nama guru,
tempat lahir,
tanggal lahir,
jenis kelamin,
alamat tidak
diisi atau
kosong
kemudian klik
simpan
nip:
(Kosong),
Password
(Kosong),
Nama Guru
(Kosong),
Tempat Lahir
(Kosong),
Tanggal
Lahir
(Kosong),
Jenis
Kelamin
(Kosong),
Alamat
(Kosong),
Sistem akan
menolak dan
akan
menampilkan
pesan “Data
Tidak Boleh
Kosong”
Sesuai
harapan Valid
2. Ketika nip,
password,
nama, tempat
lahir, tanggal
lahir, jenis
kelamin,
alamat, diisi
kemudian klik
simpan
nip: (isi),
Password
(isi),
Nama (isi),
Tempat Lahir
(isi),
Tanggal
Lahir (isi),
Jenis
Kelamin
(isi),
Alamat (isi)
Sistem akan
menampilkan
pesan “Data
Berhasil
Disimpan”
kemudian
menampilkan
halaman data
siswa
Sesuai
Harapan Valid
3. Ketika
mengedit nip,
password,
nama, tempat
lahir, tanggal
Nip (isi),
Nama (isi),
Password (
isi),
Tempat Lahir
Sistem akan
menampilkan
pesan “Data
Berhasil Di
Update”
Sesuai
harapan Valid
74
lahir, jenis
kelamin,
alamat,
diisi dengan
data yang
benar
kemudian klik
simpan
(isi), Tanggal
Lahir (isi),
Jenis
Kelamin
(isi),
Alamat (isi)
kemudian
menampilakan
halaman daftar
siswa
4. Ketika data
guru yang
berisi nip,
nama,
password,
tempat lahir,
tanggal lahir,
jenis kelamin,
alamat
kemudian klik
hapus
Mengarahkan
kursor ke
tombol hapus
Sistem akan
menerima akses
kemudian
menampilkan
data guru Sesuai
harapan Valid
Sumber : Hasil penelitian (2017)
H. Pengujian Terhadap Form Input Kelas
Tabel III.15.
Hasil Pengujian Black Box Testing Input Data Kelas
No Skenerio
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1. Ketika nama
kelas tidak
diisi atau
kosong
kemudian klik
simpan
Nama
kelas(kosong)
Sistem akan
menolak dan
menampilkan
pesan “Data
Tidak Boleh
Kosong”
Sesui
harapan Valid
2. Ketika nama
kelas diisi
dengan benar
kemudian klik
simpan
Nama
kelas(isi)
Sistem akan
menampilkan
pesan “Data
Berhasil
Disimpan”
3. Ketika nama
kelas di edit
kemudian klik
simpan
Nama kelas (
isi)
Sistem akan
menampilkan
pesan “Data
Berhasil Di
Update”
kemudian
menampilakan
Sesuai
harapan Valid
75
halaman data
kelas
4. Ketika data
kelas dihapus
kemudian klik
hapus
Mengarahkan
kursor ke
tombol hapus
Sistem akan
menerima
akses
kemudian
menampilkan
halaman data
kelas
Sesuai
harapan Valid
Sumber : Hasil penelitian (2017)
I. Pengujian Terhadap Form Input Data Mata Pelajaran
Tabel III.16.
Hasil Pengujian Black Box Testing Input Data Mata Pelajaran
No Skenerio
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1 Ketika nama
mata
pelajaran,
kelas, modul
tidak di isi
kemudian klik
simpan
nama mata
pelajaran
(kosong),
kelas
(kosong)
modul
(kosong)
Sistem akan
menolak dan
menampilkan
pesan “Data
Tidak Boleh
Kosong”
Sesuai
harapan Valid
2. Ketika nama
mata
pelajaran,
kelas, modul
diisi kemudian
klik simpan
nama mata
pelajaran
(isi),
kelas (isi)
modul (isi)
Sistem akan
menerima akses
kemudian
menampilkan
“Data Berhasil
Disimpan”
3. Ketika edit
mata
pelajaran,
kelas, status,
modul
kemudian klik
simpan
nama mata
pelajaran
(isi),
kelas (isi),
status (isi)
modul (isi)
Sistem akan
menampilkan
pesan “Data
Berhasil Di
Update” dan
menampilakan
halaman data
mata pelajaran
Sesuai
harapan Valid
4. Ketika data
mata pelajaran
dihapus
kemudian klik
hapus
Mengarahkan
kursor ke
tombol hapus
Sistem akan
menerima akses
kemudian
menampilkan
halaman data
mata pelajaran
Sesuai
harapan Valid
Sumber : Hasil penelitian (2017)
76
J. Pengujian Terhadap Form Input Soal
Tabel III.17.
Hasil Pengujian Black Box Testing Halaman Form Input Soal
No Skenerio
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1. Ketika
pertanyaan,
jawaban a,
jawaban b,
jawaban c,
jawaban d,
jawaban e,
jawaban benar
tidak diisi atau
kosong
kemudian klik
simpan
Pertanyaan
(Kosong),
jawbaan a
(Kosong),
Jawaban b
(Kosong),
jawaban c
(Kosong),
Jawaban d
(Kosong),
jawaban e
(Kosong),
Jawaban
benar
(Kosong),
Sistem akan
menolak dan
akan
menampilkan
pesan “Data
Tidak Boleh
Kosong” Sesuai
harapan Valid
2. Ketika
pertanyaan
jawaban a,
jawaban b,
jawaban c,
jawaban d,
jawaban e,
jawaban benar
diisi kemudian
klik simpan
Pertanyaan
(isi), jawbaan
a (isi),
Jawaban b
(isi), jawaban
c (isi),
Jawaban d
(isi), jawaban
e (isi),
Jawaban
benar (isi),
Sistem akan
megakses dan
kemudian
menampilkan
halaman data
soal Sesuai
Harapan
3. Ketika
mengedit
pertanyaan,
jawaban a,
jawaban b,
jawaban c,
jawaban d,
jawaban e,
jawaban benar
diisi kemudian
klik simpan
Pertanyaan
(isi), jawbaan
a (isi),
Jawaban b
(isi), jawaban
c (isi),
Jawaban d
(isi), jawaban
e (isi),
Jawaban
benar (isi),
Sistem akan
megakses dan
kemudian
menampilkan
halaman data
soal Sesuai
harapan Valid
77
4. Ketika data
soal yang
berisi
pertanyaan,
jawaban a,
jawaban b,
jawaban c,
jawaban d,
jawaban e,
jawaban benar
kemudian klik
hapus
Mengarahkan
kursor ke
tombol hapus
Sistem akan
menerima akses
kemudian
menampilkan
data soal
Sesuai
harapan Valid
Sumber : Hasil penelitian (2017)
K. Pengujian Terhadap Halaman Login Siswa
Tabel III.18.
Hasil Pengujian Black Box Testing Halaman Login Siswa
No. Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1. Nis dan
password tidak
diisi kemudian
klik tombol
login
Nis :
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
dan
menampilkan
“Nis atau
Password
Belum Diisi”
Sesuai
harapan Valid
2. Memasukkan
salah satu nis
atau password
tidak diisi
(kosong)
kemudian klik
tombol login
Nis: (isi)
Password :
(kosong)
Sistem akan
menolak akses
dan
menampilkan
“Nis atau
Password
Belum Diisi”
Sesuai
harapan Valid
3. Memasukkan
nis tidak diisi
(kosong) dan
password diisi
kemudian klik
tombol login
Nis:
(kosong)
Password:
(isi)
Sistem akan
menolak akses
dan
menampilkan
“Nis atau
Password
Belum Diisi”.
Sesuai
harapan Valid
78
4. Memasukkan
kondisi salah
pada nis atau
password
kemudian klik
tombol login
Nis: (salah)
Password:
(salah)
Sistem akan
menolak akses
dan
menampilkan
“Nis atau
Password
Salah”.
Sesuai
harapan Valid
5. Mengetikkan
Nis dan
password
dengan data
yang benar
kemudian klik
tombol login
Nis:
(benar)
Password:
(benar)
Sistem akan
menampilkan
halaman
beranda. Sesuai
harapan Valid
Sumber : Hasil penelitian (2017)