Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum

perpustakaan.uns.ac.id

digilib.uns.ac.id

Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Programa Diploma III Teknik Informatika

Disusun oleh : Puspita Dewi Rahmawati NIM. M3209068

PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA commit to user 2012 i


digilib.uns.ac.id

HALAMAN PERSETUJUAN

Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum

Disusun Oleh

PUSPITA DEWI R NIM. M3209068

Tugas Akhir ini disetujui untuk dipertahankan dihadapan dewan penguji Untuk mendapatkan gelar Ahli Madya Program Diploma III Teknik Informatika pada tanggal 25 Juni 2012

Pembimbing Utama

Agus Purbayu, S.Si NIDN. 0629088001 commit to user ii


digilib.uns.ac.id

HALAMAN PENGESAHAN

Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum Disusun oleh Puspita Dewi Rahmawati NIM M3209068

Dibimbing oleh Pembimbing Utama

Agus Purbayu, S.Si NIDN. 0629088001 Tugas Akhir ini telah diterima dan disahkan Oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika Pada hari_______tanggal______________

Dewan Penguji : 1. Penguji 1 2. Penguji 2 3. Penguji 3

Agus Purbayu, S.Si NIDN. 0629088001 Muhammmad A. Safi’ie, S.Si NIDN. 0603118103 Esti Suryani, S.Si, M.Kom NIP. 19761129 200812 2 001

(

)

(

)

(

)

Mengetahui, Dekan Fakultas MIPA UNS

Ketua Program Studi DIII Teknik Informatika UNS

Prof.Ir.Ari Handono Ramelan, M.Sc(Hons) PhD NIP. 19610223 198601 1commit 001 to user

Drs. Y.S Palgunadi, M.Sc. NIP. 19560407 198303 1 004

iii


digilib.uns.ac.id

ABSTRACT

Puspita Dewi Rahmawati, 2012. Development of Sub System of Forum Web Based Learning Technique D3 Informatics. D3 Informatics Engineering, Faculty Mathematics and Natural Sciences, Sebelas Maret University. In Engineering Informatics D3 program study, then exists Web Based Learning but in that system there is no place to exchange information about the college among students and with lecturer. The aim of this final task is to create a forum for students and lecturer to exchange ideas, and discuss about different problems faced by students in the classroom, since there is not enough time to discuss. The reason is sometimes arised when students are embarrassed to ask in the classroom, although the lecturer gives the students time to allow the questions and answers session in the classroom. Research methods used to design and making in this system was the method of observation for data collection, literature, design and implementation. The system was development by this application that was created using PHP programming language and MySQL database. The Development of Web Based Learning of D3 Technic Information Sub Systems Forum has been successfully built and ready to be implemented as an alternative way for students to get a place to exchange ideas on certain course and discussed together. Keywords : Forum, PHP, MySQL

commit to user iv


digilib.uns.ac.id

INTISARI

Puspita Dewi Rahmawati, 2012. Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum. DIII Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret. Di program studi DIII Teknik Informatika sudah ada Web Based Learning namun di dalam sistem tersebut belum ada tempat atau wadah untuk bertukar pikiran mengenai perkuliahan antara mahasiswa maupun dengan dosen. Tujuan dari pembuatan Tugas Akhir ini ntuk membuat forum agar mahasiswa dan dosen dapat saling bertukar pikiran, karena untuk membahas suatu permasalahan yang dihadapi oleh mahasiswa didalam kelas tidaklah mencukupi. Alasannya adalah kadangkala mahasiswa malu bertanya didalam kelas walaupun disiasati oleh dosen dengan memberikan waktu tanya jawab didalam kelas. Metode penelitian yang dipakai dalam perancangan dan pembuatan sistem ini yaitu metode observasi untuk pengumpulan data, studi pustaka, perancangan dan implementasi. Aplikasi ini dibuat menggunakan bahasa pemrograman PHP dan database MySQL. Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum telah berhasil dibuat dan siap untuk diimplementasikan sebagai salah satu cara agar mahasiswa mempunyai tempat atau wadah untuk bertukar pikiran mengenai mata kuliah tertentu dan dibahas secara bersama-sama. Kata Kunci: Forum, PHP, MySQL

commit to user v


digilib.uns.ac.id

MOTTO

1. Allah akan menjadikan kemudahan setelah kesukaran (Q.S Ath-Thalaq : 7) 2. Hari ini harus lebih baik dari kemarin 3. Tidak ada yang tidak mungkin bila kita mau mencoba, karena sesuatu yang kita inginkan ada untuk diperjuangkan. 4. Dianganku ada khayalan , di depanku ada masa depan. Ku berangan untuk masa depan.

commit to user vi


digilib.uns.ac.id

PERSEMBAHAN

Karya ini ku persembahankan untuk : Bapak Ibu dan kakaku tersayang Sahabat-sahabatku (Oni, Susan, Retno Ayu, Kaka, commit userdll) Novi, Umi,toKiki, vii


digilib.uns.ac.id

KATA PENGANTAR Assalamu’alaikum Wr.Wb. Alhamdulillahi robbilalamin, sujud dan syukur kehadirat Allah SWT atas segala rahmat dan karuniaNya sehingga penulis dapat menyelesainakn penulisan laporan Tugas Akhir ini dengan judul ” PENGEMBANGAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA SUB SISTEM FORUM ”. Pembuatan Laporan Tugas Akhir ini dimaksudkan untuk memenuhi persyararatan kelulusan Diploma III (D3) Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam kesempatan ini penulis ingin mengucapkan terimkasih kepada semua pihak yang telah membantu dalam menyelesaikan laporan Tugas Akhir ini, antara lain : 1. Bapak, Ibu dan kakak, yang selalu memberi dukungan tanpa henti. 2. Bapak Agus Purbayu, S.Si, selaku dosen pembimbing yang telah memberikan pengarahan dalam penyusunan Tugas Akhir ini. 3. Teman-teman seperjuangan Teknik Informatika 2009, yang pantang menyerah

dan

selalu

meluangkan

waktu

untuk

membantu

menyelesaikan kesulitan yang telah penulis hadapi. Semoga Allah SWT membalas semua amal dan kebaikan dengan nikmayNya yang tiada henti dan mudah-mudahan selalu diberikan kemudahan. Amin. Laporan Tugas Akhir ini masih jauh dari sempurna sehingga kritik dan saran yang membangun sangat diharapkan. Semoga laporan ini dapat bermanfaat bagi semua pihak. Wassalamualaikum Wr.Wb.

Surakarta, Juni 2012 Penulis commit to user viii


digilib.uns.ac.id

DAFTAR ISI HALAMAN JUDUL........................................................................................ i HALAMAN PERSETUJUAN ......................................................................... ii HALAMAN PENGESAHAN .......................................................................... iii HALAMAN ABSTRACT ............................................................................... iv HALAMAN INTISARI ................................................................................... v HALAMAN MOTTO ...................................................................................... vi HALAMAN PERSEMBAHAN ...................................................................... vii KATA PENGANTAR ..................................................................................... viii DAFTAR ISI .................................................................................................... ix DAFTAR TABEL ............................................................................................ xi DAFTAR GAMBAR ....................................................................................... xii BAB I PENDAHULUAN 1.1 Latar Belakang Masalah ............................................................. 1 1.2 Rumusan Masalah ....................................................................... 2 1.3 Batasan Masalah ......................................................................... 2 1.4 Tujuan dan Manfaat .................................................................... 2 1.5 Metodologi Penelitian ................................................................. 3 1.6 Sistematika Penulisan ................................................................. 3 BAB II LANDASAN TEORI 2.1 Website ....................................................................................... 5 2.2 Database ...................................................................................... 5 2.3 PHP ............................................................................................. 6 2.4 MySQL ....................................................................................... 6 2.5 Context Diagram ......................................................................... 7 2.6 Data Flow Diagram (DFD) ......................................................... 7 2.7 Entity Relation Diagram (ERD) ................................................. 8 2.8 Forum .......................................................................................... 9 BAB III DESAIN DAN PERANCANGAN commit to user 3.1 Analisis Kebutuhan Software ..................................................... 10 ix


