Aplikasi Forum Diskusi Berbasis Web Untuk Mahasiswa FMIPA USU

(1)

APLIKASI FORUM DISKUSI BERBASIS WEB

UNTUK MAHASISWA FMIPA USU

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

RIO PRAWIRA

112406238

(2)

PERSETUJUAN

Judul : Aplikasi Forum Diskusi Berbasis Web Untuk Mahasiswa FMIPA USU

Kategori : Tugas Akhir

Nama : Rio Prawira

Nomor Induk Mahasiswa : 112406238

Program Studi : D3 Teknik Informatika

Departemen : Matematika

Fakultas : Matematika Dan Ilmu Pengetahuan Alam

Disetujui di Medan, Juni 2014

Disetujui Oleh:

Program Studi D3 Teknik Informatika FMIPA USU

Ketua,

Dra. Elly Rosmaini, M.Si NIP. 19600502 1985032002

Universitas Sumatera Utara

Pembimbing

Dr. Sutarman, M.Sc

(3)

ii

PERNYATAAN

APLIKASI FORUM DISKUSI BERBASIS WEB UNTUK MAHASISWA FMIPA USU

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil karya sendiri. Kecuali beberapa kutipan yang masing-masing disebutkan sumbernya.

Medan, Mei 2014

(4)

PENGHARGAAN

Alhamdulillah, puji dan syukur penulis panjatkan kepada kehadirat Allah SWT karena berkat limpahan karunia-Nya penulis dapat menyelesaikan penyusunan Tugas Akhir ini. Tugas Akhir ini disusun guna memenuhi suatu syarat untuk memperoleh gelar Ahli Madya. Adapun judul dari Tugas Akhir ini adalah Aplikasi Forum Diskusi Berbasis Web Untuk Mahasiswa FMIPA USU.

(5)

iv

ABSTRAK

Website forum FMIPA USU ini dibuat sebagai suatu wadah bagi mahasiswa FMIPA USU untuk saling berdiskusi dan bertukar informasi. Sistem ini dibangun menggunakan bahasa pemrograman PHP, javascript, databasenya menggunakan MySQL dan desainnya menggunakan CSS. Metodologi yang digunakan adalah berdasarkan siklus hidup pengembangan sistem dengan pendekatan model air terjun dan iterasinya. Pada Tugas Akhir ini telah dibuat suatu sistem yang memiliki fasilitas login, beranda, mading atau berita, update status, galeri foto, dan forum diskusi. Objektif utama sistem ini adalah agar mahasiswa FMIPA USU bisa mendapatkan informasi dan ilmu pengetahuan baru yang mungkin tidak ada dalam perkuliahan.

(6)

APPLICATION OF DISCUSSION FORUM BASED ON WEB FOR STUDENTS OF FMIPA USU

ABSTRACT

The forum website of FMIPA USU was created as a place for students of FMIPA USU to discuss and exchange information with each other. The system is built using the programming language PHP, JavaScript, the database using MySQL and its design using CSS. The methodology used is based on the systems development life cycle approach to the waterfall model and iteration. In this final project has created a system that has a login facility, porches, wall magazine or news, update status, photo gallery’s, and discussion forums. The main objective of this system is that students of FMIPA USU can get a information and new knowledge that may not exist in lectures.

(7)

vi

1.2 Identifikasi Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan dan Manfaat 3

1.5 Metode Penelitian 3

1.6 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI 6

2.1 Sekilas Sejarah Internet 6

2.2 World Wide Web 6

2.3 Pengertian Forum Internet 7

2.4 Program Aplikasi Pendukung 9

2.5 Data Flow Diagram (DFD) 10

BAB 4 PERANCANGAN SISTEM 15

4.1 Diagram Konteks 15

4.1.1 Diagram Konteks 15

4.1.2 DFD Level Nol 16

(8)

4.3.3 Rancangan Halaman Utama (Lay Out) 28

BAB 5 IMPLEMENTASI SISTEM 29

5.1 Implementasi 29

5.1.1 Halaman Index 29

5.1.2 Halaman Beranda User 30

5.1.3 Halaman Login Admin 31

5.1.4 Halaman Beranda Admin 31

5.1.5 Halaman Forum 32

5.2 Alur Program 33

5.2.1 Alur Pendaftaran User 33

5.2.2 Alur Proses Login User 34

5.2.3 Alur Create Bidang 36

(9)

viii

4.2.1.7 Tabel Komentar 20

4.2.1.8 Tabel Conews 21

4.2.1.9 Tabel Pesan 21

4.2.1.10 Tabel Galeri 22

4.2.1.11 Tabel Fren 22

