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
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
PERSETUJUAN Judul : Perancangan Forum Antar Pelajar Berbentuk Media Sosial Berbasis Web Kategori : Tugas Akhir Nama : Sutan Sukma Harahap Nomor Induk Mahasiswa : 132406197 Program Studi : D3 Teknik Informatika Departemen : Matematika Fakultas : Matematika dan Ilmu Pengetahuan Alam Disetujui di Medan, Juni 2016 Disetujui Oleh Program Studi D3 Teknik Informatika Ketua, Pembimbing, Dr. Elly Rosmaini, M.Si. Prof. Dr. Opim Salim Sitompul, M.Sc NIP. 196005201985032002 NIP. 196712251998021001
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
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. 3. Bapak Prof. Dr. Tulus, Vordipl. Math., M.Si., Ph.D. selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam. 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.
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.
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 26 2.6.4 Penulisan Java Script 27 2.6.4 Variabel 28 2.6.4 Kondisi 29 2.8 Flowchart 31 2.9 Algoritma 33 2.9.1 Sejarah Istilah Algoritma 34 2.9.2 Jenis Jenis Algoritma 34 Bab 3. Perancangan Sistem... 3.1 Perancangan Sistem... 36 3.2 Flowchart Program... 36 3.3 Basis Data (Database) 40 3.3.1 Relasi Antar Tabel 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 Judul... Halaman 2.2 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 47 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 53 4.10 Tampilan Halaman Pelajar... 53 4.11 Tampilan Halaman Alumni 54