digilib.uns.ac.id

3.2 Perancangan Sistem .................................................................... 10 3.2.1 Context Diagram (CD) ...................................................... 10 3.2.2 Data Flow Diagram Level 0 .............................................. 11 3.2.3 Data Flow Diagram Level 1 .............................................. 13 3.2.4 Entity Relationship Diagram (ERD)................................ 14 3.3 Schema Diagram ......................................................................... 16 3.4 Rancangan Tabel......................................................................... 17 3.5 Desain Website ............................................................................ 23 3.6 Site Map ...................................................................................... 29 BAB IV DESAIN DAN PERANCANGAN 4.1 Implementasi ............................................................................... 31 4.2 Evaluasi ....................................................................................... 46 BAB V PENUTUP 5.1 Kesimpulan ................................................................................. 48 5.2 Saran ........................................................................................... 48 DAFTAR PUSTAKA ...................................................................................... 49

commit to user x


digilib.uns.ac.id

DAFTAR TABEL Tabel 2.1 Komponen CD dan DFD.................................................................. 8 Tabel 2.2 Komponen Entity Relationship Diagram......................................... 8 Tabel 3.1 Tabel Mahasiswa ............................................................................. 17 Tabel 3.2 Tabel Kelas ..................................................................................... 18 Tabel 3.3 Tabel Makul .................................................................................... 18 Tabel 3.4 Tabel Dosen ..................................................................................... 19 Tabel 3.5 Tabel Ampumakul............................................................................ 19 Tabel 3.6 Tabel User ....................................................................................... 20 Tabel 3.7 Tabel Topik ..................................................................................... 21 Tabel 3.8 Tabel Komentar................................................................................ 22 Tabel 3.9 Tabel Pesan ...................................................................................... 22

commit to user xi


digilib.uns.ac.id

DAFTAR GAMBAR Gambar 2.1 Skema Kerja Protokol HTTP ....................................................... 5 Gambar 3.1 Context Diagram Forum Diskusi ................................................. 11 Gambar 3.2 DFD Level 0 Forum Diskusi ........................................................ 12 Gambar 3.3 DFD Level 1 Proses Topik ........................................................... 13 Gambar 3.4 DFD Level 1 Proses Komentar .................................................... 13 Gambar 3.5 DFD Level 1 Proses Pesan ........................................................... 13 Gambar 3.6 Entity Relationship Diagram Forum Diskusi .............................. 15 Gambar 3.7 Relasi Tabel Forum Diskusi......................................................... 16 Gambar 3.8 Gambar layout awal forum diskusi .............................................. 24 Gambar 3.9 Gambar layout topik forum diskusi.............................................. 24 Gambar 3.10 Gambar layout komentar forum diskusi ..................................... 25 Gambar 3.11 Gambar layout pesan .................................................................. 25 Gambar 3.12 Gambar layout kotak masuk pesan............................................. 26 Gambar 3.13 Gambar layout awal forum diskusi ............................................ 26 Gambar 3.14 Gambar layout topik forum diskusi............................................ 27 Gambar 3.15 Gambar layout komentar forum diskusi ..................................... 27 Gambar 3.16 Gambar layout pesan .................................................................. 28 Gambar 3.17 Gambar layout kotak masuk pesan............................................. 28 Gambar 3.18 Gambar layout pilih kelas pesan ................................................ 29 Gambar 3.16 Gambar site map untuk mahasiswa ............................................ 29 Gambar 3.17 Gambars site map untuk dosen .................................................. 30 Gambar 4.1 Halaman Login ............................................................................. 31 Gambar 4.2 Halaman Index Forum untuk Mahasiswa ..................................... 32 Gambar 4.3 Halaman Menampilkan mata kuliah untuk Mahasiswa ............... 33 Gambar 4.4 Halaman Form Membuat Topik untuk Mahasiswa ...................... 34 Gambar 4.5 Halaman Membuat Komentar untuk Mahasiswa ......................... 34 Gambar 4.6 Halaman Topik untuk Mahasiswa ................................................ 35 Gambar 4.7 Halaman Membuat Pesan untuk Mahasiswa ................................ 36 commit to user Gambar 4.8 Halaman Membuat Pesan untuk Mahasiswa ................................ 36 xii


digilib.uns.ac.id

Gambar 4.9 Halaman Awal Pesan untuk Mahasiswa ...................................... 37 Gambar 4.10 Halaman Kotak Masuk untuk Mahasiswa.................................. 38 Gambar 4.11 Halaman Index Forum untuk Dosen ........................................... 39 Gambar 4.12 Halaman kelas untuk Dosen ....................................................... 39 Gambar 4.13 Halaman Membuat Topik untuk Dosen ..................................... 40 Gambar 4.14 Halaman Membuat Komentar untuk Dosen ............................... 40 Gambar 4.15 Halaman Topik untuk Dosen...................................................... 41 Gambar 4.16 Halaman Memilih Kelas yang Diampu untuk Pesan Dosen ...... 42 Gambar 4.17 Halaman Membuat Pesan untuk Mahasiswa .............................. 42 Gambar 4.18 Halaman Awal Pesan untuk Dosen ............................................ 43 Gambar 4.19 Halaman Kotak Masuk untuk Dosen ......................................... 44 Gambar 4.20 Halaman Statistik untuk Dosen .................................................. 45 Gambar 4.19 Halaman Statistik Mahasiswa .................................................... 46

commit to user xiii

1 digilib.uns.ac.id


BAB I PENDAHULUAN

1.1

Latar Belakang Seiring dengan perkembangan Teknologi Informasi (TI) yang semakin

pesat, mendapatkan sambutan yang baik dari masyarakat. Berbagai layanan masyarakat sudah mengimplementasikan ICT (Information and Communication Technology). Salah satunya media informasi yang sangat dikenal oleh masyarakat adalah internet, dimana setiap orang yang memanfaatkan internet dapat memperoleh berbagai informasi yang diinginkan. Perkembangan teknologi internet mempengaruhi segala bidang kehidupan masyarakat, salah satunya didalam dunia pendidikan. Teknologi internet dapat dimanfaatkan untuk mempermudah dan memperlancar proses belajara mengajar, sehingga teknologi internet dapat meningkatkan kualitas pendidikan. Untuk itu Program D3 Teknik Informatika UNS berusaha terus menerus melakukan perbaikan dan penyempurnaan dalam mengembangkan teknologi informasi baik dari sisi keilmuan hingga pengelolaan data sebagai sumber informasi, salah satunya adalah Web Based Learning yang sudah dimiliki oleh D3 Teknik Informatika. Permasalahan yang sering timbul adalah belum adanya sebuah wadah untuk mahasiswa berdiskusi tentang matakuliah yang sedang mereka pelajari dengan teman-teman maupun dosen yang telah mengampu mata kuliah tersebut. Dapat dijumpai banyak sekali forum-forum yang telah dibuat namun tidak dikelola bagaimana mestinya. Sehingga

dibutuhkan

suatu

sistem

yang

dapat

mempermudah

pengelolaannya dan dapat dipantau oleh dosen yang mata kuliah masing-masing yang mengampu meraka.

