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

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

(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)

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

RIO PRAWIRA 112406238

(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.

Terimakasih penulis sampaikan kepada Dr. Sutarman selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terimakasih kepada Prof. Dr. Tulus, M.Si. Ph.D dan Ibu Dra. Mardiningsih, M.Sc selaku Ketua Departemen dan Sekertaris Departemen Matematika FMIPA-USU Medan, Pembantu Dekan FMIPA USU, seluruh Staff dan Dosen Matematika 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 membalasnya.

(5)

APLIKASI FORUM DISKUSI BERBASIS WEB UNTUK MAHASISWA FMIPA USU

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)

DAFTAR ISI

Halaman

Persetujuan i

Peryataan ii

Penghargaan iii

Abstrak iv

Abstract v

Daftar Isi vi

Daftar Tabel vii

Daftar Gambar ix

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

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 3 GAMBARAN UMUM FMIPA USU 11

3.1 Sejarah FMIPA USU 11

3.2 Visi, Misi Dan Tujuan Fmipa Usu 13

3.2.1 Visi 13

3.2.2 Misi 13

3.2.2 Tujuan 14

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

5.2.4 Alur Create Topik 36

5.2.5 Alur Reply 37

5.3 Evaluasi 38

BAB 6 PENUTUP 39

6.1 Kesimpulan 39

6.2 Saran 40

DAFTAR PUSTAKA LAMPIRAN

(9)

viii

DAFTAR TABEL

Nomor Judul Halaman

Table

4.2.1.1 Tabel Berita 18

4.2.1.2 Tabel Bidang 18

4.2.1.3 Tabel Reply 19

4.2.1.4 Tabel Topik 19

4.2.1.5 Tabel User 19

4.2.1.6 Tabel Status 20

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)

APLIKASI FORUM DISKUSI BERBASIS WEB UNTUK MAHASISWA FMIPA USU

ABSTRAK

(12)

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

ABSTRACT

