BAB IV

IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi

Tahapan implementasi ini dilakukan setelah proses perancangan aplikasi

telah selesai dibuat. Tujuannya adalah agar mengetahui bagaimana
mengaplikasikan sistem e-rapor ini. Pada tahap ini, dijelaskan mengenai
spesifikasi perangkat keras (hardware) dan perangkat lunak (software) yang telah
digunakan dalam membangun sistem e-rapor, serta implementasi sistem itu
sendiri dan hasil dari pengujian yang dilakukan pada sistem e-rapor tersebut.

4.1.1 Spesifikasi Perangkat Keras

Perangkat keras yang digunakan untuk pengujian sistem e-rapor ini
adalah:

Tabel 4. 1 Spesifikasi Perangkat Keras

No Perangkat Keras Keterangan

AMD A4-9120 RADEON R3

1 Processor
4 COMPUTE CORES 2C+2G 2.20 GHz
2 RAM 4 GB
3 Hardisk 500 GB
4 Mouse Wireless 2.4 G
5 Monitor VGA 19.5”-inch Colour Monitor

4.1.2 Spesifikasi Perangkat Lunak

Perangkat lunak yang digunakan untuk pengujian sistem e-rapor ini
adalah:

67
 68

Tabel 4. 2 Spesifikasi Perangkat Lunak

No Perangkat Lunak Keterangan

1 Windows 10 Home 64 bit operating system
2 XAMPP V3.2.4
3 MySQL PhpMyAdmin
4 Mozilla Firefox -
5 Sublime Text 3 -

4.1.3 Hasil Implementasi

Adapun hasil implementasi perancangan sistem e-rapor yang telah
dibuat adalah:

a. Halaman Login

Gambar 4. 1 Halaman Login

Tampilan utama login berfungsi sebagai form user untuk dapat memasuki
halaman menu utama. Pada halaman ini sistem akan menverfikasi user,
apakah user adalah admin, guru, siswa atau kepala sekolah. Setelah itu, sistem
akan mengarahkan user ke halaman yang sesuai dengan data tersebut.
 69

b. Halaman Admin Kelola Data Siswa

Gambar 4. 2 Kelola Data Siswa

Gambar diatas merupakan halaman kelola data siswa yang dilakukan oleh
user admin. Terdapat button Tambah Data, Ubah dan Hapus yang berfungsi
sebagai pengelolaan data tersebut. Button Cetak PDF berfungsi untuk
mencetak data siswa yang telah tersimpan pada database.

c. Halaman Admin Kelola Data Guru

Gambar 4. 3 Kelola Data Guru

 70

Gambar 4.3 sama dengan gambar 4.2 terdapat button Tambah Data, Ubah dan
Hapus yang digunakan untuk mengelola data oleh user admin, namun pada
gambar tersebut menunjukan pengelolaan data guru. Button Cetak PDF
berfungsi untuk mencetak data guru yang telah tersimpan pada database.

d. Halaman Admin Kelola Data Beban Ajar

Gambar 4. 4 Kelola Beban Ajar

Gambar diatas menunjukan halaman kelola beban mengajar guru, pada

halaman ini ditampilkan daftar nama dan beban mengajar guru pada masing-
masing rombel. Button dropdown rombel untuk mengelompokan daftar beban
ajar sesuai dengan rombel yang dipilih. Button Tambah Data, Ubah, Hapus
dan Cetak PDF memiliki fungsi yang sama dengan halaman kelola lainnya
namun masing-masing sesuai dengan data yang ditampilkan.
 71

e. Halaman Admin Kelola Data Mata Pelajaran

Gambar 4. 5 Kelola Mata Pelajaran

Tampilan diatas adalah halaman kelola data mata pelajaran yang dilakukan
oleh user admin. Pada halaman ini ditampilkan kode mapel dan nama mapel
beserta KKM (Kriteria Ketuntasan Minimal) dimasing-masing mapel.

f. Halaman Admin Kelola Data Kelas

Gambar 4. 6 Kelola Data Kelas

Gambar 4.6 menunjukan pengelolaan kelas yang diisi dengan data siswa.
 72

g. Halaman Admin Tambah Data

Gambar 4. 7 Tambah Data

Gambar 4.7 menampilkan halaman tambah data yang dilakukan oleh user
admin. Setiap button Tambah Data pada menu Kelola Data akan menampilkan
form tambah data seperti gambar diatas namun dengan model dan data yang
berbeda menyesuaikan menu yang dipilih.