commit to user

1

2 digilib.uns.ac.id


1.2

Rumusan Masalah Berdasarkan latar belakang masalah yang telah diuraikan tersebut maka

rumusan masalah yang dibahas adalah “ Bagaimana membuat system informasi forum mahasiswa D3 Teknik Informatika UNS berbasis PHP untuk Web Based Learning?”.

1.3

Batasan Masalah Dalam penyusunan tugas akhir ini, penulis merasa sangat perlu untuk

membatasi masalah agar tidak menyimpang dari tujuan semula. Untuk menghindari kerancuan dan pelebaran masalah, penulis membatasi pokok permasalahan pada: 1. Pengelolaan diskusi antar mahasiwa kepada dosen mata kuliah 2. Pengelolaan private massage terhadap mahasiswa ke dosen ataupun sebaliknya.

1.4

Tujuan dan Manfaat

1.4.1

Tujuan Tujuan Tugas Akhir ini adalah membuat perancangan dan pembuatan

Forum Mahasiswa D3 TI Universitas Sebelas Maret di dalam Web Based Learning D3 Teknik Informatika sebagai pengembangan Web Based Learning. 1.4.2

Manfaat Pelaksanaan tugas akhir ini diharapkan dapat memberi manfaat sebagai

berikut : Penulis : 1. Mendapatkan pengalaman dalam pembuatan system informasi. 2. Dapat memenuhi tugas akhir sebagai syarat kelulusan. Instansi : Mempermudah dan memperlancar kinerja dosen D3 Teknik Informatik dalam diskusi dengan mahasiswa. commit to user

2

3 digilib.uns.ac.id


1.5

Metodologi Penelitian Metode pengumpulan data yang akan digunakan dalam pembuatan Tugas

Akhir penulis sebagai berikut : 1. Studi Pustaka Merupakan metode yang dilakukan penulis untuk mendapatkan datadata teoritis baik yang bersembur dari buku maupun majalah berhubungan dengan permasalahan yang dihadapi 2. Studi Literarur Merupakan metode yang dilakukan oleh penulis dengan mengunjungi dan mempelajari website atau situs-situs yang berhubungan dengan penlitian ini.

Seperti

mempelajari

bahasa-bahasa

pemrograman

web

dengan

mengunjungi website-website yang menyediakan tutorial mengenai bahasa pemrograman yang penulis gunakan. 1.6

Sistematika Penulisan Sistemmatika penulisan yang digunakan dalam penyusunan Tugas Akhir

ini sebagai berikut : BAB I : PENDAHULUAN Bab pendahuluan berisi uraian yang memuat tentang segala yang melatarbelakangi penulis melakukan penelitian dan yang menjadi dasar dari permasalahan, yang terdiri dari beberapa sub bab, yatitu latar belakang masalah, rumusan masalah, tujuan yang hendak dicapai, manfaat, metode penelitian yang digunakan, serta sistematika penulisan. BAB II : LANDASAN TEORI Landasan teori memuat tinjauan pustaka yang berisi teori-teori yang mendukung penulisan tugas. Landasan teori tersebut antara lain : pengertian website, database, PHP, MySQL Context Diagram, Data Flow Diagram (DFD), Entity Relation Diagram (ERD) dan Forum. BAB III : DESAIN DAN PERANCANGAN

commit to user

3

4 digilib.uns.ac.id


Memuat tentang desain perancangan sistem dan data-data yang diperlukan dalam perancangan sistem seperti Context Diagram, Data Flow Diagram (DFD), Entity Relation Diagram (ERD) dan perancangan basis data. BAB IV : IMPLEMENTASI DAN ANALISA Pada implementasi memuat hasil analisa dan perancangan sistem yang antara lain ditampilkan dalam bentuk tabel, gambar dan penjelasan dari masingmasing bagian. Pada evaluasi memuat kekurangan dan kelebihan sistem. BAB V : PENUTUP Pada penutup terdapat kesimpulan hasil penelitian dan pembahasan beserta saran yang ditujukan untuk menyempurnaan dan pengembangan sistem dimasa mendatang.

commit to user

4

5 digilib.uns.ac.id


BAB II LANDASAN TEORI 2.1

Website Website adalah suatu media publikasi elektronik yang terdiri dari halaman-

halaman web (web page) yang terhubung satu dengan yang lain menggunakan link yang dilekatkan pada suatu teks atau image. Website dibangun dengan menggunakan bahasa Hypertext Markup Language (HTML) dan memanfaatkan protocol komunikasi Hypertext Transfer Protocol (HTTP) yang terletak pada application layer pada layer OSI. Gambar berikut menunjukkan skema kerja pemrosesan file HTML (Kadir, 2004).

Permintaan HTTP

Web Server

Kode HTML

Tanggapan HTTP

BROWSER

Gambar 2.1 Skema Kerja Protokol HTTP 2.2

Database Database adalah kumpulan file-file yang saling berelasi, relasi tersebut

biasa ditunjukan dengan kunci dari tiap file yang ada. Satu database menunjukan satu kumpulan data yang dipakai dalam satu lingkup perusahan, instansi. Dalam satu file terdapat record-record yang sejenis, sama besar, commit to user merupakan satu kumpulan entity yang seragam. Satu record terdiri dari field-field 5

6 digilib.uns.ac.id


yang saling berhubngan untuk menunjukan bahwa field tersebut dalam satu pengertian yang lengkap dan direkam dalam satu record. (Kristanto, 2004)

2.3

PHP PHP (Hypertext Preprocessor) adalah sebuah bahasa pemrograman yang

berbentuk scripting, sistem kerja dari program ini adalah sebagai interpreter bukan sebagai compiler. (Nugroho, 2008) PHP adalah salah satu teknologi baru yang dimulai banyak dimanfaatkan untuk perkembangan web. PHP atau Hypertext Preprossesor merupakan bahasa yang bersifat server side yang memiliki kemampuan untuk dikombinasikan dengan teks., HTML, dan komponen-komponen lain untuk membuat suatu halaman web lebih menarik, dinamis, dan interaktif. PHP dimaksudkan untuk menggantikan teknologi lama sepeerti CGI(Common Gateway Interface), yang juga bahasa pengembangan web.dengan beberapa kemudahanyamh dimiliki oleh PHP, diharapkan pengembang halaman web menjadi lebih cepat bekerja. (Komputer, 2006).

2.4

MySQL MySQL merupakan database yang sangat kuat dan cukup stabil untuk

digunakan sebagai media penyimpanan data dan sebagai sebuah database Server yang mampu untuk memanajemen database dengan baik. Di dalam dunia internet, MySQL dijadikan sebuah database yang paling banyak digunakan selain database yang bersifat share ware seperti Ms Access, penggunaan MySQL ini biasanya dipadukan dengan menggunakan program aplikasi PHP, karena dengan menggunakan kedua program tesebut diatas telah terbukti akan kehandalanya menangani permintaan data. Kemampuan lain yang dimiliki MySQL adalah mampu mendukung Relasional Database Manajemen Sistem (RDBMS), sehingga dengan kemampuan ini MySQL akan mampu menangani data-data sebuah perusahan yang berukuransangat besar hingga berukuran Giga Byte. Selain itu MySQL merupakan commit to user

6

7 digilib.uns.ac.id


sebuah software database yang bersifat free (gratis) karena MySQL dilisensi dibawah GNU General Public License (GPL). (Nugroho, 2008) Mengenai keunggulan MySQL antara lain: 1. Mampu mengenai jutaan user dalam waktu yang bersamaan 2. Mampu menampung lebih dari 50.000.000 record. 3. Sangat cepat mengeksekusi perintah 4. Memiliki user privilege system yang mudah dan efisien. (Imansyah, 2003)

