118 Teknik Informatika Fakultas Teknik UIM http://jtek.ft-uim.ac.id/index.php/jtek
RANCANG BANGUN APLIKASI ABSENSI SISWA BERBASIS WEB PADA SMPN 1 MAROS
Sukirman1, Fahri el fazza2,Umar Pangerang3, Salmia4
1, 2,3,4) Jurusan Teknik Informatika, Fakultas Teknik, Universitas Islam Makassar Jl. Perintis Kemerdekaan km.9 No.29 Makassar, Indonesia 90245 Email: [email protected], [email protected]
Email: [email protected], [email protected]
ABSTRAK
SMPN 1 MAROS salah satu instansi bergerak di bidang Pendidikan, dimana sistem pengolahan data yang dilakukan masih konvensional salah satu diantaranya pada proses absensi siswa. Proses absensi siswa memiliki kendala dalam hal pendataan kehadiran dengan menggunakan lembaran kertas sehingga menyebabkan data absensi siswa yang tercatat di lembaran mudah hilang, rusak dan pemborosan kertas. Tujuan penelitian ini merancang aplikasi absensi berbasis web dalam memudahkan staf dan guru melakukan proses absensi siswa. Metode pengujian digunakan metode Black box testing, metode ini berfokus pada masukkan data, tampilan sistem, pemakaian memori dan kecepatan eksekusi data sehingga data yang dimasukkan tidak sesuai dengan yang diharapkan maka sistem gagal. Hasil pengujian aplikasi yaitu admin, guru dan siswa login dengan memasukkan username dan password untuk masuk ke menu utama. Admin melakukan penginputan data guru, data siswa, data kelas, data jadwal serta data mata pelajaran, sedangkan guru melakukan proses absensi mengajar, lihat jadwal serta rekap kehadiran dan siswa melakukan proses absensi dengan memilih jadwal sesuai yang diinputkan admin.
Kesimpulan pengujian sistem aplikasi absensi adalah fungsional input dan output berjalan dengan baik untuk mengubah sistem manual yang selama ini digunakan.
Kata Kunci: Rancang, aplikasi, absensi, Web, Black box
ABSTRACT
SMPN 1 MAROS is one of the agencies engaged in education, where the data processing system carried out is still conventional, one of which is in the student attendance process. The student attendance process has obstacles in terms of collecting attendance data using sheets of paper, causing student attendance data recorded on the sheets to be easily lost, damaged and wasted paper. The purpose of this study is to design a web-based attendance application to make it easier for staff and teachers to carry out the student attendance process. The test method is used the Black box testing method, this method focuses on entering data, system display, memory consumption and data execution speed so that the data entered is not as expected, the system fails. The results of testing the application are admins, teachers and students logging in by entering the username and password to enter the main menu. The admin inputs teacher data, student data, class data, schedule data and subject data, while the teacher carries out the teaching attendance process, sees the schedule and recap of attendance and students carry out the attendance process by choosing the schedule as inputted by the admin. The conclusion of testing the attendance application system is that the input and output functionals go well to change the manual system that has been used so far.
Keywords: Design, application, attendance, Web, Black box
119 Teknik Informatika Fakultas Teknik UIM http://jtek.ft-uim.ac.id/index.php/jtek 1. PENDAHULUAN
Pemanfaatan dan penggunaan informasi berkaitan dengan kemampuan manusia yang terbatas dalam menyimpan data. Oleh karena itu, sumber daya manusia membutuhkan bantuan berupa alat penyimpanan data yang dapat dilakukan oleh sistem absensi. (Febriandirza, 2020)
SMPN 1 MAROS yang berpusat di Jl.
Bahagia No.1, Alliritengae, Kec. Turikale, Kab. Maros ingin memanfaatkan teknologi informasi sebagai penunjang proses belajar mengajar, salah satu diantaranya pada proses absensi siswa, dimana sistem pencatatan pengolahan data yang dilakukan masih konvensional, sehingga data absensi yang tercatat di lembaran mudah hilang dan rusak.
Absensi merupakan kegiatan yang dilakukan guru untuk memantau kehadiran siswa setiap harinya. Biasanya guru memanggil nama yang tertulis pada buku absensi dan memberi tanda bahwa siswa hadir atau tidak. Namun, dalam proses absensi tidak selamanya berjalan lancar, beberapa masalah yang banyak dialami guru, seperti buku teringgal dirumah, mudah hilang dan rusak.
Aplikasi absensi siswa berbasis web memiliki kelebihan mempermudah siswa melakukan absensi, melihat jadwal mata pelajaran tanpa ke lokasi dan membantu para guru melakukan perekapan kehadiran siswa.
Tujuan penelitian ini merancang aplikasi absensi berbasis web dalam memudahkan staf dan guru melakukan proses absensi siswa.
2. TINJAUAN PUSTAKA Rancang Bangun
Merupakan serangkaian prosedur untuk menerjemahkan hasil Analisa dan sebuah sistem kedalam pemrograman untuk mendeskripsikan dengan detail bagaimana
komponen-komponen pada suatu sistem diimplementasikan, sedangkan pengertian bangun atau pembangunan sistem adalah kegiatan menciptakan sistem baru maupun mengganti atau memperbaiki sistem yang telah ada baik secara keseluruhan maupun sebagian. (Susanto & Ramadhan, 2017) Web
Metode menampilkan informasi di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan menghubungkan link suatu dokumen dengan dokumen lainnya (hypertext), yang dapat diakses melalui sebuah browser ´ *DEXQJDQ DWDV VHPXD situs yang dapat diakses public di internet disebut dengan sebutan World Wide Web atau lebih dikenal dengan singkatan WWW.
(Putu, 2016) XAMPP
Perangkat lunak yang mendukung banyak sistem, operasi merupakan kompilasi beberapa program. Berfungsi sebagai sebagai server yang berdiri sendiri (localhost), yang terdiri atas program apache, mysql, database, dan penerjemahan bahasa yang ditulis dengan bahasa pemrograman php dan SHUO ´ (Siregar &
Sari, 2018)
Gambar 1. Tampilan Xampp PhpMyAdmin
Software yang berbentuk seperti halaman situs yang terdapat pada web server. (Sukamto & Salahuddin, 2015)
120 Teknik Informatika Fakultas Teknik UIM http://jtek.ft-uim.ac.id/index.php/jtek Gambar 2. PhpMyAdmin
HTML
Singkatan dari Hyper Text Markup Language. Setiap penjelajah di internet membuka situs apapun pasti akan bertemu dengan HTML. (Azura & Wildian, 2018)
Gambar 3. Tampilan Contoh Html Basis Data
Kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat dicek menggunakan program komputer untuk memperoleh informasi dari basis data. (Putra et al., 2020)
3. Metode Penelitian
Jenis penelitian yang digunakan adalah R&D (Research and Development) Merupakan sebuah metode untuk menghasilkan dan menguji keefektifan aplikasi.
Alat Penelitian
Alat yang digunakan pada penelitian ini dibedakan menjadi 2, yaitu Perangkat keras (Processor: AMD A9-9420 RADEON R5, 5 COMPUTE CORES 2C+3G 3.00 GHzHarddisk minimal kapasitas 350 GB,
RAM: 4.00 GB (3.88 GB Usable), Monitor:
LCD 14, Piranti Input (mouse), HP SM- A20s) dan Perangkat Lunak (Sistem Operasi Windows 10 Pro 64-Bit, Xampp, Mysql, Google chrome, Text editor, Visio 2013).
Bahan Penelitian
Bahan penelitian yang digunakan merancang aplikasi absensi siswa berbasis web yaitu berupa data yang berasal dari SMPN 1 MAROS seperti data guru, data siswa, data mata pelajaran serta data kelas.
Metode Pengujian
Black-box testing yang berfokus pada masukkan data, tampilan sistem, pemakaian memori serta kecepatan eksekusi data sehingga data yang dimasukkan tidak sesuai dengan yang diharapkan maka sistem gagal.
Flowchart penelitian
Mulai
Identifikasi Masalah
Pengumpulan Data Dan Informasi
Perancangan Aplikasi Dan Codingan Program
Pengujian Aplikasi
Implementasi Aplikasi
Selesai YA TIDAK
Gambar 4. Flowchart penelitian
121 Teknik Informatika Fakultas Teknik UIM http://jtek.ft-uim.ac.id/index.php/jtek Flowchart Hak Akses Guru
Mulai
Halaman Login
Cek Login
Halaman Guru Lihat jadwal Lihat Absensi siswa
Rekap Absensi Input username dan
password
Selesai TIDAK
YA
Gambar 5. Flowchart hak akses Guru
Flowchart Hak Akses Admin
Mulai
Selesai Input username dan
password Halaman Login
Cek Login
Halaman Admin
x Input dan lihat data pengguna
x Input dan lihat data guru x Input dan lihat data siswa x Input dan lihat data kelas x Input dan lihat mata
pelajaran x Penjadwalan
TIDAK
YA
SIMPAN
Gambar 6. Flowchart hak akses admin
Flowchart Hak Akses Siswa
Mulai
Halaman Login
Cek Login
Halaman Siswa Lihat Jadwal
Absensi Input username
dan password
Proses Absen x Input Nama x Input Nis x Input Kehadiran x Ambil Foto x Lokasi
TIDAK
YA
Selesai SIMPAN
Gambar 7. Flowchart Hak akses siswa 4. HASIL DAN PEMBAHASAN
Implementasi Antarmuka (Interface) Pemaparan mengenai tampilan aplikasi dan kegunaan fungsi dari setiap form yang ada.
Hasil Rancangan Aplikasi Absensi a. Tampilan Login
Terdapat 3 akses login dalam aplikasi ini yaitu login admin, guru dan siswa.
User dapat mengakses aplikasi menggunakan username dan password.
122 Teknik Informatika Fakultas Teknik UIM http://jtek.ft-uim.ac.id/index.php/jtek Gambar 8. Tampilan Login
b. Halaman menu Admin
Tampil ketika user masuk sebagai admin dan semua proses penginputan dilakukan pada halaman ini.
Gambar 9. Halaman menu admin c. Halaman utama guru
ketika user masuk sebagai user guru maka yang diakses oleh guru yaitu proses absensi mengajar, lihat jadwal mengajar dan rekap kehadiran siswa.
Gambar 10. Halaman utama guru
1) Halaman absensi guru
proses absensi guru yang sudah diatur oleh admin sesuai mata pelajar, kelas dan jamnya, ketika kita NOLN WRPERO ³NH SURVHV DEVHQVL´
maka tampil halaman seperti gambar di bawah.
Gambar 11. Halaman absensi guru
2) Halaman jadwal mengajar guru Diatur sesuai dengan kelas, jam dan mata pelajaran.
Gambar 12. Halaman jadwal 3) Halaman rekap kehadiran siswa
Kehadiran siswa sesuai dengan mata pelajaran, kelas dan tanggal absen yang ingin di rekap.
123 Teknik Informatika Fakultas Teknik UIM http://jtek.ft-uim.ac.id/index.php/jtek Gambar 13. Rekap kehadiran siswa
d. Halaman utama siswa
ketika user masuk sebagai siswa dan yang dapat diakses oleh siswa hanya proses absensi siswa dan meihat jadwal belajar siswa.
Gambar 14. Halaman utama siswa e. Halaman absensi siswa
Proses absensi yang sudah diatur oleh admin sesuai mata pelajar, kelas dan jamnya.
Gambar 15. Halaman absensi siswa 5. KESIMPULAN
Hasil penelitian yang telah dilakukan maka dapat disimpulkan sebagai berikut:
1. Aplikasi absensi siswa berbasis web di rancang dengan tampilan sederhana dan simpel dimana halaman aplikasi hanya memiliki beberapa menu yaitu menu admin, menu guru dan menu siswa agar user lebih mudah untuk di operasikan.
2. Pengujian aplikasi absensi dimana fungsional input dan output berjalan dengan baik untuk mengubah sistem manual yang selama ini digunakan.
6. DAFTAR PUSTAKA
Azura, A., & Wildian, W. (2018). Rancang Bangun Sistem Absensi Mahasiswa Menggunakan Sensor RFID dengan Database MySQL XAMPP dan Interface Visual Basic. Jurnal Fisika Unand, 7(2), 186±193.
https://doi.org/10.25077/jfu.7.2.186- 193.2018
Febriandirza, A. (2020). Perancangan Aplikasi Absensi Online Dengan Menggunakan Bahasa Pemrograman Kotlin.
Pseudocode, 7(2), 123±133.
https://doi.org/10.33369/pseudocode.7.2.
123-133
124 Teknik Informatika Fakultas Teknik UIM http://jtek.ft-uim.ac.id/index.php/jtek Putra, Y. M., Buana, U. M., Putri, R. J., &
Buana, U. M. (2020). Sistem Informasi Akuntansi Pengaplikasian Dan Implementasi Konsep Basis Data Relasional Pada Sistem Pendapatan Dan Pengeluaran. June, 1.
Putu, I. K. R. (2016). Analisa Usability Pada Website Undiksha Dengan Menggunakan Metode Heuristic Evaluation.
KARMAPATI (Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika) ISSN: 2252-9063, 5(2).
Siregar, H. F., & Sari, N. (2018). Rancang Bangun Aplikasi Simpan Pinjam Uang Mahasiswa Fakultas Teknik Universitas Asahan Berbasis Web. Jurnal Teknologi
Informasi, 2(1), 53.
https://doi.org/10.36294/jurti.v2i1.409 Sukamto, R. A., & Salahuddin, M. (2015).
³$FWLYLW\ 'LDJUDP ´ LQ 5HND\DVD Perangkat Lunak Terstruktur dan Berorientasi Objek. Jurnal Pilar Nusa Mandiri, 161±162.
Susanto, E. R., & Ramadhan, F. (2017).
Rancang Bangun Aplikasi Berbasis Web Perizinan Praktik Tenaga Kesehatan Menggunakan Framework Codeigniter Pada Dinas Kesehatan Kota Metro. Jurnal Tekno Kompak, 11(2), 55.
https://doi.org/10.33365/jtk.v11i2.173
