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

(1)

x

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

(2)

(3)

(4)

(5)

(6)

xv MOTTO

ā

χ

Î

)

©

!

$

#

Ÿ

ω

ç

Éi

t

ó

ã

ƒ

$

t

Β

B

Θ

ö

θ

s

)

Î

/

4



®

L

y

m

(

#

ρ

ç

Éi

t

ó

ã

ƒ

$

t

Β

ö

Ν

Í

κ

Å

¦

à

Ρ

r

'

Î

/

,,

“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”

(7)

xvi

PERSEMBAHAN

Alhamdulillah, Puji syukur kehadirat Allah SWT, atas rahmat dan

karunia-Nya 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.

(8)

xvii

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 a t m i k o , M . T ., selaku Ketua J uru san 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

(9)

xviii

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

pihak-pihak yang berkepentingan.

Surakarta, …………

(10)

xix

DAFTAR ISI

Halaman Judul ... xx

Halaman Persetujuan ... xx

Halaman Pengesahan ... xx

Daftar Kontribusi ... xx

(11)

xx

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

(12)

xxi

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 ……...……… 6

A. Sistem Informasi Pegawai ...………... 6

B. Framework Code Igniter ……….……... 7

C. JQuery …...………... 13

BAB III ANALISIS SISTEM …...………..…... 15

A. Alur Penelitian…...……….……... 15

B. Metodologi Penelitian …..………... 16

(13)

xxii

1. Analisis Kebutuhan ………...……...……….. 18

2. Perancangan Use Case………….…………...………. 18

3. Finalize Use Case …....….………. 21

4. Desain Table Instance Chart………... 25

5. Desain Dialog Layar………... 29

6. Desain Input…...………... 31

7. Desain Output ……….. 34

8. Diagram Relasi Antar Tabel ………... 38

BAB IV 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

(14)

xxiii

BAB V PENUTUP ………..………... 94

A. Kesimpulan ………... ... 94

B. Saran ………... 95

DAFTAR PUSTAKA

(15)

(16)

DAFTAR TABEL

Tabel 3.1 User Login ……….…. 22

Tabel 3.2 Tabel Input Staf…..……….. … 22

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

(17)

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

(18)

(19)

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

(20)

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

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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.