4.2.1.12 Tabel Fren_temp 22

4.2.1.13 Tabel Berita_like 22

4.2.1.14 Tabel Conews_like 23

4.2.1.15 Tabel Komen_like 23

4.2.1.16 Tabel Reply_like 23

4.2.1.17 Tabel Status_like 23

(10)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

Gambar 2.1 Keterangan simbol- simbol DFD 10

Gambar 4.1 Diagram Konteks 15

Gambar 4.2 DFD Level Nol 16

Gambar 4.2 DFD Level Satu 17

Gambar 4.4 Relasi antar tabel 24

Gambar 4.5 Rancangan hubungan antar halaman web untuk Admin 26 Gambar 4.6 Rancangan hubungan antar halaman web untuk mahasiswa 27

Gambar 4.7 Desain tampilan website utama 28

Gambar 5.1 Halaman index website 30

Gambar 5.2 Halaman beranda user 30

Gambar 5.3 Halaman login Admin 31

Gambar 5.4 Halaman beranda Admin 32

Gambar 5.5 Halaman forum 32

Gambar 5.6 Alur pendaftaran user 34

Gambar 5.7 Alur proses login user 35

Gambar 5.8 Alur post bidang 36

Gambar 5.9 Alur post thread 37

(11)

iv

ABSTRAK

Website forum FMIPA USU ini dibuat sebagai suatu wadah bagi mahasiswa FMIPA USU untuk saling berdiskusi dan bertukar informasi. Sistem ini dibangun menggunakan bahasa pemrograman PHP, javascript, databasenya menggunakan MySQL dan desainnya menggunakan CSS. Metodologi yang digunakan adalah berdasarkan siklus hidup pengembangan sistem dengan pendekatan model air terjun dan iterasinya. Pada Tugas Akhir ini telah dibuat suatu sistem yang memiliki fasilitas login, beranda, mading atau berita, update status, galeri foto, dan forum diskusi. Objektif utama sistem ini adalah agar mahasiswa FMIPA USU bisa mendapatkan informasi dan ilmu pengetahuan baru yang mungkin tidak ada dalam perkuliahan.

(12)

APPLICATION OF DISCUSSION FORUM BASED ON WEB FOR STUDENTS OF FMIPA USU

ABSTRACT

The forum website of FMIPA USU was created as a place for students of FMIPA USU to discuss and exchange information with each other. The system is built using the programming language PHP, JavaScript, the database using MySQL and its design using CSS. The methodology used is based on the systems development life cycle approach to the waterfall model and iteration. In this final project has created a system that has a login facility, porches, wall magazine or news, update status, photo gallery’s, and discussion forums. The main objective of this system is that students of FMIPA USU can get a information and new knowledge that may not exist in lectures.

(13)

(14)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Dengan berdiskusi seseorang bisa saling bertukar pikiran dan menciptakan ide

baru dari diskusi itu. Dengan adanya suatu wadah diskusi dalam bentuk forum,

seorang mahasiswa bisa saling berbagi informasi yang barangkali dibutuhkan

mahasiswa lain, semisal saja informasi tentang beasiswa, tugas kuliah,

perlombaan science nasional dan lain-lain.

Dengan informasi yang disebutkan diatas, akan mempermudah kehidupan

kampus seorang mahasiswa. Akan tetapi, minimnya informasi yang ada di

fakultas MIPA membuat mahasiswa kesulitan mendapatkan informasi yang

mungkin penting baginya. Seperti info beasiswa, yang hanya segelintir mahasiswa

yang tahu, dengan adanya mahasiswa yang senang sharing informasi dan forum

yang mewadahinya, maka info beasiswa tersebut diharapkan bisa tersebar merata

(15)

2

Dengan mempertimbangkan hal-hal yang disebutkan sebelumnya dan pribadi

penulis yang ingin menerapkan pengetahuan yang telah diperoleh, maka penulis

memutuskan untuk membuat suatu aplikasi web dengan judul “Aplikasi Forum

Diskusi Berbasis Web Untuk Mahasiswa FMIPA USU”.

1.2Identifikasi Masalah

Berdasarkan latar belakang diatas, masalah dalam hal membuat forum diskusi

antar mahasiswa yang dapat diidentifikasi adalah bagaimana membuat website

forum yang menarik dan user friendly bagi mahasiswa FMIPA USU.

1.3Batasan Masalah

Sesuai dengan identifikasi masalah diatas maka masalah yang dibahas hanya

meliputi pembuatan website forum saja. Mulai dari tampilan sampai basis data

(16)

1.4Tujuan dan Manfaat

