MAKALAH

SISTEM ABSENSI KETERLAMBATAN SISWA

DISUSUN OLEH:

ARI RIANA SAPUTRA 2131711017

PROGRAM STUDI PENDIDIKAN TEKNOLOGI INFORMASI

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS MUHAMMADIYAH SUKABUMI

2023
 Kata Pengantar

Puji syukur kami panjatkan ke hadirat Allah Yang Maha Esa karena dengan rahmat
dan karunia-Nya, kami dapat menyelesaikan makalah ini. Makalah ini berjudul "Sistem
Absensi Keterlambatan Siswa". Dalam makalah ini, saya membahas tentang bagaimana
sistem absensi keterlambatan siswa berbasis web.

Saya berharap makalah ini dapat memberikan informasi dan pemahaman yang
bermanfaat bagi pembaca mengenai sistem absensi ini. Saya menyadari bahwa masih terdapat
kekurangan dalam makalah ini dan saya sangat mengharapkan masukan dan saran dari
pembaca untuk penyempurnaan makalah ini.

Akhir kata, kami mengucapkan terima kasih kepada semua pihak yang telah
membantu saya dalam penyelesaian makalah ini. Semoga makalah ini dapat bermanfaat bagi
pembaca dan dapat menjadi bahan referensi yang berguna.

Sukabumi, 07 juli 2023

Ari Riana Saputra

2
 DAFTAR ISI

Kata Pengantar...........................................................................................................................1

DAFTAR ISI..............................................................................................................................2

BAB I PENDAHULUAN..........................................................................................................3

A. LATAR BELAKANG.....................................................................................................3

B. RUMUSAN MASALAH................................................................................................4

C. TUJUAN.........................................................................................................................4

BAB II PEMBAHASAN...........................................................................................................5

A. APLIKASI YG DIGUNAKAN...................................................................................5

B. BAHASA PEMROGRAMAN....................................................................................6

C. ANALISIS DAN PERANCANGAN..........................................................................7

D. TAMPILAN WEB SISTEM ABSENSI KETERLAMBATAN SISWA.....................8

BAB III PENUTUP..................................................................................................................10

DAFTAR PUSTAKA...............................................................................................................11

3
 BAB I
PENDAHULUAN

A. LATAR BELAKANG

Sistem absensi keterlambatan siswa telah menjadi bagian penting dalam upaya meningkatkan
disiplin dan kehadiran siswa di sekolah. Dalam lingkungan pendidikan, absensi dan
keterlambatan siswa dapat memiliki dampak signifikan terhadap kemajuan akademik mereka.
Oleh karena itu, pengembangan sistem yang efisien dan efektif untuk memantau dan
mencatat absensi serta keterlambatan siswa menjadi perhatian utama bagi pihak sekolah.
Sistem ini memungkinkan sekolah untuk mengidentifikasi siswa yang sering terlambat,
mengambil tindakan korektif yang tepat, serta mengkomunikasikan kehadiran dan
keterlambatan siswa kepada orang tua atau wali mereka. Dengan adanya sistem absensi
keterlambatan siswa yang terintegrasi dengan baik, diharapkan akan tercipta lingkungan
belajar yang lebih teratur dan siswa dapat mengembangkan kebiasaan kehadiran yang baik
untuk mendukung prestasi akademik mereka.