(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 pada semua mahasiswa di fakultas MIPA.

(15)

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 yang digunakan.

(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. Observasi ini meliputi jalannya sistem, dan struktur program.

(17)

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 FMIPA USU sejak berdirinya.

(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 produktivitas kerja yang akan datang.

(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 lunak yang memiliki karakteristik sebagai berikut:

(21)

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 komentar. Anggota juga dapat membuat topik dan menghapus topik yang ia tulis.

(23)

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 cara disisipkan pada HTML.

(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, diteruskan oleh Rektor USU drg. Nazr Alwi ke Menteri Perguruan Tinggi dan

(27)

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 dibuka.

(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 ilmu yang dimiliki demi bangsa dan negara.

(29)

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)

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

WEB MAHASISWA Data user Register member Login forum Tambah topik ADMIN Tambah komentar Tambah komentar Data user Tambah topik Tambah bidang Tambah berita Mengelolah forum Update status Mengirim dan menerima pesan Mengirim dan menerima pesan Upload foto ke

galeri foto Mencari dan menambahkan

(33)

4.1.3 DFD Level Satu

Admin P1 Akun

P2 Berita P3 Bidang P4 Topik P5 Komentar P6 Data User

2 Update, menghapus, Mahasiswa Data forum Data P7 Status

P8 Galeri foto P9 Member lain

3 Upload dan 4 Mencari dan 1 Update, menghapus,

Data galeri

(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

Field Name Data Type Field Size Description

Bidang_id Int 11 Id bidang

(35)

4.2.1.3 Tabel Reply

Field Name Data Type Field Size Description

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

Ukuran Int 12 Ukuran gambar

Type Varchar 100 Tipe gambar

Suka Int 255 Jumlah yang menyukai reply

4.2.1.4 Tabel Topik

Field Name Data Type Field Size Description

Topik_id Int 11 Id topik

Topik_judul Varchar 256 Judul topik

Topik_isi Text Isi topik

Waktu Varchar 50 Waktu topik dibuat

User_id Varchar 10 Id user

Bidang_id Varchar 10 Id bidang

Photo Varchar 100 Gambar di dalam topik

Ukuran Int 12 Ukuran gambar

Type Varchar 100 Tipe gambar

Suka Int 255 Jumlah yang menyukai topik

(36)

Field Name Data Type Field Size Description

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

Field Name Data Type Field Size Description

Status_id Int 255 Id status

Status_isi Text Isi status

Waktu Varchar 50 Waktu status dibuat

Photo Varchar 100 Gambar dalam status

Ukuran Int 12 Ukuran gambar

Type Varchar 100 Tipe gambar

User_id Int 50 Id user

Suka Int 255 Jumlah yang menyukai status

4.2.1.7 Tabel Komentar

Field Name Data Type Field Size Description

Id_komentar Int 11 Id komentar

Isi_komentar Text Isi komentar

Status_id Int 255 Id status

Waktu Varchar 50 Waktu komentar dibuat

(37)

Field Name Data Type Field Size Description

Ukuran Int 12 Ukuran gambar

Type Varchar 100 Tipe gambar

User_id Varchar 50 Id user

Suka Int 255 Jumlah yang menyukai komentar

4.2.1.8 Tabel Conews

Field Name Data Type Field Size Description

Id_conews Int 11 Id conews

Reply_isi Text Isi komentar berita

Id_berita Varchar 10 Id berita

Waktu Varchar 50 Waktu conews dibuat

User_id Varchar 50 Id user

Photo Varchar 100 Gambar dalam conews

Ukuran Int 12 Ukuran gambar

Type Varchar 100 Tipe gambar

Suka Int 255 Jumlah yang menyukai komentar

berita

4.2.1.9 Tabel Pesan

Field Name Data Type Field Size Description

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

Field Name Data Type Field Size Description

Id_galeri Int 11 Id foto yang di unggah

Nama_file Varchar 255 Nama foto

Deskripsi Varchar 255 Keterangan foto

User_id Int 255 Id user

Privasi Varchar 20 Siapa saja yang bisa melihat foto

(hanya saya atau teman)

4.2.1.11 Tabel Fren

Field Name Data Type Field Size Description

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

Field Name Data Type Field Size Description

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

Field Name Data Type Field Size Description

Id_berita Int 11 Id berita

(39)

4.2.1.14 Tabel Conews_like

Field Name Data Type Field Size Description

Id_conews Int 11 Id conews

User_id Int 255 Id user

4.2.1.15 Tabel Komen_like

Field Name Data Type Field Size Description

Id_komentar Int 255 Id komentar

User_id Int 255 Id user

4.2.1.16 Tabel Reply_like

Field Name Data Type Field Size Description

Reply_id Int 255 Id reply

User_id Int 255 Id user

4.2.1.17 Tabel Status_like

Field Name Data Type Field Size Description

Status_id Int 255 Id status

User_id Int 255 Id user

4.2.1.18 Tabel Topik_like

Field Name Data Type Field Size Description

Topik_id Int 255 Id topik

(40)

4.2.2 Relasi Antar Tabel

(41)

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 antara halaman web untuk Admin.

(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

Admin Login Lihat Data Hapus Data Tambah Data Ubah Data Manage Berita Manage Bidang Manage Topik

Manage Manage User Manage Akun Manage Pesan Manage Komentar

(43)

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

Berita Topik Komentar

Berita

Reply Profil Pesan

Timeline

Profil teman

Galeri Timeline

teman

Bidang Daftar Semua

(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

Password Ulangi Jurusan

Laki-laki Perempuan

Stambuk

Pilih File

Foto

Footer

Gambar

(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 dilihat pada gambar 5.1.

(47)

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 gambar 5.2 dibawah ini.

(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. Tampilan halaman berandaAdmin dapat dilihat pada gambar 5.4.

(49)

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 pada gambar gambar 5.5 dibawah ini.

(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 pesan peringatan bahwa nim atau email sudah terdaftar.

(51)

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)

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 Simpan data ke

(55)

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 menyebabkan data yang ditampilkan masih berupa data utuh

(56)

(57)

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 mendapatkan informasi dan ilmu pengetahuan baru yang mungkin tidak

(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 menarik dan berguna bagi mahasiswa FMIPA USU.

(59)

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)

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

3 Bab 2

4 Bab 3

5 Bab 4

6 Bab 5

7 Bab 6

8 Pengujian Program

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

Diketahui

Program Studi D3 Teknik Informatika FMIPA USU

Ketua,

Disetujui

(1)

(2)

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 mendapatkan informasi dan ilmu pengetahuan baru yang mungkin tidak terdapat dalam perkulihaan.

(3)

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 menarik dan berguna bagi mahasiswa FMIPA USU.

(4)

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.

PENERBIT GAVA MEDIA. Yogyakarta

(5)

(6)

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

3 Bab 2

4 Bab 3

5 Bab 4

6 Bab 5

7 Bab 6

8 Pengujian Program

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

Diketahui

Program Studi D3 Teknik Informatika FMIPA USU

Ketua,

Dra. Elly Rosmaini, M.Si NIP. 196005021985032002

Disetujui

Pembimbing Utama/

Dr. Sutarman, M.Sc

NIP. 196310261991031001

Aplikasi Forum Diskusi Berbasis Web Untuk Mahasiswa FMIPA USU