rancang bangun aplikasi absensi siswa pada sd …

63
RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD ISLAM AL AZHAR 11 SURABAYA KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: ERWIN SAPUTRA 144101000093 FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2017

Upload: others

Post on 01-Dec-2021

18 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

RANCANG BANGUN APLIKASI ABSENSI SISWA

PADA SD ISLAM AL – AZHAR 11 SURABAYA

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh:

ERWIN SAPUTRA

144101000093

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2017

Page 2: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

LAPORAN KERJA PRAKTIK

RANCANG BANGUN APLIKASI ABSENSI SISWA PADA

SD ISLAM AL – AZHAR 11 SURABAYA

Diajukan sebagai salah satu syarat untuk menyelesaikan

mata kuliah Kerja Praktik

Disusun Oleh :

Nama : ERWIN SAPUTRA

NIM : 14.41010.00093

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIK

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2017

Page 3: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

“Suffer today, enjoy tomorrow”

Page 4: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

Laporan Kerja Praktik ini dipersembahkan Kepada :

1. Terima kasih Allah S.W.T, jadikan Hamba-Mu ini orang yang selalu

mensyukuri nikmat-Mu

2. Ayah dan Ibu tercinta, terima kasih untuk doa dan pengorbanan kalian

selama ini.

3. Adik - adikku tersayang terima kasih doanya.

4. Teman - teman beserta sahabat-sahabat terbaikku yang

aku sayangi terimakasih atas segala dukungannya.

Page 5: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …
Page 6: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …
Page 7: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

i

ABSTRAK

SDI Al – Azhar 11 Surabaya adalah suatu lembaga yang bergerak

dalam bidang pendidikan namun masih terus memerlukan pengembangan

dalam penggunaan TI khususnya dalam bidang absensi siswanya. Untuk proses

absensi saat ini SDI Al – Azhar 11 Surabaya menggunakan teknologi

fingerprint sensor namun terdapat banyak kendala, diantaranya sering terjadi

kesalahan dalam proses identifikasi sidik jari dan seringnya terjadi kerusakan

pada mesin. Untuk mengatasi hal tersebut para guru SDI Al – Azhar 11

Surabaya melakukan pengisian form absensi yang telah disediakan oleh bagian

Tata usaha namun cara ini juga memiliki beberapa kendala, diantaranya

lembaran form ada yang terselip atau hilang serta proses rekap absensi

memakan waktu yang lama karena harus direkap secara manual ke dalam

Microsoft Excel satu-persatu sehingga menjadi tidak efisien.

Pembuatan aplikasi absensi siswa berbasis web merupakan salah

satu solusi yang tepat untuk mengatasi masalah yang terjadi pada SDI Al –

Azhar 11 Surabaya. Proses pembuatan dimulai dari menganalisa sistem, lalu

hasil analisa diubah kedalam bentuk sebuah dokumen flow perancangan sistem.

Dari dokumen flow perancangan sistem yang ada inilah yang akan

diimplementasikan ke dalam sebuah sistem.

Dengan diterapkannya aplikasi siswa berbasis web ini pada SDI Al

– Azhar 11 Surabaya maka segala aktifitas mengenai absensi siswa mulai dari

proses entry hingga bagian pelaporan absensi dapat dikelola dengan lebih

cepat,tepat dan akurat secara terkomputerisasi.

Kata Kunci: Absensi siswa, rekap absensi

Page 8: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

ii

KATA PENGANTAR

Segala puji syukur kehadirat Tuhan Yang Maha Esa yang atas

limpahan dengan baik yang berjudul “Rancang Bangun Aplikasi Absensi Siswa

pada SDI Al – Azhar 11 Surabaya”. Kerja Praktik ini disusun dalam rangka

memenuhi salah satu syarat dalam menempuh Strata 1 Sistem Informasi di Institut

Bisnis dan Informatika Stikom Surabaya, serta bertujuan agar dapat menambah

wawasan, ilmu, dan pengalaman dalam bidang Teknologi Informasi dengan dunia

kerja. Selain itu, setelah pelaksanaan Kerja Praktik ini diharapkan rahmat dan

anugerah-Nya, sehingga penulis dapat menyelesaikan laporan Kerja Praktik akan

terbina hubungan yang baik antara Institut Bisnis dan Informatika Stikom Surabaya

dengan SDI Al –Azhar 11 Surabaya.

Laporan ini dapat diselesaikan karena adanya perhatian, bimbingan,

petunjuk, pengarahan dan bantuan serta dorongan dari berbagai pihak yang telah

membantu penulis. Pada kesempatan ini penulis ingin mengucapkan terima kasih

kepada :

1. Ayah, Ibu yang selalu memberikan dukungan dan saran selama melaksanakan

Kerja Praktik di SDI Al – Azhar 11 Surabaya.

2. Ibu Oktaviani, S.E., M.M. selaku dosen pembimbing yang banyak memberikan

masukan, koreksi, serta semangat yang berguna dalam membantu penyusunan

Kerja Praktik.

3. Ibu Dr. M.J. Dewiyani Sunarto sebagai Ketua Prodi Sistem Informasi Institut

Bisnis dan Informatika Stikom Surabaya.

Page 9: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

iii

4. Semua pihak yang berada di SDI Al – Azhar 11 Surabaya yang telah

memberikan data-data yang dibutuhkan penulis dalam pelaksanaan Kerja

Praktik.

Dalam penyusunan Kerja Praktik ini Penulis menyadari bahwa jauh dari

kata sempurna atau adapun kekurangan dari penulis untuk penulisan Kerja Praktek

ini, kurangnya fasilitas yang mendukung didalamnya seperti buku – buku yang

terbatas dalam menjamin penyusunan Kerja Praktik ini sehingga dibutuhkan kritik

dan saran baik dari dosen maupun dari rekan – rekan mahasiswa atau mahasiswi

sangatlah diharapkan untuk membantu proses penulisan selanjutnya. Oleh karena

itu, Penulis dengan senang hati mengharapkan kritik dan saran untuk membangun

agar bisa membawa ke arah yang baik untuk kita semua.

Surabaya, 1 Juni 2017

Penulis

Page 10: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

iv

DAFTAR ISI

Halaman

ABSTRAK .............................................................................................................. i

KATA PENGANTAR ........................................................................................... ii

DAFTAR ISI ......................................................................................................... iv

DAFTAR TABEL ................................................................................................ vi

DAFTAR GAMBAR ........................................................................................... vii

DAFTAR LAMPIRAN ........................................................................................ ix

BAB I PENDAHULUAN ...................................................................................... 1

1.1 Latar Belakang ......................................................................................... 1

1.2 Perumusan Masalah .................................................................................. 2

1.3 Batasan Masalah ....................................................................................... 2

1.4 Tujuan Penelitian ...................................................................................... 3

1.5 Manfaat Penelitian .................................................................................... 3

1.6 Sistematika Penulisan ............................................................................... 4