2.5

Context Diagram Context Diagram atau Diagram Konteks adalah tingkatan tertinggi dalam

diagram aliran data dan hanya memuat satu proses, menunjukkan sistem secara keseluruhan. Proses tersebut diberi nomor nol. Semua entitas eksternal yang ditunjukkan pada diagram konteks berikut aliran data-aliran data utama menuju dan dari sistem (Kendall, 2003).

2.6

Data Flow Diagram (DFD) Data Flow Diagram adalah suatu model logika data atau proses yang

dibuat lebih mendetail dibanding diagram konteks. DFD dikembangkan ke dalam gambaran yang lebih terperinci yang melibatkan tiga sampai sembilan proses dan menunjukkan penyimpanan data dan aliran data baru pada level yang lebih rendah, (Kendall, 2003). Teori yang digunakan penulis untuk menyusun Context Diagram dan Data Flow Diagram adalah teori oleh Gane-Sarson yang mengunakan beberapa simbol komponen, yaitu:

commit to user

7

8 digilib.uns.ac.id


Tabel 2.1 Komponen CD dan DFD Simbol

Arti

Keterangan Suatu

entitas

kelompok,

Entitas

sistem

berupa

departemen,

yang

bisa

orang, atau

menerima

informasi atau data-data awal. Arus data yang menunjukkan Aliran Data

bahwa informasi sedang melintas dari atau menuju suatu proses. Suatu proses dimana beberapa tindakan

Proses

atau

sekelompok

tindakan dijalankan. Penyimpanan

data

yang

Penyimpanan Data digunakan untuk menyimpan data-data dari suatu proses.

2.7

Entity Relation Diagram (ERD) Model entity relationship yang berisi komponen-komponen himpunan

entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta yang kita tinjau digambarkan lebih sistematis denga menggunakan Diagram E-R (Fathansyah, 2007). Tabel 2.2 Komponen Entity Relationship Diagram Simbol

Arti

Himpunan Entitas. commit to user

8

9 digilib.uns.ac.id


Tabel 2.2 Lanjutan Simbol

Arti

Attribute sebagai key.

Relationship menunjukkan hubungan antar 2 entitas.

Link

2.8

Forum Dalam kamu besar bahasa Indonesia forum doartikan lembaga/badan,

wadah, siding, pertemuan ntuk bertukar pikiran secara bebas. Forum diskusi yang dapat digunakan sebagai sarana interaksi antara mahasiswa dengan dosen ataupun antara sesama mahasiswa dalam membahas materi perkuliahan.(Alim 2011).

commit to user

9

10 digilib.uns.ac.id


BAB III DESAIN DAN PERANCANGAN

Perancangan sistem sangat dibutuhkan sebelum membuat suatu aplikasi. Rancangan tersebut meliputi perancangan input dan output. Untuk memahami dan merealisasikan sistem, diperlukan suatu gambaran mengenai sistem alur data yang terjadi. Selain itu pada tahap ini akan ditentukan perancangan form yang akan digunakan serta process specification dan deskripsi data dari database yang telah dibuat. 3.1 Analisis Kebutuhan Software Software yang diperlukan dalam Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum Diskusi adalah sebagai berikut : a. XAMPP for Windows Version 1.7.7 yang digunakan sebagai web server dari forum diskusi yang dibuat. Adapun paket-paket yang terdapat dalam XAMPP for Windows Version 1.7.7 adalah : 1. Apache Web Server sebagai web server. 2. PHP Script Language sebagai script language. 3. MySQL Database sebagai DBMS (Database Management System). 4. PHPMyAdmin Database Manager sebagai database manager. b. Adobe Dreamweaver CS4 digunakan untuk melakukan proses scripting.

3.2 Perancangan Sistem Perancangan sistem bertujuan untuk menentukan rancangan forum diskusi yang akan dibuat. Perancangan sistem ini dimulai dengan perancangan Context Diagram (CD). 3.2.1 Context Diagram (CD) Context Diagram atau diagram konteks adalah merupakan penggambaran secara garis besar Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum Diskusi yang akan dibangun dengan menampilkan input, proses dan output dari sistem. Context Diagram forum diskusi ini dapat dilihat commit to user pada Gambar 3.1

10



3 Mahasiswa

4

WBL D3 TI UNS SUB SISTEM FORUM DISKUSI

2 Dosen 1

Gambar 3.1 Context Diagram Forum Diskusi Keterangan : 1. Username, password, membuat topik, mengirim pesan, komentar 2. Detail komentar dan pesan 3. Username, password, membuat topik, mengirim pesan, komentar 4. Detail komentar dan pesan

3.2.2 Data Flow Diagram Level 0 Berdasarkan context diagram, sistem telah dianalisa menjadi sebuah bentuk yang lebih sederhana, selanjutnya yang perlu dilakukan adalah membuat suatu alur sistem. Berikut adalah DFD level 0 dari Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum Diskusi.

commit to user

11



Username password Username password

Username Password Username password

1.0

Data topik Detail topik Data komentar Detail komentar

Dosen

User

Login Data Kelas

Username password

Data kelas

Username password

2.0

Data dosen

Data Topik

Data dosen

Topik

Detail Topik

Kelas

Data matakuliah

3.0

Data matakuliah

Dosen

Komentar

Detail Komentar

Data topik Data topik

Mahasiswa

Mata Kuliah

Data Komentar Detail pesan Data Pesan Detail pesan

Dosen Data topik Data Data Dosen

4.0

Data topik

Pesan Data komentar Data komentar

Data Pesan

Topik

Detail Statistik

komentar Data Statistik Detail Statistik

Data pesan Data pesan

pesan

Data Mahasisw Data Statistik Data Mahasiwa

mahasiswa Data Statistik

5.0

Data Statistik Data Statistik

Statistik Data Statistik

Gambar 3.2 DFD Level 0 Forum Diskusi commit to user

12



3.2.3 Data Flow Diagram Level 1 Desain DFD level 1 merupakan desain detail dari proses-proses yang ada dalam DFD level 0. Pada level 1 ini terdapat 3 proses utama yaitu : 1. Proses Topik Data matakuliah Data matakuliah

Data topik Detail topik

Dosen

Input Topik Data topik Data topik Detail topik Detail Topik

Mata Kuliah

2.1 Data Topik Data Topik

Topik

2.2

Data Topik

Data Topik

Mahasiswa

Detail Topik

Data Topik

Hapus Topik

Gambar 3.3 DFD Level 1 Proses Topik

2. Proses Komentar Data Topik Data Topik

Data komentar Detail Komentar

Dosen

Topik

3.1 Data Komentar

Input Komentar Data Komentar Data komentar Detail Komentar Detail Komentar

Mahasiswa

Komentar

3.2

Data Kometar Detail Komentar

Data komentar

Data Komentar Data Kometar

Hapus Komentar

Gambar 3.4 DFD Level 1 Proses Komentar

3. Proses Pesan Dosen

4.1

Data pesan Detail pesan

Data pesan

Input Pesan Data pesan Data pesan Data Pesan Detail pesan Detail pesan

Pesan

4.2 Mahasiswa

Data pesan Detail pesan

Data pesan Data pesan

Hapus Pesan

commit to user Gambar 3.5 DFD Level 1 Proses Pesan

13



