PERANCANGAN SISTEM APLIKASI PENDATAAN KEPEGAWAIAN & ABSENSI KANTOR DISKOMINFO KOTA MEDAN MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR SYAFIRA NOVIA

Transkripsi

1 PERANCANGAN SISTEM APLIKASI PENDATAAN KEPEGAWAIAN & ABSENSI KANTOR DISKOMINFO KOTA MEDAN MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR SYAFIRA NOVIA PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014

2 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 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014

3 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 : 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 NIP

4 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

5 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

6 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

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

8 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 Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Lokasi Penelitian 6 BAB 2 Landasan Teori 2.1 Pengertian Aplikasi Web PHP (Hypertext Preprocessor) Sejarah Singkat PHP Skrip PHP Konsep Kerja PHP PHP dan Basis Data MYSQL Sejarah MySQL Data Definition Language (DDL) Data Manipulation Language (DML) 15

9 viii Penggunaan Join Query MySQL Teknik Perancangan Basis Data Data Flow Diagram (DFD) Flowchart Web Browser HTML (Hypertext Markup Language) CSS (Cascading Style Sheets) Sublime Text 2 26 BAB 3 Sekilas Dinas Komunkasi dan Informatika Kota Medan 3.1 Tugas Pokok Fungsi Visi Misi Struktur Organisasi 31 BAB 4 Rancangan Sistem Program 4.1 Data Flow Diagram Flowchart Program Kamus Data Rancangan Basis Data Relasi Database ERD (Entity Relationship Diagram) 48 BAB 5 Implementasi Sistem 5.1 Pengertian Implementasi Sistem Tujuan Implementasi Sistem Komponen Kebutuhan Sistem Hardware Software Brainware Demonstrasi Program 53

10 ix Halaman Login Halaman Admin Halaman Master Data Halaman Menu Laporan Halaman Pegawai 59 BAB 6 Kesimpulan dan Saran 6.1 Kesimpulan Saran 62 Daftar Pustaka 63 Lampiran : Listing Program

11 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

12 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

13 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