BAB II GAMBARAN UMUM PERUSAHAAN ................................................ 6

2.1 Sejarah ...................................................................................................... 6

2.2 Visi dan Misi ............................................................................................ 7

2.3 Identitas SDI Al – Azhar 11 Surabaya ..................................................... 7

2.4 Lokasi Sekolah ......................................................................................... 8

2.5 Peta Lokasi SDI Al – Azhar 11 Surabaya ................................................ 9

BAB III LANDASAN TEORI ............................................................................ 10

3.1 Definisi Kehadiran dan Ketidakhadiran ................................................. 10

3.2 Definisi Sistem Informasi ....................................................................... 10

3.3 Website ................................................................................................... 12

3.4 Database ................................................................................................. 12

3.5 PHP ......................................................................................................... 13

BAB IV DESKRIPSI PEKERJAAN ................................................................. 15

4.1 Perancangan Sistem ................................................................................ 15

4.2 System Flow ............................................................................................ 16

4.3 Desain Sistem ......................................................................................... 19

4.4 Struktur Tabel ......................................................................................... 23

4.5 Desain I/O .............................................................................................. 26

Page 11: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

v

4.6 Hasil dan Implementasi .......................................................................... 36

BAB V PENUTUP ............................................................................................... 47

5.1 Kesimpulan ............................................................................................. 47

5.2 Saran ....................................................................................................... 47

DAFTAR PUSTAKA .......................................................................................... 48

LAMPIRAN ......................................................................................................... 49

Page 12: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

vi

DAFTAR TABEL

Tabel 4.1 Tabel User ............................................................................................. 24

Tabel 4.2 Tabel Kelas ........................................................................................... 24

Tabel 4.3 Tabel Siswa ........................................................................................... 25

Tabel 4.3 Tabel Absensi ....................................................................................... 26

Page 13: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

vii

DAFTAR GAMBAR

Gambar 2.1 Denah Lokasi SDI Al-Azhar 11 Surabaya .......................................... 9

Gambar 4.1 System flow entry data dan view data .............................................. 17

Gambar 4.2 System flow entry dan rekap absensi siswa ...................................... 18

Gambar 4.3 Context Diagram Aplikasi Absensi Siswa ........................................ 19

Gambar 4.4 Data Flow Diagram Level 0 Aplikasi Absensi Siswa ....................... 20

Gambar 4.5 Data Flow Diagram Level 1 Entry Data ........................................... 21

Gambar 4.6 Data Flow Diagram Level 1 Absensi ................................................ 21

Gambar 4.7 Conceptual Data Model Aplikasi Absensi ........................................ 22

Gambar 4.8 Physical Data Model Aplikasi Absensi ............................................. 23

Gambar 4.9 Form Login ....................................................................................... 26

Gambar 4.10 Halaman Menu Utama .................................................................... 27

Gambar 4.11 Halaman Menu Sidebar ................................................................... 28

Gambar 4.12 Halaman Manage User .................................................................... 29

Gambar 4.13 Halaman Tambah User .................................................................... 30

Gambar 4.14 Halaman Kelas ................................................................................ 30

Gambar 4.15 Halaman Siswa ................................................................................ 31

Gambar 4.16 Halaman Tambah Siswa .................................................................. 32

Gambar 4.17 Halaman Absensi ............................................................................ 33

Gambar 4.18 Halaman Entry Absensi................................................................... 33

Gambar 4.19 Halaman View Absensi ................................................................... 34

Gambar 4.20 Halaman Rekap Absensi ................................................................. 35

Gambar 4.21 Halaman View Rekap Absensi........................................................ 35

Gambar 4.22 Halaman Login ................................................................................ 37

Page 14: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

viii

Gambar 4.23 Halaman Menu Utama .................................................................... 38

Gambar 4.23 Halaman Menu Sidebar ................................................................... 38

Gambar 4.24 Halaman Manage User .................................................................... 39

Gambar 4.25 Halaman Tambah User .................................................................... 40

Gambar 4.26 Halaman Kelas ................................................................................ 40

Gambar 4.27 Halaman Siswa ................................................................................ 41

Gambar 4.28 Halaman Tambah Siswa .................................................................. 42

Gambar 4.29 Halaman Absensi ............................................................................ 43

Gambar 4.30 Halaman Entry Absensi................................................................... 43

Gambar 4.31 Halaman View Absensi ................................................................... 44

Gambar 4.32 Halaman Rekap Absensi ................................................................. 45

Gambar 4.33 Halaman View Rekap Absensi........................................................ 45

Gambar 4.34 Cetak Laporan Absensi ................................................................... 46

Page 15: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

ix

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Surat Balasan Instansi....................................................................... 49

Lampiran 2. Form KP-5 (Halaman 1) .................................................................. 50

Lampiran 3. Form KP-5 (Halaman 2) ................................................................... 51

Lampiran 4. Form KP-6 Log Harian dan Catatan Perubahan Kerja ..................... 52

Lampiran 5. Form KP-7 Kehadiran Kerja Praktik ................................................ 53

Lampiran 6. Kartu Bimbingan Kerja Praktik ........................................................ 54

Lampiran 7. Biodata Penulis ................................................................................. 55

Page 16: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Dalam era globalisasi saat ini, teknologi sudah menjadi kebutuhan bagi

masyarakat, masyarakat tidak bisa lepas dari teknologi dalam kehidupan sehari-

harinya untuk membantu mempermudah pekerjaan mereka. Salah satu teknologi

yang sering digunakan saat ini adalah Teknologi Informasi, teknologi yang

digunakan hampir di semua bidang termasuk dalam bidang pendidikan. Dengan

adanya Teknologi Informasi khususnya dalam bidang pendidikan diharapkan akan

dapat memberi berbagai kemudahan serta dapat mengembangkan pendidikan yang

lebih efektif, efisien, kompetitif dan produktif. Oleh karenanya dunia pendidikan

saat ini dituntut agar selalu bisa mengikuti perkembangan Teknologi Informasi

yang terus berkembang dengan pesat seiring berjalannya waktu.

SDI Al – Azhar 11 Surabaya adalah salah satu sekolah yang masih terus

memerlukan pengembangan dalam penggunaan TI khususnya dalam bidang

absensi siswanya. Saat ini untuk urusan absensi siswa, SDI Al – Azhar 11 Surabaya

menggunakan teknologi fingerprint sensor yang telah disediakan, namun masih

terdapat banyak kendala dalam penggunaannya. Kendala tersebut antara lain sering

terjadi kesalahan dalam proses identifikasi sidik jari dan sering terjadi kerusakan

pada mesin sehingga dibutuhkan perawatan atau perbaikan yang memakan waktu

cukup lama. Cara yang dilakukan untuk mengatasi hal tersebut adalah para guru

SDI Al – Azhar 11 Surabaya menggunakan lembaran form absensi yang telah

disediakan oleh bagian Tata

Page 17: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

2

Usaha untuk absensi siswa. Namun cara ini juga tidak efektif dan memiliki