h. Halaman Admin Ubah Data

Gambar 4. 8 Halaman Ubah Data

 73

Gambar 4.8 menampilkan halaman ubah data yang dilakukan oleh user admin.
Setiap button Ubah pada menu Kelola Data akan menampilkan form ubah
data seperti gambar 4.8.

i. Halaman Guru Kelola Nilai Siswa

Gambar 4. 9 Halaman Kelola Nilai Siswa

Gambar diatas menampilkan halaman guru dalam mengelola nilai siswa,
disinia guru dapat menambahkan nilai tugas, nilai UTS, nilai UAS, nilai
Keterampilan dan nilai Sikap sesuai dengan standarenilaian kurikulum saat
ini.

j. Halaman Guru Kelola Absensi

Gambar 4. 10 Halaman Kelola Absensi

 74

Gambar 4.10 hanya menampilkan halaman kelola absensi yang dapat diakses
oleh guru. Pada halaman ini, guru dapat menambahkan nilai absensi kepada
masing-masing siswa berdasarkan kelasnya.

k. Halaman Kepala Sekolah

Gambar 4. 11 Halaman Kepala Sekolah

Gambar diatas menampilkan halaman kepala sekolah pada menu Lihat Data
Guru. Pada halaman ini, kepala sekolah dapat melihat dan mencetak data ke
dalam PDF (Portable Document Format) dengan button Cetak PDF.

l. Halaman Siswa

Gambar 4. 12 Halaman Siswa

 75

m. Halaman Ledger

Gambar 4. 13 Halaman Ledger

Gambar diatas menampilkan laporan ledger nilai siswa/i yang hanya dapat
diakses oleh admin dan kepala sekolah. Ledger ini ditampilkan berdasarkan
tahun ajaran dan masing-masing rombel.

n. Halaman Kelola Profil User

Gambar 4. 14 Halaman Kelola Profil

 76

Gambar di atas menampilkan form menu Profil yang ada disetiap halaman
user. Halaman ini memberikan fungsi kelola profil pada masing-masing user.

4.2 Pengujian Perangkat Lunak

Pengujian perangkat lunak dibutuhkan untuk menemukan error pada sistem.

Pengujian sistem menjadi sangat penting karena pada tahap ini dapat diketahui
fungsi aplikasi berjalan sesuai dengan apa yang diharapkan atau tidak. Metode
yang digunakan pada tahap ini adalah metode black box testing dan white box
testing.

4.2.1 Pengujian Black Box

Pengujian menggunakan metode black box adalah pengujian yang

dilakukan hanya melihat berdasarkan keluaran yang di hasilkan dari data atau
kondisi masukan yang di berikan untuk fungsi yang ada tanpa melihat
bagaimana proses untuk mendapatkan keluaran tersebut. Skenario pengujian
berfungsikan untuk mengelompokan masing-masing sistem yang akan di uji.
Skenario black box akan diuraikan pada tabel-tabel di bawah ini:

a. Hasil Uji Halaman Login

Tabel 4. 3 Pengujian Halaman Login

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Login menggunakan Sistem akan mengarahkan user

username dan password ke halaman menu utama admin
admin yang sesuai.
Berhasil
1 Hasil Pengujian:
login
Test Case: Tampil halaman menu utama
Username: 123456 user admin.
Password: 123
 77

Tabel 4. 4 Pengujian Halaman Login (Lanjutan)

Login menggunakan Sistem menolak akses Login
username dan password dan akan menampilkan pesan
admin yang tidak kesalahan.
sesuai.
Hasil Pengujian: Gagal
5
Test Case: Login
Username: adm123
Password: 12300000
Lalu klik button
“Submit”.

b. Hasil Uji Halaman Kelola Siswa oleh Admin

Tabel 4. 5 Pengujian Halaman Kelola Siswa

No. Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk halaman kelola Sistem akan menampilkan

siswa. form kelola data siswa.

Test Case: Hasil Pengujian:

Klik button “Siswa” Menampilkan form kelola
pada kolom side bar. siswa. Berhasil
1 akses
halaman
 78

Tabel 4. 6 Pengujian Halaman Kelola Siswa (Lanjutan)

Menambahkan data Sistem akan menampilkan
siswa/i. flash message jika data berhasil
disimpan ke dalam database.

Test Case: Hasil Pengujian:

Berhasil
2 Klik button “Tambah Menampilkan flash message
tambah data
Data” pada form siswa. karena data berhail ditambah
Kemudian memasukan ke dalam database.
data siswa lalu klik
button “Simpan Data”.