Tujuan dalam pembuatan website forum ini adalah adanya suatu wadah yang

menarik dan user friendly sehingga mampu menampung aspirasi dan apresiasi

mahasiswa FMIPA USU.

Adapun manfaatnya adalah sebagai berikut:

1. Untuk membantu mahasiswa FMIPA USU mendapatkan infromasi yang

mungkin hanya diketahui sebagian kecil mahasiswa.

2. Untuk wadah sharing ilmu dan diskusi dalam bidang perkulihan maupun

bidang lainnya yang akan bermanfaat bagi perkembangan pengetahuan

mahasiswa.

1.5Metode Penelitian

Berdasarkan tujuan dari pembuatan tugas akhir ini, maka untuk menyelesaikan

masalah yang ada, dilakukan langkah sebagai berikut:

a. Tinjauan Pustaka, yaitu mempelajari referensi tentang bahasa

pemrograman PHP, CSS, JavaScript, dan pembuatan database dari

buku-buku, modul kuliah, maupun internet.

b. Observasi, yaitu pengamatan terhadap CMS Forum yang sudah ada.

(17)

4

1.6Sistematika Penulisan

Penulisan Tugas Akhir ini dibagi atas 6 bab dan masing-masing bab dibagi atas

beberapa sub bab dengan maksud agar Tugas Akhir ini lebih terperinci dan akan

mempermudah dalam pembahasan masing-masing bab. Adapun bab-bab tersebut

adalah:

BAB 1 : PENDAHULUAN

Bab ini menguraikan secara garis besar mengenai pokok-pokok

permasalahan yaitu latar belakang, identifikasi masalah, batasan

masalah, tujuan dan manfaat, metode penelitian, serta sistematika

penulisan Tugas Akhir.

BAB 2 : LANDASAN TEORI

Bab ini menguraikan secara garis besar mengenai pengertian

internet, web, dan forum internet, serta program aplikasi

pendukung dalam pembuatan website forum.

BAB 3 : GAMBARAN UMUM FMIPA USU

Bab ini menguraikan tentang sejarah, visi, misi, serta tujuan dari

(18)

BAB 4 : PERANCANGAN SISTEM

Bab ini menguraikan tentang perancangan sistem yang dirancang

meliputi perancangan layout halaman utama, perancangan

database, arsitekstur sistem antar halaman web dalam forum yang

dibuat.

BAB 5 : IMPLEMENTASI SISTEM

Bab ini menguraikan tentang desain gambar-gambar implementasi

dari website yang dibuat, alur program (flowchart) dan juga

evaluasi yang meliputi kelebihan dan kekurangan dari aplikasi

website yang dibuat.

BAB 6 : PENUTUP

Bab ini menguraikan tentang kesimpulan dari uraian bab-bab

sebelumnya, sehingga dari kesimpulan tersebut penulis mencoba

untuk memberikan saran yang berguna untuk melengkapi

(19)

(20)

BAB 2

LANDASAN TEORI

3.1Sekilas Sejarah Internet

Internet merupakan jaringan komputer global yang dapat dinikmati oleh semua

kalangan untuk berbagai keperluan dan hampir bisa diakses dimana dan kapan

saja. Internet awalnya dikembangkan oleh akademis dan militer amerika serikat

untuk kepentingan riset (science) dan intelejen pada tahun 1969. Terkenal dengan

proyek ARPANET. Tak lama kemudian ARPANET dikembangkan menjadi

jaringan yang lebih luas dan kemudian disebut internet.

3.2World Wide Web

World Wide Web (WWW) dan internet sangat berkaitan satu sama lain. Internet

adalah suatu jaringan komputer global, sedangkan WWW bukan sekedar jaringan

tetapi didalamnya terdapat suatu set aplikasi komunikasi dan sistem perangkat

(21)

7

a. Umumnya terletak pada Internet host dan client

b. Umumnya menggunakan protocol TCP/IP

c. HTML (Hypertext Markup Language)

d. Mengikuti model client/server

e. Memungkinkan client untuk mengakses server dengan berbagai protokol

seperti HTML, FTP, Telnet dan lain-lain.

f. Memungkinkan client untuk mengakses informasi dalam berbagai media,

seperti teks, audio dan video.

g. Menggunakan model alamat Uniform Resource Locators (URL)

WWW ini lahir pada tahun 1989 saat kelompok peneliti menginginkan

untuk membuat sebuah protokol baru untuk mendistribusikan informasi di dalam

internet. Para peneliti ini menetapkan sebuah standar baru, kemudian dibentuklah

sebuah konsorsium yang disebut W3C atau World Wide Web Consortium untuk

