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

  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

  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 NIP. 196005201985032002 NIP. 196209011988031002

  

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

  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, Ibu Dr. Mardiningsih, M.Si selaku Sekretatis Departemen Matematika FMIPA 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 112406166

  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.

DAFTAR ISI

  Halaman Persetujuan ii

  10

  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

  11

  2.2.4 PHP dan Basis Data

  2.1 Pengertian Aplikasi Web

  13

  2.3.1 Sejarah MySQL

  13

  2.3.2 Data Definition Language (DDL)

  14

  2.3.3 Data Manipulation Language (DML)

  15

  7

  6 BAB 2 Landasan Teori

  Pernyataan iii

  1.2 Rumusan Masalah

  Penghargaan iv

  Abstrak vi

  Daftar Isi vii

  Daftar Tabel x

  Daftar Gambar xi

  BAB 1 Pendahuluan

  1.1 Latar Belakang

  1

  2

  1.7 Lokasi Penelitian

  1.3 Batasan Masalah

  3

  1.4 Tujuan Penelitian

  3

  1.5 Manfaat Penelitian

  4

  1.6 Metodologi Penelitian

  4

2.3 MYSQL

  2.3.4

  15 Penggunaan Join

  2.3.5

  15 Query MySQL

  2.4

  18 Teknik Perancangan Basis Data

  2.4.1

  18 Data Flow Diagram (DFD)

  2.4.2

  19 Flowchart

  2.5

  21 Web Browser

  2.6

  22 HTML (Hypertext Markup Language)

  2.7

  25 CSS (Cascading Style Sheets)

  2.8

  26 Sublime Text 2

  BAB 3 Sekilas Dinas Komunkasi dan Informatika Kota Medan

  3.1

  27 Tugas Pokok

  3.2

  28 Fungsi

  3.3

  29 Visi Misi

  3.4

  31 Struktur Organisasi

  BAB 4 Rancangan Sistem Program

  4.1

  32 Data Flow Diagram

  4.2

  34 Flowchart Program

  4.3

  44 Kamus Data

  4.4

  44 Rancangan Basis Data

  4.5

  47 Relasi Database

  4.6

  48 ERD (Entity Relationship Diagram)

  BAB 5 Implementasi Sistem

  5.1

  50 Pengertian Implementasi Sistem

  5.2

  50 Tujuan Implementasi Sistem

  5.3

  51 Komponen Kebutuhan Sistem

  5.3.1

  51 Hardware

  5.3.2

  51 Software

  5.3.3

  53 Brainware

  5.4

  53 Demonstrasi Program

  5.4.1

  53 Halaman Login

  5.4.2

  54 Halaman Admin

  5.4.3

  55 Halaman Master Data

  5.4.4

  57 Halaman Menu Laporan

  5.4.5

  59 Halaman Pegawai

  BAB 6 Kesimpulan dan Saran

  6.1

  61 Kesimpulan

  6.2

  62 Saran Daftar Pustaka

  63 Lampiran : Listing Program 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 DAFTAR GAMBAR Halaman

Gambar 1.1 Tahapan Metode Waterfall

  40 Gambar 4.10 Keterangan Bagan Flowchart Admin

  56 Gambar 5.7 Halaman Data Absensi Hadir

  55 Gambar 5.6 Halaman Data Pegawai

  55 Gambar 5.5 Halaman Data Bagian

  54 Gambar 5.4 Halaman Data User

  54 Gambar 5.3 Halaman Utama Admin

  52 Gambar 5.2 Halaman Login

  49 Gambar 5.1 Tampilan antar muka XAMPP di Windows

  47 Gambar 4.17 Entity Relationship Diagram

  43 Gambar 4.16 Tabel Relasi

  42 Gambar 4.15 Flowchart Pegawai

  42 Gambar 4.14 Keterangan Bagan Flowchart Admin

  41 Gambar 4.13 Keterangan Bagan Flowchart Admin

  41 Gambar 4.12 Keterangan Bagan Flowchart Admin

  41 Gambar 4.11 Keterangan Bagan Flowchart Admin

  39 Gambar 4.9 Keterangan Bagan Flowchart Admin

  5 Gambar 2.1 Tampilan kode PHP pada browser

  38 Gambar 4.8 Keterangan Bagan Flowchart Admin

  37 Gambar 4.7 Keterangan Bagan Flowchart Admin

  36 Gambar 4.6 Keterangan Bagan Flowchart Admin

  35 Gambar 4.5 Keterangan Bagan Flowchart Admin

  34 Gambar 4.4 Flowchart Admin

  33 Gambar 4.3 Flowchart Menu Utama

  32 Gambar 4.2 Data Flow Diagram Level Nol Aplikasi Pendataan Kepegawaian & Absensi Kantor DISKOMINFO Kota Medan Berbasis Web

  31 Gambar 4.1 Diagram Konteks Sistem Aplikasi Pendataan Kepegawaian & Absensi Kantor DISKOMINFO Kota Medan Berbasis Web

  26 Gambar 3.1 Struktur organisasi DISKOMINFO Kota Medan

  26 Gambar 2.6 Contoh penggunaan syntax CSS

  24 Gambar 2.5 Contoh deklarasi beserta selector, property dan value-nya

  23 Gambar 2.4 Salah satu website yang menggunakan tag-tag HTML

  11 Gambar 2.3 Contoh dokumenHTML sederhana

  10 Gambar 2.2 Skema PHP

  56 Universitas Sumatera Utara

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 Universitas Sumatera Utara