SDN 02 NGIJO
Disusun oleh:
i
UNIVERSITAS SURAKARTA
FAKULTAS TEKNIK ELEKTRO DAN INFORMATIKA
Menyetujui,
Pembimbing
ii
UNIVERSITAS SURAKARTA
FAKULTAS TEKNIK ELEKTRO DAN INFORMATIKA
Surakarta,…..………..
Mengetahui,
iii
Perancangan Aplikasi Absensi Siswa Berbasis Web SDN 02 Ngijo
Abstrak
Setelah dilakukan survei di SDN 02 Ngijo mengenai bagaimana guru
melakukan absensi terhadap siswanya dan juga hasil dari melakukan absensi yang
masih bersifat manual menggunakan kertas.
Rumusan dari masalah absensi secara manual supaya nantinya dari absensi
siswa yang dilakukan secara manual dapat diinput dan tersimpan didalam sebuah
database sekolah.
Untuk melakukan sebuah penelitian diperlukan metode penelitian, supaya
subyek ataupun obyek memiliki hasil yang valid maka diperlukan juga metode
penelitian yang lebih spesifik. Disini penulis menggunakan metode penelitian
secara Kuantitatif dengan menggunakan metode survei dan metode eksperimen.
Dengan adanya aplikasi absensi berbasis web penulis berharap supaya
pihak sekolah terutama guru lebih mudah melakukan absensi, dan juga pada saat
melakukan rekap absensi siswa sebelum penerimaan raport para guru tidak
kesulitan dan lebih mudah melakukan rekap absensi siswanya.
iv
Web Based Student Attendance Application Design for SDN 02 Ngijo
Abstract
After a survey was conducted at SDN 02 Ngijo regarding how teachers did
attendance to their students and also the results of doing attendance that was still
manual using paper.
Formulation of attendance problems manually so that later from student
attendance that is done manually can be inputted and stored in a school database.
To conduct a research, a research method is needed, so that the subject or
object has valid results, a more specific research method is also needed. Here the
author uses quantitative research methods using survey methods and
experimental methods.
With the existence of a web based attendance application, the author
hopes that the school, especially teachers, will find it easier to do attendance, and
also when recaping student attendance before receiving report cards the teachers
have no difficulty and it is easier to recap their student attendance.
v
DAFTAR ISI
Halaman
Halaman Judul ................................................................................................. i
Halaman Persetujuan ..................................................................................... ii
Halaman Pengesahan .................................................................................... iii
Abstrak .......................................................................................................... iv
Abstrack.......................................................................................................... v
Daftar Isi ........................................................................................................ vi
I. Latar Belakang Masalah ............................................................... 1
II. Rumusan Masalah ........................................................................ 2
III. Batasan Masalah .......................................................................... 2
IV. Tujuan Penelitian ......................................................................... 2
V. Manfaat Penelitian ....................................................................... 3
VI. Metode Penelitian........................................................................ 3
VII. Landasan Teori ............................................................................. 4
VIII. Tinjauan Pustaka .......................................................................... 9
IX. Sistematika Penulisan ................................................................ 10
X. Alur Penelitian ............................................................................ 12
XI. Jadwal Penelitian........................................................................ 13
XII. Perencanaan Biaya ..................................................................... 14
Daftar Pustaka .............................................................................................. 15
Lampiran ...................................................................................................... 16
vi
I. LATAR BELAKANG MASALAH
Teknologi informasi pada saat ini telah berkembang sangat pesat
sehingga memiliki dampak dalam meningkatkan efektifitas dan efisiensi
dalam melakukan setiap pekerjaan. Komputer merupakan suatu media
elektronik yang memegang peranan yang sangat penting dalam
perkembangan yang terjadi saat ini. Komputer bukan lagi barang mewah
atau sesuatu yang langka untuk dimiliki, tetapi sudah menjadi keperluan
bahkan kebutuhan yang bersifat umum, terutama bagi sekolah negeri atau
swasta. Penggunaan komputer telah berkembang menjadi sebuah sarana
komunikasi dan edukasi yang paling cepat saat ini. Sejak munculnya
teknologi internet, proses pengiriman, penyampaian, dan penerimaan
informasi itu sendiri menjadi lebih cepat dan efektif. Seiring
berkembangnya teknologi internet, maka aplikasi web juga ikut
berkembang. Aplikasi ini telah bersifat dinamis.
PHP merupakan bahasa pemrograman yang bersifat server side
script, yaitu bahasa yang berbentuk script yang terletak dan dieksekusi di
server untuk kemudian hasilnya yang berupa kode HTML dikembalikan ke
browser pengguna atau user. PHP dirancang untuk membentuk suatu web
yang bersifat dinamis, yang artinya halaman yang ditampilkan dibuat saat
halaman itu diminta oleh user. PHP juga dapat berinteraksi dengan hampir
semua teknologi web yang telah ada dan sifatnya open source, sehingga
memberikan kesempatan untuk semua user dan programmer untuk
menggunakan dan mengembangkannya. Maka dikembangkanlah
kemampuan Object Oriented Programming dari PHP, yaitu kemudahan
untuk mengolah kompleksitas yang dibuat, serta kemudahan untuk
melakukan perubahan dan pengembangan dari aplikasi tersebut.
Sebagai salah satu instansi sekolah, data absensi merupakan data
yang vital bagi sebuah sekolah terutama untuk siswa - siswinya. Untuk itu,
1
penulis mencoba membuat perancangan suatu sistem untuk melakukan
proses dalam absensi siswa di SDN 02 Ngijo Karanganyar.
Dengan pertimbangan diatas, penulis ingin menerapkan
pengetahuan yang telah diperoleh selama ini. Maka penulis memutuskan
untuk membuat suatu aplikasi web yang berjudul : “APLIKASI ABSENSI
SISWA SISWA BERBASIS WEB SDN 02 NGIJO“.
2
V. MANFAAT PENELITIAN
Manfaat yang diperoleh dalam penelitian :
1. Bagi Penulis
a. Menambah wawasan dan pengetahuan dalam mengembangkan
aplikasi berbasis web.
b. Memberikan masukan dan informasi bagi penulis lain yang akan
melakukan penulisan atau penelitian dengan topik yang sama.
c. Diajukan sebagai salah satu syarat untuk melakukan Kerja Praktik.
d. Mengaplikasikan ilmu yang telah di pelajari selama kuliah.
2. Bagi Sekolah
a. Penulisan ini diharapkan dapat bermanfaat bagi SDN 02 Ngijo
dalam pendataan absensi siswa.
b. Memudahkan sekolah dalam membuat laporan dan rekapitulasi
absensi siswa.
c. Menyimpan data history absensi setiap siswa.
3
2. Metode Pengembangan
a. Analisis, yaitu menganalisa kebutuhan dari aplikasi yang akan
dibangun. Hasil analisis berupa Spesifikasi Kebutuhan Perangkat
Lunak (SKPL).
b. Perancangan, Dalam tahapan ini dilakukan diagram context,
perancangan Unified Modeling Language (Use Case Diagram dan
Activity Diagram), perancangan database, dan pembuatan
rancangan interface.
c. Pengujian, Pada tahap ini dilakukan uji coba aplikasi yang terdiri
dari testing basis data, testing aplikasi dan testing user interface.
4
1.1 PHP (Hypertext Preprocessor)
PHP yang merupakan singkatan dari Hypertext
Preprocessor, adalah bahasa server side scripting, dimana
seluruh prosesnya dikerjakan di server, kemudian hasilnya
dikirimkan ke klien yang melakukan permintaan melalui
browser (Sidik, 2001). Skrip ini akan membuat suatu aplikasi
yang dapat diintegrasikan kedalam HTML sehingga suatu
halaman HTML tidak lagi bersifat statis, namun menjadi bersifat
dinamis. Sifat server side membuat pengerjaan skrip tersebut
dikerjakan di server sedangkan yang dikirimkan kepada
browser adalah hasil proses dari skrip tersebut yang sudah
berbentuk HTML.
PHP dibuat pada tahun 1994 oleh Rasmus Lerdfort. Tetapi
dikembangkan oleh orang lain dan setelah melalui tiga kali
karya penulisan, akhirnya PHP menjadi bahasa pemograman
web. PHP adalah sebuah produk yang berbentuk open source,
sehingga source code dari PHP dapat digunakan, diganti, diedit
tanpa harus membayar atau dikenakan biaya.
1.2 HTML (Hypertext Markup Language)
Hypertext Markup Language adalah bahasa pemograman
yang digunakan untuk membuat sebuah tampilan web. Kode –
kode ini menerjemahkan bagaimana tampilan sebuah web
(pengaturan huruf, animasi, letak gambar, dan sebagainya)
(Sidik, 2001).
HTML merupakan bentuk standar untuk isi dan tampilan
yang ada di halaman web. Model kerja HTML diawali dengan
permintaan suatu tampilan web oleh browser. Berdasarkan
URL (Uniform Resource Locator) atau dikenal dengan sebutan
alamat internet, browser mendapatkan alamat dari web server,
5
mengidentifikasi tampilan yang dikehendaki dan
menyampaikan segala informasi yang dibutuhkan oleh web
server. Selanjutnya, web server akan mencari berkas yang
diminta dan memberikan isinya ke browser. Browser yang
mendapatkan isinya segera melakukan proses penerjemahan
kode HTML dan menampilkan ke layer pemakai.
1.3 CSS (Cascading Style Sheet)
CSS merupakan singkatan dari Cascading Style Sheet yang
berfungsi untuk mengatur tampilan dengan kemampuan jauh
lebih baik dari tag maupun atribut standar HTML (Hypertext
Markup Language). CSS sebenarnya adalah suatu kumpulan
atribut untuk fungsi format tampilan dan dapat digunakan
untuk mengontrol tampilan banyak dokumen secara bersama.
Keuntungan menggunakan CSS yaitu jika ingin mengubah
format dokumen, maka tidak perlu mengedit satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyisipkan
kode CSS langsung dalam kode HTML atau simpan file tersendiri
berekstensi *.css. dengan menyimpan sebagai file tersendiri
akan lebih memudahkan untuk mengontrol tampilan dalam
banyak dokumen secara langsung. CSS mendefinisikan
karakteristik tampilan (warna, style, dan posisi) suatu elemen
pada dokumen HTML dalam bentuk properti elemen tersebut.
Pemisahan isi dengan tampilan yang dilakukan dengan
penerapan CSS ini, memberikan kemungkinan penyusunan
struktur suatu halaman HTML dengan lebih fleksibel. CSS
merupakan bagian atau subset dari yang sangat berperan
dalam DHTML (Supriansyah dan Kartoyo, 2006).
6
1.4 JavaScript
JavaScript adalah bahasa pemograman yang
diinterprestasikan bukan dikompilasi, diadopsi dari bahasa
C/C++ yang dikembangkan menjadi bahasa pemograman web
client-side (Brooks, 2007). Javascript didesain utuk bekerja
sama dengan HTML membuat web page yang interaktif.
Javascript merupakan bahasa pemograman yang cukup
mudah dikuasai dan memiliki banyak fungsi yang dapat
digunakan untuk meningkatkan efek visual dari halaman web.
Kode dari javascript harus diapit oleh tag, diawali dengan tag
<script language= “javascript”> dan diakhiri dengan tag
</script>.
1.5 MySQL
MySQL adalah Relational Database Management System (
RDBMS ) yang didistribusikan secara gratis di bawah lisensi
General Public License ( GPL ). Dimana setiap orang bebas untuk
menggunakan, namun tidak boleh dijadikan produk turunan
yang bersifat closed source atau komersil.
MySQL menyediakan lingkungan yang mudah dan efisien
untuk menyimpan data dan mengakses basis data berkasitas
besar lebih cepat dari pada server basis data lainnya. MySQL
menggunakan bahasa standar SQL (Structure Query Language)
sebagai bahasa interaktif dalam mengelola data (DuBois, 2013).
Pada MySQL, sebuah database mengandung satu atau
sejumlah tabel. Table terdiri atas sejumlah baris dan setiap
baris mengandung satu atau beberapa kolom. MySQL
mengenal beberapa kelompok tipe data, yaitu tipe data
numerik atau angka, tipe data tanggal dan waktu, tipe data
logical, serta tipe data string.
7
2. Perangkat Lunak Pembangun Sistem
2.1 XAMPP
Definisi sederhana dari Xampp adalah perangkat lunak
berbasis web server yang bersifat open source (bebas), serta
mendukung di berbagai sistem operasi, baik Windows, Linux,
atau Mac OS. Xampp digunakan sebagai standalone server
(berdiri sendiri) atau biasa disebut dengan localhost.
2.2 Sublime Text
Sublime Text adalah aplikasi editor untuk kode dan teks
yang dapat berjalan diberbagai platform operating system
dengan menggunakan teknologi Phyton API.
Sublime Text mendukung berbagai bahasa pemrograman
dan mampu menyajikan fitur syntax highlight hampir di
semua bahasa pemrogramman yang didukung ataupun
dikembangkan oleh komunitas seperti ; C, C++, C#, CSS, D,
Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript,
LaTeX, Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP,
Python, R, Ruby, SQL, TCL, Textile and XML.
2.3 Framework
Framework adalah kerangka kerja. Framework juga dapat
diartikan sebagai kumpulan script (terutama class dan function)
yang dapat membantu developer atau programmer dalam
menangani berbagai masalah-masalah dalam pemrograman
seperti koneksi ke database, pemanggilan variabel, file dan
sebagainya, sehingga developer lebih fokus dan lebih cepat
dalam membangun aplikasi.
8
2.3.1 Bootstrap
Bootstrap adalah kerangka kerja CSS yang
bersifat open source dan digunakan untuk
kebutuhan pembuatan tampilan desain visual dari
aplikasi web atau situs website. Kerangka kerja yang
digunakan berbentuk template desain berbasis
HTML dan CSS untuk kebutuhan pengembangan
navigasi, tombol, tipografi, formulir, dan komponen
antarmuka yang lainnya.
2.4 Google Chrome
Adalah peramban web lintas platform yang dikembangkan
oleh Google. Peramban ini pertama kali dirilis pada tahun 2008
untuk Microsoft Windows, kemudian diporting ke Linux,
macOS, iOS, dan Android yang menjadikannya sebagai
peramban bawaan dalam sistem operasi. Peramban ini juga
merupakan komponen utama Chrome OS, yang berfungsi
sebagai platform untuk aplikasi web.
10
atau kehadiran. Sistem informasi ini akan digunakan untuk keseluruhan
absensi siswa, dan dikembangkan dengan metode SDLC.
11
X. ALUR PENELITIAN
Alur penelitian pembuatan sistem informasi absensi, sebagai berikut :
12
XI. JADWAL PENELITIAN
Kegiatan akan dimulai pada minggu ke-3 September 2021 dan
direncanakan akan berakhir pada November 2021. Adapun tabel rencana
kegiatan penelitian sebagai berikut :
Sep
Okt 2021 Nov 2021
No Kegiatan 2021
3 4 1 2 3 4 1 2 3 4
1 Pengumpulan Data
2 Analisis Masalah
3 Perancangan Sistem
5 Ujicoba Sistem
6 Implementasi
7 Pembuatan Laporan
13
XII. PERENCANAAN BIAYA
Adapun rancangan biaya yang dikeluarkan dalam pembuatan sistem
informasi absensi sebagai berikut :
Status Biaya
No Item QTY Total Harga
Pengadaan Satuan
1 unit *
1 Laptop Sewa Rp 50.000 Rp 2.500.000
50 hari
1 unit *
5 Transportasi Sewa Rp 5.000 Rp 250.000
50 hari
Total Rp 3.380.000
14
DAFTAR PUSTAKA
SmitDev, Z.A. 2015. Bootstrap Design Framework. Jakarta: Gramedia.
Peranginangin, K. 2006. Aplikasi Web Dengan Php Dan Mysql. Yogyakarta:
Andi.
Ignas. 2016. Responsive Web Design With Bootstrap. Yogyakarta: Andi
Ladjamudin, 2005. Analisis dan Desain Sistem Informasi. Yoyakarta : Graha
Ilmu.
Elvia. 2008. Merancang Sebuah Sistem Informasi Absensi Berbasis Web.
Jogiyanto. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta:
Dominikus 2005.
Napitu, Indri dan Firman. 2020. Perancangan Sistem Absensi Berbasis Web
pada Program Studi PTI UNIMUDA Sorong.
Nimas Citra Wahyuningtias. 2013. Rancang Bangun Aplikasi Monitoring
Absensi Berbasis Web.
Diana. 2017. Perancangan Sistem Informasi Absensi Guru dan Siswa
Berbasis Web di Sweet School Batam.
Rachmansyah Anessa Putra. 2020. Rancang Bangun Aplikasi Absensi Siswa
Berbasis Web Pada SMK Mahardhika Surabaya.
Valley Graceynthia Makalare. 2015. Perancangan Sistem Informasi Absensi
Karyawan Berbasis Web di PT Bank Prisma Dana Kantor Pusat
Manado.
15
LAMPIRAN
1. Activity Diagram
16
Gambar 1.3 Activity Diagram Guru
17
Gambar 1.4 Activity Diagram Sekretaris
18
2. Perancangan Database
19
3. Perancangan Input
20
Gambar 1.6 Input Guru
21
Gambar 1.7 Input Sekretaris
22
4. Perancangan Output
23
Gambar 1.9 Output Guru
24
Gambar 1.10 Output Sekretaris
25