Sistem absensi keterlambatan siswa menggunakan teknologi dan alat yang canggih untuk
mengumpulkan dan merekam data absensi dan keterlambatan secara akurat. Dalam sistem
ini, siswa biasanya diminta untuk mengambil tindakan seperti memindai kartu identitas siswa
atau menggunakan sidik jari mereka sebagai tanda kehadiran di pintu masuk sekolah. Data
kehadiran ini kemudian dikirim dan disimpan dalam basis data terpusat, yang memungkinkan
pihak sekolah untuk melacak dan memantau kehadiran siswa secara real-time. Dengan sistem
ini, pihak sekolah dapat dengan mudah mendapatkan laporan dan analisis tentang pola
kehadiran dan keterlambatan siswa, yang berguna dalam mengambil keputusan strategis
untuk meningkatkan kehadiran siswa secara keseluruhan. Selain itu, sistem ini juga
memungkinkan sekolah untuk mengirimkan pemberitahuan otomatis kepada orang tua atau
wali jika ada siswa yang terlambat. Melalui penggunaan sistem absensi keterlambatan siswa
yang canggih ini, diharapkan dapat terjadi perubahan positif dalam tingkat kehadiran siswa
dan menjaga disiplin di lingkungan sekolah.

4
B. RUMUSAN MASALAH

1. Apa saja aplikasi yg di gunakan?

2. Bahasa pemorgraman apa yang digunakan?
3. Analisi dan perancangan web sistem absensi keterlambatan siswa?
4. Web sistem absensi keterlambatan siswa?

C. TUJUAN

1. Mengetahui aplikasi apa saja yg digunakan.

2. Mengetahui bahasa pemrograman apa saja yg di gunakan.
3. Mengetahui use case dari pembuatan web tersebut.
4. Mengetahui bagaimana tampilan web tersebut.

5
 BAB II
PEMBAHASAN

D. APLIKASI YG DIGUNAKAN

Pada pembahasan berikutnya, saya akan menjelaskan tentang dua aplikasi yang saya
gunakan dalam proses pembuatan web sistem absensi keterlambatan siswa. Aplikasi-aplikasi
ini memiliki peran yang penting dalam pengembangan dan pengujian web, serta memberikan
kemudahan dan efisiensi bagi saya sebagai pengembang. Mari kita lihat lebih detail mengenai
kedua aplikasi tersebut:

1. Sublime Text 3
Aplikasi pengembangan web yang sangat populer dan sangat berguna dalam menulis
dan mengedit kode HTML, CSS, dan JavaScript. Saya menggunakan Sublime Text 3
sebagai editor kode untuk mempermudah proses penulisan dan pengeditan kode web.
Aplikasi ini memiliki fitur-fitur yang membantu meningkatkan produktivitas,
antarmuka yang bersih, dan dukungan penuh terhadap berbagai bahasa pemrograman.
Sublime Text 3 memberikan saya kenyamanan dan kemudahan dalam mengelola dan
mengedit kode-kode web dengan efisien.
2. XAMPP
Saya juga menggunakan XAMPP sebagai aplikasi web server dalam pengembangan
web sistem absensi keterlambatan siswa. XAMPP merupakan paket aplikasi yang
terdiri dari Apache sebagai server web, MySQL sebagai sistem manajemen database,
PHP sebagai bahasa pemrograman server-side, dan Perl sebagai bahasa pemrograman
tambahan. Dengan menggunakan XAMPP, saya dapat menjalankan web secara lokal
di komputer saya dan menguji fitur-fitur yang telah saya kembangkan sebelum
mengunggahnya ke server online. XAMPP memberikan saya lingkungan
pengembangan yang lengkap dan terintegrasi, memungkinkan saya untuk mengelola
database, menjalankan skrip PHP, serta menguji dan mengoptimalkan kinerja web
dengan mudah sebelum mempublikasikannya secara online.

Kedua aplikasi ini, yaitu Sublime Text 3 dan XAMPP, memberikan saya alat yang
sangat berharga dalam proses pembuatan web sistem absensi keterlambatan siswa. Sublime
Text 3 sebagai editor kode memudahkan saya dalam menulis dan mengedit kode web,
sedangkan XAMPP sebagai web server lokal memfasilitasi pengujian dan pengembangan
web sebelum diluncurkan secara online. Dengan menggunakan kedua aplikasi ini, saya dapat
6
meningkatkan produktivitas, efisiensi, dan kualitas pengembangan sistem absensi
keterlambatan siswa.

E. BAHASA PEMROGRAMAN