3.2.4 Entity Relationship Diagram (ERD) Entity Relationship Diagram menggambarkan hubungan antar entitas yang ada dalam aplikasi yang akan dihubungkan. Dapat dilihat digambar 3.5 rancangan erdnya mempunyai dua warna dalam satu sistem. Pembedanya antara warna biru dan merah adalah untuk warna biru merupakan tabel yang sudah ada didalam WBL yang artinya penulis memanfaatkan tabel yang ada di WBL untuk mengembangakan WBL tersebut dengn menanmbahkan sistem forum. Sedangkan warna merah merupakan tambahan tabel yang penulis buat untuk membuat sistem forum didalam WBL. Dalam hal ini aplikasi-aplikasi yang akan dihubungkan adalah dapat dilihat pada Gambar 3.6

commit to user

14



commit to user

15



3.3 Schema Diagram Schema diagram menggambarkan hubungan antar tabel yang ada dalam aplikasi-aplikasi yang akan dihubungkan. Relasi Tabel atau Skema Diagram Forum Diskusi dapat dilihat pada Gambar 3.7 Komentar

Topik

idkomen * idtopik ** username ** isikomen tglkomen

pesan

Idpesan* Dari Untuk Isi Tgl Status aktif dibaca

idtopik * iddosen Idmakul Idkelas subjek tgltopik dibaca

Forum Diskusi

User Mahasiswa

nim * nama templahir tgllahir alamat telp idkelas

Username * Iddosen ** Nim ** password

WBL AmpuMatkul iddosen* Idmakul* Idkelas* idthnajar active jmlhtgs bobottgs bobotkd bobotabsen

Dosen

Iddosen * nama alamat telp idminat idpendidikan matakuliah Idmakul * namamakul semester sks keterangan Kelas Idkelas * Namakelas Tahun korti

Gambar 3.7 Schema Diagram commit to user Forum Diskusi

16



3.4 Rancangan Tabel Tabel adalah bagian dari dalam database yang berfungsi untuk menyimpan data-data tertentu. Pada pembuatan Forum Diskusi ini penulis memanfaatkan program maupun database sistem yang sudah ada sebelumnya di D3 Teknik Informatika UNS, yaitu Web Based Learning. Pada Sistem Web Based Learning mempunyai banyak tabel, karena jenis data yang dimasukan juga bermacammacam. Dengan menggunakan tabel maka akan memudahkan dalam merancang dan mengatur struktur perancangan struktur. Berikut tabel-tabel yang ditampung dalam database Web Based Learning : Tabel yang memanfaatkan tabel Web Based Learning sebelumnya : a. Tabel Mahasiswa Tabel mahasiswa berfungsi untuk menampung data mahasiswa. Detail tabel mahasiswa dapat dilihat pada tabel 3.1 Tabel 3.1 Tabel Mahasiswa Field

Tipe

Panjang

Keterangan

Nim

Varchar

8

Primary Key, Not Null

Nama

Varchar

50

Not Null

Telp

Varchar

15

Not Null

Templahir

Varchar

30

Not Null

Tgllahir

date

Alamat

Varchar

255

Not Null

Idkelas

Varchar

8

Not Null

Not Null

Keterangan : Nim

: primary key, nim mahasiswa

Nama

: nama mahasiswa

Telp

: nomer telpon mahasiwa

Templahir

: tempat lahir mahasiswa

Tgllahir

: tanggal lahir mahasiswa

Alamat

: alamat mahasiswa commit to user

17



Idkelas

: idkelas mahasiswa, sesuai dengan kelasnya masingmasing.

b. Tabel Kelas Tabel kelas adalah tabel yang berfungsi menampung data kelas yang terdapat di D3 Teknik Informatika. Gambar tabel kelas dapat dilihat pada Tabel 3.2 Tabel 3.2 Tabel Kelas Field

Tipe

Panjang

Keterangan

Idkelas

Varchar

8


Namakelas

Varchar

50

Not Null

Tahun

Year

4

Not Null

Korti

Varchar

8

Not Null

Keterangan : Idkelas

: primary key, nomor unik untuk identifikasi nama kelas.

Namakelas

: nama kelas.

Tahun

: tahun angkatan

Korti

: nim korti dikelas tersebut

c. Tabel Makul Tabel Makul atau Mata Kuliah adalah tabel yang berfungsi untuk menampung data mata kuliah. Untuk lebih jelasnya tabel makul dapat dilihat pada Tabel 3.3 Tabel 3.3 Tabel Makul Field

Tipe

Panjang

Keterangan

Idmakul

Varchar

15


Namamakul

Varchar

50

Not Null

Semester

tinyint

4

Not Null

Sks

tinyint

4

Not Null

Keterangan

text

Not Null

Keterangan : Idmakul

: primary key, id mata kuliah commit to user

18



Namamakul

: nama mata kuliah

Semester

: semester berapa matakuliah tersebut

Sks

: jumlah sks

Keterangan

: keterangan bobot sks teori dan praktikum

d. Tabel Dosen Tabel dosen adalah tabel yang menampung data dosen. Berikut adalah gambar tabel dosen, dapat dilihat pada Tabel 3.4 Tabel 3.4 Tabel Dosen Field

Tipe

Panjang

Keterangan

Iddosen

Varchar

20


Nama

Varchar

50

Not Null

Alamat

Varchar

255

Not Null

Telp

Varchar

15

Not Null

Idminat

Varchar

3

Not Null

Idpendidikan

Varchar

3

Not Null

Keterangan : Iddosen

: primary key, merupakan id dosen yaitu NIP atau NIDN.

Nama

: nama dosen

Alamat

: alamat dosen

Telp

: nomer telpon dosen

Idminta

: kode minat

Idpendidikan : kode pendidikan e. Tabel Ampumakul Tabel ampumakul merupakan tabel transaksi, hasil perelasian antara tabel dosen dan tabel makul. Tabel ampumakul dapat dilihat dalam Tabel 3.5 Tabel 3.5 Tabel Ampumakul Field

Tipe

Panjang

Keterangan

Idmakul

Varchar

20

Not Null

Iddosen

Varcharcommit 20to user

19

Not Null



Idkelas

Varchar

15

Not Null

Idtahunajar

Varchar

9

Not Null

Active

Tinyint

1

Not Null

Jmltgs

Int

2

Not Null

Bobottgs

Int

3

Not Null

Bobotkd

Int

3

Not Null

Bobotabsen

Int

3

Not Null

Keterangan : Idmakul

: id mata kuliah yang diampu dosen

Iddosen

: NIP atau NIDN dosen

Idkelas

: nomor unik untuk identifikasi nama kelas

Idtahunajar

: tahun ajaran

Active

: mengaktifkan ampumakul

Jmltgs

: jumlah tugas

Bobottgs

: bobot nilai tugas

Bobotkd

: bobot nilai kd

Bobotabsen

: bobot absensi

f. Tabel User Tabel user adalah tabel yang menampung data user yang meliputi nim,username,password,iddosen. Berikut adalah gambar tabel user, dapat dilihat pada Tabel 3.6 Tabel 3.6 Tabel User Field

Tipe

Panjang

Keterangan

Nim

Varchar

8

Not Null

Username

Varchar

12

Primary Key,Not Null

Password

Varchar

30

Not Null

Iddosen

Varchar

20

Not Null

Keterangan : NIM

: nim mahasiswa

username

: primery key,username yang dipakai user untuk login commit to user

20



password

: password yang dipakai user untuk login

Iddosen


Tabel yang tambahakan pada sistem Web Based Learning : g. Tabel Topik Tabel topik adalah tabel yang menampung data topik. Berikut adalah gambar tabel topik, dapat dilihat pada Tabel 3.7 Tabel 3.7 Tabel Topik Field

Tipe

Panjang

Keterangan

Idtopik

Int

5


Idkelas