beberapa kendala, diantaranya lembaran form ada yang terselip atau hilang serta

proses rekap absensi memakan waktu yang lama karena harus direkap secara

manual ke dalam Microsoft Excel satu-persatu sehingga menjadi tidak efisien.

Berdasarkan uraian di atas maka SDI Al – Azhar 11 Surabaya memerlukan

sebuah Aplikasi Absensi Siswa Berbasis Web untuk memudahkan proses dan akses

dalam pengelolaan absensi siswa. Proses rekap data absensi menjadi lebih cepat

dan efisien dan tidak harus dimasukkan satu-persatu ke dalam Microsoft Excel lagi

karena telah terintegrasi dengan proses entry absensi di kelas yang akan langsung

disimpan ke dalam suatu sistem database. Dengan adanya aplikasi ini segala

aktifitas mengenai absensi siswa dapat dikelola dengan lebih cepat, tepat dan akurat

secara terkomputerisasi.

1.2 Perumusan Masalah

Berdasarkan uraian yang telah dipaparkan dalam latar belakang, maka

dapat dirumuskan permasalahan yaitu bagaimana merancang bangun aplikasi

Absensi Siswa pada SDI Al – Azhar 11 Surabaya.

1.3 Batasan Masalah

Berdasarkan perumusan masalah di atas, maka batasan masalah dalam

pembuatan Aplikasi Absensi Siswa ini sebagai berikut:

1. Aplikasi dibangun berbasis web dengan menggunakan Bahasa Pemrograman

PHP.

2. Database yang digunakan adalah MySQL.

Page 18: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

3

3. Aplikasi ini hanya ditujukan untuk Kepala Sekolah, Wakil Kepala Sekolah,

bagian Tata Usaha dan Guru.

4. Sistem hanya menangani proses absensi siswa,pengelolaan data siswa, dan

proses rekap absensi per-periode sesuai yang ditentukan user.

1.4 Tujuan Penelitian

Adapun tujuan dari kerja praktik ini adalah untuk merancang sebuah

aplikasi absensi siswa yang dapat digunakan untuk menyelesaikan masalah -

masalah yang terkait dengan proses absensi siswa pada SDI Al – Azhar 11

Surabaya.

1.5 Manfaat Penelitian

Beberapa manfaat yang diperoleh dari pembuatan aplikasi absensi siswa

pada SDI Al – Azhar 11 Surabaya adalah :

1. Bagian Tata Usaha

Memudahkan dan mempercepat proses pendataan siswa serta pembuatan

laporan rekap absensi siswa per-periode.

2. Pimpinan

Memudahkan dan mempercepat dalam mengetahui informasi mengenai laporan

yang menyangkut kegiatan absensi siswa.

3. Guru

Memudahkan dan mempercepat dalam proses absensi siswa di kelas dan

pengiriman laporan absensi yang telah terintegrasi dengan bagian Tata Usaha.

Page 19: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

4

1.6 Sistematika Penulisan

Untuk memudahkan dalam memahami persoalan dan pembahasannya,

adapun penulisan Laporan Kerja Praktik ini dibuat dengan sistematika sebagai

berikut :

Bab I PENDAHULUAN

Pada bab ini dijelaskan tentang latar belakang masalah, perumusan

masalah, batasan masalah, tujuan, manfaat dan sistematika penulisan

laporan Kerja Praktik.

Bab II GAMBARAN UMUM PERUSAHAAN

Pada bab ini dijelaskan gambaran umum SDI Al – Azhar 11 Surabaya

tentang sejarah singkat SDI Al – Azhar 11 Surabaya, Visi, Misi, Identitas

Umum, serta peta lokasi SDI AL – Azhar 11 Surabaya.

Bab III LANDASAN TEORI

Berisi penjelasan teori - teori yang digunakan dalam membantu proses

analisa dan desain aplikasi ini.

Bab IV DESKRIPSI PEKERJAAN

Berisi penjelasan mengenai perancangan sistem yang akan digunakan,

implemantasi dari rancangan sistem yang telah dibuat, dan evaluasi

terhadap sistem yang telah diuji coba.

Page 20: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

5

Bab V PENUTUP

Berisi kesimpulan mengenai sistem yang telah dibuat berupa Aplikasi

Absensi Siswa di SDI Al – Azhar 11 Surabaya dan saran untuk perbaikan

sistem di masa mendatang.

LAMPIRAN

Dalam bagian ini penulis menyertakan beberapa lampiran yang menunjang

Kerja Praktik ini.

Page 21: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

6

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Sejarah

Yayasan Pesantren Islam (YPI) Al-Azhar didirikan pada tanggal 7 April

1952 oleh 14 orang tokoh Islam dan pemuka masyarakat di Jakarta, dengan nama

Yayasan Pesantren Islam. Salah seorang pencetus gagasan pendirian yayasan ini

adalah dr. Syamsuddin, Menteri Sosial RI ketika itu, yang didukung oleh

Sjamsuridjal, yang pada waktu itu adalah Walikota Jakarta Raya. Sedangkan nama-

nama pendiri yayasan selengkapnya adalah: Soedirdjo, Tan In Hok, Gazali Syahlan,

H. Sjuaib Sastradiwirja, Abdullah Salim, Rais Chamis, Ganda, Kartapradja,

Sardjono, H. Sulaiman Rasjid, Faray Martak, Jacub Rasjid, Hasan Argubie dan

Hariri Hady.

Yayasan Pesantren Islam memperoleh sebidang tanah yang terletak di

daerah Kebayoran yang pada waktu itu merupakan daerah elite dari Ibukota Jakarta.

Di atas tanah itulah pada tahun 1953 mulai dilaksanakan pembangunan sebuah

masjid besar dan rampung pada tahun 1958, yang kemudian dinamakan Masjid

Agung Kebayoran.

Seiring dengan perkembangan zaman dan kebutuhan umat, aktifitas di

Masjid Agung Al-Azhar terus tumbuh dan berkembang. Awalnya kegiatan ibadah

dan dakwah hanya diikuti oleh masyarakat sekitar, termasuk para pengayuh becak

dan kuli bangunan. Kini jamaah Masjid Agung Al-Azhar datang dari berbagai

lapisan umat, tidak saja mereka yang bermukim di kawasan elite Kebayoran Baru,

Jakarta Selatan, bahkan dari luar daerah seperti Tangerang, Bekasi , Depok, Bogor

dan lain-lain.

Page 22: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

7

Saat ini terdapat lebih dari 25 kelompok kegiatan yang sehari-hari

menyemarakkan kehidupan beragama di kompleks Masjid Agung Al-Azhar,

dengan beragam bentuk dan corak aktifitas, seperti majelis taklim, pengajian,

kursus, ceramah umum, diskusi, pelayanan kesehatan, pelayanan jenazah,

bimbingan perjalanan haji dan umrah, pencak silat, madrasah diniyah (PIA),