meneruskan pengembangan dari standar tersebut. W3C inilah yang akhirnya

melahirkan HTML.

3.3Pengertian Forum Internet

(22)

berkembang. Hal ini ditandai dengan munculnya Mailing list atau yang dikenal

dengan istilah Milis pada tahun 1980-an. Milis merupakan wadah diskusi yang

mempergunakan email sebagai sarana komunikasinya. Setelah milis, forum

berkembang dengan mengandalkan beberapa bahasa pemrograman, seperti php,

asp, java, dan perl.

Sama seperti forum yang sebenarnya, forum dunia maya juga memiliki

tingkatan tersendiri. Secara umum tingkatannya antara lain Administrator, Moderator, dan Anggota Forum.

Administrator, memiliki wewenang yang paling tinggi karena ia bisa memantau forum secara menyeluruh. Seorang admin bertanggung jawab atas sistem yang

berjalan baik desain luar maupun menyangkut internal forum, seperti mengangkat

moderator, memecat, dan wewenang lainnya.

Moderator, bisa dikatakan perpanjangan tangan dari administrator. Seorang moderator bertanggung jawab atas kenyamanan semua anggota pada topik yang ia

tangani. Moderator memiliki kebijakan untuk mengawasi jalannya topik, menegur

anggota yang melakukan kesalahan.

Anggota, anggota dapat memulai sebuah topik dan memiliki wewenang terbatas. Seorang anggota forum dapat berpartisipasi pada forum dengan memberikan

(23)

9

3.4Program Aplikasi Pendukung

Adapun beberapa program aplikasi pendukung yang digunakan dalam pembuatan

website forum ini, yaitu:

1. MySQL merupakan perangkat lunak yang digunakan untuk membangun database yang sering digunakan di lingkungan Linux. MySQL merupakan

software open source yang berarti free untuk digunakan. Selain

dilingkungan Linux, MySQL juga tersedia di lingkungan Windows.

2. CSS adalah suatu cara untuk membuat format atau layout halaman web

menjadi lebih menarik dan mudah dikelola. CSS muncul sebagai jawaban

atas sulitnya mengatur layout tampilan dokumen web yang dibuat dengan

HTML murni meskipun telah menggunakan berbagai kombinasi format.

3. Javascript bahasa pemrograman berbasis prototipe yang berjalan disisi klien. jika kita berbicara dalam konteks web, sederhananya, kita dapat

memahami JavaScript sebagai bahasa pemrograman yang berjalan di

browser.

4. PHP merupakan skrip yang bersifat sever side dimana proses pengerjaan skripnya berlangsung di server. Dengan menggunakan PHP maka

perawatan suatu situs web akan menjadi lebih mudah. PHP pertama kali

ditemukan oleh Rasmus Lerdoff. Penulisan skrip PHP tersebut dengan

(24)

3.5Data Flow Diagram (DFD)

Data flow diagram adalah sebuah teknik grafis yang mengambarkan desain

informasi yang di aplikasikan pada saat data bergerak dari input menjadi output.

Data flow diagram dapat digunakan untuk menyajikan sebuah sistem atau

perangkat lunak pada setiap tingkat abstraksi. Data flow diagram memberikan

suatu mekanisme bagi pemodelan fungsional dan pemodelan aliran informasi.

Dibawah ini adalah simbol-simbol dari DFD tersebut.

(25)

(26)

BAB 3

GAMBARAN UMUM FMIPA USU

3.1Sejarah FMIPA USU

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

didirikan pada tanggal 25 Agustus 1965. Fakultas ini pada mulanya bernama

Fakultas Ilmu Pasti dan Ilmu Alam, Universitas Sumatera Utara (FIPIA USU).

Usaha pendirian FIPIA USU sudah dirintis sejak tahun 1959 melalui proses yang

panjang dan berliku-liku dalam berbagai rapat/sidang di Fakultas Teknik USU dan

juga rapat/sidang pimpinan USU yang ketika itu disebut rapat "Presiden dan

Asesor". Usaha untuk mendirikan FIPIA USU dilakukan oleh Bapak Prof. AT.

Barus yang menjadi staf pengajar di Fakultas Teknik USU.

Pada awal tahun 1965, keadaan USU sudah stabil dan saat itu Rektor USU

dijabat oleh drg. Nazir Alwi, persiapan untuk mendirikan FIPIA USU dirasa

sudah cukup matang dan disepakati untuk membuka FIPIA USU dengan tiga

jurusan sekaligus, yaitu Matematika, Fisika dan Kimia. Selanjutnya, rencana ini,

(27)

12

