BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1. Implementasi Sistem Setelah melakukan analisis dan perancangan sistem yang telah dibahas, maka untuk tahap selanjutnya yaitu implementasi sistem. Implementasi sistem merupakan tahap meletakan sistem yang diusulkan atau dikembangkan supaya nantinya sistem tersebut siap untuk dioperasikan sesuai dengan yang diterpkan, dengan tujuan menguji sistem apakah sudah layak untuk diimplementasikan atau belum. 4.1.1. Implemetasi Program Implementasi
yang dilakukan antara
lain adalah
menerapkan
perancangan antar muka ke dalam bentuk halaman web, perancangan struktur data ke dalam bentuk tabel database, pembuatan kode program dan sebagainya. 4.1.2. Implemetasi Basis Data Database untuk sistem web presensi sekolah XYZ ini bernama database_sekolah. Terdiri dari 12 tabel utama dan dibuat dengan phpMyAdmin yang dapat diakses dengan cara mengetikan http://localhost/phpmyadmin pada address bar browser. Adapun daftar kedua belas tabel tersebut adalah sebagai berikut : 1. Tabel Absensi Tabel Absensi ini digunakan untuk menempatkan data absensi siswa yang nantinya akan bisa diakses dalam absen siswa
Gambar 4.1 Tabel Absensi
49 http://digilib.mercubuana.ac.id/
50
2. Tabel Agenda Tabel Agenda ini dugunakan untuk menempatkan agenda sekolah dan dapat dilihat pada menu agenda sekolah.
Gambar 4.2 Tabel Agenda
3. Tabel Album Galeri Tabel Album Galeri ini digunakan untuk mengelompokan foto galeri kegiatan kedalam suatu album.
Gambar 4.3 Tabel Album Galeri 4. Tabel Berita Tabel berita ini digunakan untuk menempatkan berita yang nantinya akan digunakan untuk menampilkan berita.
Gambar 4.4 Tabel Berita
http://digilib.mercubuana.ac.id/
51
5. Tabel Data Tabel Data ini digunakan untuk menempatkan data-data yang berada di menu tampilan awal.
Gambar 4.5 Tabel Data 6. Tabel Galeri Tabel Galeri ini digunakan untuk menempatkan foto-foto yang akan dimasukan kedalam galeri kegiatan.
Gambar 4.6 Tabel Galeri 7. Tabel Kelas Tabel kelas ini digunakan untuk menempatkan kelas yang nantinya digunakan untuk mebuat level kelas.
Gambar 4.7 Tabel Kelas
http://digilib.mercubuana.ac.id/
52
8. Tabel Kepegawaian Tabel kepegawaian ini digunakan untuk mendata seluruh pegawai dana membuat id dan password untuk login.
Gambar 4.8 Tabel Kepegawaian 9. Tabel Menu Tabel menu ini digunakan untuk menempatkan menu yang berada pada tampilan awal web.
Gambar 4.9 Tabel Menu 10. Tabel Pengumuman Tabel pengumuman ini digunakan menempatkan data pengumuman yang akan yang berada pada menu bagian awal web.
Gambar 4.10 Tabel Pengumuman
http://digilib.mercubuana.ac.id/
53
11. Tabel Pesan Tabel pesan ini digunakan untuk menempatkan pesan yang dikirim oleh pengunjung untuk bertanya.
Gambar 4.11 Tabel Pesan 12. Tabel Siswa Tabel siswa digunakan untuk menempatkan data-data siswa yang ada didalam sekolah dasar xyz
Gambar 4.12 Tabel Siswa
http://digilib.mercubuana.ac.id/
54
4.1.3
Implementasi Antar Muka
Pada tahap implementasi ini antar muka yang dibuat pada tahap perancangan,
implementasikan
menjadi
bentuk
halaman
web
yang
dibangun dengan menggunakan perangkat lunak yang dijelaskan pada implementasi program. Adapun bentuk halaman web hasil implementasi tersebut disajikan sebagai berikut : 4.1.3.1
Tampilan Utama Halaman Website
Halaman utama berisi informasi-informasi sekolah mulai dari visi misi dan sambutan kepala sekolah, dan juga merupakan halaman yang pertama kali muncul saat membuka website ini, untuk pengunjung juga bisa melihat hasil absensi siswa diakademik sekolah.
Gambar 4.13 Halaman Website awal
http://digilib.mercubuana.ac.id/
55
4.1.3.2
Tampilan Halaman Login
Halaman Login merupakan halaman akses masuk kedalam sebuah control panel, sesuai dengan id tersebut, id seorang guru akan masuk kedalam control panel guru, bila menggunakan id admin akan masuk ke control panel admin.
Gambar 4.14 Login 4.1.3.3
Halaman Contol Panel Guru
Halaman ini adalah merupakan halaman tampilan awal untuk login dengan menggunakan id guru.
Gambar 4.15 Halaman Contol Panel Guru
http://digilib.mercubuana.ac.id/
56
4.1.3.4
Halaman Pengumuman
Halaman ini merupakan halaman untuk membuat pengumuman yang akan di tampilakan di menu pengumuman bagian halaman utama website.
Gambar 4.15 Halaman Pengumuman 4.1.3.5
Halaman Input Absensi
Halaman ini adalah halaman untuk menginput abasen kehadiran siswa dengan cara mencari kelas yang akan di absen terlebih dahulu.
Gambar 3.16 Halaman Input Absensi
http://digilib.mercubuana.ac.id/
57
4.1.3.6
Halaman Ganti Password
Halaman ini adalah halaman untuk merubah password yang digunakan untuk masuk ke control panel guru dimana pada halaman ini bila sudah merubah password, tidak bisa masuk dengan password yang lama dikarenakan sudah teregistrasi dengan password yang baru.
Gambar 4.17 Halaman Ganti Password 4.1.3.7
Halaman Contol Panel Admin
Halaman ini adalah halaman tampilan awal bila masuk dengan menggunakan id admin.
Gambar 4.18 Halaman Control Panel Admin
http://digilib.mercubuana.ac.id/
58
4.1.3.8
Halaman Data Statis
Halaman ini adalah halaman untuk menambahkan konten pada tampilan awal website.
Gambar 4.18 Halaman Data Statis 4.1.3.9
Halaman Data Dinamis Berita
Halaman ini adalah halaman untuk membuat berita dan mengedit berita yang akan ditampilkan di halaman utama website ini.
Gambar 4.19 Halaman Data Dinamis Berita
http://digilib.mercubuana.ac.id/
59
4.1.3.10
Halaman Data Dinamis Pengumuman
Halaman ini adalah halaman untuk membuat pengumuman dan juga mengedit pengumuman yang akan ditampilkan di halaman utama website ini.
Gambar 4.20 Halaman Data Dinamis Pengumuman 4.1.3.11
Halaman Data Dinamis Agenda Sekolah
Halaman ini adalah halaman untuk membuat agenda sekolah dan juga mengedit agenda sekolah yang akan ditampilkan di halaman utama website ini.
Gambar 4.21 Halaman Data Dinamis Agenda Sekolah
http://digilib.mercubuana.ac.id/
60
4.1.3.12
Halaman Data Siswa
Halaman ini adalah halaman untuk membuat kelas dan menambahkan siswa kedalam sebuah kelas sesuai dengan level kelas siswa tersebut.
Gambar 4.22 Halaman Data Siswa 4.1.3.13
Halaman Data Kepegawaian
Halaman ini adalah halaman untuk mendata seluruh pegawai dan membuat id dan password untuk masuk kedalam control panel guru.
Gambar 4.23 Halaman Data Kepegawaian
http://digilib.mercubuana.ac.id/
61
4.1.3.14
Halaman Galeri
Halaman ini adalah halaman untuk menambahkan foto-foto dan album galeri dokumentasi sekolah.
Gambar 4.24 Halaman Galeri 4.1.3.15
Halaman Absensi Siswa
Halaman ini adalah halaman untuk menambahkan absensi kehadiran siswa, sama seperti guru admin juga bisa menambahkan absensi.
Gambar 4.25 Halman Absensi Siswa
http://digilib.mercubuana.ac.id/
62
4.2. Pengujian Sistem Sebelum program diterapkan, maka program harus bebas terlebih dahulu dari kesalahan-kesalahan, oleh sebab itu program harus diuji coba untuk menemukan kesalahan-kesalahan yang mungkin dapat terjadi, pengujian ini menggunakan pengujian Black-Box. Pengujian Black-Box merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode Black-Box ini adalah untuk menemukan kesalahan fungsi pada program. Pengujian dengan Black-Box dilakukan dengan cara memberikan sejumlah input
pada
program aplikasi
yang
kemudian
diproses
sesuai
dengan
kebutuhan fungsionalnya untuk melihat apakah program aplikasi menghasilkan output yang diinginkan dan sesuai dengan
fungsi
dari
program
tersebut.
Apabila dari input yang diberikan proses menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang bersangkutan telah benar, tetapi jika output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program aplikasi. Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi
dan pengujian
dilakukan
berulang-ulang.
Jika
dalam
pengujian
ditemukan kesalahan, maka akan dilakukan penelusuran dan perbaikan untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan, maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus menerus hingga diperoleh hasil yang terbaik.
4.2.1. Pengujian Black Box Pengujian Black-Box berfokus pada persyaratan fungsional perangkat lunak. Dengan demikian pengujian Black-Box memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program.
http://digilib.mercubuana.ac.id/
63
4.2.2. Kasus dan Hasil Pengujian Kasus dan hasil pengujian dibuat untuk mengetahui apakah Sistem website absensi Sekolah Dasar XYZ dapat berjalan dengan baik atau tidak, dan hasil pengujian adalah sebagai berikut: 1.
Pengujian Rancangan
A.
Rancangan Pengujian Halaman Utama Website Tabel 4.1 Rancangan Pengujian Antar Muka Menu Utama No
Atar Muka Yang
Bagian Antar
Diuji
Muka Yang
Rencana
Hasil Yang Diharapkan
Diuji 1
Halaman Menu
-Menu Profil
Klik
Menampilkan
Utama Web
sekolah
Sambutan
halamn
kepala
sambutan kepala
sekolah
sekolah
Klik Visi dan
Menampilkan
Misi
halaman halaman visi dan misi
-Menu
Klik sarana
Fasilitas
dan prasarana halaman sarana
Sekolah
Menampilkan
dan prasarana
-Menu
Klik Struktur
Menampilakn
Pendidik &
Oraganisasi
halaman Struktur
Tenaga
Sekolah
organisasi
Pendidik
sekolah Klik Kepala
Menampilkan
Sekolah
sambutan kepala sekolah
http://digilib.mercubuana.ac.id/
64
Klik Data
Menampilkan
Guru
halaman data guru
Klik Data
Menampilkan
Pegawai
halaman data pegawai
-Menu
Klik Absensi
Menampilkan
Akademik
harian siswa
halaman absensi
Sekolah
harian siswa Klik info
Menampilkan
penerimaan
halaman info
siswa baru
penerimaan siswa baru
-Menu Galeri
Klik Galeri
Menampilkan
Kegiatan
kegiatan
halaman album galeri kegiatan
-Menu
Klik
Menampilkam
Pengumuman Pengumuman halaman Pengumuman -Menu
Klik Agenda
Menampilkan
Agenda
sekolah
halaman Agenda
Sekolah 2
Bagian Kepala
-Menu
Menu Utama
Beranda -Menu Login
sekolah Klik Beranda
Menampilkan halaman menu utama
Klik Login
Menampilkan halaman Login
http://digilib.mercubuana.ac.id/
65
B. Rancangan Pengujian Halaman Admin Tabel 4.2 Rancangan Pengujian Halaman Admin No
Antar Muka Yang Bagian Antar Diuji
Rencana
Muka Yang
Hasil Yang Diharapkan
Diuji 1
Data Statis
-Menu Data
Klik data
Menampilkan
Statis
statis
halaman data statis
2
Data Dinamis
-Menu Index
Klik Index
Menampilkan
Berita
Berita
halaman berita
-Menu
Klik
Menampilkan
Pengumuman
Pengumuman halaman pengumuman
-Menu Agenda
Klik agenda
Menampilkan
Sekolah
sekolah
halaman agenda sekolah
3
Sekolah
-Menu Data
Klik data
Menampilkan
Siswa-siswi
siswa-siswi
halaman data siswa-siswi
-Menu
Klik
Menampilkan
Kepegawaian
kepegawaian
halaman data kepegawaian
4
Galeri
-Menu Galeri
Klik galeri
Menampilkan halaman galeri
5
Absensi
-Menu Absensi
Klik absensi
Menampilkan halaman absensi siswa
6
Log Out
-Menu Log Out
Klik Log Out
Keluar dalam halaman admin
http://digilib.mercubuana.ac.id/
66
C. Rancangan Pengujian Halaman Guru Tabel 4.3 Rancangan Pengujian Halaman Control Panel Guru No
Antar Muka Yang Bagian Antar Diuji
Rencana
Muka Yang
Hasil Yang Diharapkan
Diuji 1
Beranda
-Menu Beranda
Klik beranda
Menampilkan halaman control panel guru
2
Pengumuman
-Menu
Klik
Menampilkan
Pengumuman
pengumuman
halaman pengumuman
3
Input Absensi
-Menu Input
Klik input
Menampilkan
Absensi
absensi
halaman data absensi
4
Ganti Password
-Menu Ganti
Klik ganti
Menampilkan
Password
password
halaman ganti password
5
Website Sekolah
-Menu Website
Klik website
Menampilkan
Sekolah
sekolah
halaman utama wibsite
6
Log Out
-Menu Log Out
Klik Log Out
Keluar dari control panel guru
http://digilib.mercubuana.ac.id/
67
2.
Pengujian Dengan Black Box
A.
Rancangan Pengujian Halaman Utama Website
Tabel 4.4 Hasil pengujian Antar Muka Menu Utama Black Box No
Antar Muka Yang
Bagian Antar
Diuji
Muka Yang
Rencana
Hasil Pengujian
Diuji 1
Halaman Utama
-Menu Profil
Klik Sambutan
Website
Sekolah
Kepala sekolah
Berkasil
Klik Visi dan Misi
Berhasil
-Menu Fasilita
Klik Sarana
Berhasil
Sekolah
Prasarana
-Menu Pendidik
Klik Struktur
& Tenaga
Organisasi Sekolah
Berhasil
Pendidik Klik Kepala Sekolah
Berhasil
Klik Data Guru
Behasil
Klik Data Pegawai
Berhasil
-Menu
Klik Absensi Harian
Berhasil
Akademik
Siswa
Sekolah
Klik info
Berhasil
Penerimaan Siswa Baru -Menu Galeri
Klik Galeri Sekolah
Berhasil
Klik Pengumuman
Berhasil
-Menu Agenda
Klik Agenda
Berhasil
Sekolah
Sekolah
Bagian Kepala
-Menu Beranda
Klik Beranda
Berhasil
Menu Utama
-Menu Login
Klik Login
Berhasil
Sekolah -Menu Pengumuman
2
http://digilib.mercubuana.ac.id/
68
B.
Rancangan Pengujian Halaman Admin
Tabel 4.5 Hasil Pengujian Halaman Admin No
Antar Muka Yang Diuji
Bagian Antar
Rencana
Muka Yang Diuji 1
2
3
Data Statis
Data Dinamis
Sekolah
Hasil Pengujian
-Menu Data
Klik Data
Statis
Statis
-Menu Index
Klik Index
Berita
Berita
-Menu
Klik
Pengumuman
Pengumuman
-Menu Agenda
Klik Agenda
Sekolah
Sekolah
-Menu Data
Klik Data
Siswa-siswi
Siswa-Siswi
-Menu
Klik
Kepegawaian
Kepegawaian
Berhasil
Berhasil
Berhasil
Berhasil
Berhasil
Berhasil
4
Galeri
-Menu Galeri
Klik Galeri
Berhasil
5
Absensi
-Menu Absensi
Klik Absensi
Berhasil
6
Log Out
-Menu Log Out
Klik Log Out
Berhasil
C. Rancangan Pengujian Halaman Guru Tabel 4.6 Hasil Pengujian Halaman Control Panel Guru No
1
Antar Muka Yang
Bagian Antar Muka
Diuji
Yang Diuji
Beranda
-Menu Beranda
Rencana
Hasil Pengujian
Klik beranda
http://digilib.mercubuana.ac.id/
Berhasil
69
2
Pengumuman
-Menu Pengumuman
Klik
Berhasil
pengumuman 3
Input Absensi
-Menu Input Absensi Klik input
Berhasil
absensi 4
5
6
Ganti Password
Website Sekolah
Log Out
-Menu Ganti
Klik ganti
Password
password
-Menu Website
Klik website
Sekolah
sekolah
-Menu Log Out
Klik Log Out
Berhasil
Berhasil
Berhasil
4.2.3. Kesimpulan Hasil Pengujian Berdasarkan hasil pengujian dengan kasus uji
diatas dapat ditarik
kesimpulan sebagai berikut : 1.
Sistem website absensi sekolah dasar XYZ bebas dari kesalahan sintaks dan
secara fungsional mengeluarkan hasil yang sesuai dengan yang
diharapkan. 2. Tombol dan form pada sistem website absensi sekolah dasar XYZ dapat berfungsi dengan baik sesuai yang diharapkan. 3. Fiur-fitur pada website absensi sekolah dasar XYZ dapat berjalan dengan baik sesuai dengan yang diharapkan. 4. Sistem website absensi sekolah ini dibangun menggunakan bahasa pemrograman PHP dengan menggunakan freamwork CodeIgniter dan menggunakan database MySQL.
http://digilib.mercubuana.ac.id/
