TUGAS AKHIR
SYAFIRA NOVIA 112406166
PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
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
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
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2014
Disetujui Oleh
Program Studi D3 Teknik Informatika Pembimbing,
Ketua,
Dra. Elly Rosmaini, M.Si Prof. Dr. Tulus, M.Si. Ph.D
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
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 Universitas Sumatera Utara.
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,
USU Medan, Bapak Dr. Sutarman, M.Sc selaku dekan FMIPA USU Medan,
seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara 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
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
DAFTAR ISI
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.4 Penggunaan Join 15
2.3.5 Query MySQL 15
2.4Teknik 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.1Pengertian Implementasi Sistem 50
5.2Tujuan Implementasi Sistem 50
5.3Komponen Kebutuhan Sistem 51
5.3.1 Hardware 51
5.3.2 Software 51
5.3.3 Brainware 53
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.1Kesimpulan 61
6.2Saran 62
Daftar Pustaka 63
Lampiran :
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
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.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