Update data siswa/i. Sistem akan menampilkan

flash message jika data berhasil
diubah.

Test Case: Hasil Pengujian: Berhasil

3
Pilih data siswa yang Menampilkan flash message ubah data
akan diupdate lalu karena data berhail diubah.
masukan data dan klik
button “Ubah Data”.

Menghapus data Sistem akan menampilkan

siswa/i. flash message jika data berhasil
dihapus.
Berhasil
4
Test Case: Hasil Pengujian: hapus data
Klik button “Hapus”
pada data siswa/i yang
dipilih.
 79

c. Hasil Uji Halaman Kelola Guru oleh Admin

Tabel 4. 7 Pengujian Halaman Kelola Guru

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk ke halaman Sistem akan menampilkan
kelola data guru dan form kelola data guru dan
tenaga pendidik. tenaga pendidik.

Test Case: Hasil Pengujian:

Berhasil
Klik button “Guru”
1 akses
pada kolom side bar.
halaman

Menambahkan data Sistem akan menampilkan

guru atau tenaga flash message jika data berhasil
pendidik sekolah. disimpan ke dalam database.

Test Case: Hasil Pengujian:

Berhasil
2 Klik button “Tambah
tambah data
Data” kemudian
masukan data gur atau
data tenaga pendidik
yang sesuai lalu klik
button “Simpan Data”.
 80

Tabel 4. 8 Pengujian Halaman Kelola Guru (Lanjutan)

Update data guru atau Sistem akan menampilkan
tenaga pendidik. flash message jika data berhasil
diubah.
Test Case:
Berhasil
3 Pilih data guru/tenaga Hasil Pengujian:
ubah data
pendidik yang akan
diupdate lalu masukan
data dan klik button
“Ubah Data”.
Menghapus data guru Sistem akan menampilkan
atau tenaga pendidik. flash message jika data berhasil
dihapus.

Berhasil
4 Test Case: Hasil Pengujian:
hapus data
Klik button “Hapus”
pada data guru atau
tenaga pendidik yang
dipilih.
Mencetak data siswa/i Sistem akan menampilkan data
ke dalam bentuk PDF ke dalam bentuk PDF.

Test Case: Hasil Pengujian:

Klik button “Cetak
Berhasil
5 PDF” pada form data
cetak data
siswa.
 81

d. Hasil Uji Halaman Kelola Beban Mengajar oleh Admin

Tabel 4. 9 Pengujian Halaman Kelola Beban Ajar

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk ke halaman Sistem menampilkan form

Beban Mengajar Guru. kelola beban mengajar guru.

Test Case: Hasil Pengujian: Berhasil

1 Klik button “Beban akses
Ajar” pada kolom side halaman
bar.

Lihat data beban ajar Sistem menampilkan form

sesuai rombel beban mengajar sesuai dengan
(rombongan belajar) rombel yang dipilih.
Berhasil
2 menampilkan
Test Case: Hasil Pengujian:
data
Klik button dropdown Menampilkan daftar beban ajar
Rombel lalu pilih guru pada rombel 10 MM.
rombel 10 MM.
Menambahkan data Sistem akan menampilkan
beban mengajar guru. flash message.

Test Case: Hasil Pengujian: Berhasil

3
Klik button “Tambah tambah data
Data”, masukan data
beban ajar lalu klik
button “Simpan Data”.
 82

Tabel 4. 10 Pengujian Halaman Kelola Beban Ajar (Lanjutan)

Update data beban Sistem akan menampilkan
mengajar guru. flash message jika data berhasil
diubah.
Test Case:
Berhasil
4 Pilih beban mengajar Hasil Pengujian:
ubah data
guru yang akan
diupdate lalu masukan
data dan klik button
“Ubah Data”.
Menghapus data beban Sistem akan menampilkan
mengajar guru flash message jika data berhasil
dihapus.
Test Case: Berhasil
5
Klik button “Hapus” Hasil Pengujian: hapus data
pada data beban
mengajar guru yang
dipilih.
Mencetak data beban Sistem akan menampilkan data
mengajar guru ke dalam ke dalam bentuk PDF.
bentuk PDF
Hasil Pengujian:
Test Case:
Berhasil
6 Klik button “Cetak
cetak data
PDF” pada form beban
mengajar guru.
 83

e. Hasil Uji Halaman Kelola Kelas oleh Admin

