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
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
ii
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
iii
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
iv
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.
v
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.
vi
1.1. Latar Belakang Masalah 1
1.2. Perumusan Masalah 2
1.3. Pembatasan Masalah 2
1.4. Tujuan Penelitian 2
1.5. Manfaat Penelitian 2
1.6. Metodologi Penelitian 3
BAB 2 Landasan Teori
2.1. Pengenalan Forum Internet 5
2.2. Pengenalan Internet 6
2.2.1. Network 6
2.2.2. Web Server 6
2.2.3. World Wide Web 7
2.2.4. Hyper Text Transfer Protocol 8
2.3. Pengenalan HTML 8
2.3.1. Sejarah HTML 9
2.4. Pengenalan PHP 9
2.4.1. Sejarah PHP 10
2.5. Pengenalan CSS 11
2.6. JavaScript 12
2.7. Google Chrome 13
2.8. XAMPP 14
2.9. Sublime Text Editor 14
BAB 3 Perancangan Sistem
3.1. Perancangan Sistem 15
3.2. Diagram Konteks 15
3.3. Flowchart 16
3.3.1. Flowchart Website 16
3.4. Basis Data 17
vii BAB 4 Implementasi Sistem
4.1. Pengertian Implementasi Sistem 23 4.2. Tujuan Implementasi Sistem 23 4.3. Komponen Utama Dalam Implementasi Sistem 24
4.3.1. Perangkat Keras 24
4.3.2. Perangkat Lunak 24
4.3.3. Unsur Manusia 25
4.4. Demonstrasi Program 25
4.4.1. Tampilan Halaman Login 26 4.4.2. Tampilan Halaman Signup 26 4.4.3. Tampilan Halaman Utama 27 4.4.4. Tampilan Halaman Pembuatan Thread 28 4.4.5. Tampilan Obrolan Thread 28 4.4.6. Tampilan Balas Obrolan Thread 29 4.4.7. Tampilan Upload File 29 4.4.8. Tampilan Download File 30
4.4.9. Tampilan Profil 30
4.4.10.Tampilan Edit Profil 31 4.4.11.Tampilan Data Pengguna 31 4.4.12.Tampilan Ubah Password 32
BAB 5 Kesimpulan dan Saran
5.1. Kesimpulan 33
5.2. Saran 33
viii
DAFTAR GAMBAR
Nomor Judul Halaman
Gambar
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