Perancangan Forum Antar Pelajar Berbentuk
PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK
MEDIA SOSIAL BERBASIS WEB
TUGAS AKHIR
SUTAN SUKMA HARAHAP
132406197
D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK
MEDIA SOSIAL BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
SUTAN SUKMA HARAHAP
132406197
D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
Media
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Perancangan Forum Antar Pelajar Berbentuk
Sosial Berbasis Web
: Tugas Akhir
: Sutan Sukma Harahap
: 132406197
: D3 Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika
Ketua,
Dr. Elly Rosmaini, M.Si.
M.Sc
NIP. 196005201985032002
Pembimbing,
Prof. Dr. Opim Salim Sitompul,
NIP. 196712251998021001
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK
MEDIA SOSIAL BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
Sutan Sukma Harahap
132406197
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 Forum Antar Pelajar Berberntuk Media
Sosial Berbasis Web.
Selama membangun aplikasi berbasis android 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. Bapak Prof. Dr. Opim Salim Sitompul, M.Sc, selaku Dosen Pembimbing
yang senantiasa membimbing penulis hingga Tugas Akhir ini selesai.
2. Bapak Dr.Kerista Sebayang, M.Si, selaku Dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak
Prof.
Dr.
Tulus,
Vordipl.
Math.,
M.Si.,
Ph.D.
selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
4. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D3 Teknik
Informatika FMIPA.
5. Ibunda Nila Kesuma Pohan yang telah memberikan cinta dan kasih sayang
yang tiada tanding.
Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan
menambah wawasan maupun pengetahuan kita.
Universitas Sumatera Utara
PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK MEDIA
SOSIAL 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 alumni yang ingin berinteraksi dan memberikan informasi kepada
kalangan pelajar yang masih berada di sekolah.
Kata kunci : Forum, Pelajar, Website.
Universitas Sumatera Utara
DESIGN INTERSTUDENT FORUM FORMED MEDIA SOCIAL 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 that still in the school.
Keywords: Forum, student, website.
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ................................................................................................................... iv
Abstract ....................................................................................................................v
Daftar Isi................................................................................................................. vi
Daftar Tabel ......................................................................................................... viii
Daftar Gambar........................................................................................................ ix
Bab 1. Pendahuluan....................................................................................................
1.1 Latar Belakang .......................................................................................1
1.2 Perumusan Masalah ...............................................................................2
1.3 Batasan Masalah.....................................................................................2
1.4 Tujuan ....................................................................................................2
1.5 Manfaat .................................................................................................3
1.6 Metodologi Penelitian ............................................................................3
1.7 Sistematika Penulisan.............................................................................4
Bab 2. Landasan Teori ...............................................................................................
2.1 Pengenalan Forum Internet
..........6
2.2 Pengenalan Internet ................................................................................7
2.2.1 Network
7
2.2.2 Web Server
8
2.2.3 World Wide Web (WWW)
8
2.2.4 Hyper Text Transfer Protocol (HTTP)
9
2.3 Pengenalan HTML
9
2.3.1 Sejarah Asal Mula HTML.....................................................10
2.3.2 Struktur Dasar HTML ...........................................................11
2.3.3 Sintaks Dasar HTML ............................................................12
Universitas Sumatera Utara
2.4 Pengenalan Personal Home Page (PHP) ..............................................16
2.4.1 Sejarah Asal Mula PHP .........................................................17
2.4.2 Variabel Pada PHP ................................................................18
2.4.3 Konsep Daser Penggunaan PHP
18
2.5 Sublime Text
20
2.6 Cascanding Style Sheet (CSS)
20
2.6.1 Struktur CSS
21
2.6.2 Penulisan CSS
22
2.6.3 Selector
23
2.6.4 Memformat dokumen dengan CSS
24
2.7 Java Script
2.6.4 Penulisan Java Script
26
27
2.6.4 Variabel
28
2.6.4 Kondisi
29
2.8 Flowchart
2.9 Algoritma
2.9.1 Sejarah Istilah Algoritma
2.9.2 Jenis – Jenis Algoritma
31
33
34
34
Bab 3. Perancangan Sistem ........................................................................................
3.1 Perancangan Sistem .............................................................................36
3.2 Flowchart Program ...............................................................................36
3.3 Basis Data (Database)
3.3.1 Relasi Antar Tabel
40
40
3.4 Desain Interface ...................................................................................41
Bab 4. Implementasi Sistem.......................................................................................
4.1 Pengertian Implementasi Sistem ..........................................................42
4.2 Tujuan Implementasi Sistem ................................................................42
4.3 Komponen Utama dalam Implementasi Sistem ...................................43
4.3.1 Perangkat Keras (Hardware) .................................................43
4.3.2 Perangkat Lunak (Software) .................................................43
4.3.3 Unsur Manusia (Brainware) ..................................................44
4.4 Demonstrasi Program ...........................................................................45
4.4.1 Tampilan Halaman Beranda .................................................45
4.4.2 Tampilan Home....................................................................46
Universitas Sumatera Utara
4.4.3 Tampilan Word ...................................................................47
4.4.4 Tampilan Contact
47
4.4.5 Tampilan Login
48
4.4.6 Tampilan Register
49
4.4.7 Tampilan Masuk Halaman Forum
................................50
4.4.8 Tampilan Upload Artikel
51
4.4.9 Tampilan Tread
52
4.4.10 Tampilan Halaman Pelajar dan Alumni
53
Bab 5. Penutup ...........................................................................................................
5.1 Kesimpulan ..........................................................................................55
5.2 Saran.....................................................................................................55
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Nomor Tabel
2.2
Judul ................................................ Halaman
Arti Lambang Lambang Flowchart
32
Universitas Sumatera Utara
DAFTAR GAMBAR
No. Gambar
Judul ............................................................ Halaman
3.1
Flowchart Menu Utama..................................................................37
3.2
Flowchart Menu Artikel ................................................................38
3.3
Flowchart Komentar ......................................................................39
3.4
Relasi Antar Tabel .........................................................................40
3.5
Rancangan Desain Website ...........................................................41
4.1
Tampilan Halaman Beranda ...........................................................45
4.2
Tampilan Home .............................................................................46
4.3
Tampilan Word
4.4
Tampilan Contact ..........................................................................48
4.5
Tampilan Login .............................................................................49
4.6
Tampilan Register .........................................................................50
4.7
Tampilan Halaman Masuk Forum .................................................51
4.8
Tampilan Upload artikel ...............................................................52
4.9
Tampilan Tread
4.10
Tampilan Halaman Pelajar .............................................................53
4.11
Tampilan Halaman Alumni
47
53
54
Universitas Sumatera Utara
MEDIA SOSIAL BERBASIS WEB
TUGAS AKHIR
SUTAN SUKMA HARAHAP
132406197
D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK
MEDIA SOSIAL BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
SUTAN SUKMA HARAHAP
132406197
D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
Media
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Perancangan Forum Antar Pelajar Berbentuk
Sosial Berbasis Web
: Tugas Akhir
: Sutan Sukma Harahap
: 132406197
: D3 Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika
Ketua,
Dr. Elly Rosmaini, M.Si.
M.Sc
NIP. 196005201985032002
Pembimbing,
Prof. Dr. Opim Salim Sitompul,
NIP. 196712251998021001
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK
MEDIA SOSIAL BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
Sutan Sukma Harahap
132406197
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 Forum Antar Pelajar Berberntuk Media
Sosial Berbasis Web.
Selama membangun aplikasi berbasis android 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. Bapak Prof. Dr. Opim Salim Sitompul, M.Sc, selaku Dosen Pembimbing
yang senantiasa membimbing penulis hingga Tugas Akhir ini selesai.
2. Bapak Dr.Kerista Sebayang, M.Si, selaku Dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak
Prof.
Dr.
Tulus,
Vordipl.
Math.,
M.Si.,
Ph.D.
selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
4. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D3 Teknik
Informatika FMIPA.
5. Ibunda Nila Kesuma Pohan yang telah memberikan cinta dan kasih sayang
yang tiada tanding.
Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan
menambah wawasan maupun pengetahuan kita.
Universitas Sumatera Utara
PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK MEDIA
SOSIAL 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 alumni yang ingin berinteraksi dan memberikan informasi kepada
kalangan pelajar yang masih berada di sekolah.
Kata kunci : Forum, Pelajar, Website.
Universitas Sumatera Utara
DESIGN INTERSTUDENT FORUM FORMED MEDIA SOCIAL 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 that still in the school.
Keywords: Forum, student, website.
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ................................................................................................................... iv
Abstract ....................................................................................................................v
Daftar Isi................................................................................................................. vi
Daftar Tabel ......................................................................................................... viii
Daftar Gambar........................................................................................................ ix
Bab 1. Pendahuluan....................................................................................................
1.1 Latar Belakang .......................................................................................1
1.2 Perumusan Masalah ...............................................................................2
1.3 Batasan Masalah.....................................................................................2
1.4 Tujuan ....................................................................................................2
1.5 Manfaat .................................................................................................3
1.6 Metodologi Penelitian ............................................................................3
1.7 Sistematika Penulisan.............................................................................4
Bab 2. Landasan Teori ...............................................................................................
2.1 Pengenalan Forum Internet
..........6
2.2 Pengenalan Internet ................................................................................7
2.2.1 Network
7
2.2.2 Web Server
8
2.2.3 World Wide Web (WWW)
8
2.2.4 Hyper Text Transfer Protocol (HTTP)
9
2.3 Pengenalan HTML
9
2.3.1 Sejarah Asal Mula HTML.....................................................10
2.3.2 Struktur Dasar HTML ...........................................................11
2.3.3 Sintaks Dasar HTML ............................................................12
Universitas Sumatera Utara
2.4 Pengenalan Personal Home Page (PHP) ..............................................16
2.4.1 Sejarah Asal Mula PHP .........................................................17
2.4.2 Variabel Pada PHP ................................................................18
2.4.3 Konsep Daser Penggunaan PHP
18
2.5 Sublime Text
20
2.6 Cascanding Style Sheet (CSS)
20
2.6.1 Struktur CSS
21
2.6.2 Penulisan CSS
22
2.6.3 Selector
23
2.6.4 Memformat dokumen dengan CSS
24
2.7 Java Script
2.6.4 Penulisan Java Script
26
27
2.6.4 Variabel
28
2.6.4 Kondisi
29
2.8 Flowchart
2.9 Algoritma
2.9.1 Sejarah Istilah Algoritma
2.9.2 Jenis – Jenis Algoritma
31
33
34
34
Bab 3. Perancangan Sistem ........................................................................................
3.1 Perancangan Sistem .............................................................................36
3.2 Flowchart Program ...............................................................................36
3.3 Basis Data (Database)
3.3.1 Relasi Antar Tabel
40
40
3.4 Desain Interface ...................................................................................41
Bab 4. Implementasi Sistem.......................................................................................
4.1 Pengertian Implementasi Sistem ..........................................................42
4.2 Tujuan Implementasi Sistem ................................................................42
4.3 Komponen Utama dalam Implementasi Sistem ...................................43
4.3.1 Perangkat Keras (Hardware) .................................................43
4.3.2 Perangkat Lunak (Software) .................................................43
4.3.3 Unsur Manusia (Brainware) ..................................................44
4.4 Demonstrasi Program ...........................................................................45
4.4.1 Tampilan Halaman Beranda .................................................45
4.4.2 Tampilan Home....................................................................46
Universitas Sumatera Utara
4.4.3 Tampilan Word ...................................................................47
4.4.4 Tampilan Contact
47
4.4.5 Tampilan Login
48
4.4.6 Tampilan Register
49
4.4.7 Tampilan Masuk Halaman Forum
................................50
4.4.8 Tampilan Upload Artikel
51
4.4.9 Tampilan Tread
52
4.4.10 Tampilan Halaman Pelajar dan Alumni
53
Bab 5. Penutup ...........................................................................................................
5.1 Kesimpulan ..........................................................................................55
5.2 Saran.....................................................................................................55
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Nomor Tabel
2.2
Judul ................................................ Halaman
Arti Lambang Lambang Flowchart
32
Universitas Sumatera Utara
DAFTAR GAMBAR
No. Gambar
Judul ............................................................ Halaman
3.1
Flowchart Menu Utama..................................................................37
3.2
Flowchart Menu Artikel ................................................................38
3.3
Flowchart Komentar ......................................................................39
3.4
Relasi Antar Tabel .........................................................................40
3.5
Rancangan Desain Website ...........................................................41
4.1
Tampilan Halaman Beranda ...........................................................45
4.2
Tampilan Home .............................................................................46
4.3
Tampilan Word
4.4
Tampilan Contact ..........................................................................48
4.5
Tampilan Login .............................................................................49
4.6
Tampilan Register .........................................................................50
4.7
Tampilan Halaman Masuk Forum .................................................51
4.8
Tampilan Upload artikel ...............................................................52
4.9
Tampilan Tread
4.10
Tampilan Halaman Pelajar .............................................................53
4.11
Tampilan Halaman Alumni
47
53
54
Universitas Sumatera Utara