BAB V

IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1 IMPLEMENTASI SISTEM

Pada Bab ini akan dijelaskan dari hasil implementasi yang telah dilakukan.
Implementasi sistem terdiri dari implementasi halaman input dan implementasi
halaman output. Hasil implementasi ini mengacu kepada analisia dan perancangan
sistem dalam bab sebelumnya

5.1.1 implementasi input

Implementasi Input merupakan pengimplementasian terhadap form – form
yang diberlakukan untuk kepentingan penginputan data baru. Halaman input
dapat diakses oleh admin dan walikelas. Halaman input atau form berfungsi
untuk menyimpan data yang kemudian akan diolah oleh sistem sesuai dengan
keperluan dan kebutuhan dari Sistem Informasi Akademik SMK PELITA
RAYA JAMBI Halaman implentasi akan diperlihatkan pada gambar – gambar
berikut :
1. Halaman Login admin
Halaman login admin merupakan halaman dimana user seperti Admin,
untuk masuk ke dalam sistem berdasarkan hak - hak akses pengguna.
Jika suskes melakukan login maka halaman akan beralih ke halaman
dashboard masing masing user.

Hasil implementasi dapat dilihat di gambar 5.1 :

 Gambar 5.1 Halaman Login Admin

2. Halaman Login guru

Halaman login guru merupakan halaman dimana user seperti Wali kelas
dan guru untuk masuk ke dalam sistem berdasarkan hak - hak akses
pengguna. Jika suskes melakukan login maka halaman akan beralih ke
halaman dashboard masing masing user.
Hasil implementasi dapat dilihat di gambar 5.1 :

Gambar 5.2 Halaman Login guru

3. Halaman data jadwal

Halaman ini merupakan halaman bagi Admin, untuk melihat Data Jadwal guru
mengajar , dengan cara mengklik di submenu data jadwal di bagian master
data . Setelah mengklik submenu tersebut maka admin akan dapat melihat
jadwal guru mengajar . Hasil implementasi dapat dilihat pada gambar 5.3

Gambar 5.3 Halaman Data Jadwal

4. Halaman tambah data jadwal

Halaman ini merupakan halaman bagi Admin, untuk menambahkan Data

Jadwal guru mengajar , dengan cara mengklik button tambah jadwal baru.
Setelah mengklik button tersebut maka admin akan dapat menambahkan Data
Jadwal guru mengajar . Hasil implementasi dapat dilihat pada gambar 5.4

Gambar 5.4 Halaman tambah data jadwal

5. Halaman data guru

Halaman ini merupakan halaman bagi Admin, untuk melihat Data guru
mengajar , dengan cara mengklik di submenu data guru di bagian master
data . Setelah mengklik submenu tersebut maka admin akan dapat melihat data
guru. Hasil implementasi dapat dilihat pada gambar 5.5

Gambar 5.5 Halaman Data guru

6. Halaman tambah data guru

Halaman ini merupakan halaman bagi Admin, untuk menambah data guru ,
dengan cara mengklik button tambah data guru . Setelah mengklik button
tersebut maka admin akan dapat menambah data guru. Hasil implementasi
dapat dilihat pada gambar 5.6

Gambar 5.6 Halaman Tambah Data guru

7. Halaman ubah foto guru

Halaman ini merupakan halaman bagi Admin, untuk mengubah foto guru ,
dengan cara mengklik button ubah foto di bagian aksi data guru . Setelah
mengklik button tersebut maka admin dapat mengubah foto guru . Hasil
implementasi dapat dilihat pada gambar 5.7

Gambar 5.7 Halaman Ubah Foto Guru

8. Halaman edit guru

Halaman ini merupakan halaman bagi Admin, untuk mengedit data guru ,
dengan cara mengklik button edit di bagian aksi data guru . Setelah mengklik
button tersebut maka admin dapat untuk mengedit data guru. Hasil
implementasi dapat dilihat pada gambar 5.8

Gambar 5.8 Halaman Edit Guru

9. Halaman hapus guru
Halaman ini merupakan halaman bagi Admin, untuk menghapus data guru ,
dengan cara mengklik button hapus di bagian aksi data guru . Setelah
mengklik button tersebut maka admin dapat untuk menghapus data guru.
Hasil implementasi dapat dilihat pada gambar 5.9

Gambar 5.9 Halaman Hapus Guru

10. Halaman data siswa

