Perancangan Forum Diskusi Forumsquare Berbasis Web
PERANCANGAN FORUM DISKUSI FORUMSQUARE BERBASIS
WEB
TUGAS AKHIR
MUHAMMAD KHAIRUL MUAZ
142406028
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERANCANGAN FORUM DISKUSI FORUMSQUARE BERBASIS
WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
MUHAMMAD KHAIRUL MUAZ
142406028
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN FORUM DISKUSI FORUMSQUARE BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dari beberapa ringkasan yang masing-masing disebutkan
sumbernya.
Medan, Juni 2017
MUHAMMAD KHAIRUL MUAZ
142406028
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah SWT Yang Maha
Pengasih dan Maha Penyayang, dengan limpah karunia-Nya Penulis dapat
menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Forum
Diskusi Forumsquare Berbasis Web.
Terima kasih penulis sampaikan kepada Drs. Pengarapen Bangun, M.Si.
selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas
Akhir ini. Terima kasih kepada Drs. Marihat Situmorang M.Kom. sebagai Dosen
Pembimbing Akademik yang telah membimbing penulis selama duduk di bangku
perkuliahan. Terima kasih kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan
Bapak Drs. James Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program
Studi D3 Teknik Informatika FMIPA USU Medan, Dekan dan Wakil Dekan
FMIPA USU, seluruh Staf dan Dosen Program Studi D3 Teknik Informatika
FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak
terlupakan kepada Bapak, Ibu, dan keluarga yang selama ini memberikan bantuan
dan dorongan yang diperlukan. Semoga Allah SWT akan membalasnya.
Medan, Juli 2017
Muhammad Khairul Muaz
iii
Universitas Sumatera Utara
PERANCANGAN FORUM DISKUSI FORUMSQUARE BERBASIS WEB
ABSTRAK
Forum internet merupakan fasilitas yang tersedia di internet, dan penggunanya
dapat berdiskusi. Banyaknya forum internet yang tidak dimanfaatkan dengan baik
oleh kalangan pelajar dan seringnya permberian informasi yang kurang jelas di
sekolah mengakibatkan kurangnya informasi mengenai pendidikan dan interaksi
yang sehat dikalangan pelajar. Untuk mendukung dan mempermudah dalam
mencari dan berinteraksi di dunia maya, maka salah satunya dapat dikembangkan
forum yang berbasis website. Forum Internet ini juga diperuntukkan untuk kalangan
pelajar yang ingin berinteraksi dan memberikan informasi kepada kalangan pelajar
lainnya sehingga bisa belajar dengan siapapun dan dimanapun.
Kata kunci : Forum, Forum Diskusi, Forum Pelajar, Web Forum.
iv
Universitas Sumatera Utara
DESIGNING FORUMSQUARE DISCUSSION FORUM BASED ON WEB
ABSTRACT
Internet forum is facilities that avaible on internet, and the user can discussion.
Many internet forum that didn’t be used properly by students and often giving
information that unclear at school cause less information about education and
healthy interaction among students. To support and facilitate in search and
interaction on cyberspace. One of the option is design an internet forum based on
website. This internet forum is reserved too among alumni who want to interact
and giving information to students, so they can learn with anyone and anywhere.
Keywords : Forum, Discussion Forum, Student Forum, Web Forums.
v
Universitas Sumatera Utara
DAFTAR ISI
Halaman
i
ii
iii
iv
v
vi
viii
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Gambar
BAB 1
BAB 2
BAB 3
Pendahuluan
1.1. Latar Belakang Masalah
1.2. Perumusan Masalah
1.3. Pembatasan Masalah
1.4. Tujuan Penelitian
1.5. Manfaat Penelitian
1.6. Metodologi Penelitian
1
2
2
2
2
3
Landasan Teori
2.1. Pengenalan Forum Internet
2.2. Pengenalan Internet
2.2.1. Network
2.2.2. Web Server
2.2.3. World Wide Web
2.2.4. Hyper Text Transfer Protocol
2.3. Pengenalan HTML
2.3.1. Sejarah HTML
2.4. Pengenalan PHP
2.4.1. Sejarah PHP
2.5. Pengenalan CSS
2.6. JavaScript
2.7. Google Chrome
2.8. XAMPP
2.9. Sublime Text Editor
5
6
6
6
7
8
8
9
9
10
11
12
13
14
14
Perancangan Sistem
3.1. Perancangan Sistem
3.2. Diagram Konteks
3.3. Flowchart
3.3.1. Flowchart Website
3.4. Basis Data
3.4.1. Relasi Antar Tabel
3.5. Perancangan Antar Muka
15
15
16
16
17
17
17
vi
Universitas Sumatera Utara
BAB 4
BAB 5
Implementasi Sistem
4.1. Pengertian Implementasi Sistem
4.2. Tujuan Implementasi Sistem
4.3. Komponen Utama Dalam Implementasi Sistem
4.3.1. Perangkat Keras
4.3.2. Perangkat Lunak
4.3.3. Unsur Manusia
4.4. Demonstrasi Program
4.4.1. Tampilan Halaman Login
4.4.2. Tampilan Halaman Signup
4.4.3. Tampilan Halaman Utama
4.4.4. Tampilan Halaman Pembuatan Thread
4.4.5. Tampilan Obrolan Thread
4.4.6. Tampilan Balas Obrolan Thread
4.4.7. Tampilan Upload File
4.4.8. Tampilan Download File
4.4.9. Tampilan Profil
4.4.10.Tampilan Edit Profil
4.4.11.Tampilan Data Pengguna
4.4.12.Tampilan Ubah Password
23
23
24
24
24
25
25
26
26
27
28
28
29
29
30
30
31
31
32
Kesimpulan dan Saran
5.1. Kesimpulan
5.2. Saran
33
33
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
Judul
Halaman
2.1.
Struktur CSS
12
3.1.
Diagram Konteks
15
3.2.
Flowchart Sistem Website
16
3.3.
Relasi Antar Tabel
17
3.4.
Rancangan Tampilan Login
18
3.5.
Rancangan Tampilan Signup
18
3.6.
Rancangan Tampilan Utama
19
3.7.
Rancangan Tampilan Buat Thread
19
3.8.
Rancangan Tampilan Obrolan
20
3.9.
Rancangan Tampilan Upload File
20
3.10. Rancangan Tampilan Download File
21
3.11. Rancangan Tampilan Profil
21
3.12. Rancangan Tampilan Data Member
22
4.1.
Tampilan Halaman Login
26
4.2.
Tampilan Halaman Signup
27
4.3.
Tampilan Halaman Utama
27
4.4.
Tampilan Halaman Pembuatan Thread
28
4.5.
Tampilan Obrolan Thread
28
4.6.
Tampilan Balas Obrolan Thread
29
4.7.
Tampilan Upload File
29
4.8.
Tampilan Download File
30
4.9.
Tampilan Profil
30
4.10. Tampilan Edit Profil
31
4.11. Tampilan Pengguna Terdaftar
31
4.12. Tampilan Ubah Password
32
viii
Universitas Sumatera Utara
WEB
TUGAS AKHIR
MUHAMMAD KHAIRUL MUAZ
142406028
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERANCANGAN FORUM DISKUSI FORUMSQUARE BERBASIS
WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
MUHAMMAD KHAIRUL MUAZ
142406028
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN FORUM DISKUSI FORUMSQUARE BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dari beberapa ringkasan yang masing-masing disebutkan
sumbernya.
Medan, Juni 2017
MUHAMMAD KHAIRUL MUAZ
142406028
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah SWT Yang Maha
Pengasih dan Maha Penyayang, dengan limpah karunia-Nya Penulis dapat
menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Forum
Diskusi Forumsquare Berbasis Web.
Terima kasih penulis sampaikan kepada Drs. Pengarapen Bangun, M.Si.
selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas
Akhir ini. Terima kasih kepada Drs. Marihat Situmorang M.Kom. sebagai Dosen
Pembimbing Akademik yang telah membimbing penulis selama duduk di bangku
perkuliahan. Terima kasih kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan
Bapak Drs. James Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program
Studi D3 Teknik Informatika FMIPA USU Medan, Dekan dan Wakil Dekan
FMIPA USU, seluruh Staf dan Dosen Program Studi D3 Teknik Informatika
FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak
terlupakan kepada Bapak, Ibu, dan keluarga yang selama ini memberikan bantuan
dan dorongan yang diperlukan. Semoga Allah SWT akan membalasnya.
Medan, Juli 2017
Muhammad Khairul Muaz
iii
Universitas Sumatera Utara
PERANCANGAN FORUM DISKUSI FORUMSQUARE BERBASIS WEB
ABSTRAK
Forum internet merupakan fasilitas yang tersedia di internet, dan penggunanya
dapat berdiskusi. Banyaknya forum internet yang tidak dimanfaatkan dengan baik
oleh kalangan pelajar dan seringnya permberian informasi yang kurang jelas di
sekolah mengakibatkan kurangnya informasi mengenai pendidikan dan interaksi
yang sehat dikalangan pelajar. Untuk mendukung dan mempermudah dalam
mencari dan berinteraksi di dunia maya, maka salah satunya dapat dikembangkan
forum yang berbasis website. Forum Internet ini juga diperuntukkan untuk kalangan
pelajar yang ingin berinteraksi dan memberikan informasi kepada kalangan pelajar
lainnya sehingga bisa belajar dengan siapapun dan dimanapun.
Kata kunci : Forum, Forum Diskusi, Forum Pelajar, Web Forum.
iv
Universitas Sumatera Utara
DESIGNING FORUMSQUARE DISCUSSION FORUM BASED ON WEB
ABSTRACT
Internet forum is facilities that avaible on internet, and the user can discussion.
Many internet forum that didn’t be used properly by students and often giving
information that unclear at school cause less information about education and
healthy interaction among students. To support and facilitate in search and
interaction on cyberspace. One of the option is design an internet forum based on
website. This internet forum is reserved too among alumni who want to interact
and giving information to students, so they can learn with anyone and anywhere.
Keywords : Forum, Discussion Forum, Student Forum, Web Forums.
v
Universitas Sumatera Utara
DAFTAR ISI
Halaman
i
ii
iii
iv
v
vi
viii
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Gambar
BAB 1
BAB 2
BAB 3
Pendahuluan
1.1. Latar Belakang Masalah
1.2. Perumusan Masalah
1.3. Pembatasan Masalah
1.4. Tujuan Penelitian
1.5. Manfaat Penelitian
1.6. Metodologi Penelitian
1
2
2
2
2
3
Landasan Teori
2.1. Pengenalan Forum Internet
2.2. Pengenalan Internet
2.2.1. Network
2.2.2. Web Server
2.2.3. World Wide Web
2.2.4. Hyper Text Transfer Protocol
2.3. Pengenalan HTML
2.3.1. Sejarah HTML
2.4. Pengenalan PHP
2.4.1. Sejarah PHP
2.5. Pengenalan CSS
2.6. JavaScript
2.7. Google Chrome
2.8. XAMPP
2.9. Sublime Text Editor
5
6
6
6
7
8
8
9
9
10
11
12
13
14
14
Perancangan Sistem
3.1. Perancangan Sistem
3.2. Diagram Konteks
3.3. Flowchart
3.3.1. Flowchart Website
3.4. Basis Data
3.4.1. Relasi Antar Tabel
3.5. Perancangan Antar Muka
15
15
16
16
17
17
17
vi
Universitas Sumatera Utara
BAB 4
BAB 5
Implementasi Sistem
4.1. Pengertian Implementasi Sistem
4.2. Tujuan Implementasi Sistem
4.3. Komponen Utama Dalam Implementasi Sistem
4.3.1. Perangkat Keras
4.3.2. Perangkat Lunak
4.3.3. Unsur Manusia
4.4. Demonstrasi Program
4.4.1. Tampilan Halaman Login
4.4.2. Tampilan Halaman Signup
4.4.3. Tampilan Halaman Utama
4.4.4. Tampilan Halaman Pembuatan Thread
4.4.5. Tampilan Obrolan Thread
4.4.6. Tampilan Balas Obrolan Thread
4.4.7. Tampilan Upload File
4.4.8. Tampilan Download File
4.4.9. Tampilan Profil
4.4.10.Tampilan Edit Profil
4.4.11.Tampilan Data Pengguna
4.4.12.Tampilan Ubah Password
23
23
24
24
24
25
25
26
26
27
28
28
29
29
30
30
31
31
32
Kesimpulan dan Saran
5.1. Kesimpulan
5.2. Saran
33
33
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
Judul
Halaman
2.1.
Struktur CSS
12
3.1.
Diagram Konteks
15
3.2.
Flowchart Sistem Website
16
3.3.
Relasi Antar Tabel
17
3.4.
Rancangan Tampilan Login
18
3.5.
Rancangan Tampilan Signup
18
3.6.
Rancangan Tampilan Utama
19
3.7.
Rancangan Tampilan Buat Thread
19
3.8.
Rancangan Tampilan Obrolan
20
3.9.
Rancangan Tampilan Upload File
20
3.10. Rancangan Tampilan Download File
21
3.11. Rancangan Tampilan Profil
21
3.12. Rancangan Tampilan Data Member
22
4.1.
Tampilan Halaman Login
26
4.2.
Tampilan Halaman Signup
27
4.3.
Tampilan Halaman Utama
27
4.4.
Tampilan Halaman Pembuatan Thread
28
4.5.
Tampilan Obrolan Thread
28
4.6.
Tampilan Balas Obrolan Thread
29
4.7.
Tampilan Upload File
29
4.8.
Tampilan Download File
30
4.9.
Tampilan Profil
30
4.10. Tampilan Edit Profil
31
4.11. Tampilan Pengguna Terdaftar
31
4.12. Tampilan Ubah Password
32
viii
Universitas Sumatera Utara