PENGEMBANGAN SISTEM INFORMASI PELAYANAN SATPAM

DI UNIVERSITAS MUHAMMADIYAH MALANG

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat

Program Diploma III (D3)

Teknik Elektro Program Studi Teknik Komputer Jaringan

Disusun oleh :

Nama : KHOIRUL BASSA

NIM : 201110150511032

Nama ; SAI FUDIN

NIM : 201110150511037

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2015

LEMBAR PERSEMBAHAN

Puji syukur kepada Allah SWT atas rahmat dan karunia-Nya sehingga

penulis dapat menyelesaikan Tugas Akhir ini. Penulis menyampaikan ucapan

terima kasih yang sebesar-besarnya kepada :

1. Bapak. Machmud E, ST., M.Eng. dan Ibu. Ir. Nur Alif M, MT selaku

pembimbing tugas akhir.

2. Bapak/Ibu Dekan Fakultas Teknik Universitas Muhammadiyah Malang.

3. Bapak/Ibu Ketua Jurusan Teknik Elektro Universitas Muhammadiyah

Malang.

4. Kedua orang tua kami

5. Rekan - rekan mahasiswa jurusan D3 TKJ karyawan

6. Sahabat keluarga besar satuan petugas keamanan UMM di Malang

7. Keluarga, istri dan anak – anak.

Yang telah memberi dukungan baik secara moril dan spirituil selama

kami menempuh pendidikan di bangku kuliah Fakultas Teknik Elektro Jurusan D3

TKJ karyawan di Universitas Muhammadiyah Malang sehingga dapat terlaksanan

dengan baik dan lancar sampai lulus.

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT. Atas limpahan rahmat

dan hidayah-NYA sehingga peneliti dapat menyelesaikan tugas akhir yang berjudul :

” PENGEMBANGAN SISTEM INFORMASI PELAYANAN SATPAM

DI UNIVERSITAS MUHAMMADIYAH MALANG

MENGGUNAKAN PHP DAN MYSQL”

Di dalam tulisan ini disajikan pokok-pokok bahasan yang meliputi BAB I:

PENDAHULUAN, BAB II: LANDASAN TEORI, BAB III: PERENCANAAN DAN

PEMBUATAN, BAB IV: IMPLEMENTASI DAN PENGUJIAN, BAB V: PENUTUP

Peneliti menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih

banyak kekurangan dan keterbatasan. Oleh karena itu peneliti mengharapkan saran yang

membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan kedepan.

Malang, 9 Mei 2015

Penulis I Penulis II

( Khoirul Bassa ) ( Sai Fudin)

NIM : 201110150511032 NIM : 201110150511037

DAFTAR ISI

LEMBAR PERSETUJUAN………………………………………………….........i

LEMBAR PENGESAHAN.....................................................................................ii

LEMBAR PERNYATAAN....................................................................................iii

ABSTRAK..............................................................................................................iv

ABSTRACT…………………………………………………………………….....v

LEMBAR PERSEMBAHAN………………………………………………….....vi

KATA PENGANTAR...........................................................................................vii

DAFTAR ISI……………………………………………………………………...ix

DAFTAR TABEL………………………………………………………………..xii

DAFTAR GAMBAR............................................................................................xiii

BAB I ……………………………………………………………………………..1

PENDAHULUAN....……………………………………………………………....1

1.1 Latar Belakang…………………………………………………………….1

1.2 Rumusan Masalah…………………………………………………………2

1.3 Batasan Masalah………………………………………………………......2

1.4 Tujuan Penelitian………………………………………………………….2

1.5 Mafaat Penelitian………………………………………………………….2

1.6 Sistematika Penulisan ……………………………………………………..3

BAB II ……………………………………………………………………………..4

LANDASAN TEORI…………………………………… ………………………4

2.1 Internet…………………………………………………………………….4

2.2 Sistem dan Sistem Informasi ……………………………………………..6

2.3 Data Base………………………………………………………………….8

2.4 MYSQL……………………………………………………………………9

2.5 Entity Relationship Diagram (ERD)……………………………………..10

2.6 HTML……………………………………………………………………13

2.7 Manipulasi Font (didel )………………………………………………….15

2.8 Membuat Tabel..........................................................................................15

2.9 Hyperlink...................................................................................................16

2.10 HTML Form……………………………………………………………..16

2.11 XHTML dan DOCTYPE……………………………………………......17

2.12 Menampilkan Gambar ..............................................................................18

2.13 CSS ( Cascading Style Sheets ) …………………………………………19

2.14 Membuat Layout dengan DIV…………………………………………...21

2.15 Javascript……………………………………………………….………...22

2.16 PHP……………………………………………………….……………...22

BAB III……………………………………………………………………….….30

ANALISA DAN PERANCANGAN SISTEM…………………………………..30

3.1 Metodologi……………………………………………………………….30

3.2 Perangkat Sistem………………………………………………………....30

3.3. Analisa Sistem ......................................... ..................................................30

3.4. Perancangan Sistem………………………………………………………36

BAB IV…………………………………………………………………………..46