Varchar

10

Not Null

Idmakul

Int

3

Not Null

Iddosen

Varchar

20

Not Null

Username

Varchar

12

Not Null

Subjek

Varchar

200

Not Null

Isi_subjek

Text

Not Null

Tgltopik

Datetime

Not Null

Dibaca

Int

Not Null

Keterangan : idtopik

: primery key, nomer unik identifikasi topik

idkelas

: nomor unik untuk identifikasi nama kelas.

idmakul

: id mata kuliah

iddosen


username

: username mahasiswa maupun dosen

subjek

: judul topik

isi_subjek

: isi topik

tgltopik

: tanggal membuat topik

dibaca

: jumlah topic dibaca

h. Tabel Komentar Tabel komentar adalah tabel yang menampung data komentar. Berikut adalah gambar tabel komentar, dapat dilihat pada Tabel 3.8 commit to user

21



Tabel 3.8 Tabel Komentar Field

Tipe

Panjang

Keterangan

Idkomen

Int

5


Idtopik

Int

5

Not Null

Username

Varchar

12

Not Null

Isikomen

Text

Not Null

Tglkomen

Datetime

Not Null

Keterangan : idkomen

: primery key, nomer unik komentar

idtopik

: nomer unik identifikasi topik

username

: username mahasiswa maupun dosen

isikomen

: komentar

tglkomen

: tanggal membuat komentar

i. Tabel Pesan Tabel pesan adalah tabel yang menampung data pesan. Berikut adalah gambar tabel pesan, dapat dilihat pada Tabel 3.9 Tabel 3.9 Tabel Pesan Field

Tipe

Panjang

Keterangan

Idpesan

Varchar

20


Untuk

Varchar

20

Not Null

Isi

Text

Not Null

Tanggal

Datetime

Not Null

Status

Varchar

6

Not Null

Aktif

Int

1

Not Null

Dibaca

Int

1

Not Null

Keterangan : idpesan

: primery key, nomer unik pesan

dari

: dari yang mengirim pesan

untuk

: untuk yang dikirimi pesan

subjek

: judul pesan commit to user

22



isi

: isi pesan

tglkomen

: tanggal mengirim pesan

status

: status pesan (keluar/masuk)

aktif

: untuk mengaktifkan pesan

3.5 Desain Website Website adalah salah satu penyampaian informasi yang dikenal sangat cepat, mudah dan up to date, karena didalamnya juga terdapat manajemen file direktori yang memudahkan administrator untuk melakukan manajemen website tersebut. Website memiliki struktur file direktori yang dapat menggambarkan proses yang ada dalam sistem. Dalam website ini terdiri dari dua struktur direktori yakni direktori pengunjung dan direktori administrator. Website juga memerlukan desain template untuk mempermudah dalam menampilkan penempatan icon-icon seperti gambar, banner, link serta fasilitas lain yang ada dalam website. 3.5.1. Tampilan Layout Awal untuk Halaman Forum Mahasiswa Tampilan Forum Diskusi untuk halaman mahasiswa ditunjukkan pada Gambar 3.8

commit to user

23



D3 TEKNIK INFORMATIKA UNS Web Base Learning

Header Home Kuliah Restrasi Kelas Ganti Password Forum Pesan Logout

No

Matakuliah

Dosen

Action

Footer

Gambar 3.8 Gambar layout awal forum diskusi

3.5.2. Tampilan Layout Topik untuk Halaman Forum Mahasiswa Tampilan topik untuk halaman mahasiswa ditunjukkan pada Gambar 3.9



Mata Kuliah : Topik

Komentar Dibaca Komentar Terakhir

Buat Topik Kembali Footer

Gambar 3.9 Gambar layout topik forum diskusi commit to user

24



3.5.3. Tampilan Layout Komentar untuk Halaman Forum Mahasiswa Tampilan komentar untuk halaman mahasiswa ditunjukkan pada gambar 3.10 D3 TEKNIK INFORMATIKA UNS Web Base Learning


Topik Isi Topik

Komentar Kode Verifikasi Tambah Komentar Footer

Gambar 3.10 Gambar layout komentar forum diskusi

3.5.4. Tampilan Layout Pesan untuk Halaman Mahasiswa Tampilan komentar untuk halaman dosen ditunjukkan pada Gambar 3.11


Banner Home Kuliah Restrasi Kelas Ganti Password Forum Pesan Logout

Kotak Masuk Pesan Baru footer

Gambar 3.11 Gambar layout pesan commit to user

25



3.5.5. Tampilan Layout Kotak Masuk untuk Halaman Mahasiswa Tampilan komentar untuk halaman dosen ditunjukkan pada Gambar 3.12



No

Nama

Pesan Baru Footer

Gambar 3.12 Gambar layout kotak masuk pesan

3.5.6. Tampilan Layout Awal untuk Halaman Forum Dosen Tampilan Forum Diskusi untuk halaman dosen ditunjukkan pada gambar 3.13 D3 TEKNIK INFORMATIKA UNS Web Base Learning

Header Home Upload Modul Upload Soal Tgas Download Hasil Tugas Update Info Update Nilai Forum Pesan Logout

No

Matakuliah

Kelas

Action

Footer

Gambar 3.13 Gambar layout awal forum diskusi commit to user

26



3.5.7. Tampilan Layout Topik untuk Halaman Forum Dosen Tampilan topik untuk halaman dosen ditunjukkan pada Gambar 3.14 D3 TEKNIK INFORMATIKA UNS Web Base Learning


Mata Kuliah : Topik

Komentar Dibaca Komentar Terakhir

Buat Topik Kembali Footer

Gambar 3.14 Gambar layout topik forum diskusi

3.5.8. Tampilan Layout Komentar untuk Halaman Forum Dosen Tampilan komentar untuk halaman dosen ditunjukkan pada Gambar 3.15 D3 TEKNIK INFORMATIKA UNS Web Base Learning


Topik Isi Topik

Komentar Kode Verifikasi Tambah Komentar Footer

Gambar 3.15 Gambar layout topik forum diskusi commit to user

27



3.5.9. Tampilan Layout Pesan untuk Halaman Dosen Tampilan awal pesan untuk halaman dosen ditunjukkan pada Gambar 3.16


Banner Home Kuliah Restrasi Kelas Ganti Password Forum Pesan Logout

Kotak Masuk Pesan Baru footer

Gambar 3.16 Gambar layout pesan

3.5.10. Tampilan Layout Kotak Masuk untuk Halaman Dosen Tampilan kotak masuk untuk halaman dosen ditunjukkan pada Gambar 3.17 D3 TEKNIK INFORMATIKA UNS Web Base Learning


No

Nama

Pesan Baru Footer

Gambar 3.17 Gambar layout kotak masuk pesan

commit to user

28



3.5.11. Tampilan Layout Pilih Kelas di Pesan untuk Halaman Dosen Tampilan komentar untuk halaman dosen ditunjukkan pada Gambar 3.17 D3 TEKNIK INFORMATIKA UNS Web Base Learning


Kelas

Footer

Gambar 3.17 Gambar layout pilih kelas pesan

3.6 Site Map Site Map adalah peta situs yang menjelaskan struktur dari menu yang ada dalam sistem. Peta situs Web Based Learning sub sistem Forum sebagai berikut : 3.6.1. Site Map untuk Halaman Mahasiswa

Sistem Web Based Learning

Home

Halaman Login

Kuliah

Regestrasi Kelas

Matakuliah

Kelas

Halaman Mendaftar

Logout

Halaman Ganti Password

Statistik

Masuk Forum Halaman Matakuliah Halaman Topik

Halaman Informasi