Tabel 4. 11 Pengujian Halaman Kelola Kelas

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk ke halaman Sistem menampilkan form
kelola Kelas dan Wali kelola data kelas dan daftar
kelas. wali kelas.

Berhasil
Test Case: Hasil Pengujian:
1 akses
Klik button “Kelas”
halaman
pada kolom side bar.

Lihat data siswa Sistem akan menampilkan data

berdasarkan kelas. siswa.

Berhasil
Test Case: Hasil Pengujian:
2 menampilkan
Klik button dropdown Sistem menampilkan data
data
“Pilih Kelas” pada form siswa/i yang berada pada kelas
kelas lalu pilih kelas 10 10 MM 1.
MM 1.
Menambahkan siswa ke Sistem akan menampilkan
dalam kelas. flash message.

Test Case: Hasil Pengujian: Berhasil

3
Pilih siswa yang belum tambah data
memiliki kelas dengan
cara klik dropdown
“Pilih Siswa”.
 84

Tabel 4. 12 Pengujian Halaman Kelola Kelas (Lanjutan)

Menambahkan daftar Sistem akan menampilkan
kelas. flash message jika berhasil.

Berhasil
4 Test Case: Hasil Pengujian:
tambah data
Klik “Tambah Kelas”
lalu masukan data dan
klik button “Simpan”.
Menambahkan data Sistem akan menampilkan
wali kelas. flash message jika berhasil.

Berhasil
5 Test Case: Hasil Pengujian:
tambah data
Pilih data guru di kolom
Walikelas lalu klik
“Ganti Wali Kelas”.

f. Hasil Uji Halaman Kelola Mata Pelajaran oleh Admin

Tabel 4. 13 Pengujian Halaman Kelola Mapel

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk ke halaman Sistem menampilkan form

kelola data mata kelola data mata pelajaran.
pelajaran.
Hasil Pengujian : Berhasil
1 Test Case: akses
Klik button “Mapel” halaman
pada kolom side bar.
 85

Tabel 4. 14 Pengujian Halaman Kelola Mapel (Lanjutan)

Tambah data mata Sistem akan menampilkan
pelajaran. flash message.

Test Case: Hasil Pengujian:

Berhasil
2 Klik “Tambah Data”
tambah data
pada form daftar mata
pelajaran lalu masukan
data kemudian klik
button “Simpan Data”.
Update data mata Sistem akan menampilkan
pelajaran. flash message.

Berhasil
3 Test Case: Hasil Pengujian:
ubah data
Klik button “Ubah”
pada daftar mata
pelajaran yang dipilih
Menghapus data mata Sistem akan menampilkan
pelajaran. flash message.

Berhasil
4 Test Case: Hasil Pengujian:
hapus data
Klik button “Hapus”
pada data mata
pelajaran yang dipilih.
Tambah mapel pada Sistem akan menambahkan
rombel. data.
Test Case: Hasil Pengujian: Berhasil
5
Klik dropdown tambah data
“Tambah Mapel” pilih
Bahasa Indonesia.
 86

g. Hasil Uji Halaman Kelola Nilai Siswa oleh Guru

Tabel 4. 15 Pengujian Halaman Kelola Nilai Siswa

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk ke halaman Sistem akan menampilkan

kelola nilai siswa. form kelola nilai siswa.

Test Case: Hasil Pengujian: Berhasil

1 Klik button “Kelola akses
Nilai Siswa” pada halaman
kolom side bar.

Kelola nilai sesuai Sistem akan menampilkan data

mapel dan kelas yang siswa.
diampu guru.
Hasil Pengujian: Berhasil
2 Test Case: Sistem menampilkan data menampilkan
Klik dropdown “Kelas siswa 10 MM 1 dan form data
& Mata Pelajaran” pilih penilaian Bahasa Indonesia.
Bahasa Indonesia dan
kelas 10 MM 1.
Menambahkan nilai Sistem akan menampilkan
tugas siswa/i. flash message.

Berhasil
3 Test Case: Hasil Pengujian:
tambah data
Masukan data tugas
kemudian klik Button
“Submit”.
 87

Tabel 4. 16 Pengujian Halaman Kelola Nilai Siswa (Lanjutan)

Update data nilai tugas. Sistem akan menampilkan
flash message.

Test Case: Hasil Pengujian: Berhasil

4
Klik button “Ubah” Data telah diupdate. ubah data
pada nilai tugas yang
dipilih

Menghapus data nilai Sistem akan menampilkan

tugas. flash message jika data berhasil
dihapus.
Test Case:
Berhasil
5 Klik button “Hapus” Hasil Pengujian:
hapus data
pada data tugas yang Data telah dihapus
dipilih.