Ilmu Pengetahuan (PTIP) yang saat itu dijabat oleh Brigjen dr. Syarief Thajeb

untuk mendapatkan persetujuan. Akhirnya ditetapkanlah pendirian FIPIA USU

pada tanggal 25 Agustus 1965 dengan Surat Keputusan Menteri PTIP

No.190/1965 tertanggal September 1965.

Dengan berdirinya FIPIA USU, maka untuk tahun ajaran 1965/1966

dimulailah penerimaan mahasiswa baru untuk tiga jurusan, yaitu Jurusan

Matematika (ketua jurusan drs. P.Siagian), Jurusan Fisika (ketua jurusan AT.

Barus, M.Sc), dan Jurusan Kimia (ketua jurusan drs. R.A Soekemi, Apt.). Seluruh

kegiatan termasuk proses belajar-mengajar dilakukan dengan menumpang di

Gedung Fakultas Teknik USU yang berada di Jl.Sun Yat Sen No.52.

Pada tahun I969 FIPIA USU membuka jurusan baru yaitu Jurusan

Farmasi yang merupakan jurusan keempat. Beberapa tahun kemudian FIPIA

berubah nama menjadi Fakultas Matematika dan Ilmu Pengetahuan Alam

(FMIPA) dan proses belajar-mengajar kembali ke kampus Padang Bulan USU.

Dalam perkembangannya, FMIPA USU juga membuka Program Diploma III

seperti Analis Farmasi, Kimia Industri, Ilmu Komputer, Statistik dan Fisika

Instrumen. Pada tahun 2002-2003 Program Studi llmu Komputer secara resmi

(28)

3.2Visi, Misi Dan Tujuan FMIPA USU

Visi, misi dan tujuan FMIPA USU adalah sebagai berikut:

3.2.1 VISI

Menjadikan fakultas sains yang terkemuka di Asia melalui pengembangan sumber

daya manusia yang berorientasi pada ilmu pengetahuan, teknologi dan industri

serta memiliki sikap dan perilaku profesional.

3.2.2 MISI

a. Mempersiapkan sumber daya manusia berkualifikasi sarjana sains melalui

penyelenggaraan pendidikan, penelitian dan pengabdian pada masyarakat

Mempersiapkan sarjana sains yang profesional dan bertanggungjawab

secara etik dan strategik.

b. Mampu melihat kesempatan untuk kepentingan masyarakat, teknologi dan

industri melalui peningkatan ilmu pengetahuan Mampu mengamalkan

(29)

14

3.2.3 TUJUAN

a. Menyelenggarakan proses belajar mengajar dalam bidang ilmu-ilmu dasar

untuk menghasilkan anggota masyarakat yang memiliki kemampuan

akademik dan/atau profesionalisme tinggi dan bertanggungjawab di dalam

menerapkan, mengembangkan dan/atau menciptakan ilmu pengetahuan

b. Menyelenggarakan praktek laboratorium dalam bidang ilmu- ilmu dasar

untuk menghasilkan dan/atau mewujudkan ilmu pengetahuan dan

teknologi yang bermanfaat bagi kemajuan serta kesejahteraan masyarakat

c. Meningkatkan mutu proses penyelenggaraan pendidikan dan praktek

laboratorium secara berkelanjutan melalui peningkatan kualitas sumber

daya manusia, sarana dan prasarana, sumber daya informasi, organisasi

dan manajemen

d. Meletakkan dasar-dasar profesionalisme penyelenggaraan pendidikan,

penelitian dan pengabdian pada masyarakat untuk mewujudkan Fakultas

MIPA Universitas Sumatera Utara sebagai suatu unsur penunjang

(30)

(31)

15

BAB 4

PERANCANGAN SISTEM

4.1 Diagram Konteks

Diagram konteks adalah suatu diagram yang terdiri dari suatu proses saja dan

biasa diberi nomor proses 0. Proses ini mewakili seluruh sistem. Diagram konteks

menggambarkan input atau output suatu sistem dengan dunia luar atau dunia

kesatuan luar.

4.1.1 Diagram Konteks

(32)

4.1.2 DFD Level Nol

Gambar 4.2 DFD Level Nol

(33)

17

4.1.3 DFD Level Satu

(34)

4.2 Perancangan Database

Setelah dilakukan perancangan sistem, selanjutnya dilakukan perancangan

database untuk mempermudah dalam pengimplementasikan perancangan dari

sistem yang dibangun. Berikut adalah perancangan dari database.

4.2.1 Database

Disini akan diterangkan tabel- tabel yang ada didalam database beserta

deskripsinya.

4.2.1.1 Tabel Berita

