PENGEMBANGAN SISTEM INFORMASI PELAYANAN SATPAM DI UNIVERSITAS MUHAMMADIYAH MALANG MENGGUNAKAN PHP DAN MYSQL
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
( Khoirul Bassa )
NIM : 201110150511032
Penulis II
( Sai Fudin)
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
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
( Khoirul Bassa )
NIM : 201110150511032
Penulis II
( Sai Fudin)
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