pendidikan formal dari taman kanak-kanak hingga perguruan tinggi sampai pada

pelayanan perbankan dan travel biro.

2.2 Visi dan Misi

2.2.1 Visi

SD terbaik di Indonesia yang setiap muridnya senang dan menjadi

cendekiawan muslim.

2.2.2 Misi

1. Memaksimalkan potensi anak didik untuk menjadi manusia pembelajar yang

berakidah, bermuamalah dan berakhlak karimah.

2. Menyediakan pendidikan holistik berlingkungan mawaddah wa rahmah dan

uswah hasanah yang sesuai etika masyarakat dan perkembangan zaman.

3. Memberikan kepuasan dan kesejahteraan kepada setiap sivitas SDI Al - Azhar

11 Surabaya.

2.3 Identitas SDI Al – Azhar 11 Surabaya

Berikut ini adalah data – data umum mengenai SDI Al – Azhar 11

Surabaya :

Nama Sekolah : SD ISLAM AL AZHAR 11 SURABAYA

Tanggal Pendirian : 25 September 2001

Page 23: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

8

Status Sekolah : Swasta

Akreditasi : A

Sertifikasi : Gugus Depan Pramuka PA2085

PI2086

Kepala Sekolah : MAMAN DAMANHURI, S.Pd, M.Psi

Yayasan : YPI AL AZHAR JATIM

Alamat : Jl. FLORENCE J-4/NO.31, PAKUWON

CITY, LAGUNA, SURABAYA

Pimpinan : DRS. MUHIDIN, M.PD

Alamat : Jl. RAYA MULYOSARI No. 368

SURABAYA

Kecamatan : Kec. Mulyorejo

Desa/kel : Kalisari RT 1 / RW 1 Surabaya 60113

Telp 031-5982608, 5935661 ,

Fax 031-5935661

Email : [email protected]

Website : sdi-alazhar11.sch.id

2.4 Lokasi Sekolah

Lokasi SDI Al – Azhar 11 Surabaya tepatnya berada di Jl. Raya Mulyosari

No. 368 Surabaya. Sedangkan tempat kerja penulis selama melaksanakan Kerja

Praktik berada di Ruang Meeting.

Page 24: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

9

2.5 Peta Lokasi SDI Al – Azhar 11 Surabaya

Gambar 2.1 Denah Lokasi SDI Al-Azhar 11 Surabaya

Page 25: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

10

BAB III

LANDASAN TEORI

3.1 Definisi Kedisplinan

Disiplin merupakan suatu sikap/perilaku yang pasti diharapkan oleh setiap

pendidik agar kegiatan pembelajaran yang dilakukan baik di dalam kelas maupun

di luar kelas dapat berjalan sesuai dengan yang diharapkan. Kata disiplin berasal

dari kata “discipline”, seorang yang belajar dari atau secara sukarela mengikuti

seorang pemimpin. Orang tua dan guru merupakan pemimpin dan anak merupakan

murid yang belajar dari mereka. Jadi disiplin merupakan cara orang tua atau guru

mengajar anak (murid) perilaku moral yang disetujui kelompok.

Menurut (Edy, 2012) mengatakan bahwa disiplin adalah sikap kesediaan

dan kerelaan seseorang untuk memahami dan mentaati norma-norma peraturan

yang berlaku disekitarnya. Jadi kedisiplinan akan terbentuk jika faktor yang

mendukung seperti yang adanya kemauan/kesadaran dari siswa untuk berdisiplin,

pembiasaan kedisiplinan yang dimulai dari dalam diri siswa, dan pembinaan

disiplin guru dan wali murid yang bekerjasama mengontrol tingkah laku siswa juga

adanya koordinasi dan komunikasi yang baik antara kepala sekolah, guru, dan staf-

stafnya.

3.2 Definisi Sistem Informasi

Menurut (Laudon, 2012) sistem informasi adalah komponen-komponen

yang saling berkaitan yang bekerja bersama-sama untuk mengumpulkan,

mengolah, menyimpan, dan menampilkan informasi untuk mendukung

pengambilan keputusan, koordinasi, pengaturan, analisa, dan visualisasi pada

Page 26: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

11

sebuah organisasi.Sistem informasi adalah sistem di dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, membantu dan

mendukung kegiatan operasi, bersifat manajerial dari suatu organisasi dan

membantu mempermudah penyediaan laporan yang diperlukan.

