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. Penulis I Malang, 9 Mei 2015 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-waninternet Diakses pada tanggal 05 Mei 2015