Perancangan Sistem Infomasi Bencana Alam Berbasis Website Menggunakan PHP dan MYSQL
PERANCANGAN SISTEM INFORMASI BENCANA ALAM
BERBASIS WEBSITE MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
IMAM SUBARKAH B
132406002
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI BENCANA ALAM
BERBASIS WEBSITE MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi dan memenuhi syarat memperoleh Ahli Madya
IMAM SUBARKAH B
132406002
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Program Studi
Nomor Induk Mahasiswa
Fakultas
: PERANCANGAN SISTEM INFOMASI
BENCANA ALAM BERBASIS WEBSITE
MENGGUNAKAN PHP DAN MYSQL
: TUGAS AKHIR
: IMAM SUBARKAH B
: DIPLOMA (D-III) TEKNIK INFORMATIKA
: 132406002
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan, Juli 2016
Diketahui/Disetujui Oleh
Ketua Program Studi D-3 TI
FMIPA USU
Dr. Elly Rosmaini, M.Si
NIP.19600520 198503 2 002
Pembimbing
Dr. Syahril Efendi, S.Si, M.IT
NIP.19671110 199602 1 001
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN SISTEM INFORMASI BENCANA ALAM BERBASIS
WEBSITE MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing – masing disebutkan sumbernya.
Medan,
Juni 2016
Imam Subarkah B
132406002
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur atas kehadirat Allah SWT, yang telah memberikan rahmat dan
karunia-Nya kepada saya dan tidak lupa juga saya ucapkan syalawat kepada Nabi
Muhammad SAW, yang telah mengajarkan suatu pelajaran yang tidak diragukan
atas kebaikannya. Sehingga saya dapat menyelesaikan Tugas Akhir ini dengan
baik dan dalam waktu yang telah ditetapkan. Adapun judul tugas akhir ini adalah
“PERANCANGAN SISTEM INFORMASI BENCANA ALAM BERBASIS
WEBSITE MENGGUNAKAN PHP DAN MYSQL”. Penyusunan dan
penulisan Tugas Akhir ini dibuat untuk memnuhi syarat kelulusan bagi setiap
Mahasiswa Jurusan Teknik Informatikan Program Studi D-3 di FMIPA USU
Medan.
Pada kesempatan ini penulis ingin menyampaikan terima kasih kepada
pihak – pihak yang telah membantu memberi masukan dan motivasi kepada
penulis sehingga dapat menyelesaikan Tugas Akhir ini.
Pada kesempatan kali ini penulis ingin mengucapkan terima kasih kepada :
1. Kepada keluarga saya terutama kedua orang tua saya, Ayah saya Abdul
Gani Batubara, Ibu saya Supiani S dan kakak saya Lisa Fadillah Batubara,
abang saya Fuad Abdullah Batubara, adek saya Silvia Fauziah Batubara
dan juga adek Fira dan bang Mahsud yang senantiasa mendukung dan
terus membimbing penulis serta memberi bantuan moril maupun material
sehingga Tugas Akhir ini dapat terselesaikan dengan baik.
2. Bapak Dr. Syahril Efendi, S.Si, M.IT, selaku dosen pembimbing Tugas
Akhir penulis yang telah memberi dukungan dan arahan kepada saya
dalam menyelesaikan Tugas Akhir ini.
3. Bapak Drs. Kerista Sebayang, M.S. selaku Dekan Fakultas Matematika
dan Ilmu Pengetahuan Alam Sumatera Utara.
Universitas Sumatera Utara
4. Bapak Prof. Drs. Tulus Vordipl.Math., M.Si., PhD selaku Ketua
Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan
Alama Sumatera.
5. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D-3 Teknik
Informatika FMIPA USU.
6. Seluruh Bapak dan Ibu Dosen serta Staf pengajar lainnya yang telah
membimbing saya selama menjalani masa perkuliahan.
7. Teman – teman Kom A‟13, terutama anggota Mebun Acong, Jek, Todo,
Hardi, Pandri, Daniel, Cuuy, Marguna, Leman, Miko, Eljan, dan ketua
Komting Pane, mantan komting Renza dan juga kepada Lambok yang
telah membantu banyak tentang program dan memberi dukungan kepada
penulis untuk menyelesaikan Tugas Akhir ini.
Penulis menyadari bahwa tugas akhir ini masih banyak kekurangan
dan masih jauh dari sempurna, untuk itu penulis berharap adanya kritik
dan saran yang bersifat membangun dari semua pihak untuk perbaikan dari
tugas akhir ini.
Penulis berharap semoga tugas akhir ini dapat memberi manfaat
bagi para pembaca.
Medan,
Juni 2016
Imam Subarkah B
132406002
Universitas Sumatera Utara
ABSTRAK
Teknologi informasi di Indonesia menuntut semua bidang informasi untuk
menggunakan teknologi semaksimal mungkin agar dapat memberikan informasi
secara globalisasi. Dengan adanya informasi yang disajikan masyarakat lebih
mudah mengetahui adanya bencana alam yang terjadi di wilayah tertentu.
Informasi terbaru dan akurat sangat dibutuhkan.Sistem informasi ini bertujuan
untuk memberikan informasi kepada user yang ingin mencari informasi mengenai
bencana alam. Sistem Informasi ini dibangun menggunakan PHP, MySQL,
XAMPP, HTML, CSS (Cascading Style Sheet), Javascript, Sublime Text, Adobe
Photoshop sebagai perancangan layout serta browser Google Chrome.
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Tabel
Daftar Gambar
Bab 1
Bab 2
Bab 3
Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Manfaat dan Tujuan
1.5 Metodologi Penelitian
1.6 Sistematika Penulisan
Halaman
ii
iii
iv
vi
vii
ix
x
1
2
3
3
4
5
Landasan Teori
2.1 Pengertian Sistem
2.2 Data
2.3 Informasi
2.4 Sistem Informasi
2.5 Database
2.6 Sublime Text
2.7 HTML
2.8 Personal Home Page (PHP)
2.8.1 Sejarah PHP
2.8.2 Konsep Dasar PHP
2.9 MySQL
2.10 Fungsi PHP dan MySQL
2.11 Internet
2.12 World Wide Web
7
8
10
11
11
13
13
14
15
15
18
18
20
20
Perancangan Sistem
3.1 Perancangan Sistem
3.2 Data Flow Diagram (DFD)
3.3 Perancangan Basis Data
3.4 Flowchart
22
22
24
26
Universitas Sumatera Utara
3.4.1 Flowchart Pencarian
3.4.2 Flowchart Login Admministrator
3.4.3 Flowchart Halaman Utama Admin
Perancangan Interface
29
30
31
32
Implementasi Sistem
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi Sistem
4.3 Komponen – Komponen Implementasi Sistem
4.3.1 Perangkat Keras (Hardware)
4.3.2 Perangkat Lunak (Software)
4.3.3 Perangkat Operator (Brainware)
4.4 Tampilan Web
4.4.1 Halaman Utama index.php
4.4.2 Tampilan Berita
4.4.3 Tampilan Pengetahuan Bencana
4.4.4 Tampilan Gallery
4.4.5 Tampilan Kontak Kami
4.4.6 Tampilan Informasi Data Pegawai
4.4.7 Tampilan Prakiraan Cuaca
33
33
34
34
35
35
36
36
37
38
39
39
40
41
Kesimpulan dan Saran
5.1 Kesimpulan
5.2 Saran
42
43
3.5
Bab 4
Bab 5
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Tabel 3.1 – Simbol-simbol DFD
23
Tabel 3.2 – Tabel Login Admin
25
Tabel 3.3 – Tabel Berita
25
Tabel 3.4 – Tabel Cuaca
25
Tabel 3.5 – Tabel Gallery
26
Tabel 3.6 – Tabel Kontak
26
Tabel 3.7 – Tabel Flowchart
27
Universitas Sumatera Utara
DAFTAR GAMBAR
Halaman
Gambar 3.1 – Data Flow Diagram (DFD)
23
Gambar 3.2 – Flowchart Pencarian
29
Gambar 3.3 – Flowchart login Administrator
30
Gambar 3.4 – Flowchart halaman utama admin
31
Gambar 3.5 – Perancangan tampilan awal
32
Gambar 4.1 – Halaman index.php untuk user
36
Gambar 4.2 – Halaman index.php untuk admin
37
Gambar 4.3 – Tampilan Semua Berita
38
Gambar 4.4 - Tampilan Pengetahuan Bencana
38
Gambar 4.5 – Tampilan Gallery
39
Gambar 4.6 – Tampilan Kontak Kami
40
Gambar 4.7 – Tampilan Videos
40
Gambar 4.8 – Tampilan Prakiraan Cuaca
41
Universitas Sumatera Utara
BERBASIS WEBSITE MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
IMAM SUBARKAH B
132406002
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI BENCANA ALAM
BERBASIS WEBSITE MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi dan memenuhi syarat memperoleh Ahli Madya
IMAM SUBARKAH B
132406002
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Program Studi
Nomor Induk Mahasiswa
Fakultas
: PERANCANGAN SISTEM INFOMASI
BENCANA ALAM BERBASIS WEBSITE
MENGGUNAKAN PHP DAN MYSQL
: TUGAS AKHIR
: IMAM SUBARKAH B
: DIPLOMA (D-III) TEKNIK INFORMATIKA
: 132406002
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan, Juli 2016
Diketahui/Disetujui Oleh
Ketua Program Studi D-3 TI
FMIPA USU
Dr. Elly Rosmaini, M.Si
NIP.19600520 198503 2 002
Pembimbing
Dr. Syahril Efendi, S.Si, M.IT
NIP.19671110 199602 1 001
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN SISTEM INFORMASI BENCANA ALAM BERBASIS
WEBSITE MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing – masing disebutkan sumbernya.
Medan,
Juni 2016
Imam Subarkah B
132406002
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur atas kehadirat Allah SWT, yang telah memberikan rahmat dan
karunia-Nya kepada saya dan tidak lupa juga saya ucapkan syalawat kepada Nabi
Muhammad SAW, yang telah mengajarkan suatu pelajaran yang tidak diragukan
atas kebaikannya. Sehingga saya dapat menyelesaikan Tugas Akhir ini dengan
baik dan dalam waktu yang telah ditetapkan. Adapun judul tugas akhir ini adalah
“PERANCANGAN SISTEM INFORMASI BENCANA ALAM BERBASIS
WEBSITE MENGGUNAKAN PHP DAN MYSQL”. Penyusunan dan
penulisan Tugas Akhir ini dibuat untuk memnuhi syarat kelulusan bagi setiap
Mahasiswa Jurusan Teknik Informatikan Program Studi D-3 di FMIPA USU
Medan.
Pada kesempatan ini penulis ingin menyampaikan terima kasih kepada
pihak – pihak yang telah membantu memberi masukan dan motivasi kepada
penulis sehingga dapat menyelesaikan Tugas Akhir ini.
Pada kesempatan kali ini penulis ingin mengucapkan terima kasih kepada :
1. Kepada keluarga saya terutama kedua orang tua saya, Ayah saya Abdul
Gani Batubara, Ibu saya Supiani S dan kakak saya Lisa Fadillah Batubara,
abang saya Fuad Abdullah Batubara, adek saya Silvia Fauziah Batubara
dan juga adek Fira dan bang Mahsud yang senantiasa mendukung dan
terus membimbing penulis serta memberi bantuan moril maupun material
sehingga Tugas Akhir ini dapat terselesaikan dengan baik.
2. Bapak Dr. Syahril Efendi, S.Si, M.IT, selaku dosen pembimbing Tugas
Akhir penulis yang telah memberi dukungan dan arahan kepada saya
dalam menyelesaikan Tugas Akhir ini.
3. Bapak Drs. Kerista Sebayang, M.S. selaku Dekan Fakultas Matematika
dan Ilmu Pengetahuan Alam Sumatera Utara.
Universitas Sumatera Utara
4. Bapak Prof. Drs. Tulus Vordipl.Math., M.Si., PhD selaku Ketua
Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan
Alama Sumatera.
5. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D-3 Teknik
Informatika FMIPA USU.
6. Seluruh Bapak dan Ibu Dosen serta Staf pengajar lainnya yang telah
membimbing saya selama menjalani masa perkuliahan.
7. Teman – teman Kom A‟13, terutama anggota Mebun Acong, Jek, Todo,
Hardi, Pandri, Daniel, Cuuy, Marguna, Leman, Miko, Eljan, dan ketua
Komting Pane, mantan komting Renza dan juga kepada Lambok yang
telah membantu banyak tentang program dan memberi dukungan kepada
penulis untuk menyelesaikan Tugas Akhir ini.
Penulis menyadari bahwa tugas akhir ini masih banyak kekurangan
dan masih jauh dari sempurna, untuk itu penulis berharap adanya kritik
dan saran yang bersifat membangun dari semua pihak untuk perbaikan dari
tugas akhir ini.
Penulis berharap semoga tugas akhir ini dapat memberi manfaat
bagi para pembaca.
Medan,
Juni 2016
Imam Subarkah B
132406002
Universitas Sumatera Utara
ABSTRAK
Teknologi informasi di Indonesia menuntut semua bidang informasi untuk
menggunakan teknologi semaksimal mungkin agar dapat memberikan informasi
secara globalisasi. Dengan adanya informasi yang disajikan masyarakat lebih
mudah mengetahui adanya bencana alam yang terjadi di wilayah tertentu.
Informasi terbaru dan akurat sangat dibutuhkan.Sistem informasi ini bertujuan
untuk memberikan informasi kepada user yang ingin mencari informasi mengenai
bencana alam. Sistem Informasi ini dibangun menggunakan PHP, MySQL,
XAMPP, HTML, CSS (Cascading Style Sheet), Javascript, Sublime Text, Adobe
Photoshop sebagai perancangan layout serta browser Google Chrome.
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Tabel
Daftar Gambar
Bab 1
Bab 2
Bab 3
Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Manfaat dan Tujuan
1.5 Metodologi Penelitian
1.6 Sistematika Penulisan
Halaman
ii
iii
iv
vi
vii
ix
x
1
2
3
3
4
5
Landasan Teori
2.1 Pengertian Sistem
2.2 Data
2.3 Informasi
2.4 Sistem Informasi
2.5 Database
2.6 Sublime Text
2.7 HTML
2.8 Personal Home Page (PHP)
2.8.1 Sejarah PHP
2.8.2 Konsep Dasar PHP
2.9 MySQL
2.10 Fungsi PHP dan MySQL
2.11 Internet
2.12 World Wide Web
7
8
10
11
11
13
13
14
15
15
18
18
20
20
Perancangan Sistem
3.1 Perancangan Sistem
3.2 Data Flow Diagram (DFD)
3.3 Perancangan Basis Data
3.4 Flowchart
22
22
24
26
Universitas Sumatera Utara
3.4.1 Flowchart Pencarian
3.4.2 Flowchart Login Admministrator
3.4.3 Flowchart Halaman Utama Admin
Perancangan Interface
29
30
31
32
Implementasi Sistem
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi Sistem
4.3 Komponen – Komponen Implementasi Sistem
4.3.1 Perangkat Keras (Hardware)
4.3.2 Perangkat Lunak (Software)
4.3.3 Perangkat Operator (Brainware)
4.4 Tampilan Web
4.4.1 Halaman Utama index.php
4.4.2 Tampilan Berita
4.4.3 Tampilan Pengetahuan Bencana
4.4.4 Tampilan Gallery
4.4.5 Tampilan Kontak Kami
4.4.6 Tampilan Informasi Data Pegawai
4.4.7 Tampilan Prakiraan Cuaca
33
33
34
34
35
35
36
36
37
38
39
39
40
41
Kesimpulan dan Saran
5.1 Kesimpulan
5.2 Saran
42
43
3.5
Bab 4
Bab 5
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Tabel 3.1 – Simbol-simbol DFD
23
Tabel 3.2 – Tabel Login Admin
25
Tabel 3.3 – Tabel Berita
25
Tabel 3.4 – Tabel Cuaca
25
Tabel 3.5 – Tabel Gallery
26
Tabel 3.6 – Tabel Kontak
26
Tabel 3.7 – Tabel Flowchart
27
Universitas Sumatera Utara
DAFTAR GAMBAR
Halaman
Gambar 3.1 – Data Flow Diagram (DFD)
23
Gambar 3.2 – Flowchart Pencarian
29
Gambar 3.3 – Flowchart login Administrator
30
Gambar 3.4 – Flowchart halaman utama admin
31
Gambar 3.5 – Perancangan tampilan awal
32
Gambar 4.1 – Halaman index.php untuk user
36
Gambar 4.2 – Halaman index.php untuk admin
37
Gambar 4.3 – Tampilan Semua Berita
38
Gambar 4.4 - Tampilan Pengetahuan Bencana
38
Gambar 4.5 – Tampilan Gallery
39
Gambar 4.6 – Tampilan Kontak Kami
40
Gambar 4.7 – Tampilan Videos
40
Gambar 4.8 – Tampilan Prakiraan Cuaca
41
Universitas Sumatera Utara