Field Name Data Type Field Size Description

Id Int 11 Id berita

Judul Varchar 512 Judul berita

Isi Text Isi berita

Waktu Varchar 50 Waktu berita dibuat

Photo Varchar 100 Gambar di dalam berita

Ukuran Int 12 Ukuran gambar

Type Varchar 100 Tipe gambar

Suka Int 255 Jumlah yang menyukai berita

4.2.1.2 Tabel Bidang

Bidang_id Int 11 Id bidang

(35)

19

4.2.1.3 Tabel Reply

Reply_id Int 11 Id reply

Reply_isi Text Isi reply

Topik_id Varchar 10 Id topik

Waktu Varchar 50 Waktu reply dibuat

User_id Varchar 10 Id user

Photo Varchar 100 Gambar di dalam reply

Suka Int 255 Jumlah yang menyukai reply

4.2.1.4 Tabel Topik

Topik_id Int 11 Id topik

Topik_judul Varchar 256 Judul topik

Topik_isi Text Isi topik

Waktu Varchar 50 Waktu topik dibuat

Bidang_id Varchar 10 Id bidang

Photo Varchar 100 Gambar di dalam topik

Suka Int 255 Jumlah yang menyukai topik

(36)

Email Varchar 20 Email user

Pass Varchar 100 Password

Jurusan Varchar 100 Jurusan user

Stambuk Varchar 20 Stambuk user

Tgl Varchar 25 Tanggal lahir user

Jenkel Varchar 25 Jenis kelamin user

Level Varchar 10 Level user

Photo Varchar 100 Foto user

Ukuran Int 12 Ukuran foto

Type Varchar 100 Tipe foto

4.2.1.6 Tabel Status

Status_id Int 255 Id status

Status_isi Text Isi status

Waktu Varchar 50 Waktu status dibuat

Photo Varchar 100 Gambar dalam status

User_id Int 50 Id user

Suka Int 255 Jumlah yang menyukai status

4.2.1.7 Tabel Komentar

Id_komentar Int 11 Id komentar

Isi_komentar Text Isi komentar

Waktu Varchar 50 Waktu komentar dibuat

(37)

21

Suka Int 255 Jumlah yang menyukai komentar

4.2.1.8 Tabel Conews

Id_conews Int 11 Id conews

Reply_isi Text Isi komentar berita

Id_berita Varchar 10 Id berita

Waktu Varchar 50 Waktu conews dibuat

Photo Varchar 100 Gambar dalam conews

Suka Int 255 Jumlah yang menyukai komentar

berita

4.2.1.9 Tabel Pesan

Id_pesan Int 10 Id_pesan

Waktu Varchar 20 Waktu pesan dibuat

Dari Varchar 9 Nim asal pesan terkirim

(38)

4.2.1.10 Tabel Galeri

Id_galeri Int 11 Id foto yang di unggah

Nama_file Varchar 255 Nama foto

Deskripsi Varchar 255 Keterangan foto

Privasi Varchar 20 Siapa saja yang bisa melihat foto

(hanya saya atau teman)

4.2.1.11 Tabel Fren

User_id1 Int 11 Id user yang dimintai pertemanan

dan id user yang mengirim permintaan pertemanan

User_id2 Int 11 Id user yang mengirim permintaan

pertemanan dan id user yang dimintai pertemanan

4.2.1.12 Tabel Fren_temp

User_id1 Int 11 Id user yang dimintai pertemanan

User_id2 Int 11 Id user yang mengirim permintaan

pertemanan

4.2.1.13 Tabel Berita_like

Id_berita Int 11 Id berita

(39)

23

4.2.1.14 Tabel Conews_like

Id_conews Int 11 Id conews

4.2.1.15 Tabel Komen_like

Id_komentar Int 255 Id komentar

4.2.1.16 Tabel Reply_like

Reply_id Int 255 Id reply

4.2.1.17 Tabel Status_like

4.2.1.18 Tabel Topik_like

Topik_id Int 255 Id topik

(40)

4.2.2 Relasi Antar Tabel

(41)

25

4.3 Perancangan Halaman Website

Halaman web yang akan dirancang terdiri dari dua bagian, yaitu halaman web

untuk Admin dan mahasiwa yang sudah terdaftar atau user. Halaman web untuk

Admin terdiri dari halaman beranda, pesan, bidang forum, update akun, lihat data

user dan lihat mading user. Sedangkan halaman web untuk user terdiri dari

halaman beranda, timeline, profil, galeri foto, daftar teman, timeline teman, profil

teman, galeri foto teman, daftar teman dari teman, mading online, update profil,