Halaman Modul

Halaman Tugas

Halaman Nilai

Halaman Komentar

Gambar 3.16 Gambar site map untuk mahasiswa commit to user

29

Pesan

Halaman Forum

Halaman Pesan Baru

Halaman Kotak masuk

Halaman Membuat Pesan

Halaman Nama Mahasiswa

Halaman Pesan



3.6.2. Site Map untuk Halaman Dosen Sistem Web Based Learning

Home

Halaman Login

Upload Modul

Upload Soal dan Tugas

Logout

Update Info

Forum Pesan

Matakuliah Matakuliah

Download Hasil Tugas

Matakuliah

Matakuliah

Halaman Form Update Info

Halaman Matakuliah

Halaman Pesan Baru

Halaman Kotak masuk

Matakuliah

Halaman Topik

Halaman Memilih Kelas

Halaman Nama Mahasiswa

Halaman Form Update Nilai

Halaman Komentar

Halaman Membuat Pesan

Halaman Pesan

UpdateNilai Upload Soal dan Tugas

Halaman Upload Modul Downlload Jawaban

Gambar 3.17 Gambars site map untuk dosen

commit to user

30



BAB IV IMPLEMENTASI DAN ANALISA 4.1 Implementasi Hasil perancangan dan pembuatan aplikasi Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum Diskusi menghasilkan tampilan-tampilan berikut, yang meliputi : 4.1.1

Halaman Login Untuk Mahasiswa dan Dosen Halaman ini merupakan tampilan awal saat aplikasi dijalankan. Halaman login ini yang akan mengakses Web Based Learning.untuk dosen maupun mahasiwa. Pada

halaman ini kita memasukan username dan

password setelah memasukkan username dan password diverifikasi dengan tabel user apakah username dan password yang digunakan sudah sesuai dengan tabel user. Tampilan halaman ini ditunjukan dalam Gambar 4.1 berikut ini :

commit user Gambar 4.1toHalaman Login

31



4.1.2

Halaman Index Forum untuk Mahasiswa Halaman ini merupakan halaman awal disaat setelah memilih menu forum, untuk memilih masuk ke forum atau memilih ke statistik. Didalam forum ini dapat dikategorikan per matakuliah dengan pengampu matakuliah

masing-masing

kelas.

Sedangkan

statistik

ini

dapat

menampilakan grafik topik apa saja yang sering dikomentari mahasiswa.

Gambar 4.2 Halaman Index Forum 4.1.3

Halaman Menampilkan Matakuliah Halaman ini merupakan tampilan disaat memilih menu forum. Di halaman ini menampilkan mata kuliah dengan dosen yang telah mengampu mata kuliah tersebut serta action. Action ini merupakan aksi untuk masuk ke halaman selanjutnya yaitu halaman topik. Untuk masuk kedalam topik yang ada atupun untuk membuat topik tinggal memilih action untuk masuk ke halaman topik. Halaman ini diperoleh dari menampilkan tabel ampumakul. Tampilan halaman ini ditunjukan dalam Gambar 4.3 berikut ini :

commit to user Gambar 4.3 Halaman Menampilkan Matakuliah untuk Mahasiswa 32



4.1.4

Halaman Form Membuat Topik untuk Mahasiswa Halaman ini merupakan tampilan from untuk membuat topik dalam diskusi antar mahasiswa dan dosen pengampu matakuliah tersebut. Di halaman ini harus mengisi judul topik, isi topik yang diangkat dan selanjutnya mengisi kode verifikasi dengan menjawab penjumlahan. Tampilan halaman ini ditunjukan dalam Gambar 4.4 berikut ini :

Gambar 4.4 Halaman Mahasiswa Membuat Topik untuk Mahasiswa

commit to user

33



4.1.5

Halaman Komentar untuk Mahasiswa Halaman ini merupakan tampilan untuk membuat komentar disebuah topik yang sudah dibuat dalam diskusi antar mahasiswa dan dosen pengampu matakuliah tersebut. Tampilan halaman ini ditunjukan dalam Gambar 4.5 berikut ini :

Gambar 4.5 Halaman Membuat Komentar untuk Mahasiswa

commit to user

34



4.1.6

Halaman Topik untuk Mahasiswa Dihalaman ini banyak pilihan topik untuk tema diskusi yang akan dilakukan. Halaman menampilakan banyak topik yang telah dibuat dengan berapa komentar yang ada didalam topik, berapa kali topik tersebut dibaca dan siapa komentar terakhir. pada halaman ini mahasiswa dapat membuat topic diskusi dan menghapus topic. Untuk menghapus topic ini yang dapat menghapus adalah mahasiswa yang membuat topic tersebut. Disini tampilan topik ditampilakan berdasarkan topik yang terpopuler dengan kurun waktu 30 hari dan ditampilkan topik yang baru menurut tanggal pembuatan. Tampilan halaman ini ditunjukan dalam Gambar 4.6 berikut ini :

Gambar 4.6 Halaman Topik untuk Mahasiswa commit to user

35



4.1.7

Halaman Membuat Pesan untuk Mahasiswa Halaman ini merupakan tampilan untuk membuat pesan. Untuk membuat pesan harus memilih kepada dosen siapa yang akan dipilih. Untuk nama dosen yang muncul adalah dosen yang belum pernah menerima pesan maupun belum pernah dikirimi pesan oleh kita. Apabila sudah pernah dikirim tinggal dihalaman awal pesan tadi memilih dosen yang dikirimi pesan. Karena pesan disini modelnya hampir sama dengan chat yang berkelanjutan.. Tampilan halaman ini ditunjukan dalam Gambar 4.7 dan 4.8 berikut ini :

Gambar 4.7 Halaman Membuat Pesan untuk Mahasiswa

Gambar 4.8 Halaman Membuat Pesan untuk Mahasiswa

commit to user

36



4.1.8

Halaman Pesan untuk Mahasiswa Halaman ini merupakan tampilan awal pesan setelah memilih menu pesan. Di halaman ini terdapat pilihan kotak masuk dan pesan baru. Dikotak masuk ada sebuah angka yang menunjukkan badwa ada pesan yang masukTampilan halaman ini ditunjukan dalam Gambar 4.9 berikut ini :

Gambar 4.9 Halaman Awal Pesan untuk Mahasiswa

commit to user

37



4.1.9

Halaman Kotak Masuk untuk Mahasiswa Halaman ini merupakan tampilan kotak masuk di dalam pesan. Kotak masuk ini merupakan pesan yang telah masuk dengan huruf tebal menunjukan bahwa pesan tersebut ada pesan baru. Tampilan halaman ini ditunjukan dalam Gambar 4.10 berikut ini :

Gambar 4.10 Halaman Kotak Masuk untuk Mahasiswa

commit to user

38



4.1.10 Halaman Index Forum untuk Dosen Halaman ini merupakan halaman awal disaat setelah memilih menu forum, untuk memilih masuk ke forum atau memilih ke statistik. Didalam forum ini dapat dikategorikan per matakuliah dengan pengampu matakuliah

masing-masing

kelas.

Sedangkan

statistik

ini

dapat

menampilakan grafik topik apa saja yang sering dikomentari mahasiswa.

Gambar 4.11 Halaman Index Forum 4.1.11 Halaman Menampilkan Kelas dan Matakuliah diampu untuk Dosen Halaman ini merupakan tampilan disaat memilih masuk forum. Di halaman ini menampilkan mata kuliah dengan kelas yang telah diampu serta action. Action ini merupakan aksi untuk masuk ke halaman selanjutnya yaitu halaman topik. Disini mata kuliah yang ditampilkan hanya mata kuliah yang telah diampu dosen tersebut serta kelas apa saja yang diampunya. Tampilan halaman ini ditunjukan dalam Gambar 4.12 berikut ini :