Dalam pembuatan web sistem absensi keterlambatan siswa, saya menggunakan

beberapa bahasa pemrograman, antara lain PHP, HTML, dan CSS. Setiap bahasa
pemrograman tersebut memiliki peran dan fungsi spesifik dalam pengembangan web. Berikut
adalah pembahasan tentang masing-masing bahasa pemrograman yang saya gunakan:

1. PHP (Hypertext Preprocessor)

Saya menggunakan PHP sebagai bahasa pemrograman server-side yang digunakan untuk
mengembangkan bagian backend (sisi server) dari web sistem absensi keterlambatan
siswa. Dengan PHP, saya dapat memproses permintaan dari pengguna, mengelola data,
dan berinteraksi dengan database. Saya membuat fungsi-fungsi yang mengatur logika dan
alur kerja web, seperti input data siswa, input data kelas dan input data keterlambatan
siswa.

2. HTML (Hypertext Markup Language)

Saya menggunakan HTML sebagai bahasa pemrograman yang digunakan untuk membuat
struktur dan tampilan dasar dari halaman web. Dalam web sistem absensi keterlambatan
siswa, saya menggunakan HTML untuk mengatur elemen-elemen dasar seperti teks,
gambar, tombol, dan formulir. Saya mengatur layout dan struktur halaman web, serta
menyematkan elemen-elemen lain seperti CSS dan JavaScript menggunakan HTML.

3. CSS (Cascading Style Sheets)

Saya menggunakan CSS sebagai bahasa pemrograman yang digunakan untuk mengatur
tampilan dan gaya visual dari halaman web. Dalam web sistem absensi keterlambatan
siswa, saya menggunakan CSS untuk mengatur warna, ukuran, jenis font, layout, dan efek
visual lainnya. Dengan CSS, saya menciptakan tampilan yang menarik, konsisten, dan
responsif untuk halaman web.

Dalam pengembangan web sistem absensi keterlambatan siswa, saya menggunakan

kombinasi dari keempat bahasa pemrograman ini untuk menciptakan fungsi-fungsi yang

7
diperlukan, mengatur tampilan yang menarik, dan memberikan pengalaman pengguna yang
baik.

F. ANALISIS DAN PERANCANGAN

dalam pembuatan web, saya meracang aplikasi ini dengan menggunakan use case diagram
dan activity diagram :

1. Use case diagram

8
 G. TAMPILAN WEB SISTEM ABSENSI KETERLAMBATAN SISWA

Ini adalah beberapa tampilan dari web sistem absensi keterlambatan siswa yang sudah di
buat:

1. Menu login

2. Menu Utama (Admin)

9
3. Menu Utama (Guru)

10
 BAB III
PENUTUP

H. KESIMPULAN

Sistem absensi keterlambatan siswa adalah solusi yang efektif dalam mengelola dan
memantau kehadiran serta keterlambatan siswa di sekolah. Dengan memanfaatkan
teknologi dan aplikasi berbasis komputer ini, sekolah dapat meningkatkan akuntabilitas
siswa, mengurangi tingkat keterlambatan, dan meningkatkan efisiensi administrasi.
Sistem absensi keterlambatan siswa memberikan manfaat nyata dalam menjaga ketertiban
sekolah dan memfasilitasi pengambilan keputusan berdasarkan data yang akurat.

11
 DAFTAR PUSTAKA

https://stokcoding.com/
https://hasantarmizi.blogspot.com/2017/04/pengertian-sublime-text.html
https://www.biznetgio.com/news/apa-itu-xampp
https://www.niagahoster.co.id/blog/pengertian-css/
https://www.merdeka.com/trending/pengertian-html-lengkap-dengan-fungsi-dan-sejarah-
kemunculannya-kln.html
https://glints.com/id/lowongan/apa-itu-php-adalah/
http://repository.uib.ac.id/1910/5/s-1531121-chapter2.pdf

12