Kelola nilai UTS, UAS, Sistem akan menampilkan

Keterampilan dan flash message jika data berhasil
Sikap. ditambah.

Test Case: Hasil Pengujian:

Masukan nilai siswa Data nilai berhasil diinput. Berhasil
6
UTS: 70 tambah data
UAS: 80
Keterampilan: 77
Sikap: 75
klik button “Simpan”
pada kolom Aksi.
 88

Tabel 4. 17 Pengujian Halaman Kelola Nilai Siswa (Lanjutan)

Menambahkan nilai Sistem akan menyimpan data
kepribadian siswa/i. dan menampilkan
flash message.
Test Case:
Berhasil
7 Input nilai kepribadian. Hasil Pengujian:
tambah data
Nilai Keterampilan: 80
Nilai Kepribadian: 77
Nilai Kelakuan: 75 lalu
klik button “Submit”.
Menambahkan nilai Sistem akan menyimpan data
ekstrakurikuler siswa/i. dan menampilkan
flash message.
Test Case:
Berhasil
8 Input nilai Hasil Pengujian:
tambah data
ekstrakurikuler
Nama Ekskul: Paskibra
Predikat: 80 lalu klik
button “Submit”.
Menambahkan catatan. Sistem akan menampilkan
flash message jika berhasil
Test Case: menambahkan catatan.
Klik button “Input Berhasil
9
Catatan” pada kolom Hasil Pengujian: tambah data
Catatan.
 89

h. Hasil Uji Halaman Kelola Absensi oleh Guru

Tabel 4. 18 Pengujian Halaman Kelola Absensi

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk ke halaman Sistem akan menampilkan
kelola absensi. form kelola absensi siswa.
Berhasil
1 akses
Test Case: Hasil Pengujian:
halaman
Klik “Kelola Absensi” Menampilkan form kelola
pada kolom side bar. absensi.
Input data absensi Sistem akan menampilkan
siswa/i. flash message jika data berhasil
ditambah.
Test Case: Berhasil
2
Klik dropdown “Pilih Hasil Pengujian: tambah data
Kelas” kemudian Pilih
Siswa, masukan data
dan klik “Simpan”. \

i. Hasil Uji Halaman Kepala Sekolah

Tabel 4. 19 Pengujian Halaman Kepala Sekolah

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Masuk ke halaman Sistem akan menampilkan

ledger nilai siswa/i. laporan ledger.
Berhasil
1 akses
Test Case: Hasil Pengujian:
halaman
Klik button “Ledger” Sistem menampilkan laporan
pada kolom side bar. ledger nilai siswa/i.
 90

Tabel 4. 20 Pengujian Halaman Kepala Sekolah (Lanjutan)

Cetak data ke dalam Sistem akan menghasilkan
bentuk PDF. PDF.
Berhasil
2
Test Case: Hasil Pengujian: cetak data
Pilih data di menu side Sistem menampilkan data
bar, klik “Cetak PDF”. dalam bentuk PDF.

j. Hasil Uji Halaman Siswa

Tabel 4. 21 Pengujian Halaman Siswa

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Lihat nilai rapor. Sistem akan menampilkan

hasil nilai rapor siswa/i.
Test Case:
Klik button “Lihat Hasil pengujian:
Nilai” pada side bar.
Berhasil
1
lihat rapor

Cetak data ke dalam Sistem akan menghasilkan

bentuk PDF. PDF data yang dipilih
Berhasil
2
Test Case: Hasil Pengujian: cetak rapor
Pilih data lalu klik Sistem menampilkan hasil
button “Cetak PDF”. rapor dalam bentuk PDF.
 91

k. Hasil Uji Halaman Kelola Profil User

Tabel 4. 13 Pengujian Halaman Kelola Profil User

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Update profil user. Sistem akan menyimpan data

yang telah diubah dan
menampilkan flash message.
Test Case:
Berhasil
1 Klik menu “Profil” Hasil Pengujian:
ubah data
kemudian ubah data Data telah diupdate.
lalu klik “Simpan”.

l. Hasil Uji Proses Logout

Tabel 4. 14 Pengujian Logout

No Skenario Pengujian Hasil Yang Diharapkan Kesimpulan

Melakukan Logout. Sistem akan mengarahkan user

ke halaman Login.

Test Case: Hasil Pengujian:

Klik menu “Keluar” Berhasil
1
pada kolom side bar. Logout