Gambar 4.12 Halaman kelas untuk Dosen commit to user

39



4.1.12 Halaman Membuat Topik untuk Dosen Halaman ini merupakan tampilan untuk membuat topik dalam diskusi antar mahasiswa dan dosen pengampu matakuliah tersebut. Di halaman ini harus mengisi judul topik, isi topik yang diangkat dan selanjutnya mengisi kode verifikasi dengan menjawab penjumlahan. Tampilan halaman ini ditunjukan dalam Gambar 4.13 berikut ini :

Gambar 4.13 Halaman Mahasiswa Membuat Topik untuk Dosen 4.1.13 Halaman Komentar untuk Dosen Halaman ini merupakan tampilan untuk membuat komentar disebuah topik yang sudah dibuat dalam diskusi antar mahasiswa dan dosen pengampu matakuliah tersebut. Tampilan halaman ini ditunjukan dalam Gambar 4.14 berikut ini :

commit to user Gambar 4.14 Halaman Membuat Komentar untuk Dosen 40



4.1.14 Halaman Topik untuk Dosen Halaman ini merupakan tampilan topik-topik yang ada. Di halaman ini menampilakan banyak topik dengan tiap topik berisi berapa komentar yang ada didalam topik, berapa kali topik tersebut dibaca dan siapa komentar terakhir. Didalam komentar terakhir juga terdapat aksi hapus yang digunakan untuk menghapus topik. Akan tetapi, untuk menghapus topik adalah orang yang membuat topik tersebut apabila bukan yang membuat topik maka aksi hapus ini tidak akan muncul dan orang lain tidak dapat menghapusnya. Disini tampilan topik ditampilakan berdasarkan topik yang terpopuler dengan kurun waktu 30 hari dan ditampilkan topik yang baru menurut tanggal pembuatan. Tampilan halaman ini ditunjukan dalam Gambar 4.15 berikut ini :

Gambar 4.15 Halaman Topik untuk Dosen commit to user

41



4.1.15 Halaman Membuat Pesan untuk Dosen Halaman ini merupakan tampilan untuk membuat pesan. Untuk membuat pesan harus memilih kepada mahasiswa siapa yang akan dipilih. Untuk nama mahasiswa yang muncul adalah mahasiswa yang belum pernah menerima pesan maupun belum pernah dikirimi pesan oleh kita. Apabila sudah pernah dikirim tinggal dihalaman awal pesan tadi memilih mahasiswa yang dikirimi pesan. Karena pesan disini modelnya hampir sama dengan chat yang berkelanjutan. Namun, dihalaman ini ada sedikit yang membedakan pada halaman pesan mahasiswa. Pembedanya adalah disaat membuat pesan baru dihalaman selanjutnya ditampilkan pilihan menu untuk memilih kelas mana yang akan dikirimi pesan. Tampilan halaman ini ditunjukan dalam Gambar 4.16 dan 4.17 berikut ini :

Gambar 4.16 Halaman Memilih Kelas yang Diampu untuk Pesan Dosen

Gambar 4.17 Halaman Membuat commit to userPesan untuk Mahasiswa

42



4.1.16 Halaman Pesan untuk Dosen Halaman ini merupakan tampilan awal pesan setelah memilih menu pesan. Di halaman ini terdapat kotak masuk dan pesan baru.diktak masuk ada angka yang menunjukan bahwa ada pesan masuk sebanyak angka yang tertera pada kotak masuk. Tampilan halaman ini ditunjukan dalam Gambar 4.18 berikut ini :

Gambar 4.18 Halaman Awal Pesan untuk Dosen

commit to user

43



4.1.17 Halaman Membuat Kotak Masuk untuk Dosen Halaman ini merupakan tampilan kotak masuk di dalam pesan. Kotak masuk ini merupakan pesan yang telah masuk dengan huruf tebal menunjukan bahwa pesan tersebut ada pesan baru. Tampilan halaman ini ditunjukan dalam Gambar 4.19 berikut ini :

Gambar 4.19 Halaman Kotak Masuk untuk Dosen

commit to user

44



4.1.18 Halaman Statistik Dosen Halaman ini merupakan tampilan staistik topic per matakuliah yang ada. Disini ditampilkan grafik dimatakuliah mana yang mempunyai banyak topic, dan untuk keteranganya ditunjukan tiap matakuliah ada 5 topik yang popular di setiap kelas diskusi tersebut. Tampilan halaman ini ditunjukan dalam Gambar 4.20 berikut ini :

commit to user Gambar 4.20 Halaman Statistik Dosen

45



4.1.19 Halaman Statistik Mahasiswa Halaman ini merupakan tampilan staistik topic per matakuliah yang ada. Disini ditampilkan grafik dimatakuliah mana yang mempunyai banyak topic, dan untuk keteranganya ditunjukan tiap matakuliah ada 5 topik yang popular di setiap mata kuliah tersebut. Tampilan halaman ini ditunjukan dalam Gambar 4.21 berikut ini :

Gambar 4.20 Halaman Statistik Mahasiswa

4.2 Evaluasi Dalam Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum Diskusi ada beberapa penambahan sistem, yaitu forum dan pesan. Untuk forum digunakan sebagai wadah bertukar pikiran antar mahasiswa maupun dosen.Didalam forum tersebut per kelas dengan commit to user pengampu dosen masing-masing matakuliah yang mengampu dikelas 46



tersebut. Maka untuk mahasiswa yang berbeda kelas dan dosen yang tidak mengampu dikelas itu tidak dapat ikut berdiskusi. Untuk forum tersebut dosen maupun mahasiwa dapat membuat topik untuk bahan diskusi. Untuk mengomentari topik yang telah dibuat dapat dilakukan dengan syarat dosen maupun mahasiswa merupakan satu kelas. Disini dapat diketahui siapa yang membuat topik maupun mengomentari topik karena username dari user ditampilkan. Didalam tampilan forum juga dapat dilihat siapa yang berkomentar terakhir disetiap topik dan berapa kali topik itu dibaca. Untuk pesan digunakan untuk mahasiswa bertanya dengan dosen secara private apabila mahasiswa tersebut malu bertanya dihadapan temantemanya. Tampilannya seperti chat, jadi dapat dilihat apa yang ditanya tanpa harus membuka tampilan terkirim.

commit to user

47


digilib.uns.ac.id

BAB V PENUTUP

A. Kesimpulan Berdasarkan pembahasan yang telah diuraikan, dapat diambil kesimpulan bahwa aplikasi Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum telah berhasil dibuat dan siap untuk diimplementasikan antara lain : 1. Mahasiswa dapat membuat topik didalam sistem forum. 2. Mahasiswa dapat mengomentari setiap topik di dalam sistem forum. 3. Mahasiwa dapat mengirim pesan kepada dosen matakuliah yang mengampunya. 4. Dosen dapat membuat topik didalam sistem forum. 5. Dosen dapat mengomentari setiap topic didalam sistem forum. 6. Dosen dapat mengirm pesan kepada mahasiswa yang diampu dosen matakuliah yang diambil. B. Saran Berdasarkan hasil yang didapat, penulis memberikan saran agar dapat dilanjutkan pengembangan sistem, antara lain : 1. Dapat ditambahkan pemberitahuan apabila ada pesan terbaru maupun komentar baru dari mahasiswa dan dosen. 2. Dapat mengetahui user lain sedang online kemudian dapat melakukan chatting.

commit to user

48

Pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem Forum

Recommend Documents