Halaman ini merupakan halaman bagi Admin, untuk melihat Data siswa
dengan cara mengklik di submenu data siswa di bagian master data . Setelah
mengklik submenu tersebut maka admin akan dapat melihat data siswa
sekolah. Hasil implementasi dapat dilihat pada gambar 5.10
 Gambar 5.10 Halaman Data Siswa
11. Halaman tambah data siswa

Halaman ini merupakan halaman bagi Admin, untuk menambah data siswa ,
dengan cara mengklik button tambah siswa baru . Setelah mengklik button
tersebut maka admin akan dapat menambah data siswa. Hasil implementasi
dapat dilihat pada gambar 5.11

Gambar 5.11 Halaman Tambah Data siswa

12. Halaman detail siswa

Halaman ini merupakan halaman bagi Admin, untuk melihat detail siswa,
dengan cara mengklik button detail di bagian aksi data siswa . Setelah
mengklik button tersebut maka admin dapat melihat detail siswa . Hasil
implementasi dapat dilihat pada gambar 5.12
 Gambar 5.12 Halaman detail siswa

13. Halaman edit siswa

Halaman ini merupakan halaman bagi Admin, untuk mengedit data siswa ,
dengan cara mengklik button edit di bagian aksi data siswa . Setelah
mengklik button tersebut maka admin dapat untuk mengedit data siswa. Hasil
implementasi dapat dilihat pada gambar 5.13

Gambar 5.13 Halaman Edit siswa

14. Halaman hapus siswa

Halaman ini merupakan halaman bagi Admin, untuk menghapus data siswa ,
dengan cara mengklik button hapus di bagian aksi data siswa . Setelah
mengklik button tersebut maka admin dapat untuk menghapus data siswa .
Hasil implementasi dapat dilihat pada gambar 5.14

Gambar 5.14 Halaman Hapus Guru

15. Halaman input nilai

Halaman ini merupakan halaman bagi Admin, untuk menginput nilai rapor
siswa per kelas dengan cara mengklik di submenu input nilai siswa di bagian
Nilai . Setelah mengklik submenu tersebut maka admin akan dapat menginput
nilai siswa . Hasil implementasi dapat dilihat pada gambar 5.15
 Gambar 5.15 Halaman Input Nilai

16. Halaman ubah nilai siswa

Halaman ini merupakan halaman bagi Admin, untuk mengubah nilai rapor
siswa per kelas dengan cara mengklik button icon ubah di dalam halaman
hasil nilai . Setelah mengklik button icon ubah tersebut maka admin akan
dapat mengubah nilai siswa perkelas . Hasil implementasi dapat dilihat pada
gambar 5.16

Gambar 5.16 Halaman Ubah Nilai

17. Halaman simpan nilai siswa

Halaman ini merupakan halaman bagi Admin, untuk menyimpan nilai rapor
siswa per kelas dengan cara mengklik button icon save di dalam halaman
hasil nilai . Setelah mengklik button icon save tersebut maka admin akan
dapat mengubah nilai siswa perkelas . Hasil implementasi dapat dilihat pada
gambar 5.17

Gambar 5.17 Halaman Simpan Nilai

18. Halaman kelas

Halaman ini merupakan halaman bagi Admin, untuk melihat data walikelas
dan jumlah siswa perkelas dengan cara mengklik menu kelas . Setelah
mengklik menu tersebut maka admin akan dapat melihat data kelas tersebut .
Hasil implementasi dapat dilihat pada gambar 5.18
 Gambar 5.18 Halaman Kelas

19. Halaman tambah data kelas

Halaman ini merupakan halaman bagi Admin, untuk menambah data kelas dan
walikelas , dengan cara mengklik button tambah data kelas . Setelah
mengklik button tambahkan t maka admin akan dapat menambah data kelas
dan walikelas tersebut. Hasil implementasi dapat dilihat pada gambar 5.19

Gambar 5.19 Halaman Tambah Data Kelas

20. Halaman edit data kelas

Halaman ini merupakan halaman bagi Admin, untuk mengedit data kelas ,
dengan cara mengklik button edit di bagian aksi data kelas . Setelah mengklik
button tersebut maka admin dapat untuk mengedit data guru dan mengklik
button simpan untuk menyimpan hasil data kelas tersebut. Hasil implementasi
dapat dilihat pada gambar 5.20
 Gambar 5.20 Halaman Edit Data Kelas

21. Halaman hapus data kelas