PENGUJIAN DAN PEMBAHASAN…………………………………………...46

4.1 Pengujian Halaman Website………………………………………….......46

4.2 Halaman Awal XAMPP………………………………………………......46

4.3. Inport File SQL…………………………………………………………...46

4.4. Halaman Main Menu……………………………………………………...47

4.5. Halaman Berita……………………………………………………………47

4.6. Halaman Daftar Satpam…………………………………………………..48

4.7. Halaman Pelayanan Pengambilan Kunci…………………………………48

4.8 Halaman Pelayanan Pengembalian Kunci………………………………..49

1.9. Halaman Pelanggaran Mahasiswa………………………………………..50

4.11. Halaman History Pengembalian Kunci…………………………………..50

4.12. Halaman Tools……………………………………………….…………..51

4.13. Print Out…………………………………………………………..….......51

BAB V………………………………………………………………………..…..53

KESIMPULAN DAN SARAN…………………………………………………..53

Daftar Pustaka ……………………………………………………………………54

DAFTAR TABEL……………………………………………………………….xii

Tabel 2.1 : Tag HTML (nama pengarang, tahun)………………………………..14

Tabel 2.2 : Tabel tag pada HTML………………………………………………..16

Tabel 2.3 : Atribut type pada HTML……………………………………………17

Tabel 2.4 : Penulisan HTML…………………………………………………….18

Tabel 3.1: Struktur Data Admin………………………………………………….32

Tabel 3.2 Struktur Data Berita ..............................................................................33

Tabel 3.3 Struktur Data Ci_Sessions ....................................................................33

Tabel 3.4 Struktur Data Jabatan ............................................................................33

Tabel 3.5 Struktur Data Pelanggaran Mahasiswa .................................................33

Tabel 3.6 Struktur Data Pengambilan Kunci ........................................................34

Tabel 3.7 Struktur Data Pengembalian Kunci .......................................................34

Tabel 3.8 Struktur Data SATPAM ………………………………………………35

Tabel 3.9 Struktur Data Unit …………………………………………………….35

Tabel 3.10 Struktur Data Kunci …………………………………………………35

DAFTAR GAMBAR

Gambar 2.1: Jaringan Internet ....................................................................34

Gambar 2.2: diagram ERD ....................................................................................13

Gambar 2.3: helloworld.html.................................................................................13

Gambar 2.4: Cara kerja PHP .................................................................................23

Gambar 3.1: Flowchart Sistem ..............................................................................36

Gambar 3.2: Usecase Sistem .................................................................................37

Gambar 3.3: Activity diagram Berita. ...................................................................38

Gambar 3.4: Activity diagram daftar SATPAM....................................................39

Gambar 3.5: Activity diagram pengambilan kunci................................................40

Gambar 3.6: Activity diagram pengembalian kunci...............................................41

Gambar 3.7: Activity diagram pelanggaran mahasiswa.........................................42

Gambar 3.8: Interface main menu.........................................................................42

Gambar 3.9: Interface menu berita........................................................................42

Gambar 3.10: Interface menu daftar SATPAM.....................................................44

Gambar 3.11: Interface menu pengambilan Kunci................................................44

Gambar 3.12: Interface menu pelanggaran Mahasiswa………………………….45

Gambar 3.13: Interface menu history pengambilan kunci……………………….45

Gambar 4.1: Menu utama.......................................................................................47

Gambar 4.2: Form pengisian berita……………………………………………....48

Gambar 4.3: Form pengisian Data SATPAM........................................................48

Gambar 4.4: Form pengisian data pengambilan kunci.......................…………....49

Gambar 4.5: Form pengisian data pengembalian kunci…………….……………49

Gambar 4.6: Form pengisian pelanggaran Mahasiswa..........................................50

Gambar 4.7: Form history pengembalian kunci.....................................................51

Gambar 4.8: Print out form pengambilan dan pengembalian kunci……………..52

Gambar 4.9: Print out form pelanggaran Mahasiswa……………………………52

Daftar Pustaka

[1] Anhar, Panduan Menguasai PHP dan MySQL, Jakarta, 2010

[2] Devie Rosa Anamisa, Yeni Kustiyahningsih, Pemrograman Basis Data

Berbasis Web Menggunakan PHP dan MySQL, Bangkalan, 2010

[3] Hakim, Rachmad. 2010. Cara Mengelola Blog, Jakarta: Elexmedia

Komputindo

[4] Setijo, Adobe Dreamweaver CS5, Jakarta, 2010

[5] Sucipto, Konsep dan Teknik Pengembangan Sistem berbasis Teknologi

Informasi, Banten, 2010

[6] Sucipto, Sistem Informasi Manajemen Berbasis Tren Teknologi Informasi,

Tangerang, 2012

[7] Virgi, Cepat Mahir Pemrograman Web dengan PHP dan MySQL, Jakarta,

2011

[8] Anonim. 2011. Pengertian Jaringan LAN MAN WAN & INTERNET

https://imarizky.wordpress.com/2011/11/27/pengertian-jaringan-lan-man-wan-

internet Diakses pada tanggal 05 Mei 2015