BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Pengimplementasian pada Sistem Sistem Absensi Siswa Realtime dengan Metode QR Code Terintegrasi dengan SMS Gateway ini dimulai dari konfigurasi Gammu sebagai SMS Gateway agar dapat dilakukan pengiriman SMS. Kemudian menyediakan Scanner QR Code untuk memvalidasi data siswa. Setelah itu implementasi sistem aplikasi yang meliputi proses pengkodingan dan penerapan dari proses desain antarmuka (user interface) sesuai dengan rancangan yang telah dibuat. Yang terakhir dilakukan pengujian terhadap sistem. 4.1.1 Konfigurasi Gammu Gammu digunakan sebagai SMS Gateway untuk menghubungkan handphone user penerima dengan PC agar pengiriman dapat berjalan lancar. Langkah-langkah mengkonfigurasi Gammu adalah sebagai berikut: 1. Konfigurasi Port dan Connection Pada direktori gammu yang telah terinstal terdapat file gammurc. File tersebut bisa dibuka dengan menggunakan notepad atau text editor lain. Di dalam file gammurch, kita akan mengkonfigurasi port device dan jenis connection. Caranya adalah mengubah bagian port dan connection seperti dibawah ini: [gammu] device = connection = Parameter port diisi dengan nomor port modem yang terhubung dengan komputer. Untuk mengetahui lokasi port yang digunakan yaitu melalui Control Panel > System > Hardware > Device Manager > Port/Device. Bila modem sudah tercolok di komputer dan drivernya sudah terinstal dengan baik maka pada bagian tersebut akan muncul nomor portnya. Berikut ini konfigurasi gammurc menggunakan modem Huawei tipe E3531 yang terhubung ke port com4 [gammu] device = com4: connection = at460800 72
73 2. Menguji Koneksi Apabila file gammurc telah dikonfigurasi maka langkah berikutnya adalah menguji koneksi antara Gammu dengan modem dengan cara masuk folder C:\gammu\bin lalu mengetikkan perintah gammu identify pada command prompt. Setelah dienter maka akan mucul informasi mengenai modem yang digunakan yang berarti sukses, seperti tampilan berikut: Gambar 4. 1koneksi gammu dengan modem 3. Membuat database untuk gammu Langkah ini bertujuan untuk menyiaplkan databse MySQL untuk menampung datadata SMS yang diperlukan. Caranya adalah membuat database sengan nama db_absensi atau bisa pula dengan nama lain. Kemudian import file mysql.ql yang telah disediakan oleh Gammu. 4. Setting konfigurasi untuk SMS Daemon SMS Daemon pada Gammu digunakan untuk proses pengiriman SMS yang kemudian disimpan dalam. Untuk melakukan setting SMS Daemon, file smsdrc yang terletak di direktori Gammu dikonfigurasi terlebih dahulu. File smsdrc bisa dibuka menggunakan notepad atau text editor lain. Bagian yang diubah adalah: # ------------- SETTING FOR smsd MYSQL------------------ user = root password = pc = localhost database = db_absensi 5. Membuat Gammu service Langkah ini bertujuan untuk membuat service Gammu di windows. Dengan dibuatnya service di windows ini kita bisa lebih mudah menjalankannya tanpa menggunakan perintah tertentu di command prompt. Untuk membuat Gammu service dapat dilakukan dengan masuk ke folder C:\gammu\bin melalui command prompt dan mengetikkan perintah gammu smsd MYSQL smsdrc.
74 4.1.2 Implementasi Antar Muka Setelah melakukan analisis, sebuah sistem akan diimplementasikan ke dalam bentuk program menggunakan sebuah bahasa pemrograman dan sebuah kompiler. Hal ini untuk mengubah bentuk sistem yang belum terkomputerisasi menjadi sistem yang terkomputerisasi. Implementasi antar muka berguna sebagai tampilan bagi pengguna sistem. 4.1.2.1 Halaman Administrator Halaman ini merupakan halaman yang diakses oleh administrator. Pada halaman ini terdapat link-link menuju beberapa halaman lain yang menjadi fasilitas untuk pengelolaan data yang dilakukan oleh admin. Halaman admin terdiri dari beberapa halaman, seperti berikut : 1. Halaman Login Admin 2. Halaman Utama Administrator Gambar 4. 2Halaman Login Admin Gambar 4. 3Halaman utama Administrator
75 3. Halaman Master Kelas Gambar 4. 4Halaman master kelas 4. Halaman Master Guru 5. Halaman Master Siswa Gambar 4. 5 Halaman master guru
76 Gambar 4. 6 Halaman master siswa 6. Halaman Master Guru BP/BK Gambar 4. 7 Halaman master guru BP/BK
77 7. Halaman Master Wali Kelas Gambar 4. 8 Halaman master guru Wali kelas 8. Halaman Master Tahun Ajaran Gambar 4. 9Halaman master tahun ajaran 4.1.2.2 Halaman User Wali Kelas Halaman ini merupakan halaman yang diakses oleh user role wali kelas, pada halaman ini hanya menu absensi kelas yang dapat diakses, seperti berikut:
78 1. Halaman Login Wali kelas Gambar 4. 10Halaman login wali kelas 2. Halaman Utama Wali kelas Gambar 4. 11Halaman utama wali kelas Pada halaman utama wali kelas juga terdapat layar dasboard tetapi tidak bisa diakses dan jika mengklik view detail akan muncul notif Anda tidak memiliki akses untuk masuk ke halaman ini, seperti berikut : Gambar 4. 12Notif pada saat mengakses halaman yang tidak dijinkan
79 3. Halaman Absensi Kelas 4. Halaman View Absensi Kelas Gambar 4. 13Halaman absensi kelas Gambar 4. 14 Halaman view absensi kelas 5. Halaman view detail absensi kelas dan pengiriman SMS Gambar 4. 15Halaman view detail absensi kelas dan pengiriman SMS
80 6. Halaman Scanner QR Code Gambar 4. 16 Halaman scanner QR Code 4.1.2.3 Halaman User Guru BP/BK Halaman ini merupakan halaman yang diakses oleh user role guru BP/BK, dimana pada halaman ini hanya menu report yang dapat diakses, seperti berikut: 1. Halaman Login Guru BP/BK Gambar 4. 17Halaman login guru BP/BK
81 2. Halaman Utama Guru BP/BK Gambar 4. 18Halaman utama guru BP/BK Pada halaman utama guru BP/BK juga terdapat layar dasboard tetapi tidak bisa diakses dan jika mengklik view detail akan muncul notif Anda tidak memiliki akses untuk masuk ke halaman ini, seperti berikut: Gambar 4. 19 Notif pada saat mengakses halaman yang tidak dijinkan 3. Halaman Report (Grafik) Gambar 4. 20Halaman report grafik absensi
82 4. Halaman Report (Download Excel) Gambar 4. 21Halaman report download excel 4.2 Metode Sistem Metode pengujian bertujuan untuk memastikan bahwa modul atau program melakukan fungsinya sebagaimana didefinisikan dalam spesifikasi program. program aplikasi sistem absensi ini dilakukan dengan metode Black Box Testing. Metode Black Box Testing ini merupakan pengujian berdasarkan fungsi dari program. 4.2.1 Skenario Sistem 1. validasi login user Tabel 4. 1 validasi login user 1 Mengosongkan NIP: - semua isian data Password: - menolak akses login, lalu mengklik login dan tombol Sign in Please fill out this field pada kolom NIP 2 Hanya mengisi data NIP, lalu mengklik tombol Sign in NIP: 5252002 Password: - menolak akses login dan Please fill out this field pada kolom password
83 3 Hanya mengisi data password, lalu Sign in 4 Menginputkan dengan kondisi salah satu data benar dan satu lagi salah, lalu mengklik tombol Sign in 5 Menginputkan data login yang benar, lalu mengklik tombol Sign in NIP: - Password: soleh NIP: 5252001 (salah) Password: soleh (benar) NIP: 5252002 Password: soleh menolak akses login dan Please fill out this field pada kolom NIP menolak akses login dan Failed, NIP tidak ditemukan menerima akses login dan kemudian menampilkan halaman user 2. create, update dan delete pada halaman menu kelas Tabel 4. 2 create, update dan delete master pada halaman menu kelas 1 Menginputkan data Tingkat: 7 menolak tingkat, kelas ke dan Kelas ke: I proses dan tahun ajaran yang Tahun sudah ada, lalu ajaran: Failed, kelas sudah 2015/2016 ada Save 2 Menginputkan data isian dengan benar, lalu mengklik tombol Save 3 Mengklik tombol edit pada data kelas yang baru ditambahkan dan mengubah ke data kelas yang sudah ada, lalu mengklik tombol Update 4 Mengklik tombol edit pada data kelas yang baru ditambahkan dan Tingkat: 7 Kelas ke: III Tahun ajaran: 2015/2016 Tingkat: 7 Kelas ke: I Tahun ajaran: 2015/2016 Tingkat: 7 Kelas ke: IV Tahun ajaran: menerima proses dan Sukses, insert data kelas data kelas bertambah menolak proses dan Failed, kelas sudah ada menerima proses dan Sukses, update data
84 mengubah ke data kelas yang belum ada, lalu mengklik tombol Update 5 Memilih salah satu data kelas, lalu Delete, lalu pilih Yes, delete it 6 Memilih salah satu data kelas, lalu Delete, lalu pilih Cancel 2015/2016 kelas Tingkat: - Kelas ke: - Tahun ajaran: - Tingkat: - Kelas ke: - Tahun ajaran: - Are You Sure! Menghapus data kelas, Cancel atau Yes, delete it maka data terhapus menerima proses dan Are You Sure! Menghapus data kelas, Cancel atau Yes, delete it maka data kelas tidak terhapus 3. create, update dan delete pada halaman menu guru Tabel 4. 3 create, update dan delete master pada halaman menu guru 1 Mengosongkan NIP: - semua isian data Nama: - form insert guru, Password: - lalu mengklik Please fill out this tombol Save field pada kolom NIP 2 Hanya mengisi data NIP, lalu mengklik tombol Save 3 Menginputkan field NIP dengan huruf 4 Menginputkan field nama dengan angka 5 Menginputkan data dengan benar, lalu NIP: 5252006 Nama: - Password: - NIP: Adi Nama: - Password: - NIP: 5252006 Nama: 123 Password: - NIP: 5252006 Please fill out this field pada kolom nama Isikan angka pada field NIP Isikan huruf pada field nama menerima proses
85 Save 6 Mengklik tombol Edit pada data guru yang baru ditambahkan dan mengubah data NIP dengan NIP yang sudah ada, lalu Update 7 Mengklik tombol Edit pada data guru yang baru ditambahkan dan mengubah ke data guru yang belum ada, lalu mengklik tombol Update Nama: Adi Password: - NIP: 5252001 Nama: Adi Password: 123 NIP: 5252007 Nama: Adi Password: 123 pesan Sukses insert Guru Failed, NIP sudah ada menerima proses pesan Sukses, update guru 8 Mengklik tombol Edit pada data guru yang baru ditambahkan dan mengosongkan data NIP/nama, lalu Update 9 Memilih salah satu data guru, lalu Delete, lalu pilih Yes, delete it 10 Memilih salah satu data guru, lalu Delete, lalu pilih Cancel NIP: - Nama: Adi Password: 123 NIP: - Nama: - Password: - NIP: - Nama: - Password: - Please fill out this field pada kolom NIP/nama yang kosong Are You Sure! Data yang berhubungan dengan guru akan terhapus, Cancel atau Yes, delete it maka data terhapus Are You Sure! Data yang berhubungan dengan guru akan terhapus, Cancel atau Yes, delete it maka data guru tidak terhapus
86 4. upload file, update dan delete pada halaman menu siswa Tabel 4. 4 upload file, update dan delete master pada halaman menu siswa 1 Mengosongkan Choose file isian file upload, upload: - lalu mengklik tombol Upload Please select a file 2 Mengupload file format jpeg, lalu Upload 3 Mengupload file dengan benar format excel, lalu mengklik tombol Upload 4 Mengklik tombol Edit pada salah satu data siswa dan mengubah data NIS dengan NIS yang sudah ada, lalu Update 5 Mengklik tombol Edit pada salah satu data siswa dan mengosongkan data NIS/nama, lalu Update 6 Mengklik tombol Edit pada salah satu data siswa dan mengubah data siswa dengan data yang belum ada, lalu mengklik tombol Update 7 Memilih salah satu data siswa, lalu Delete, lalu pilih Yes, delete it Choose file upload:.jpeg Choose file upload:.xlsx NIS: 5968 Nama: Abdul latif Phone Number: 0857194190 19 NIS: - Nama: Abdul latif Phone Number: 0857194190 19 NIS: 5968 Nama: Doni Phone Number: 0857194190 19 NIP: - Nama: - Password: - The filetype you are attempting to upload is not allowed menerima proses pesan Upload file sukses Failed, NIS siswa sudah ada Please fill out this field pada kolom NIS/nama yang kosong menerima proses pesan Sukses, update siswa Are You Sure! Data siswa, Cancel atau Yes, delete it
87 8 Memilih salah satu data siswa, lalu Delete, lalu pilih Cancel NIP: - Nama: - Password: - maka data terhapus Are You Sure! Data siswa, Cancel atau Yes, delete it maka data siswa tidak terhapus 5. Scanning QR Code Tabel 4. 5 Scanning QR Code 1 Melakukan QR Code scanning dengan (salah) QR Code yang salah NIS siswa tidak ditemukan 2 Melakukan scanning dengan QR Code yang benar 3 Melakukan scanning dengan QR Code yang benar lebih dari 1x pada hari yang sama QR Code (benar) QR Code (benar) memproses data data NIS dan nama siswa menolak dan Failed, Absen hanya bisa satu kali 6. create, update dan delete pada halaman menu guru BP Tabel 4. 6 create, update dan delete master pada halaman menu guru BP 1 Mengosongkan Pilih Guru:- isian data pilih guru form insert guru BP, lalu mengklik Please select an tombol Save item in the list pada kolom pilih guru 2 Menginputkan data guru BP yang sudah ada, lalu mengklik tombol Save Pilih Guru: Maman Syaefulloh Failed, Guru tersebut sudah menjadi guru BP
88 3 Mengklik tombol Edit pada data guru BP dan mengubah ke data guru BP yang belum ada, lalu Update 4 Memilih data guru BP, lalu mengklik tombol Delete, lalu pilih Yes, delete it 5 Memilih data guru BP, lalu mengklik tombol Delete, lalu pilih Cancel Pilih Guru: Maman Syaefulloh Pilih Guru: - Pilih Guru: - menerima proses pesan Sukses, update guru BP Are You Sure! Menghapus data guru BP/BK, Cancel atau Yes, delete it maka data terhapus Are You Sure! Menghapus data guru BP/BK, Cancel atau Yes, delete it maka data guru BP tidak terhapus 7. create, update dan delete pada halaman menu wali kelas Tabel 4. 7 create, update dan delete pada halaman menu wali kelas 1 Mengosongkan Pilih Guru:- isian data pilih wali kelas form insert wali kelas, lalu Please select an item in the list Save pada kolom pilih guru 2 Menginputkan data guru wali kelas yang sudah menjadi wali kelas, lalu Save 3 Mengupdate data wali kelas yaitu mengubah data guru yang belum jadi wali kelas, lalu Pilih Guru: Maman Syaefulloh Pilih Guru: Nida Failed, Guru tersebut sudah menjadi wali kelas menerima proses pesan Sukses, update wali kelas
89 Update 4 Memilih data wali kelas, lalu mengklik tombol Delete, lalu pilih Yes, delete it 5 Memilih data wali kelas, lalu mengklik tombol Delete, lalu pilih Cancel Pilih Guru: - Pilih Guru: - Are You Sure! Menghapus data wali kelas, Cancel atau Yes, delete it maka data terhapus Are You Sure! Menghapus data wali kelas, Cancel atau Yes, delete it maka data wali kelas tidak terhapus 8. create dan update pada halaman menu tahun Ajaran Tabel 4. 8 create dan update pada halaman menu tahun Ajaran 1 Mengosongkan isian Pilih data pilih tahun form Tahun : - insert tahun ajaran, lalu Failed, Tahun Save ajaran field is required 2 Menginputkan tahun ajaran yang sudah ada, lalu Save 3 Menginputkan tahun ajaran yang sudah lewat, lalu mengklik tombol Save 4 Menginputkan tahun ajaran dengan benar, lalu Save 5 Mengklik tombol Edit pada data tahun Pilih Tahun : 2015/2016 Pilih Tahun : 2014/2015 Pilih Tahun : 2016/2017 Pilih Tahun : Failed, Tahun ajaran sudah ada Failed, Tahun ajaran tidak bisa menggunakan tahun yang lampau menerima proses pesan Sukses insert tahun ajaran
90 ajaran dan mengubah tahun ajaran yang sudah lewat, lalu Update 6 Mengklik tombol Edit pada data tahun ajaran dan mengubah tahun ajaran dengan tahun yang sudah ada, lalu Update 7 Mengklik tombol Edit pada data tahun ajaran dan ubah tahun ajaran yang belum ada, lalu Update 2013/2014 Failed, Tahun ajaran tidak bisa menggunakan tahun yang lampau Pilih Tahun : 2015/2016 Pilih Tahun : 2017/2018 Failed, Tahun ajaran sudah ada Sukses, update tahun ajaran 9. create dan update pada halaman menu absensi kelas Tabel 4. 9 input data absensi kelas 1 Melakukan create Pilih absensi kelas Tanggal : dengan mengisi data kemarin atau tanggal hari kemarin sebelumnya Failed, Absensi dan sebelumnya, hanya bisa dibuat lalu mengklik sesuai dengan hari tombol Create ini absensi 2 Melakukan create absensi kelas dengan mengisi data tanggal hari ini, lalu Create absensi 3 Melakukan create absensi kelas dengan mengisi data tanggal hari ini yang sama 2x, lalu Create absensi 4 Mengklik tombol Edit absen pada data absensi kelas siswa dan Pilih Tanggal : hari ini Pilih Tanggal : hari ini (2x) Keterangan Absen : Sakit menerima proses pesan Sukses Failed, Absensi kelas sudah ada menerima proses pesan Sukses,
91 mengubah data, lalu Update update data absensi 10. Kirim SMS Tabel 4. 10 kirim SMS 1 Melakukan kirim SMS pengiriman SMS menerima proses hasil absensi pada menu absensi siswa pesan Sukses, dengan mengklik kirim SMS tombol Kirim SMS 11. keterangan SMS yang diterima Tabel 4. 11 keterangan SMS yang diterima 1 Melakukan kirim SMS SMS yang diterima pengiriman SMS menampilkan dengan keterangan Kami data absen Masuk memberitahukan pada menu absensi bahwa anak anda siswa dengan xxxx pada tanggal yy/mm/dd masuk Kirim SMS ke sekolah tepat waktu 2 Melakukan pengiriman SMS dengan keterangan data absen Alpha pada menu absensi siswa dengan Kirim SMS 3 Melakukan pengiriman SMS dengan keterangan data absen Sakit pada menu absensi siswa dengan Kirim SMS kirim SMS kirim SMS SMS yang diterima menampilkan Kami memberitahukan bahwa anak anda xxxx pada tanggal yy/mm/dd tidak masuk sekolah tanpa keterangan SMS yang diterima Kamimemberitahu kan bahwa anak anda xxxx pada tanggal yy/mm/dd tidak masuk ke sekolah karena sakit
92 4 Melakukan pengiriman SMS dengan keterangan data absen izin pada menu absensi siswa dengan Kirim SMS kirim SMS SMS yang diterima menampilkan Kami memberitahukan bahwa anak anda xxxx pada tanggal yy/mm/dd tidak masuk ke sekolah karena izin 12. rekap data absen siswa semua kelas Tabel 4. 12 rekap data absen siswa semua kelas 1 Mengisi isian data Tahun tahun ajaran, ajaran: menerima proses tingkat,waktu dan 2015/2016 output grafik lalu Tingkat : 7 rekap siswa kelas 7 Waktu: semester periode Create Report semester januari-juni 2015 2015-01-01 - dalam bentuk 2015-06-30 Grafik 2 Mengisi isian data tahun ajaran, tingkat,waktu dan output Excel lalu Create Report Tahun ajaran: 2015/2016 Tingkat : 7 Waktu: semester 2015-01-01-2015-06-30 4.2.2 Analisa menerima proses download file Excel Setelah melakukan proses pengujian pada aplikasi sistem absensi siswa realtime dengan metode QR Code terintegrasi dengan SMS gateway didapatkan hasil analisa sebagai berikut : 1. Proses scanning QR Code beserta validasinya sudah sesuai dengan yang 2. asi login untuk user admin, wali kelas dan guru BP sudah sesuai dengan yang 3. Pada halaman user admin fungsi create, update mapun delete pada data tahun ajaran, kelas, siswa, guru, wali kelas maupun guru BP sudah sesuai dengan yang
93 4. Pada halaman user wali kelas fungsi create absensi kelas dan kirim SMS broadcast sudah sesuai dengan yang 5. Pada halaman user guru BP fungsi rekap absensi sudah sesuai dengan yang