pesan, semua status, dan topik Anda.

4.3.1 Arsitektur sistem antar halaman web untuk Admin

Hubungan antar halaman digunakan untuk menjelaskan proses yang terjadi antara

suatu halaman dengan halaman lainnya. Hubungan antar halaman ini juga

digunakan untuk menggambarkan hubungan (link) yang terdapat antara suatu

halaman dengan halaman yang lainnya. Gambar 4.5 menunjukkan hubungan

(42)

Gambar 4.5 Rancangan hubungan halaman antar web untuk Admin

4.3.2 Arsitektur sistem antar halaman web untuk mahasiswa

Hubungan antar halaman digunakan untuk menjelaskan proses yang terjadi antara

suatu halaman dengan halaman lainnya. Hubungan antar halaman ini juga

Menu Admin Logout

(43)

27

digunakan untuk menggambarkan hubungan (link) yang terdapat antara suatu

halaman dengan halaman yang lainnya. Gambar 4.6 menunjukkan hubungan

antara halaman web untuk mahasiswa yang terdaftar.

Menu User Logout

Mahasiswa

Login

Berita Topik Komentar

Berita

(44)

4.3.3 Rancangan Halaman Utama (Lay Out)

Halaman utama yang juga sering disebut homepage adalah halaman yang

pertama kali muncul ketika membuka website. Gambar 4.7 menunjukkan

rancangan halaman utama.

Gambar 4.7 Desain tampilan utama website

Header

NIM Password

Mendaftar

NIM Nama

Email Tanggal lahir

(45)

(46)

BAB 5

IMPLEMENTASI SISTEM

3.6Implementasi

Implementasi dari sistem yang dibangun dapat dilihat melalui desain gambar-

gambar berikut.

5.1.1 Halaman index

Halaman index website adalah halaman yang pertama kali di load saat user

memasukkan URL pada address web browser. Index website forum MIPA

memuat login dan juga register user. Tampilan halaman index website dapat

(47)

30

Gambar 5.1 Halaman index website

5.1.2 Halaman beranda user

Halaman ini tampil kali pertama setelah user login. Disini ditampilkan bidang-

bidang forum yang bisa dipilih untuk di diskusikan dan juga link-link yang

menuju halaman profil, mading online yang berisikan berita yang dibuat oleh

Admin dan yang lainnya. Tampilan halaman beranda user dapat dilihat pada

(48)

5.1.3 Halaman login Admin

Halaman ini menampilkan form login Admin dan link yang menuju ke halaman

utama. Disini Admin masuk dengan menggunakan kode pengguna dan password

yang sudah ada. Tampilan halaman login Admin dapat dilihat pada gambar 5.3

dibawah ini.

Gambar 5.3 Halaman login Admin

5.1.4 Halaman beranda Admin

Halaman ini menampilkan mading online yang berisikan berita yang penah dibuat

dan di halaman ini Admin bisa menambah dan menghapus berita. Ada juga

link-link yang bisa digunakan Admin untuk memanage website forum MIPA ini.

(49)

32

Gambar 5.4 Halaman beranda Admin

5.1.5 Halaman forum

Halaman forum adalah tempat dimana anggota forum MIPA dan Admin dapat

saling berkomunikasi satu dengan lainnya membahas tentang suatu topik dan

saling mengkomentari. Tampilan halaman komentar dari topik forum dapat dilihat

(50)

5.2Alur program

Disini akan dijelaskan tentang alur program atau flowchart yang digunakan untuk

pendaftaran user, proses login user, create topik, reply dan juga create bidang

yang hanya bisa dilakukan oleh Admin.

5.2.1 Alur pendaftaran user

Pada gambar 5.6, menunjukkan alur jalannya proses pendaftaran user. Pada saat

user memasukkan data berupa nim, nama lengkap, email, password, jurusan,

stambuk, tanggal lahir, dan jenis kelamin kemudian melakukan submit, sistem

akan melakukan check apakah nim atau email yang digunakan telah terdaftar atau

belum. Jika nim atau email yang digunakan telah terdaftar maka akan muncul

(51)

34

Gambar 5.6 Alur pendaftaran user

5.2.2 Alur proses login user

Pada gambar 5.7, menunjukkan proses login pengguna ke halaman beranda user.

Sistem akan melakukan check apakah nim dan password yang dimasukkan sudah

terdaftar atau belum. Jika nim dan password yang dimasukkan belum terdaftar,

maka akan muncul pesan yang menyatakan bahwa user tersebut belum terdaftar. start

masukkan data user

valid?

masuk ke database

stop ya

(52)

Gambar 5.7 Alur proses login user start

