Perancangan Website Kelurahan Titi Rantai Medan Menggunakan Php dan Mysql
PERANCANGAN WEBSITE KELURAHAN TITI RANTAI
MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
JUFFRYSON PASARIBU
132406017
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATRA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN WEBSITE KELURAHAN TITI RANTAI
MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
JUFFRYSON PASARIBU
132406017
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATRA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: PERANCANGAN WEBSITE KELURAHAN TITI
MEDAN RANTAI MENGGUNAKAN PHP DAN
MYSQL
Kategori
: TUGAS AKHIR
Nama
: JUFFRYSON PASARIBU
NomorIndukMahasiswa
: 132406017
Program Studi
: DIPLOMA(D3) TEKNIK INFORMATIKA
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (MIPA) UNIVERSITAS SUMATERA
UTARA
Disetujui di,
Medan, Juni 2016
Ketua Program studi D3 Teknik
Informatika Fakultas Mipa USU,
Dra. Elly Rosmaini, M.Si
NIP. 196000520 198503 2 002
Dosen Pembimbing
Prof. Dr. Tulus,VordipL.Math.si.,Ph.D
NIP. 19620901 198803 002
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN WEBSITE KELURAHAN TITI RANTAI MEDAN
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
JUFFRYSON PASARIBU
132406017
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
tugas akhir ini dengan judul Perancangan Website Kelurahan Titi Rantai Medan
Menggunakan PHP dan MSQL.
Selama membangun website hingga selesainya tugas akhir ini penulis banyak
mendapat bantuan, dorongan, serta motivasi baik secara langsung maupun tidak.
Maka pada kesempatan ini, Penulis mengucapkan terima kasih kepada :
1. Tuhan Yang Maha Esa, yang tidak pernah berhenti memberikan nikmatNya.
2. Orang tua yang telah memberikan doa dan kasih sayang nya yang tiada
henti.
3. Bapak Prof. Dr. Tulus,Vordipl.Math.,M.Si.Ph.D. selaku Ketua
Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan
Alam Universitas Sumatera Utara dan juga selaku dosen pembimbing
yang senantiasa membimbing penulis hingga Tugas Akhir selesai.
4. Bapak Dr.Sutarman,M.Sc selaku dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
5. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D-III Teknik
Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sumatera Utara.
6. Teman-teman Kom A, Kom B, Kom C, Kom D dan Kom E program
studi D3 Teknik Informatika.
7. Teman-teman seperjuangan Kom B’13.
Akhirnya penulis berharap semoga tugas akhir ini bermanfaat dan
menambah wawasan maupun pengetahuan kita.
Universitas Sumatera Utara
DAFTAR ISI
PERSETUJUAN
i
PERNYATAAN
ii
PENGHARGAAN
iii
ABSTRAK
iv
DAFTAR ISI
v
DAFTAR TABEL
ix
DAFTAR GAMBAR
x
BAB 1
PENDAHULUAN
1
1.1. Latar Belakang
1
1.2. Perumusan Masalah
2
1.3. Batasan Masalah
3
1.4.
3
BAB 2
Tujuan Penelitian
1.5. Manfaat Penelitian
3
1.6. Sistematika Penulisan
4
LANDASAN TEORI
6
2.1. Kelurahan Titi Rantai
6
2.2. Defenisi Sistem Informasi
7
2.3. Aplikasi yang digunakan
8
2.3.1. PHP
8
2.3.2. MySQL
9
2.3.3. Javascript
10
2.3.4. CSS
11
2.3.5 Sublime Text
12
2.3.6 WEB dan HTML
13
2.4. Entity Relation Diagram(ERD)
14
2.4.1. Simbol-simbol Entity Relation Diagram
14
2.4.2. Data Flow Diagram(DFD)
16
2.4.3. Flowchart
17
Universitas Sumatera Utara
BAB 3
PERANCANGAN SISTEM
19
3.1. Perancangan Sistem
19
3.2. Kebutuhan Sistem
19
3.3. Rancangan Sistem
20
3.3.1 Metode Analisis
20
3.3.2 Perancangan Sistem
21
3.4. Diagram Konteks
22
3.5
23
Rancangan Database
3. 6 Flowchart
3.7
BAB 4
28
3.4.1. Flowchart Halaman Utama
29
3.4.2. Flowchart Login Admin
30
3.4.3. Flowchart Menu Admin
31
Perancangan Antarmuka
32
3.7.1 Desain Menu
32
3.7.2 Pendesain Tampilan
33
3.7.3 Perancangan Input
33
3.7.4 Perancangan Tampilan
34
IMPLEMENTASI SISTEM
39
4.1.
Implementasi Sistem
39
4.2. Tujuan Implementasi Sistem
39
4.3. Komponen Dalam Implementasi Sistem
40
4.3.1. Komponen Perangkat Keras (Hardware)
41
4.3.2. Komponen Perangkat Lunak (Software)
41
4.3.3. Pengguna (Brainware)
42
4.4. Demonstrasi Program
43
4.4.1
Tampilan Halaman Utama
43
4.4.2
Tampilan Halaman Visi dan Misi
45
4.4.3
Tampilan Halaman Data Masyarakat
46
4.4.4
Tampilan Halaman Pembuatan KTP
47
4.4.5
Tampilan Halaman Pembuatan KK
49
4.4.6
Tampilan Halaman Kontak
51
Universitas Sumatera Utara
4.4.7
BAB 5
Tampilan Halaman Admin
52
KESIMPULAN DAN SARAN
53
5.1. Kesimpulan
53
5.2. Saran
53
DAFTAR PUSTAKA
LAMPIRAN
Universitas Sumatera Utara
DAFTAR TABEL
2.1 Simbol-simbol Entity Relationship Diagram
14
2.2 Simbol DFD
16
2.2 Simbol Flowchart
17
3.1 Tabel Admin
24
3.2 Tabel Pesan
24
3.3 Tabel Penduduk
25
3.4 Tabel KTP
26
3.5 Tabel KK
27
Universitas Sumatera Utara
DAFTAR GAMBAR
2.1 Contoh Penggunaan PHP
7
2.2 Contoh Penggunaan Javascript
9
2.2 Contoh Penggunaan CSS
9
2.4 Sublime Text
10
3.1 DFD Perancangan Sistem Kelurahan Titi Rantai
21
3.2 Diagram Konteks Sebuah Kelurahan
22
3.3 Flowchart Halaman Utama
29
3.4 Flowchart Login Admin
30
3.5 Flowchart Menu Admin
31
3.6 Rancangan Tampilan Halaman Utama
35
3.7 Rancangan Tampilan Halaman Visi dan Misi
35
3.8 Rancangan Tampilan penduduk
36
3.9 Rancangan Tampilan Halaman KTP, KK dan Pesan
37
3.9.1 Rancangan Tampilan Halaman 2 KTP dan KK
37
4.0 Rancangan Tampilan Halaman Kontak
38
5.0 Rancangan Tampilan Halaman Admin
38
4.1 Halaman Utama
44
4.2 Halaman Visi dan Misi
45
4.3 Halaman Data Masyarakat
46
4.4 Halaman Persyaratan KTP
47
4.5 Halaman Input KTP
48
4.6 Halaman Persyaratan KK
49
4.7 Halaman Input KK
50
4.8 Halaman Pesan
51
4.9 Halaman Admin
52
Universitas Sumatera Utara
MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
JUFFRYSON PASARIBU
132406017
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATRA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN WEBSITE KELURAHAN TITI RANTAI
MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
JUFFRYSON PASARIBU
132406017
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATRA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: PERANCANGAN WEBSITE KELURAHAN TITI
MEDAN RANTAI MENGGUNAKAN PHP DAN
MYSQL
Kategori
: TUGAS AKHIR
Nama
: JUFFRYSON PASARIBU
NomorIndukMahasiswa
: 132406017
Program Studi
: DIPLOMA(D3) TEKNIK INFORMATIKA
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (MIPA) UNIVERSITAS SUMATERA
UTARA
Disetujui di,
Medan, Juni 2016
Ketua Program studi D3 Teknik
Informatika Fakultas Mipa USU,
Dra. Elly Rosmaini, M.Si
NIP. 196000520 198503 2 002
Dosen Pembimbing
Prof. Dr. Tulus,VordipL.Math.si.,Ph.D
NIP. 19620901 198803 002
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN WEBSITE KELURAHAN TITI RANTAI MEDAN
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
JUFFRYSON PASARIBU
132406017
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
tugas akhir ini dengan judul Perancangan Website Kelurahan Titi Rantai Medan
Menggunakan PHP dan MSQL.
Selama membangun website hingga selesainya tugas akhir ini penulis banyak
mendapat bantuan, dorongan, serta motivasi baik secara langsung maupun tidak.
Maka pada kesempatan ini, Penulis mengucapkan terima kasih kepada :
1. Tuhan Yang Maha Esa, yang tidak pernah berhenti memberikan nikmatNya.
2. Orang tua yang telah memberikan doa dan kasih sayang nya yang tiada
henti.
3. Bapak Prof. Dr. Tulus,Vordipl.Math.,M.Si.Ph.D. selaku Ketua
Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan
Alam Universitas Sumatera Utara dan juga selaku dosen pembimbing
yang senantiasa membimbing penulis hingga Tugas Akhir selesai.
4. Bapak Dr.Sutarman,M.Sc selaku dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
5. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D-III Teknik
Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sumatera Utara.
6. Teman-teman Kom A, Kom B, Kom C, Kom D dan Kom E program
studi D3 Teknik Informatika.
7. Teman-teman seperjuangan Kom B’13.
Akhirnya penulis berharap semoga tugas akhir ini bermanfaat dan
menambah wawasan maupun pengetahuan kita.
Universitas Sumatera Utara
DAFTAR ISI
PERSETUJUAN
i
PERNYATAAN
ii
PENGHARGAAN
iii
ABSTRAK
iv
DAFTAR ISI
v
DAFTAR TABEL
ix
DAFTAR GAMBAR
x
BAB 1
PENDAHULUAN
1
1.1. Latar Belakang
1
1.2. Perumusan Masalah
2
1.3. Batasan Masalah
3
1.4.
3
BAB 2
Tujuan Penelitian
1.5. Manfaat Penelitian
3
1.6. Sistematika Penulisan
4
LANDASAN TEORI
6
2.1. Kelurahan Titi Rantai
6
2.2. Defenisi Sistem Informasi
7
2.3. Aplikasi yang digunakan
8
2.3.1. PHP
8
2.3.2. MySQL
9
2.3.3. Javascript
10
2.3.4. CSS
11
2.3.5 Sublime Text
12
2.3.6 WEB dan HTML
13
2.4. Entity Relation Diagram(ERD)
14
2.4.1. Simbol-simbol Entity Relation Diagram
14
2.4.2. Data Flow Diagram(DFD)
16
2.4.3. Flowchart
17
Universitas Sumatera Utara
BAB 3
PERANCANGAN SISTEM
19
3.1. Perancangan Sistem
19
3.2. Kebutuhan Sistem
19
3.3. Rancangan Sistem
20
3.3.1 Metode Analisis
20
3.3.2 Perancangan Sistem
21
3.4. Diagram Konteks
22
3.5
23
Rancangan Database
3. 6 Flowchart
3.7
BAB 4
28
3.4.1. Flowchart Halaman Utama
29
3.4.2. Flowchart Login Admin
30
3.4.3. Flowchart Menu Admin
31
Perancangan Antarmuka
32
3.7.1 Desain Menu
32
3.7.2 Pendesain Tampilan
33
3.7.3 Perancangan Input
33
3.7.4 Perancangan Tampilan
34
IMPLEMENTASI SISTEM
39
4.1.
Implementasi Sistem
39
4.2. Tujuan Implementasi Sistem
39
4.3. Komponen Dalam Implementasi Sistem
40
4.3.1. Komponen Perangkat Keras (Hardware)
41
4.3.2. Komponen Perangkat Lunak (Software)
41
4.3.3. Pengguna (Brainware)
42
4.4. Demonstrasi Program
43
4.4.1
Tampilan Halaman Utama
43
4.4.2
Tampilan Halaman Visi dan Misi
45
4.4.3
Tampilan Halaman Data Masyarakat
46
4.4.4
Tampilan Halaman Pembuatan KTP
47
4.4.5
Tampilan Halaman Pembuatan KK
49
4.4.6
Tampilan Halaman Kontak
51
Universitas Sumatera Utara
4.4.7
BAB 5
Tampilan Halaman Admin
52
KESIMPULAN DAN SARAN
53
5.1. Kesimpulan
53
5.2. Saran
53
DAFTAR PUSTAKA
LAMPIRAN
Universitas Sumatera Utara
DAFTAR TABEL
2.1 Simbol-simbol Entity Relationship Diagram
14
2.2 Simbol DFD
16
2.2 Simbol Flowchart
17
3.1 Tabel Admin
24
3.2 Tabel Pesan
24
3.3 Tabel Penduduk
25
3.4 Tabel KTP
26
3.5 Tabel KK
27
Universitas Sumatera Utara
DAFTAR GAMBAR
2.1 Contoh Penggunaan PHP
7
2.2 Contoh Penggunaan Javascript
9
2.2 Contoh Penggunaan CSS
9
2.4 Sublime Text
10
3.1 DFD Perancangan Sistem Kelurahan Titi Rantai
21
3.2 Diagram Konteks Sebuah Kelurahan
22
3.3 Flowchart Halaman Utama
29
3.4 Flowchart Login Admin
30
3.5 Flowchart Menu Admin
31
3.6 Rancangan Tampilan Halaman Utama
35
3.7 Rancangan Tampilan Halaman Visi dan Misi
35
3.8 Rancangan Tampilan penduduk
36
3.9 Rancangan Tampilan Halaman KTP, KK dan Pesan
37
3.9.1 Rancangan Tampilan Halaman 2 KTP dan KK
37
4.0 Rancangan Tampilan Halaman Kontak
38
5.0 Rancangan Tampilan Halaman Admin
38
4.1 Halaman Utama
44
4.2 Halaman Visi dan Misi
45
4.3 Halaman Data Masyarakat
46
4.4 Halaman Persyaratan KTP
47
4.5 Halaman Input KTP
48
4.6 Halaman Persyaratan KK
49
4.7 Halaman Input KK
50
4.8 Halaman Pesan
51
4.9 Halaman Admin
52
Universitas Sumatera Utara