Sedangkan (O'Brein, 2008) mengatakan bahwa “sistem informasi adalah

suatu kombinasi teratur apapun dari people (orang), hardware (perangkat keras),

software (piranti lunak), computer networks and data communications (jaringan

komunikasi), dan database (basis data) yang mengumpulkan, mengubah dan

menyebarkan informasi di dalam suatu bentuk organisasi.”

(Stair, 2015) juga mengemukakan bahwa “sistem informasi merupakan

suatu perangkat elemen atau komponen yang saling terkait satu sama lain, yang

dapat mengumpulkan, mengolah, menyimpan dan juga menyebarkan data dan juga

informasi, serta mampu untuk memberikan feedback untuk memenuhi tujuan suatu

organisasi.”

Suatu sistem informasi pada dasarnya terbentuk melalui suatu kelompok

kegiatan operasi yang tetap, yaitu:

Mengumpulkan data

Mengelompokkan data

Menghitung

Menganalisa

Menyajikan laporan

Sistem informasi dapat diartikan sebagai sebuah sistem yang terintegrasi

secara optimal dan berbasis komputer yang dapat menghimpun dan menyajikan

berbagai jenis data yang akurat untuk berbagai macam kebutuhan.

Page 27: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

12

3.3 Website

Menurut (Saputro, 2007) Website atau situs dapat diartikan sebagai

kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks,

gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik

yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan

yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan

halaman (hyperlink).

Unsur – unsur penunjang website diantaranya :

1. Nama domain (Domain name/URL – Uniform Resource Locator)

2. Rumah tempat website (Web hosting)

3. Bahasa Program (Scripts Program)

4. Desain website

5. Publikasi website.

6. Pemeliharaan Website.

3.4 Database

Menurut (Jogiyanto, 2005) Basis data (database) adalah kumpulan dari data

yang saling berhubungan satu dengan yang lainnya, tersimpan di simpanan luar

komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya.

Basis data merupakan komponen dalam pembangunan sistem informasi,

karena menjadi tempat untuk menampung dan mengorganisasikan seluruh data

yang ada dalam sistem, sehingga dapat dieksplorasi untuk menyusun informasi-

informasi dalam berbagai bentuk.

Basis data merupakan himpunan kelompok data yang saling berkaitan.

Data tersebut diorganisasikan sedemikian rupa agar tidak terjadi duplikasi yang

Page 28: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

13

tidak perlu, sehingga dapat diolah atau dieksplorasi secara tepat dan mudah untuk

menghasilkan informasi.

3.5 PHP

Menurut (Arief, 2011) PHP adalah Bahasa server-side –scripting yang

menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP

merupakan server-side-scripting maka sintaks dan perintah-perintah PHP akan

diesksekusi di server kemudian hasilnya akan dikirimkan ke browser dengan format

HTML. Dengan demikian kode program yang ditulis dalam PHP tidak akan terlihat

oleh user sehingga keamanan halaman web lebih terjamin. PHP dirancang untuk

membuat halaman web yang dinamis, yaitu halaman web yang dapat membentuk

suatu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data

ke halaman web.

Sedangkan menurut (Nugroho, 2006) “PHP atau singkatan dari Personal

Home Page merupakan bahasa skrip yang tertanam dalam HTML untuk dieksekusi

bersifat server side”. PHP termasuk dalam open source product, sehingga source

code PHP dapat diubah dan didistribusikan secara bebas.

PHP juga dapat berjalan pada berbagai web server seperti IIS (Internet

Information Server), PWS (Personal Web Server), Apache, Xitami. PHP juga

mampu berjalan di banyak sistem operasi yang beredar saat ini, diantaranya : Sistem

Operasi Microsoft Windows (semua versi), Linux, Mac Os, Solaris. PHP dapat

dibangun sebagai modul web server Apache dan sebagai binary yang dapat berjalan

sebagai CGI (Common Gateway Interface). PHP dapat mengirim HTTP header,

dapat mengatur cookies , mengatur authentication dan redirect user.

Page 29: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

14

Salah satu keunggulan yang dimiliki PHP adalah kemampuannya untuk

melakukan koneksi ke berbagai macam software sistem manajemen basis data atau

Database Management System (DBMS), sehingga dapat menciptakan suatu

halaman web dinamis. PHP mempunyai koneksitas yang baik dengan beberapa

DBMS seperti Oracle, Sybase, mSQL, MySQL, Microsoft SQL Server, Solid,

PostgreSQL, Adabas, FilePro, Velocis, dBase, Unix dbm, dan tidak terkecuali

semua database ber-interface ODBC.

Page 30: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

15

BAB IV

DESKRIPSI PEKERJAAN

Berdasarkan hasil analisis sistem yang sedang berjalan pada SDI Al – Azhar

11 Surabaya, identifikasi masalah yang didapat adalah kesulitan dalam proses dan

akses pengelolaan absensi siswa yang meliputi proses entry dan rekap data absensi

siswa secara periodik karena masih dikerjakan secara manual sehingga

membutuhkan waktu yang lama serta tingkat keakuratan data yang kurang

maksimal.

Kerja praktek ini dilakukan selama 168 jam yang dilakukan dalam waktu 4

minggu. Setiap minggunya terdapat 5 hari jam kerja, masing-masing selama kurang

lebih 8 jam. Dalam kegiatan kerja praktek ini diwajibkan menemukan masalah,

mempelajari, serta memberikan solusi bagi masalah yang timbul.

SDI Al – Azhar 11 Surabaya memerlukan sebuah Aplikasi Absensi Siswa

Berbasis Web untuk memudahkan proses dan akses dalam pengelolaan absensi

siswa. Dengan adanya aplikasi ini segala aktifitas mengenai absensi siswa dapat

dikelola dengan lebih cepat, tepat dan akurat secara terkomputerisasi.

4.1 Perancangan Sistem

Perancangan sistem adalah proses menyusun atau mengembangkan sistem

informasi yang baru. Perancangan sistem dimaksudkan untuk membantu

menyelesaikan masalah pada sistem yang berjalan saat ini sehingga dapat menjadi

lebih baik dengan adanya sistem terkomputerisasi. Dalam merancang sistem yang

baik, harus melalui tahap – tahap perancangan sistem.

Page 31: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

16

Tahap – tahap perancangan sistem yang meliputi :

1. System flow

2. Data Flow Diagram (DFD)

3. Entity Relationship Diagram (ERD)

4. Conceptual Data Model (CDM)

5. Physical Data Model (PDM)

6. Struktur tabel dari database

7. Desain I/O (Input/Output).

4.2 System Flow

System flow adalah bagan yang menunjukkan arus pekerjaan secara

menyeluruh dari suatu sistem dimana bagian ini menjelaskan urutan prosedur-

prosedur yang ada di dalam system. System flow yang dibuat meliputi : system flow

entry data dan view data, entry dan rekap absensi siswa.

4.2.1 Entry dan View Data

System flow entry data dan view data menggambarkan aliran proses yang

terkomputerisasi dari proses entry dan view data. Pada proses ini admin dapat

melakukan proses entry data maupun view data yang meliputi data user, data kelas

maupun data siswa. Sedangkan guru hanya dapat melakukan proses view data yang

meliputi data kelas dan data siswa. Untuk lebih detailnya dapat dilihat pada gambar

4.1.

Page 32: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

17

Gambar 4.1 System flow entry data dan view data

Page 33: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

18

4.2.2 Entry dan Rekap Absensi

Gambar 4.2 System flow entry dan rekap absensi siswa

Page 34: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

19

System flow entry dan rekap absensi menggambarkan aliran proses yang

terkomputerisasi dari proses entry dan rekap absensi. Pada proses ini guru dapat

melakukan proses entry absensi berdasarkan siswa yang hadir dan akan disimpan

ke dalam database. Selanjutnya admin dapat melakukan proses rekap absensi

secara periodik lalu mencetak laporan absensi siswa. Untuk lebih detailnya dapat

dilihat pada gambar 4.2.

4.3 Desain Sistem

4.3.1 Data Flow Diagram

Data Flow Diagram (DFD) adalah gambaran aliran informasi yang terlibat

dalam suatu prosedur (event) yang terdapat dalam suatu sistem. Diagram ini

menjelaskan alur data yang terjadi pada setiap proses. Adapun penjelasan dari DFD

dapat dilihat sebagai berikut:

1. Context Diagram

Context Diagram merupakan rangkaian pertama dalam rangkaian dari suatu

DFD yang menggambarkan entititas – entitas yang berhubungan dengan suatu

sistem. Context Diagram pada aplikasi absensi siswa berbasis web dilihat pada

gambar 4.3:

Gambar 4.3 Context Diagram Aplikasi Absensi Siswa

Page 35: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

20

2. Data Flow Diagram Level 0

Penurunan proses dari context diagram aplikasi absensi siswa ke DFD level

0 terbagi atas tiga proses, yaitu proses entry data, proses cek informasi, proses

absensi dan semua database yang ada dalam sistem. Seperti yang terlihat pada

gambar 4.4:

3. Data Flow Diagram Level 1

Penurunan proses dari DFD level 0 aplikasi absensi siswa ke DFD level 1

terbagi atas beberapa data flow, antara lain:

1. Data Flow Level 1 Entry Data

Penurunan dari proses entry data terbagi atas tiga proses, yaitu proses entry

data user login, entry data kelas, dan entry data siswa. Seperti terlihat pada gambar

4.5:

Gambar 4.4 Data Flow Diagram Level 0 Aplikasi Absensi Siswa

Page 36: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

21

2. Data Flow Level 1 Absensi

Penurunan dari proses absensi terbagi atas dua proses, yaitu proses entry

absensi dan rekap absensi. Seperti terlihat pada gambar 4.6:

Gambar 4.5 Data Flow Diagram Level 1 Entry Data

Gambar 4.6 Data Flow Diagram Level 1 Absensi

Page 37: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

22

Gambar 4.7 Conceptual Data Model Aplikasi Absensi

4.3.2 ERD (Entity Relationship Diagram)

ERD merupakan suatu model untuk menjelaskan hubungan antar data

dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan

antar relasi. ERD juga menyediakan bentuk untuk menunjukan struktur keseluruhan

dari data pemakai.

ERD yang ada dalam aplikasi absensi siswa ini memiliki 4 tabel sebagai

berikut: User, Siswa, Kelas, dan Absensi. Pada gambar berikut akan dijelaskan

relasi-relasi atau hubungan antar tabel dalam perancangan system ini dalam bentuk

Conceptual Diagram Model (CDM) dan Physical Data Model (PDM).

1. Conceptual Data Model

Sebuah Conceptual Data Model (CDM) menggambarkan secara

keseluruhan konsep struktur basis data yang dirancang untuk suatu aplikasi

sebagaimana terlihat pada gambar 4.7:

Page 38: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

23

Gambar 4.8 Physical Data Model Aplikasi Absensi

2. Physical Data Model

Physical Data Model (PDM) menggambarkan secara detail konsep

rancangan struktur basis data yang dirancang untuk suatu aplikasi. PDM merupakan

hasil generate dari CDM. Pada PDM tergambar jelas tabel – tabel penyusun basis

data beserta field – field yang terdapat pada setiap tabel sebagaimana terlihat pada

gambar 4.8:

4.4 Struktur Tabel

Dari PDM yang sudah terbentuk,dapat disusun struktur basis data yang

nantinya akan digunakan untuk menyimpan data yang diperlukan yaitu :

a. Tabel User

Primary Key : id_user

Foreign Key : -

Page 39: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

24

Fungsi : Untuk menyimpan data pengguna atau user.

Tabel 4.1 Tabel User

b. Tabel Kelas

Primary Key : kd_kelas

Foreign Key : -

Fungsi : Untuk menyimpan data kelas.

Field Data Type Length Constraint

Foreign Key

On Field On Table

Id_user int pk

nip varchar 15

nama varchar 50

email varchar 50

jenis_kelamin varchar 8

username varchar 25

password varchar 30

level varchar 1

photo varchar 200

Tabel 4.2 Tabel Kelas

Field Data Type Length Constraint

Foreign Key

On Field On Table

kd_kelas char 5 pk

nama_kelas varchar 10

Page 40: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

25

c. Tabel Siswa

Primary Key : kd_siswa

Foreign Key : kd_absensi,kd_kelas

Fungsi : Untuk menyimpan data siswa.

Tabel 4.3 Tabel Siswa

d. Tabel Absensi

Primary Key : kd_absensi

Foreign Key : id_user,kd_siswa

Fungsi : Untuk menyimpan data absensi.

Field Data Type Length Constraint

Foreign Key

On Field On Table

kd_siswa int pk kd_absensi absensi

nis char 4 Kd_kelas kelas

nama varchar 50

jenis_kelamin varchar 8

tempat_lahir varchar 15

tgl_lahir varchar 15

agama varchar 10

alamat varchar 50

telpon varchar 15

status varchar 10

angkatan varchar 10

photo varchar 200

Page 41: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

26

Gambar 4.9 Form Login

Tabel 4.3 Tabel Absensi

4.5 Desain I/O

Desain I/O (Input/Output) berguna untuk memberikan gambaran terhadap

desain halaman aplikasi berbasis web yang akan dibangun. Berikut merupakan

desain input/output dari aplikasi absensi berbasis web pada SDI Al – Azhar 11

Surabaya.

1. Halaman Login

Field Data Type Length Constraint

Foreign Key

On Field On Table

kd_absensi int pk id_user user

keterangan varchar 10 kd_siswa siswa

tanggal varchar 15

selesai varchar 3

Page 42: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

27

Gambar 4.10 Halaman Menu Utama

Halaman login merupakan halaman yang digunakan oleh pengguna

untuk masuk ke dalam aplikasi. Pada aplikasi absensi SDI Al – Azhar 11

Surabaya terbagi menjadi 2 level hak akses yaitu untuk admin dan guru. Untuk

hak akses guru memiliki keterbatasan fitur. Pengguna harus mengisi username

dan password yang mereka miliki. Jika username dan password benar maka

pengguna dapat masuk ke dalam aplikasi.

2. Halaman Menu Utama

Pada halaman menu utama digunakan untuk memberikan informasi

yang ada pada SDI Al – Azhar Surabaya kepada pengguna. Pada halaman ini

terdapat informasi seperti jumlah siswa, jumlah kelas, jumlah user dan total

record. Pada bagian kiri atas terdapat menu sidebar yang apabila diklik maka

akan muncul menu yang berguna untuk navigasi pengguna ke dalam aplikasi.

Page 43: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

28

Gambar 4.11 Halaman Menu Sidebar

3. Halaman Menu Sidebar

Pada menu sidebar terdapat informasi foto pengguna serta informasi

mengenai hak akses yang dimiliki oleh pengguna apakah masuk sebagai admin

atau sebagai guru. Selain itu terdapat beberapa menu yang berguna untuk

navigasi pengguna ke dalam aplikasi. Menu tersebut diantaranya yaitu menu

home, kelas, siswa, absensi, dan rekap absensi. Pada bagian kiri atas jika

pengguna mengklik nama pengguna maka akan terdapat dropdown yang berisi

menu manage user dan logout. Menu manage user hanya akan muncul kepada

pengguna yang memiliki hak akses admin sedangkan untuk pengguna yang

memiliki hak akses guru maka hanya akan muncul menu logout.

Page 44: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

29

Gambar 4.12 Halaman Manage User

4. Halaman Manage User

Pada menu manage user akan ditampilkan daftar pengguna yang

terdaftar selain itu admin juga dapat menambah, mengubah ataupun menghapus

pengguna dengan menekan tombol yang ada pada halaman manage user. Menu

ini hanya dapat diakses oleh pengguna yang memiliki hak akses sebagai admin.

5. Halaman Tambah User

Pada halaman tambah user, admin dapat menambahkan pengguna

dengan memasukkan data sesuai field yang telah tersedia pada halaman. Admin

juga dapat menentukan level hak akses pengguna apakah akan diberi hak akses

sebagai admin atau guru. Jika ingin menyimpan data maka tekan tombol

simpan.

Page 45: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

30

Gambar 4.14 Halaman Kelas

Gambar 4.13 Halaman Tambah User

6. Halaman Kelas

Page 46: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

31

Gambar 4.15 Halaman Siswa

Pada halaman kelas akan menampilkan daftar kelas yang ada.

Pengguna yang memiliki hak akses sebagai Admin dapat menambah kelas

dengan mengisi form yang telah disediakan maupun mengubah atau menghapus

kelas. Sedangkan pengguna yang memiliki hak akses sebagai guru hanya dapat

melihat daftar kelas yang ada.

7. Halaman Siswa

Pada halaman kelas akan menampilkan daftar siswa yang ada.

Pengguna yang memiliki hak akses sebagai Admin dapat menambah siswa

dengan mengisi form yang telah disediakan maupun mengubah atau menghapus

siswa. Sedangkan pengguna yang memiliki hak akses sebagai guru hanya dapat

melihat daftar siswa yang ada.

Page 47: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

32

Gambar 4.16 Halaman Tambah Siswa

8. Halaman Tambah Siswa

Pada halaman tambah siswa, admin dapat menambahkan siswa dengan

memasukkan data sesuai field yang telah tersedia pada halaman. Jika ingin

menyimpan data maka tekan tombol simpan.

9. Halaman Absensi

Pada halaman ini akan menampilkan daftar kelas yang akan dilakukan

absensi oleh pengguna. Pada halaman ini juga terdapat informasi mengenai

jumlah kelas dan jumlah siswanya pada masing – masing kelas. Untuk

melakukan absensi, pengguna dapat memilih kelas yang akan dilakukan absensi

pada tabel dengan menekan tombol absensi pada kolom aksi. Setelah menekan

tombol absensi pengguna akan diarahkan ke halaman input absensi sesuai kelas

yang telah dipilih.

Page 48: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

33

Gambar 4.17 Halaman Absensi

Gambar 4.18 Halaman Entry Absensi

10. Halaman Entry Absensi

Page 49: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

34

Gambar 4.19 Halaman View Absensi

Halaman ini berguna untuk menginputkan data absensi siswa. Guru

dapat memasukkan data absensi siswa sesuai dengan jumlah kehadiran siswa di

kelas. Pada halaman ini terdapat checkbox pada tiap – tiap kolom siswa untuk

memberikan keterangan mengenai kehadiran siswa seperti hadir, sakit, ijin dan

alpa. Guru dapat menekan checkbox yang ada untuk mengisi keterangan

kehadiran siswa. Setelah data absensi siswa telah terisi semua maka tekan

tombol simpan untuk menyimpan data absensi.

11. Halaman View Absensi

Halaman ini berguna untuk menampilkan data absensi yang telah

berhasil diinputkan tadi serta terdapat informasi mengenai nama pengguna yang

melakukan entry absensi. Pada halaman ini juga terdapat tombol print yang

berguna untuk mencetak laporan atau menyimpannya ke dalam format pdf.

Page 50: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

35

Gambar 4.20 Halaman Rekap Absensi

Gambar 4.21 Halaman View Rekap Absensi

12. Halaman Rekap Absensi

Halaman ini berguna untuk menentukan laporan absensi yang ingin

dilihat berdasarkan periode yang diinginkan pengguna. Pada halaman ini

pengguna memasukkan rentang periode untuk laporan rekap absensi serta

menentukan kelas yang ingin dilihat laporan absensinya. Untuk menampilkan

laporan tekan tombol tampilkan.

13. Halaman View Rekap Absensi

Page 51: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

36

Halaman ini berguna untuk menampilkan laporan absensi secara periode

yang telah ditentukan oleh pengguna sebelumnya. Pada halaman ini terdapat

keterangan mengenai rentang periode yang telah ditentukan sebelumnya serta nama

pengguna yang melakukan rekap absensi. Untuk mencetak laporan pengguna dapat

menekan tombol print yang telah disediakan.

4.6 Hasil dan Implementasi

Untuk dapat menjalankan aplikasi absensi siswa pada SDI Al – Azhar 11

Surabaya dibutuhkan beberapa perangkat keras (hardware) dan perangkat lunak

(software).

1. Perangkat Keras (Hardware)

Perangkat keras yang diperlukan untuk menjalankan aplikasi adalah

komputer dengan minimal spesifikasi sebagai berikut:

a. Processor Pentium IV atau lebih tinggi.

b. RAM 1 GB atau lebih tinggi.

c. Harddisk 40 Gb

2. Perangkat Lunak (Software)

Perangkat lunak yang diperlukan untuk menjalankan aplikasi adalah

sebagai berikut:

a. Sistem Operasi Microsoft windows 7 atau lebih tinggi.

b. MySQL

c. XAMPP

Page 52: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

37

Gambar 4.22 Halaman Login

4.6.1 Implementasi

1. Halaman Login

Halaman login merupakan halaman yang digunakan oleh pengguna

untuk masuk ke dalam aplikasi. Pada aplikasi absensi SDI Al – Azhar 11

Surabaya terbagi menjadi 2 level hak akses yaitu untuk admin dan guru. Untuk

hak akses guru memiliki keterbatasan fitur Pengguna harus mengisi username

dan password yang mereka miliki. Jika username dan password benar maka

pengguna dapat masuk ke dalam aplikasi.

2. Halaman Menu Utama

Pada halaman menu utama digunakan untuk memberikan informasi

yang ada pada SDI Al – Azhar Surabaya kepada pengguna. Pada halaman ini

terdapat informasi seperti jumlah siswa, jumlah kelas, jumlah user dan total

Page 53: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

38

record. Pada bagian kiri atas terdapat menu sidebar yang apabila diklik maka

akan muncul menu yang berguna untuk navigasi pengguna ke dalam aplikasi.

3.Halaman Menu Sidebar

Pada menu sidebar terdapat informasi foto pengguna serta informasi

mengenai hak akses yang dimiliki oleh pengguna apakah masuk sebagai admin

atau sebagai guru. Selain itu terdapat beberapa menu yang berguna untuk

navigasi pengguna ke dalam aplikasi. Menu tersebut diantaranya yaitu menu

Gambar 4.23 Halaman Menu Utama

Gambar 4.23 Halaman Menu Sidebar

Page 54: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

39

home, kelas, siswa, absensi, dan rekap absensi. Pada bagian kiri atas jika

pengguna mengklik nama pengguna maka akan terdapat dropdown yang berisi

menu manage user dan logout. Menu manage user hanya akan muncul kepada

pengguna yang memiliki hak akses admin sedangkan untuk pengguna yang

memiliki hak akses guru maka hanya akan muncul menu logout.

4. Halaman Manage User

Pada menu manage user akan ditampilkan daftar pengguna yang

terdaftar selain itu admin juga dapat menambah, mengubah ataupun menghapus

pengguna dengan menekan tombol yang ada pada halaman manage user. Menu

ini hanya dapat diakses oleh pengguna yang memiliki hak akses sebagai admin.

5. Halaman Tambah User

Pada halaman tambah user, admin dapat menambahkan pengguna

dengan memasukkan data sesuai field yang telah tersedia pada halaman. Admin

juga dapat menentukan level hak akses pengguna apakah akan diberi hak akses

Gambar 4.24 Halaman Manage User

Page 55: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

40

sebagai admin atau guru. Jika ingin menyimpan data maka tekan tombol

simpan.

6. Halaman Kelas

Gambar 4.25 Halaman Tambah User

Gambar 4.26 Halaman Kelas

Page 56: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

41

Pada halaman kelas akan menampilkan daftar kelas yang ada.

Pengguna yang memiliki hak akses sebagai Admin dapat menambah kelas

dengan mengisi form yang telah disediakan maupun mengubah atau menghapus

kelas. Sedangkan pengguna yang memiliki hak akses sebagai guru hanya dapat

melihat daftar kelas yang ada.

7. Halaman Siswa

Pada halaman kelas akan menampilkan daftar siswa yang ada.

Pengguna yang memiliki hak akses sebagai Admin dapat menambah siswa

dengan mengisi form yang telah disediakan maupun mengubah atau menghapus

siswa. Sedangkan pengguna yang memiliki hak akses sebagai guru hanya dapat

melihat daftar siswa yang ada.

Gambar 4.27 Halaman Siswa

Page 57: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

42

8. Halaman Tambah Siswa

Pada halaman tambah siswa, admin dapat menambahkan siswa dengan

memasukkan data sesuai field yang telah tersedia pada halaman. Jika ingin

menyimpan data maka tekan tombol simpan.

9. Halaman Absensi

Pada halaman ini akan menampilkan daftar kelas yang akan dilakukan

absensi oleh pengguna. Pada halaman ini juga terdapat informasi mengenai

jumlah kelas dan jumlah siswanya pada masing – masing kelas. Untuk

melakukan absensi, pengguna dapat memilih kelas yang akan dilakukan absensi

pada tabel dengan menekan tombol absensi pada kolom aksi. Setelah menekan

tombol absensi pengguna akan diarahkan ke halaman input absensi sesuai kelas

yang telah dipilih.

Gambar 4.28 Halaman Tambah Siswa

Page 58: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

43

10. Halaman Entry Absensi

Gambar 4.29 Halaman Absensi

Gambar 4.30 Halaman Entry Absensi

Page 59: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

44

Halaman ini berguna untuk menginputkan data absensi siswa. Guru

dapat memasukkan data absensi siswa sesuai dengan jumlah kehadiran siswa di

kelas. Pada halaman ini terdapat checkbox pada tiap – tiap kolom siswa untuk

memberikan keterangan mengenai kehadiran siswa seperti hadir, sakit, ijin dan

alpa. Guru dapat menekan checkbox yang ada untuk mengisi keterangan

kehadiran siswa. Setelah data absensi siswa telah terisi semua maka tekan

tombol simpan untuk menyimpan data absensi.

11. Halaman View Absensi

Halaman ini berguna untuk menampilkan data absensi yang telah

berhasil diinputkan tadi dan total absensi siswa berdasarkan keterangannya

serta terdapat informasi mengenai nama pengguna yang melakukan entry

absensi. Pada halaman ini juga terdapat tombol print yang berguna untuk

mencetak laporan atau menyimpannya ke dalam format pdf.

Gambar 4.31 Halaman View Absensi

Page 60: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

45

12. Halaman Rekap Absensi

Halaman ini berguna untuk menentukan laporan absensi yang ingin

dilihat berdasarkan periode yang diinginkan pengguna. Pada halaman ini

pengguna memasukkan rentang periode untuk laporan rekap absensi serta

menentukan kelas yang ingin dilihat laporan absensinya. Untuk menampilkan

laporan tekan tombol tampilkan.

13. Halaman View Rekap Absesni

Gambar 4.32 Halaman Rekap Absensi

Gambar 4.33 Halaman View Rekap Absensi

Page 61: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

46

Halaman ini berguna untuk menampilkan laporan absensi secara

periode yang telah ditentukan oleh pengguna sebelumnya. Pada halaman ini

terdapat keterangan mengenai rentang periode yang telah ditentukan

sebelumnya serta nama pengguna yang melakukan rekap absensi. Untuk

mencetak laporan pengguna dapat menekan tombol print yang telah disediakan.

14. Cetak Laporan Absensi

Setelah pengguna menekan tombol print maka akan menghasilkan

tampilan berupa cetak laporan absensi seperti terlihat pada gambar 4.34.

Pengguna dapat langsung mencetak ke dalam bentuk dokumen kertas atau

menyimpannya ke dalam format pdf.

Gambar 4.34 Cetak Laporan Absensi

Page 62: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

47

BAB V

PENUTUP

5.1 Kesimpulan

Setelah melakukan analisis dan perancangan, serta implementasi terhadap

aplikasi absensi siswa berbasis web pada SDI Al - Azhar 11 Surabaya, maka dapat

ditarik kesimpulan sebagai berikut:

1. Telah berjalannya aplikasi absensi siswa berbasis web pada SDI Al – Azhar 11

Surabaya sesuai dengan perancangan sistem.

2. Aplikasi dapat merekap absensi siswa dan mencetak laporan absensi siswa

untuk membantu bagian Tata Usaha.

5.2 Saran

Adapun saran yang bisa diberikan dalam pengembangan sistem ini nantinya

adalah :

1. Aplikasi absensi siswa dapat bekerja lebih optimal apabila diintegrasikan

dengan sms gateway sehingga dapat memberikan notifikasi kepada orang tua

siswa.

2. Aplikasi absensi siswa yang dibuat nantinya dapat menambahkan fitur untuk

memberikan peringatan kepada siswa yang tidak hadir tanpa keterangan

melebihi batas yang telah diberikan.

3. Aplikasi absensi siswa akan lebih menarik apabila hasil rekap absensi dapat

dibuat dalam bentuk grafik dan menampilkan detail kehadiran siswa tiap

bulannya.

Page 63: RANCANG BANGUN APLIKASI ABSENSI SISWA PADA SD …

48

DAFTAR PUSTAKA

Arief, M. R. 2011. Pemrograman Web Dinamis Menggunakan Php dan Mysql.

ANDI.

Edy, S. 2012. Manajemen Sumber Daya Manusia. Jakarta: Kencana.

Jogiyanto. 2005. Analisa dan Disain Sistem Informasi. Yogyakarta: Andi.

Laudon, J. P. 2012. Management Information Systems. Pearson.

Nugroho, A. 2006. E-commerce. Informatika Bandung, Bandung.

O'Brein, J. A. 2008. Pengantar Sistem Informasi. Jakarta: Salemba.

Saputro, H. W. 2007. Pengertian Website dan Unsur-unsurnya. Retrieved from

balebengong: https://balebengong.net/teknologi/2007/08/01/pengertian-

website-dan-unsur-unsurnya.html

Stair, R. 2015. Fundamental of Information Systems. Course Technology.