SISTEM ADMINISTRASI PEGAWAI PAUD PELANGI BERBASIS PHP CODE IGNITER DAN JQUERY Sistem Administrasi Pegawai Paud Pelangi Berbasis Php Code Igniter Dan Jquery.

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Β (#ρçŽÉitóム4®Lym BΘöθs)Î/ $tΒ çŽÉitóムŸω ©!$# āχÎ)
“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.