masukkan nim dan password

terdaftar?

masuk ke halaman beranda user

tampilkan peringatan

belum terdaftar

stop ya

(53)

36

5.2.3 Alur create bidang

Pada saat melakukan create bidang, data yang dimasukkan tidak akan di check

oleh sistem. Data yang dimasukkan akan disimpan kedalam tabel t_bidang dalam database. Gambar 5.8 dibawah, menunjukkan alur create bidang.

Gambar 5.8 Alur post bidang

5.2.4 Alur create topik

start

masukkan nama bidang

Simpan data ke database

(54)

Gambar 5.9 Alur post thread

5.2.5 Alur reply

Pada saat melakukan reply, data yang dimasukkan tidak akan di check oleh

sistem. Data yang dimasukkan akan disimpan kedalam tabel t_reply dalam database. Gambar 5.10 menunjukkan alur create topik.

start

masukkan data thread

Simpan data ke database

stop

start

masukkan data reply

(55)

38

5.3Evaluasi

Dalam pembuatan forum MIPA mempunyai kelebihan dan kekurangan, di

antaranya sebagai berikut:

1. Kelebihan

Jika ditinjau dari segi manfaatnya, website forum MIPA ini dapat memberikan

manfaat bagi seluruh anggota komunitas seperti dapat bertukar informasi

beasiswa dan ilmu pengetahuan yang mungkin tidak ditemukan dalam

perkuliahan. Dalam hal tampilan website cukup menarik dan kegiatan membuat

thread dan membalas topik mudah dilakukan, jadi user bisa lebih leluasa dalam

berdiskusi.

2. Kekurangan

Aplikasi website forum ini masih mempunyai kekurangan, seperti sistem

keamanan yang masih standart. Dan juga belum adanya fitur paging, yang

(56)

(57)

39

BAB 6

PENUTUP

6.1 Kesimpulan

Berdasarkan uraian dalam bab-bab sebelumnya, maka sebagai penutup penulis

mengambil beberapa kesimpulan antara lain:

1. Aplikasi website forum MIPA sudah terbentuk dengan menggunakan

bahasa pemrograman PHP dan javascript serta menggunakan database

MySQL.

2. Dengan adanya website forum ini mahasiswa yang sudah terdaftar bisa

saling berdiskusi tentang perkulihaan atau apapun yang menyangkut ilmu

pengetahuan dan kehidupan kampus di FMIPA USU.

3. Dengan adanya website forum ini mahasiswa yang sudah terdaftar bisa

(58)

6.2 Saran

Adapun saran yang bisa penulis sampaikan antara lain:

1. Dengan adanya website forum ini, diharapkan tidak ada lagi mahasiswa

FMIPA USU yang tidak mendapatkan informasi yang mungkin penting

baginya.

2. Aplikasi website forum yang telah dibuat oleh penulis, diharapkan bisa

terus dikembangkan sehingga dapat menjadi sebuah media diskusi yang

(59)

41

DAFTAR PUSTAKA

ANDI OFFSET, PT C.V. 2009. Rekayasa Sistem Pengenalan Wajah. Penerbit Andi. Yogyakarta.

http://fmipa.usu.ac.id/profil/sejarah.html?tmpl=component&print=1&lay out=default&page=

http://fmipa.usu.ac.id/profil/visi,-misi-tujuan.html?tmpl=component&print=1&lay out=default&page=

http://yulisubandi.blogspot.com/2012/10/pengertian-javascipt-dan-kelebihan.html

Husni. 2007. PEMROGRAMAN DATABASE BERBASIS WEB. Edisi Pertama. GRAHA ILMU. Yogyakarta.

Komputindo, PT Elex Media. 2009. Teknik Cepat Membuat Forum Internet. Islandscript. Jakarta.

Sulhan, Moh. 2007. Pengembangan Aplikasi Berbasis Web dengan PHP dan ASP.

(60)

(61)

39

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155

Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : Rio Prawira

Nomor Stambuk : 112406238

Judul Tugas Akhir : Aplikasi Forum Diskusi Berbasis Web Untuk Mahasiswa FMIPA USU

Dosen Pembimbing : Dr. Sutarman, M.Sc Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No Tanggal Asisten

Bimbingan Asisten Mengenai Pada Pembahasan Pada Bab

Paraf Dosen

Pembimbing Keterangan

1 Proposal Tugas Akhir

2 Bab 1

8 Pengujian Program

*Kartu ini harap dikembalikan ke Departemen Matematika bila Bimbingan telah selesai

Diketahui

Program Studi D3 Teknik Informatika FMIPA USU

Ketua,

Disetujui