PERANCANGAN SISTEM APLIKASI PENDATAAN KEPEGAWAIAN & ABSENSI KANTOR DISKOMINFO KOTA MEDAN MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR SYAFIRA NOVIA 112406166 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
PERANCANGAN SISTEM APLIKASI PENDATAAN KEPEGAWAIAN & ABSENSI KANTOR DISKOMINFO KOTA MEDAN MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya SYAFIRA NOVIA 112406166 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
ii PERSETUJUAN Judul : Perancangan Sistem Aplikasi Pendataan Kepegawaian & Absensi Kantor DISKOMINFO Kota Medan Menggunakan PHP Dan MySQL Kategori : Tugas Akhir Nama : Syafira Novia Nomor Induk Mahasiswa : 112406166 Program Studi : Diploma (D3) Teknik Informatika Departemen : Matematika Fakultas : Matematika Dan Ilmu Pengetahuan Alam Disetujui di Medan, Juni 2014 Disetujui Oleh Program Studi D3 Teknik Informatika Ketua, Pembimbing, Dra. Elly Rosmaini, M.Si Prof. Dr. Tulus, M.Si. Ph.D NIP. 196005201985032002 NIP. 196209011988031002
iii PERNYATAAN PERANCANGAN SISTEM APLIKASI PENDATAAN KEPEGAWAIAN & ABSENSI KANTOR DISKOMINFO KOTA MEDAN MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2014 SYAFIRA NOVIA 112406166
iv PENGHARGAAN Segala puji dan syukur kehadirat Allah yang maha kuasa atas rahmat dan hidayah yang selalu dilimpahkannya kepada kita semua. Tak lupa pula penulis panjatkan shalawat dan salam kepada junjungan Nabi Muhammad saw. Dengan bantuan dan ridha Allah swt, Tugas Akhir ini dapat terselesaikan. Tugas Akhir ini disusun guna memenuhi syarat kelulusan pada Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam. Adapun judul Tugas Akhir ini adalah PERANCANGAN SISTEM APLIKASI PENDATAAN KEPEGAWAIAN & ABSENSI KANTOR DISKOMINFO KOTA MEDAN MENGGUNAKAN PHP DAN MYSQL Penulis mengakui bahwa manusia mempunyai keterbatasan dalam berbagai hal. Oleh karena itu tidak ada hal yang dapat diselesaikan dengan sangat sempurna. Begitu pula dengan Tugas Akhir ini, tidak akan terselesaikan dengan baik tanpa adanya masukan, bantuan serta bimbingan dari berbagai pihak. Pada kesempatan ini terima kasih penulis sampaikan kepada Bapak Prof. Drs. Tulus, M.Si selaku Ketua Departemen Matematika FMIPA USU Medan sekaligus Dosen Pembimbing penulis yang telah memberikan bimbingan dan pengarahan kepada penulis dalam menyelesaikan Tugas Akhir ini. Terima kasih kepada Ibu Dr. Elly Rosmaini dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU Medan, Ibu Dr. Mardiningsih, M.Si selaku Sekretatis Departemen Matematika FMIPA
v USU Medan, Bapak Dr. Sutarman, M.Sc selaku dekan FMIPA USU Medan, seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam khususnya program studi D-3 Teknik Informatika, pegawai FMIPA USU. Ucapan terima kasih sebesar-besarnya untuk orang tua saya tercinta, Sri Wahyuni, S.E, yang telah telah memberikan doa, nasihat maupun dukungan baik secara moril maupun materil sehingga penulis dapat menyelesaikan Tugas Akhir ini. Tak lupa pula penulis ucapkan terima kasih kepada teman-teman seperjuangan di kala suka maupun duka selama penulis menjalani masa perkuliahan, Adilla Finasty, Aulia Khusna Damanik, Ersa Sabila, Nurlela, Wilda Siti Fatonah, Fadly Tommy, Fadli Dwianto dan Fazlan Isnanda Naris. Terima kasih juga kepada seluruh mahasiswa D-3 Teknik Informatika khususnya teman-teman Kom D 2011 yang telah menjadi teman sekelas terbaik selama penulis menjalani masa perkuliahan 3 tahun di D-3 Teknik Informatika. Akhirnya dengan segala kerendahan hati penulis mempersembahkan Tugas Akhir ini. Penulis berharap semoga Tugas Akhir ini berguna bagi penulis maupun pembaca dalam menambah ilmu pengetahuan. Apabila ada kesalahan dalam penulisan Tugas Akhir ini, penulis mohon maaf. Medan, Juni 2014 Penulis Syafira Novia 112406166
vi PERANCANGAN SISTEM APLIKASI PENDATAAN KEPEGAWAIAN & ABSENSI KANTOR DISKOMINFO KOTA MEDAN MENGGUNAKAN PHP DAN MYSQL ABSTRAK Tugas Akhir ini berupa perancangan suatu aplikasi berbasis web Pendataan Kepegawaian & Absensi Kantor Dinas Komunikasi dan Informatika Kota Medan yang bermanfaat dalam mendata pegawai yang bekerja di DISKOMINFO. Serta memudahkan pihak kantor dalam melakukan absensi pegawai, baik absensi hadir maupun absensi pulang. Sistem aplikasi ini dikembangkan dengan dengan menggunakan Sublime text editor, Google Chrome browser dan XAMPP. Dengan menggunakan XAMPP paket-paket aplikasi yang diperlukan dalam merancang sebuah situs yang baik seperti Apache Web Server, PHP dan MySQL telah tersedia. Adapun fitur yang tersedia di dalam aplikasi ini adalah melakukan pendataan kepegawaian, melihat rekap laporan, serta form absensi untuk pegawai.
vii DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar Halaman ii iii iv vi vii x xi BAB 1 Pendahuluan 1.1 Latar Belakang 1 1.2 Rumusan Masalah 2 1.3 Batasan Masalah 3 1.4 Tujuan Penelitian 3 1.5 Manfaat Penelitian 4 1.6 Metodologi Penelitian 4 1.7 Lokasi Penelitian 6 BAB 2 Landasan Teori 2.1 Pengertian Aplikasi Web 7 2.2 PHP (Hypertext Preprocessor) 8 2.2.1 Sejarah Singkat PHP 8 2.2.2 Skrip PHP 9 2.2.3 Konsep Kerja PHP 10 2.2.4 PHP dan Basis Data 11 2.3 MYSQL 13 2.3.1 Sejarah MySQL 13 2.3.2 Data Definition Language (DDL) 14 2.3.3 Data Manipulation Language (DML) 15
viii 2.3.4 Penggunaan Join 15 2.3.5 Query MySQL 15 2.4 Teknik Perancangan Basis Data 18 2.4.1 Data Flow Diagram (DFD) 18 2.4.2 Flowchart 19 2.5 Web Browser 21 2.6 HTML (Hypertext Markup Language) 22 2.7 CSS (Cascading Style Sheets) 25 2.8 Sublime Text 2 26 BAB 3 Sekilas Dinas Komunkasi dan Informatika Kota Medan 3.1 Tugas Pokok 27 3.2 Fungsi 28 3.3 Visi Misi 29 3.4 Struktur Organisasi 31 BAB 4 Rancangan Sistem Program 4.1 Data Flow Diagram 32 4.2 Flowchart Program 34 4.3 Kamus Data 44 4.4 Rancangan Basis Data 44 4.5 Relasi Database 47 4.6 ERD (Entity Relationship Diagram) 48 BAB 5 Implementasi Sistem 5.1 Pengertian Implementasi Sistem 50 5.2 Tujuan Implementasi Sistem 50 5.3 Komponen Kebutuhan Sistem 51 5.3.1 Hardware 51 5.3.2 Software 51 5.3.3 Brainware 53 5.4 Demonstrasi Program 53
ix 5.4.1 Halaman Login 53 5.4.2 Halaman Admin 54 5.4.3 Halaman Master Data 55 5.4.4 Halaman Menu Laporan 57 5.4.5 Halaman Pegawai 59 BAB 6 Kesimpulan dan Saran 6.1 Kesimpulan 61 6.2 Saran 62 Daftar Pustaka 63 Lampiran : Listing Program
x DAFTAR TABEL Tabel 2.1 Query MySQL 15 Tabel 2.2 Simbol Data Flow Diagram (DFD) 19 Tabel 2.3 Simbol-simbol Flowchart 20 Tabel 4.1 Tabel User 44 Tabel 4.2 Tabel Bagian 45 Tabel 4.3 Tabel Pegawai 45 Tabel 4.4 Tabel Absensi Hadir 46 Tabel 4.5 Tabel Absensi Pulang
xi DAFTAR GAMBAR Halaman Gambar 1.1 Tahapan Metode Waterfall 5 Gambar 2.1 Tampilan kode PHP pada browser 10 Gambar 2.2 Skema PHP 11 Gambar 2.3 Contoh dokumenhtml sederhana 23 Gambar 2.4 Salah satu website yang menggunakan tag-tag HTML 24 Gambar 2.5 Contoh deklarasi beserta selector, property dan value-nya 26 Gambar 2.6 Contoh penggunaan syntax CSS 26 Gambar 3.1 Struktur organisasi DISKOMINFO Kota Medan 31 Gambar 4.1 Diagram Konteks Sistem Aplikasi Pendataan Kepegawaian & Absensi Kantor DISKOMINFO Kota Medan Berbasis Web 32 Gambar 4.2 Data Flow Diagram Level Nol Aplikasi Pendataan Kepegawaian & Absensi Kantor DISKOMINFO Kota Medan Berbasis Web 33 Gambar 4.3 Flowchart Menu Utama 34 Gambar 4.4 Flowchart Admin 35 Gambar 4.5 Keterangan Bagan Flowchart Admin 36 Gambar 4.6 Keterangan Bagan Flowchart Admin 37 Gambar 4.7 Keterangan Bagan Flowchart Admin 38 Gambar 4.8 Keterangan Bagan Flowchart Admin 39 Gambar 4.9 Keterangan Bagan Flowchart Admin 40 Gambar 4.10 Keterangan Bagan Flowchart Admin 41 Gambar 4.11 Keterangan Bagan Flowchart Admin 41 Gambar 4.12 Keterangan Bagan Flowchart Admin 41 Gambar 4.13 Keterangan Bagan Flowchart Admin 42 Gambar 4.14 Keterangan Bagan Flowchart Admin 42 Gambar 4.15 Flowchart Pegawai 43 Gambar 4.16 Tabel Relasi 47 Gambar 4.17 Entity Relationship Diagram 49 Gambar 5.1 Tampilan antar muka XAMPP di Windows 52 Gambar 5.2 Halaman Login 54 Gambar 5.3 Halaman Utama Admin 54 Gambar 5.4 Halaman Data User 55 Gambar 5.5 Halaman Data Bagian 55 Gambar 5.6 Halaman Data Pegawai 56 Gambar 5.7 Halaman Data Absensi Hadir 56
xii Gambar 5.8 Halaman Data Absensi Pulang 56 Gambar 5.9 Halaman Laporan Data User 57 Gambar 5.10 Halaman Laporan Data Bagian 57 Gambar 5.11 Halaman Laporan Data Pegawai 58 Gambar 5.12 Halaman Laporan Data Absensi Hadir 58 Gambar 5.13 Halaman Laporan Data Absensi Pulang 58 Gambar 5.14 Halaman Utama Pegawai 59 Gambar 5.15 Tampilan form absensi hadir pegawai 59 Gambar 5.16 Tampilan form absensi pulang pegawai 60