Halaman ini merupakan halaman bagi Admin, untuk menghapus data kelas ,
dengan cara mengklik button hapus di bagian aksi data kelas . Setelah
mengklik button hapus. maka admin dapat untuk menghapus data kelas .
Hasil implementasi dapat dilihat pada gambar 5.21

Gambar 5.21 Halaman Hapus Data Kelas

22. Halaman data mata pelajaran

Halaman ini merupakan halaman bagi Admin, untuk melihat data mata
pelajaran dan kode mata pelajaran perkelas dengan cara mengklik menu mata
pelajaran . Setelah mengklik menu tersebut maka admin akan dapat melihat
data mata pelajaran tersebut . Hasil implementasi dapat dilihat pada gambar
5.22
 Gambar 5.22 Halaman Data Mata Pelajaran

23. Halaman tambah data mata pelajaran

Halaman ini merupakan halaman bagi Admin, untuk menambah kode mata
pelajaran, nama mata pelajaran, kelas, kelompok mata pelajaran dan paket
keahlihan dengan cara mengklik button tambah data kelas . Setelah mengklik
button tambahkan t maka admin akan dapat menambah data kelas tersebut.
Hasil implementasi dapat dilihat pada gambar 5.23

Gambar 5.23 Halaman Tambah Data Mata Pelajaran

24. Halaman edit data mata pelajaran

Halaman ini merupakan halaman bagi Admin, untuk mengedit data data kelas ,
dengan cara mengklik button edit di bagian aksi data mata pelajaran . Setelah
mengklik button tersebut maka admin dapat untuk mengedit data mata
pelajaran dan mengklik button simpan untuk menyimpan hasil data mata
pelajaran tersebut. Hasil implementasi dapat dilihat pada gambar 5.24

Gambar 5.24 Halaman Edit Data Mata Pelajaran

25. Halaman hapus data mata pelajaran

Halaman ini merupakan halaman bagi Admin, untuk menghapus data mata
pelajaran , dengan cara mengklik button hapus di bagian aksi data mata
pelajaran . Setelah mengklik button hapus. maka admin dapat untuk
menghapus data kelas . Hasil implementasi dapat dilihat pada gambar 5.25
 Gambar 5.25 Halaman Hapus Data Mata Pelajaran

26. Halaman deskripsi

Halaman ini merupakan halaman bagi Admin, untuk melihat deskripsi per
mata pelajaran dengan cara mengklik di submenu deskripsi di bagian
mata pelajaran. Setelah mengklik submenu tersebut maka admin akan
dapat melihat deskripsi per mata pelajaran . Hasil implementasi dapat
dilihat pada gambar 5.26

Gambar 5.26 Halaman Deskripsi

27. Halaman edit deskripsi

Halaman ini merupakan halaman bagi Admin, untuk mengedit data deskripsi ,
dengan cara mengklik button edit di bagian aksi deskripsi . Setelah mengklik
button tersebut maka admin dapat untuk mengedit deskripsi mata pelajaran dan
mengklik button simpan untuk menyimpan hasil deskripsi per mata pelajaran
tersebut. Hasil implementasi dapat dilihat pada gambar 5.27

Gambar 5.27 Halaman Edit Deskripsi

28. Halaman data kkm

Halaman ini merupakan halaman bagi Admin, untuk melihat kkm per mata
pelajaran dengan cara mengklik di submenu kkm di bagian mata
pelajaran. Setelah mengklik submenu tersebut maka admin akan dapat
melihat data kkm per mata pelajaran . Hasil implementasi dapat dilihat
pada gambar 5.28

Gambar 5.28 Halaman Data KKM

29. Halaman edit data kkm

Halaman ini merupakan halaman bagi Admin, untuk mengedit data kkm ,
dengan cara mengklik button edit di bagian aksi deskripsi . Setelah mengklik
button tersebut maka admin dapat untuk mengedit kkm per mata pelajaran dan
mengklik button simpan untuk menyimpan hasil kkm per mata pelajaran
tersebut. Hasil implementasi dapat dilihat pada gambar 5.29

Gambar 5.29 Halaman Edit KKM

30. Halaman rekap data absen harian

Halaman ini merupakan halaman bagi Admin, untuk melihat rekap data
absen harian dengan cara mengklik tombol lihat di bagian opsi absensi
harian. Setelah mengklik button lihat tersebut maka admin akan dapat
melihat rekap data absen harian guru . Hasil implementasi dapat dilihat
pada gambar 5.30
 Gambar 5.30 Halaman Rekap Data Absen Harian

31. Halaman data pesan

