SISTEM ADMINISTRASI PEGAWAI PAUD PELANGI BERBASIS PHP CODE IGNITER DAN JQUERY
SKRIPSI Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I pada Jurusan Teknik Elektro Fakultas Teknik Universitas Muhammadiyah Surakarta Oleh:
Muslih Fayyad Bachtiar NIM : D400 030 092
PROGRAM STUDI TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2012 x
xi
xii
xiii
xiv
MOTTO
,, öΝÍκŦà Ρr'Î/ $tΒ (#ρçÉitóム4®Lym BΘöθs)Î/ $tΒ çÉitóムŸω ©!$# āχÎ) “Verily, Allah does not change the state of a people, so that the changing circumstances that exist in itself” “SesungguhNya Allah tiada mengubah keadaan suatu kaum, sehingga kaum tersebut mengubah keadaan yang ada pada dirinya sendiri” (QS Ar Ra’du : 11)
,, ُ َ َ ْ ِٕا َذا َ ﱠ َ َ َ ا َ ْ ُ ا,, “As Intelligence Increases Speach Decreases” “Bila akal telah sempurna, maka akan berkuranglah bicara” (Ali bin Abi Thalib ra)
,, َ ِ ُ ﱠ ٌ ا ْ ُ ْ َ ِ َ ُ إ,, “To Miss An Opportunity Brings About Grief” “Hilang Kesempatan itu menimbulkan duka cita” (Ali bin Abi Thalib ra) xv
PERSEMBAHAN
Alhamdulillah, Puji syukur kehadirat Allah SWT, atas rahmat dan karuniaNya sehingga Laporan Tugas Akhir ini dapat penulis selesaikan
Ku persembahkan laporan Tugas Akhir ini untuk Agamaku, sebagai “Rahmatan lil ‘alamin” sehingga aku memiliki kekuatan untuk tetap tegar menapakkan langkah kaki perjuanganku menyeru_Mu.
Ibuku Yang telah memberikan semuanya untukku. Terima kasih atas setiap Doa Kalian yang selalu mengiringi langkahku.
Dosen dan Teman-temanku Terima kasih tuk semua doa,, semangat dan dukungannya.
Almamater, Universitas Muhammadiyah Surakarta. Yang telah mengajarkanku banyak ilmu dan pengalaman.
xvi
KATA PENGANTAR
Alhamdulillahirobbil’alamin, puji syukur penulis panjatkan kehadirat Allah SWT
atas
rahmat
dan
restuNya
sehingga
penulis
dapat
menyelesaikan Tugas Akhir ini. Keberhasilan dalam menyusun Tugas Akhir ini adalah berkat bantuan dari semua pihak, dengan keikhlasan hati penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1.
Prof.
Dr.
Bambang
Setiaji,
M.S.,
selaku
Rektor
Universitas
Muhammadiyah Surakarta 2.
Ir. Agus Riyanto, M.T.,
selaku Dekan
Fakultas Teknik Elektro
Universitas Muhammadiyah Surakarta 3.
Ir . J at m i k o , M . T., selaku Ketua Jurusan Elektro Fakultas Teknik Universitas Muhammadiyah Surakarta.
4.
Endah Sudarmilah, S.T., M.Eng selaku pembimbing I yang telah memberikan nasehat,bimbingan, dorongan dan pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini.
5.
Umi Fadlillah, S.T., M.Eng selaku pembimbing II yang telah membimbing dan mengarahkan selama menyelesaikan tugas akhir ini.
xvii
6.
Seluruh staf PAUD Pelangi Gonilan Kartasura yang telah mengijinkan dan memberikan panduan dalam melakukan penelitian.
7.
Ibuku
tercinta, terima kasih atas semua doa, semangat dan perjuangan
tiada hentinya, juga atas curahan kasih sayang yang tiada pernah surut dalam setiap langkah kehidupanku. 8.
Mbak Anis, Mas Didik terima kasih atas dukungan selama ini.
9.
Fitri, Fajry, Yuldarahman terima kasih atas bantuannya. Akhir kata, penulis menyadari bahwa tugas akhir ini masih jauh dari
kesempurnaan. Saran dan kritik yang membangun sangat penulis harapkan. Semoga karya ini dapat bermanfaat untuk rekan-rekan mahasiswa dan pihakpihak yang berkepentingan.
Surakarta, …………
MuslihFayyad Bachtiar
xviii
DAFTAR ISI Halaman Judul .................................................................................................................. xx Halaman Persetujuan....................................................................................................... xx Halaman Pengesahan....................................................................................................... xx Daftar Kontribusi .............................................................................................................. xx Motto dan Persembahan ................................................................................................. xx
xix
DAFTAR ISI
Halaman Judul …………..…….......………………….…………………..... i
Halaman Persetujuan ……………………………………………………..... ii
Halaman Pengesahan …………………………….……………………….... iii
Daftar
Kontribusi…………………………………………………………....
iv
Motto dan Persembahan ….……………………………………………...... vi Kata Pengantar………………………………………………………….......
viii
Daftar Isi …………………….……………………………………….......….
x
Daftar Tabel …………………………………………………………….......
xiii
Daftar Gambar ………………………………………………………….......
xvix
xx
Daftar Lampiran ………………………………………………………........
xxi
Abstraksi …………………………………………………….......................
xxii
BAB 1 PENDAHULUAN ………………………………………………….
1
A.
Latar Belakang …...............………………………………..............
1
B.
Perumusan………….............………………………….……............
2
C.
Batasan Masalah…….…………………………..............................
2
D.
Metodologi Penelitian……………………………............................
3
E.
Tujuan Penelitian….......…………………………….......................
4
F.
Manfaat Penelitian…..…………………………..............................
4
G.
Sistematika Penulisan……………………………...........................
5
BAB II LANDASAN TEORI ……......…………………………………… A.
Sistem Informasi Pegawai ...………………...................................
B.
Framework Code Igniter ………………………….…….................
C.
JQuery …........................…………………....................................
BAB III
6 6 7 13
ANALISIS SISTEM …...………………………………..….....
15
A.
Alur Penelitian….....……………………………….…….................... 15
B.
Metodologi Penelitian …..………………….....................................
C.
Langkah Penelitian……….....………………………….……............ xxi
16 18
1.
Analisis Kebutuhan ……………......……......………………..
18
2.
Perancangan Use Case………….………….....……………….
18
3.
Finalize Use Case …....….……………………………………….
21
4.
Desain Table Instance Chart…………………………….......... 25
5.
Desain Dialog Layar………………………………………......
6.
Desain Input…...............……………………………….........
7.
Desain Output ……………………………………………….. 34
8.
Diagram Relasi Antar Tabel ……………………………….....
BAB IV
29 31
38
IMPLEMENTASI DAN EVALUASI SISTEM………… .....
40
A.
Hasil Penelitian …………………………………………………... .....
40
B.
Langkah Pengoperasian Sistem …....…………………………… .....
49
C.
Pengujian dan Analisis……………...............................................
71
1.
Pengujian Purposive Sampling ...........................................
71
2.
Pengujian Sistem Secara Online..........................................
76
3.
Analisis Halaman Utama..................................................... 79
D.
Implementasi Sistem…………………………………………........... 93
E.
Perawatan sistem ………...………………..................................... 93 xxii
BAB V
PENUTUP ………..……………………………………......... 94
A.
Kesimpulan ………………………………………......................... ..... 94
B.
Saran ………………………………………………......................... 95
DAFTAR PUSTAKA LAMPIRAN
xxiii
DAFTAR TABEL Tabel 3.1
User Login ………………………………………….….
22
Tabel 3.2
Tabel Input Staf…..……………………………………….. …
Tabel 3.3
Tabel Input Murid…………....................……………………...23
Tabel 3.4
Input Transaksi Cuti…..........……………………………. ……23
Tabel 3.5
Input Presensi ….................................………………………..23
Tabel 3.6
Laporan Presensi ………………........................………………24
Tabel 3.7
Laporan Cuti ………………………………......................……..24
Tabel 3.8
Laporan Gaji ………..................................…………………....24
Tabel 3.9
Aturan TIC ……………….................................……………...25
Tabel 3.10
TIC untuk tabel t_adik …………..................……………....... 25
Tabel 3.11
TIC untuk tabel t_staf ……..............…………………………. 26
Tabel 3.12
TIC untuk tabel t_option ………………....…………………… 27
Tabel 3.13
TIC untuk Tabel t_presensi ……………………………….. …...27
Tabel 3.14
TIC untuk Tabel t_cuti ………………….................……. …..27
Tabel 3.15
TIC untuk Tabel m_pos ………………….................……. …..28
Tabel 3.14
TIC untuk Tabel m_slide ………………….................……. …..28
Tabel 3.14
TIC untuk Tabel m_video ………………….................……. …..28
22
Tabel 4.1
Tabel site_config ……....…………………… 40
Tabel 4.2
Tabel presensi.. …...40
Tabel 4.3
Tabel t_staf ….................……......... …..41
Tabel 4.4
Tabel t_adik ….................……......... …..41
Tabel 4.5
Tabel t_menu ….................……......... …..41
Tabel 4.6
Tabel t_cuti ….................……......... …..41
Tabel 4.7
Tabel t_histori ….................……......... …..41
Tabel 4.8
Tabel m_slide ….................……......... …..41
Tabel 4.9
Tabel m_video ….................……......... …..41
Tabel 4.10
Tabel m_file ….................……......... …..41
Tabel 4.11
Tabel m_link ….................……......... …..41
Tabel 4.12
Tabel dr_city ….................……......... …..41
Tabel 4.13
Tabel dr_cuti_type ….................……......... …..41
Tabel 4.14
Tabel t_staf ….................……......... …..41
Tabel 4.15
Tabel t_staf ….................……......... …..41
Tabel 4.16
Tabel t_staf ….................……......... …..41
Tabel 4.17
Tabel t_staf ….................……......... …..41
Tabel 4.18
Tabel t_staf ….................……......... …..41
Tabel 4.19
Tabel t_staf ….................……......... …..41
Tabel 4.20
Tabel t_staf ….................……......... …..41
Tabel 4.21
Tabel t_staf ….................……......... …..41
Tabel 4.22
Tabel t_staf ….................……......... …..41
Tabel 4.23
Tabel t_staf ….................……......... …..41
Tabel 4.24
Tabel t_staf ….................……......... …..41
Tabel 4.25
Tabel t_staf ….................……......... …..41
Tabel 4.26
Tabel t_staf ….................……......... …..41
Tabel 4.27
Tabel t_staf ….................……......... …..41
Tabel 4.28
Tabel t_staf ….................……......... …..41
Tabel 4.29
Tabel t_staf ….................……......... …..41
DAFTAR GAMBAR Gambar 3.1 Metode
Pendekatan
Waterfall
……………………………………..16 Gambar 3.2 Use
Case
Diagram
Visitor
...........…………………………………18 Gambar 3.3 Use Case Diagram User ……………..……………………….18 Gambar 3.4 Use Case Diagram Administrator……………………………...22 Gambar 3.5 Desain Menu Utama…………………………………….29 Gambar 3.6 Desain Dialog Sub Menu Baru…………………………………..30 Gambar 3.7 Desain Dialog Sub Menu Data.……………………………….30 Gambar 3.8 Desain
Dialog
Sub
Menu
Admin………………………………….30 Gambar 3.9 Desain Input Staf Baru…………………............……………….31 Gambar 3.10 Desain Input Anak Didik Baru ………………………………31 Gambar 3.11 Desain Input Setting……………………………………………...32 Gambar 3.12 Desain Input Presensi……………………………………………32 Gambar 3.13 Desain Input Cuti…….………………………………………...32 Gambar 3.14 Desain Input Slide…...........……………………………………32 Gambar 3.15 Desain Input Keterangan Gambar……………..………………33
Gambar 3.16 Desain Ubah Password…………………………………………..33 Gambar 3.17 Desain Ubah Menu……......……………………………………33 Gambar
3.18
Output
Rekap
Data
Staf……………………………………….......34 Gambar 3.19 Output Data Per Staf………......................…….……………...34 Gambar 3.20 Output Slip Gaji Per Staf…..............…………….…………….35 Gambar
3.21
Output
Rekap
Data
Anak
Didik............……………….…………..35 Gambar 3.22 Output Data Per Anak Didik............……………….…………..36 Gambar 3.23 Output Transaksi Cuti…………..............………….…………..36 Gambar 3.24 Output Transaksi Gaji ……………………………......…………36 Gambar 3.25 Output Daftar Berita ……………………………......…………37 Gambar 3.26 Output Daftar Gambar ……………………………......…………37 Gambar 3.27 Output Daftar Cuti ……………………………......…………37 Gambar 3.28 Diagram Relasi Antar Tabel……………………………......... 38 Gambar 4.1 Tabel site_config …………………………………….................40 Gambar 4.2 Tabel presensi …................………………………………….....40 Gambar 4.3 Tabel t_staf ……………..……………………….......................41 Gambar 4.4 Tabel t_adik ……………………………………........................42
Gambar 4.5 Tabel t_menu ……………………………..……….....................42 Gambar 4.6 Tabel t_cuti ……………………………..……...........................43 Gambar 4.7 Tabel t_histori.………….……………..………..........................43 Gambar 4.8 Tabel m_slide …………….…………...………….......................43 Gambar 4.9 Tabel m_video …………….……..............………………..........44 Gambar 4.10 Tabel m_file ……………….……..………………….................44 Gambar 4.11 Tabel m_link ………………...…………………………….........44 Gambar 4.12 Tabel dr_city ……………….…..………………………….........45 Gambar 4.13 Tabel dr_cuti_type ………………………...…………………….45 Gambar 4.14 Tabel dr_favorit …..........…………………...…………………..45 Gambar 4.15 Tabel dr_gender ………………………………..........................45 Gambar 4.16 Tabel dr_golongan ………………………………....…………...46 Gambar 4.17 Tabel dr_kelas ……......…………………………….....…......…46 Gambar 4.18 Tabel dr_agama ……………………………………….................46 Gambar 4.19 Tabel dr_hari ………......................………………….................46 Gambar 4.20 Tabel dr_anak …..............…………………………...................47 Gambar 4.21 Tabel dr_jabatan …................………………………….............47 Gambar 4.22 Tabel dr_level …………..............……………………...............47
Gambar 4.23 Tabel dr_pilihan ……………………………....……….....…......47 Gambar 4.24 Tabel dr_town ……………………………………......................48 Gambar 4.25 Tabel dr_grade …................……………………………….........48 Gambar 4.26 Tabel dr_propinsi ……………..………………………................48 Gambar 4.27 Tabel dr_region ……………………………………...................48 Gambar 4.28 Tabel dr_status ……………………………....……….....….......49 Gambar 4.29 Tabel dr_text_align ……………………………………….........49 Gambar 4.30 Form MENU …….........………………………………….........49 Gambar 4.31 Menu Baru …………………………………………………........50 Gambar 4.32 Menu Setting ………..……………………………….……........50 Gambar 4.33 Menu Browsing …………………………………………............51 Gambar 4.34 Menu Laporan …………………………………………………...51 Gambar 4.35 Menu Search Artikel …………………………………………….52 Gambar 4.36 Menu Search Staf …...………………………………………….52 Gambar 4.37 Menu Search Anak Didik ……………………………………….52 Gambar
4.38
Menu
Login
………………………………………………………52 Gambar 4.39 Menu Go To ………………………………………..….....……..52
Gambar 4.40 Form login user .............………………………………………..53 Gambar 4.41 Data staf …...................……………………………………….. 54 Gambar 4.42 Menu staf ………………………………………........………… 55 Gambar 4.43 Data detail staf ……………………………………........……… 55 Gambar 4.44 Form input password ...………………………………………… 56 Gambar 4.45 Form staf baru …………………………………..........……….. 57 Gambar 4.46 Menu Browsing - Staf ………………………………….......…. 58 Gambar 4.47 Form input tahun angkatan …………………………………… 58 Gambar 4.48 Form input kelas …..………………………………………….. 58 Gambar 4.49 Form Data Murid ......…………………………………………. 59 Gambar 4.50 Menu murid ………………………………………………........ 59 Gambar 4.51 Update data murid……………………………………………... 60 Gambar 4.52 Data murid …......................…………………………............ 60 Gambar 4.53 Form Murid Baru …......................………………………….... 61 Gambar 4.54 Form input presensi berhasil ………………………………….. 62 Gambar 4.55 Form input presensi telah presensi …………………………… 62 Gambar 4.56 Form input presensi gagal …………………………………….. 62 Gambar 4.57 Form Pilih Bulan ............……………………………………… 63
Gambar 4.58 Form Pilih Tahun …....………………………………………… 63 Gambar 4.59 Laporan Presensi………...................………………………….. 63 Gambar 4.60 Form Input Cuti……...............………………………………... 64 Gambar 4.61 Cuti Berhasil Diajukan…………………………………………. 64 Gambar 4.62 Form Pengajuan Cuti…......…………………...……………… 64 Gambar 4.63 Form Input Artikel….......................…………………………. 65 Gambar 4.64 Navigasi Archieve….......................………………………….. 65 Gambar 4.65 Informasi Akun FTP.......................………………………….. 66 Gambar 4.66 website pada Mozila Firefox............………………………… 65 Gambar 4.67 website pada Opera .......................………………………… 65 LAMPIRAN Lampiran 1
Contoh Source Code Program (Script) pada Sistem Administrasi
Pegawai di PAUD Pelangi berbasis PHP Code Igniter dan Jquery Lampiran 2
Surat Pernyataan Pooling
ABSTRAKSI
Pendidikan anak usia dini (PAUD) adalah jenjang pendidikan sebelum jenjang pendidikan dasar yang merupakan suatu upaya pembinaan yang ditujukan bagi anak sejak lahir sampai dengan usia enam tahun yang dilakukan melalui pemberian
rangsangan
pendidikan
untuk
membantu
pertumbuhan
dan
perkembangan jasmani dan rohani agar anak memiliki kesiapan dalam memasuki pendidikan lebih lanjut, yang diselenggarakan dalam bentuk playgroup, TK A dan TK B. Penyampaian informasinya masih dalam bentuk yang manual. Hal ini memungkinkan terjadi ketidakefisienan terhadap biaya dan waktu, maka dibuat aplikasi yang menggunakan teknologi website. Website bertujuan agar informasi kegiatan, pendidikan maupun berita aktual seputar kegiatan PAUD Pelangi akan lebih praktis, murah, dan efisien untuk sampai ke masyarakat luas. Tesis ini membahas mengenai perancangan sistem administrasi dan informasi pegawai dengan mengambil studi kasus PAUD Pelangi Gonilan Kartosuro. Dalam perancangan aplikasi pada tugas akhir ini penulis menggunakan metode waterfall. Software pendukung yang digunakan antara lain : Server2Go, PHP 5.3, MySQL 5, Apache 2.2, dan PhpMyAdmin. Lingkup perancangan meliputi: perencanaan, pendefinisian kebutuhan, analisis serta desain. Pada bagian akhir dihasilkan web yang menampilkan informasi pegawai, anak didik,
serta mencetak dalam bentuk laporan yang
berkaitan dengan presensi, cuti dan gaji. Kata kunci : Anak didik, Paud, Sistem informasi, User.
