PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK MEDIA SOSIAL BERBASIS WEB TUGAS AKHIR SUTAN SUKMA HARAHAP

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


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


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


PERNYATAAN


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


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.



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.


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.


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


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


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


DAFTAR TABEL

Nomor Tabel 2.2

Judul ................................................ Halaman Arti Lambang Lambang Flowchart

32


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


PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK MEDIA SOSIAL BERBASIS WEB TUGAS AKHIR SUTAN SUKMA HARAHAP

Recommend Documents