Halaman ini merupakan halaman bagi Admin, untuk melihat data pesan
yang diterima dari keluhan lupa password guru dengan cara mengklik
menu pesan . Setelah mengklik menu tersebut maka admin akan dapat
melihat pesan masuk tersebut . Hasil implementasi dapat dilihat pada
gambar 5.31

Gambar 5.31 Halaman Data Pesan

32. Halaman detail pesan

Halaman ini merupakan halaman bagi Admin, untuk melihat detail pesan
yang diterima dari keluhan lupa password guru dengan cara mengklik
button detail di bagian aksi menu data pesan . Setelah mengklik menu
 tersebut maka admin akan dapat melihat detail pesan masuk tersebut .
Hasil implementasi dapat dilihat pada gambar 5.32

Gambar 5.32 Halaman detail pesan

33. Halaman reset password data pesan

Halaman ini merupakan halaman bagi Admin, untuk mereset detail data
pesan yang diterima dari keluhan lupa password guru dengan cara
mengklik button reset password di dalam bagian detail pesan . Setelah
mengklik menu tersebut maka admin akan dapat mereset password guru
tersebut dengan password defaultnya. Hasil implementasi dapat dilihat
pada gambar 5.32
 Gambar 5.32 Halaman reset password data pesan

34. Halaman hapus data pesan

Halaman ini merupakan halaman bagi Admin, untuk menghapus data

pesan , dengan cara mengklik button hapus di bagian aksi data pesan .
Setelah mengklik button hapus. maka admin dapat untuk menghapus data
pesan yang masuk tersebut . Hasil implementasi dapat dilihat pada
gambar 5.33

Gambar 5.33 Halaman Hapus Data pesan

35. Halaman pengumuman

 Halaman ini merupakan halaman bagi Admin, untuk mengelolah pesan
pengumuman yang akan ditampilkan ke dashboar jadwal pelajaran siswa
dengan cara mengklik menu pengumuman . Setelah mengklik menu
tersebut maka admin dapat mengelola pengumuman tersebut . Hasil
implementasi dapat dilihat pada gambar 5.34

Gambar 5.34 Halaman Pengumuman

36. Halaman pengaturan

Halaman ini merupakan halaman bagi Admin, untuk mengatur manajemen

pengguna, profil sekolah ubah semester, ubah password dan runign text
dengan cara mengklik menu pengaturan . Setelah mengklik menu tersebut
maka admin dapat masuk ke pengaturan tersebut dan mengelola
pengaturan tersebut . Hasil implementasi dapat dilihat pada gambar 5.35
 Gambar 5.34 Halaman Pengaturan

37. Halaman tambah admin

Halaman ini merupakan halaman bagi Admin, untuk menambahkan

manajemen pengguna admin Setelah mengklik menu tersebut maka admin
dapat masuk ke pengaturan dan dapat menambahkan pengguna serta
menyimpan pengguna tersebut di dalam database . Hasil implementasi
dapat dilihat pada gambar 5.37

Gambar 5.37 Halaman tambah admin

38. Halaman edit sekolah

Halaman ini merupakan halaman bagi Admin, untuk mengedit profil
sekolah Setelah mengklik button edit yang terdapat di submenu profil
sekolah maka admin dapat mengedit profil sekolah tersebut . Hasil
implementasi dapat dilihat pada gambar 5.38
 Gambar 5.38 Halaman edit sekolah

39. Halaman ubah semester

Halaman ini merupakan halaman bagi Admin, untuk mengubah semester ,

dengan cara mengklik submenu ubah semester yang terdapat di menu
pengaturan . Setelah mengklik menu tersebut maka admin dapat mengubah
pengaturan semester dan tahun ajaran serta mengklik button simpan untuk
menyimpan hasil kkm per mata pelajaran tersebut. Hasil implementasi dapat
dilihat pada gambar 5.39

Gambar 5.39 Halaman Ubah Semester

40. Halaman ubah password

Halaman ini merupakan halaman bagi Admin, untuk mengubah pasword

admin , dengan cara mengklik submenu ubah password yang terdapat di
menu pengaturan . Setelah mengklik menu tersebut maka admin dapat
mengubah password dan mengklik button simpan untuk menyimpan password
tersebut. Hasil implementasi dapat dilihat pada gambar 5.40

Gambar 5.40 Halaman Ubah Password

41. Halaman running text

Halaman ini merupakan halaman bagi Admin, untuk mendambahkan running

text dengan cara mengklik submenu running text yang terdapat di menu
pengaturan . Setelah mengklik menu tersebut maka admin dapat
menambahkan running text dan mengklik button simpan untuk menyimpan
running text tersebut. Hasil implementasi dapat dilihat pada gambar 5.41
 Gambar 5.41 Halaman running text

42. Halaman Dashboard Guru

Halaman ini merupakan halaman dashboadr bagi guru, untuk melihat informasi
apa yang ada, dengan cara mengklik submenu dashboard. Dan guru akan dapat
melihat halaman dashboard guru.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.42 Halaman Dashboard Guru

43. Halaman Data Jadwal Guru

Halaman ini merupakan halaman data jadwal guru, yang berfungsi untuk guru
dapat melihat jadwal dia mengajar, halaman ini menampilkan hari, kelas, mata
 pelajaran dan waktu guru untuk mengajar. Cara membuka halaman ini dengan
meng klik submenu master data, lalu klik lagi data jadwal.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.43 Halaman Data Jadwal Guru

44. Halaman Data Siswa

Halaman ini merupakan halaman guru untuk melihat data siswa yang dia didik,
guru dapat melihat data siswa berupa Nis siswa, nama siswa, nisn siswa, dan jenis
kelamin siswa. Cara untuk mengakses halaman data siswa ini guru harus
mengkilk submenu master data, lalu meng klik lagi data siswa.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.44 Halaman Data siswa

45. Data Kehadiran (Absensi Harian)

Halaman ini merupakan halaman guru untuk melihat data kehadiran,

dihalaman data kehadiran memiliki 3 submenu yaitu : absensi harian,
absensi kelas, dan absensi mata pelajaran. Untuk gambar dibawah ini
merupakan halaman data absensi harian.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.45 Halaman Data Kehadiran

46. Data Absen Kelas

Halaman ini merupakan halaman guru untuk melihat data absensi harian. Untuk
dapat guru mengakses halaman ini, guru harus menglik master data, lalu mencul
sub menu absensi harian, absen kelas dan absen mata pelajaran, guru pilih sub
menu absen kelas. Maka guru akan di arahkan kehalaman data absen kelas.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.46 Halaman Data Absen Kelas

47. Data Absen Mata Pelajaran
Halaman ini merupakan halaman guru untuk melihat data absensi mata pelajaran.
Untuk dapat guru mengakses halaman ini, guru harus menglik master data, lalu
mencul sub menu absensi harian, absen kelas dan absen mata pelajaran, guru pilih
sub menu absen mata pelajaran. Maka guru akan di arahkan kehalaman data mata
pelajaran.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.47 Halaman Data Absen Mata Pelajaran

48. Data Nilai Raport

Halaman ini merupakan halaman guru untuk melihat data nilai raport siswa,
untuk mengakses halaman data nilai raport siswa, guru harus meng klik submenu
nilai. Submenu nilai ada 2 yaitu nilai raport dan input nilai raport, guru lalu
mengklik atau memilih menu nilai raport untuk dapat melihat data raport siswa.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.48 Halaman Data Nilai Rapor

49. Halaman Data Input Raport
Halaman ini merupakan halaman guru untuk mengimput data raport siswa, untuk
mengakses halaman input data raport siswa, guru harus meng klik submenu nilai.
Submenu nilai ada 2 yaitu nilai raport dan input nilai raport, guru lalu mengklik
atau memilih menu input data raport untuk dapat menginput data raport siswa.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.49 Halaman Data Input Rapor

50. Halaman Pengaturan Guru

Halaman ini merupakan halaman yang digunakan oleh guru untuk merubah
password yang lama ke passowrd yang baru.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.50 Halaman Pengaturan Guru

51. Halaman Hub.Admin
Halaman ini di gunakan oleh guru untuk menghubungi admin jika ada masalah di
dalam penggunaan website, ataupun karena lupanya password guru sehinggan
admin dapat merubah password guru yang mengalami malasalah.
Hasil implementasinya dapat dilihat pada gambar dibawah ini :

Gambar 5.51 Halaman Hub. Admin

52. Halaman dashboard jadwal

Halaman ini merupakan halaman bagi Admin, untuk melihat dashboard per
mata pelajaran dengan cara membuka halaman di browser https:
//localhost/ siakad . setelah membuka browser tersebut maka siswa dapat
melihat jadwal pelajaran . Hasil implementasi dapat dilihat pada gambar
5.52

Gambar 5.52 Halaman Dashboar Jadwal