PENGEMBANGAN E-FORUM TEKNOLOGI IMFORMASI UMY

PENGEMBANGAN E-FORUM TEKNOLOGI INFORMASI UMY

Skripsi

Untuk memenuhi sebagian persyarata n

Menca pai deraja t Sarja na S -1

Diajukan oleh : Mhd. Haikal Zaini Z

20120140134

PRO GR AM STUDI TEKNO LO GI IN FORM ASI FAKULT AS TEKNIK UNI VERSI T AS MUH AMMADIY AH

YOGY AK ART A 2016

PENGEMBANGAN E-FORUM TEKNOLOGI INFORMASI UMY

Skripsi

Untuk memenuhi sebagian persyarata n

Menca pai deraja t Sarja na S -1

Diajukan oleh : Mhd. Haikal Zaini Z

20120140134

PRO GR AM STUDI TEKNO LO GI IN FORM ASI FAKULT AS TEKNIK UNI VERSI T AS MUH AMMADIY AH

YOGY AK ART A 2016

HALAMAN PENGESAHAN I

SKRIPSI

PENGEMBANGAN E-FORUM TEKNOLOGI INFORMASI UMY

Diajukan oleh : MHD. HAIKAL ZAINI Z

20120140134

Telah disetujui oleh : Dosen Pembimbing I

Dr. Ir. Dwijoko Purbohadi, M.T NIK: 19680202199502123019 Tanggal : ……….

Dosen Pembimbing II

Reza Giga Isnanda, S.T., M.Sc. NIK: 19860603201504123071 Tanggal : ……….

HALAMAN PENGESAHAN II

SKRIPSI

PENGEMBANGAN E-FORUM TEKNOLOGI INFORMASI UMY

Diajukan oleh :

MHD. HAIKAL ZAINI Z 20120140134

Skripsi ini telah Dipertahankan dan Disahkan di depan Dewan Penguji Program Studi Teknologi Informasi Fakultas Teknik Universitas Muhammadiyah Yogyakarta

Tanggal 31 Maret 2017

Dosen Penguji:

Dr. Ir. Dwijoko Purbohadi, M.T NIK: 19680202199502123019

Aprilia Kurnianti, S.T., M.Eng. NIK: 19840418201504123069

Reza Giga Isnanda, S.T., M.Sc. NIK: 19860603201504123071

HALAMAN PERNYATAAN

Saya menyatakan bahwa skripsi tidak mengandung karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak mengandung karya atu pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali secara tulisan diacu dalam naskah dan disebutkan dalam daftar pustaka.

Yogyakarta, April 2017

HALAMAN PERSEMBAHAN

Ku persembahkan karya sederhana ini kepada orang yang sangat ku sayangi, Mhd. Akhir Zebua, S.E. dan Ir. Zainimar,

Untukmu Ayah dan Ibu terbaik, sebagai tanda bakti, hormat dan rasa terima kasih yang tiada terhingga kupersembahkan karya kecil ini kepada Papa dan Mama yang

telah memberikan kasih sayang, segala dukungan dan cinta kasih yang tiada terhingga, yang mungkin hanya dapat di balas dengan selembar kertas yang

bertuliskan kata cinta dan persembahan. Bg Iqbal, Iky, Ogi dan Akhza dan keluarga besar.

Abang dan adik-adik kesayangan yang selalu menjadi motivasi dan penyemangat. Terima kasih atas canda tawa dan doa yang mampu menguatkan.

Sahabat dan Teman-teman Seperjuangan,

Untuk sahabatku, teman-temanku, terima kasih atas bantuan, doa, nasehat, hiburan, ejekan dan semangat yang kalian berikan selama ini.

KATA PENGANTAR

Assalamualaikum Wr. Wb.

Segala puji dan syukur penulis panjatkan atas kehadirat Allah SWT, karena berkat rahmat dan ridho-Nya penulis dapat menyelesaikan skripsi yang berjudul

”Pengembangan E-Forum Teknologi Informasi UMY”.

Adapun maksud dari penulisan skripsi ini adalah untuk memenuhi salah satu syarat untuk memperoleh gelar Sarjana Teknik pada Universitas Muhammadiyah Yogyakarta. Dalam menyelesaikan skripsi ini penulis tidak lupa mengucapkan terima kasih kepada pihak yang telah membantu dan memberikan dukungan sehingga terselesaikan skripsi ini khususnya kepada :

1. Bapak Dr. Ir. Dwijoko Purbohadi, M.T. dan Reza Giga Isnanda, M.T., M.Sc. selaku dosen pembimbing I dan II yang telah banyak memberikan bimbingan, arahan, nasehat serta waktunya selama penelitian dan penulisan skripsi ini.

2. Bapak Muhammad Helmi Zain Nuri, S.T., M.T. selaku Ketua Program Studi S1 Teknologi Informasi yang telah memberikan ilmu dan pengalaman kepada seluruh mahasiswa.

3. Ibu Aprilia Kurnianti, S.T., M.Eng. selaku dosen penguji, segenap dosen dan civitas akademik di lingkungan Kampus Universitas Muhammadiyah Yogyakarta khususnya di Prodi Teknologi Informasi yang telah membantu dan membagi ilmunya kepada penulis selama proses belajar hingga tersusunnya skripsi ini. 4. Papa dan Mama atas kesabaran, do’a dan tidak pernah lelah dalam mendidik dan

mengingatkan dan mendukung dalam pelaksanaan penelitian dan penulisan skripsi.

5. Sahabat SMA sekaligus teman satu kontrakan (Teguh Udin, Nazri Fadhlan dan Deri MU) kalian adalah teman satu perjuangan dalam menggapai cita-cita rantau orang, kota Istimewa ini.

6. Keluarga di organisasi BEM KMFT UMY, KMTI UMY dan IMTA Jogja yang telah mengajarkan begitu banyak ilmu terutama Kepemimpinan dan Kedisiplinan. Terima kasih atas amanah besar dan kepercayaan yang telah diberikan.

7. Seluruh teman, sahabat, TI UMY kelas C 2012, teman Angkatan 2012, senior serta junior dan pihak-pihak yang tidak dapat disebutkan satu-persatu yanng selalu memberikan dorongan dan masukan serta bantuan baik moril maupun materil yang tak ternilai harganya.

Penulis menyadari sepenuhnya bahwa dalam penulisan skripsi ini masih banyak terdapat kekurangan, oleh sebab itu penulis sangat mengharapkan sumbangan pikiran dari pembaca yang bersifat membangun, guna menyempurnakan penulisan skripsi ini. Semoga Allah SWT melimpahkan semua rahmat dan karunia-Nya kepada kita semua.

Wassalamu’alaikum Wr. Wb.

Yogyakarta, September 2016

INTISARI

Diskusi online merupakan sarana yang efektif dan efisien untuk menggantikan diskusi secara konvensional. Banyak organisasi, komunitas, lembaga dan institusi yang ikut mengembangkan dan menggunakan forum diskusi online sebagai wadah untuk memberi dan bertukar informasi dan ilmu. Begitu juga dengan jurusan Teknologi Informasi Universitas Muhammadiyah Yogyakarta. Teknologi Informasi Universitas Muhammadiyah Yogyakarta sudah memiliki suatu wadah diskusi menggunakan Learning Management System (LMS). Namun itu dirasakan masih ada kekurangan, wadah untuk berdiskusi terbagi atas tingkatan dan matakuliah yang diambil, sehingga tidak semua tingkatan angkatan bisa berdiskusi dalam satu wadah. Website ini dikembangkan untuk menampung seluruh mahasiswa sehingga dapat berdiskusi dalam satu wadah. Serta dalam pengembangannya, topik dan subtopik yang diambil tidak hanya berdasarkan matakuliah saja, namun juga dipilih dengan menyesuaikan minat mahasiswa pada saat itu. Juga penambahan feature ”Insert Coding” yang cocok dipakai untuk mahasiswa Teknologi Informasi. Website ini dibangun dengan metode waterfall dengan beberapa tahapan, yaitu Analysis, Design, Coding dan Testing. Sehingga pembangunan sistem akan jadi terarah. Dari hasil pengujian, website ini berhasil, tidak terdapat bugs dan sudah sesuai dengan tujuan dan rancangan pengujian. Dengan adanya website diskusi online ini, mahasiswa Teknologi Informasi UMY serta alumni dan dosen dapat lebih aktif untuk bertukar informasi dan berdiskusi.

ABSTRACT

Online discussion is an effective and an efficient means to replace the conventional discussion. Many organizations, communities and institutions participate in developing and using online discussion forums as a place to provide and exchange information and knowledge. Department of Information Technology Muhammadiyah University of Yogyakarta is using online discussion also. Information Technology of Muhammadiyah University of Yogyakarta has had a discussion forum using a Learning Management System (LMS). However it still has a weakness, website for discussion is divided into class years and courses taken, thus, not all students could discuss in one forum or website. This website was developed to accommodate all students so that they can discuss in one forum. In its development, the topics and subtopics not only are taken by the courses but also are selected by the students interest at the time. Also, the addition "Insert Coding" feature is suitable for students of Information Technology. This website was created using waterfall method with multiple stages, i.e. Analysis, Design, Coding and Testing. Thus, the construction of the system will be directed. From the test results, the website was successfully built and there are no bugs. By the website's online discussion, students, alumni and lecturers can more actively exchange the information and discuss some issues.

DAFTAR ISI

HALAMAN PERNYATAAN... III HALAMAN PERSEMBAHAN ... IV KATA PENGANTAR ... V INTISARI ... VII ABSTRACT ... VIII DAFTAR ISI ... IX DAFTAR GAMBAR ... XII DAFTAR TABEL ... XV BAB I PENDAHULUAN ... 1

1.1.Latar Belakang 1

1.2. Rumusan Masalah 2

1.3.Tujuan Penelitian 3

1.4.Batasan Masalah 3

1.5.Manfaat Penelitian 3

1.6.Sistematika Penulisan 4

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI... 6

2.1. Tinjauan Pustaka 6

2.2. Landasan Teori 8

2.2.1 Alat ... 8 2.2.2 Bahan ... 10

2.3. Alur Penelitian 11

2.4.Analisis Proses Diskusi Yang Sedang Diterapkan 14 2.4.1 Analisis Diskusi Menggunakan LMS... 14 2.4.2 Analisis Diskusi Menggunakan Facebook ... 16

2.5. Analisis Kebutuhan Sistem 17

2.7. Perancangan Sistem 20

2.7.1 Perancangan Sistem Website... 20

2.7.2 Rancangan User interface (Antarmuka) ... 28

2.7.3 Rancangan Syarat dan Ketentuan ... 48

2.8 Perancangan Topik dan Subtopik 49 2.9 Kamus Data Database 50 BAB III RANCANGAN PENGUJIAN ... 54

3.1 Metode Pengujian 54 3.2 Alat dan Bahan, Objek serta Tempat Pengujian 55 3.3 Tahapan Pengujian 55 3.3.1 Pengujian User interface (UI)... 55

3.3.2 Pengujian Fungsi Dasar Sistem ... 60

3.3.3 Pengujian Validasi ... 61

BAB IV HASIL DAN IMPLEMENTASI ... 63

4.1 Hasil 63 4.2 Pembangunan Sistem 63 4.2.1 Instalasi Aplikasi Server Local ... 63

4.2.2 Pembuatan Database ... 64

4.2.3 Coding ... 65

4.2.3 Hosting dan Domain ... 66

4.3 Impelementasi User interface Website 68 4.3.1 Halaman Index ... 68

4.3.2 Halaman Aktifasi Akun ... 70

4.3.3 Halaman Login ... 70

4.3.4 Halaman Home ... 71

4.3.4 Halaman Topik ... 71

4.3.5 Halaman Subtopik ... 73

4.3.6 Halaman Pencarian ... 73

4.3.7 Halaman Thread ... 74

4.3.8 Halaman Bikin Thread ... 75

4.3.9 Halaman Komentar ... 75

4.3.10 Halaman Profil ... 76

4.3.11 Halaman Manage Topik ... 77

4.3.12 Halaman Manage Subtopik... 78

4.3.13 Halaman Manage Member ... 79

4.3.15 Halaman Chatbox ... 82

4.3.16 Halaman Tentang E-Forum... 82

4.3.17 Halaman Syarat dan Ketentuan ... 83

4.3.18 Halaman Manage Akun ... 84

4.3.19 Halaman Pendaftaran Akun ... 85

4.3.20 Halaman Import Data ... 86

4.4 Implementasi Pengujian 87 BAB V KESIMPULAN DAN SARAN ... 95

5.1 Kesimpulan 95 5.2 Saran 95 DAFTAR PUSTAKA ... 97

DAFTAR GAMBAR

Gambar 2 1 Model SDLC (Software Development Life Cycle) Waterfall ... 11

Gambar 2. 2 Analisis Proses Diskusi Menggunakan LMS ... 15

Gambar 2. 3 Analisis Proses Diskusi Menggunakan Facebook ... 16

Gambar 2. 4 Analisis Kebutuhan Sistem ... 18

Gambar 2. 5 Use case Diagram Member dan Pengunjung ... 21

Gambar 2. 6 Use case Diagram Admin ... 23

Gambar 2. 7 Flowchart Website ... 25

Gambar 2. 8 Entity Relationship Diagram (ERD)... 26

Gambar 2. 9 Bagian-bagian Halaman Website ... 28

Gambar 2. 10 Bagian Header Halaman untuk Member dan Pengunjung ... 29

Gambar 2. 11 Bagian Header Halaman untuk Member dan Pengunjung ... 30

Gambar 2. 12 Halaman Index ... 32

Gambar 2. 13 Halaman Home ... 33

Gambar 2. 14 Halaman Topik ... 34

Gambar 2. 15 Halaman Subtopik... 35

Gambar 2. 16 Halaman Pencarian ... 36

Gambar 2. 17 Halaman Thread... 37

Gambar 2. 18 Halaman Bikin Thread ... 38

Gambar 2. 19 Halaman Syarat dan Ketentuan ... 39

Gambar 2. 20 Halaman Tentang E-Forum ... 40

Gambar 2. 21 Halaman Login ... 41

Gambar 2. 22 Halaman Pendaftaran ... 42

Gambar 2. 24 Halaman Manage Topik ... 44

Gambar 2. 25 Halaman Manage Subtopik ... 45

Gambar 2. 26 Halaman Manage Member ... 46

Gambar 2. 27 Halaman Banned ... 47

Gambar 4. 1 Running Apache dan MySQL di XAMPP ... 64

Gambar 4. 2 Pembuatan Database dengan phpmyadmin ... 65

Gambar 4. 3 Coding menggunakan IDE Netbeans 8.0.2 ... 66

Gambar 4. 4 Tampilan cPanel pada Niagahoster ... 67

Gambar 4. 5 Tampilan Halaman Akun Member... 68

Gambar 4. 6 Halaman Index ... 69

Gambar 4. 7 Halaman Aktifasi Akun ... 69

Gambar 4. 8 Halaman Login ... 70

Gambar 4. 9 Halaman Home ... 71

Gambar 4. 10 Halaman Topik ... 72

Gambar 4. 11 Halaman Subtopik... 72

Gambar 4. 12 Halaman Pencarian ... 73

Gambar 4. 13 Halaman Thread... 74

Gambar 4. 14 Halaman Bikin Thread ... 75

Gambar 4. 15 Halaman Komentar ... 76

Gambar 4. 16 Halaman Profil ... 77

Gambar 4. 17 Halaman Manage Topik ... 78

Gambar 4. 18 Halaman Manage Subtopik ... 79

Gambar 4. 19 Halaman Manage Member ... 80

Gambar 4. 22 Halaman Tentang E-Forum ... 82

Gambar 4. 23 Halaman Syarat dan Ketentuan ... 83

Gambar 4. 24 Halaman Manage Akun ... 84

Gambar 4. 25 Halaman Pendaftaran Akun ... 85

DAFTAR TABEL

Tabel 2. 1 Tabel Question ... 50

Tabel 2. 2 Tabel Answer ... 51

Tabel 2. 3 Tabel Chat ... 51

Tabel 2. 4 Tabel Chatmaster ... 52

Tabel 2. 5 Tabel Subtopic... 52

Tabel 2. 6 Tabel Topic... 52

Tabel 2. 7 Tabel User ... 53

Tabel 3. 1 Kasus Uji Pengujian User interface ... 56

Tabel 3. 2 Kasus Uji Pengujian Fungsi Dasar Sistem ... 60

Tabel 3. 3 Kasus Uji Pengujian Validasi ... 61

Tabel 4. 1 Pengujian User interface ... 87

Tabel 4. 2 Pengujian Fungsi Dasar Sistem ... 92

INTISARI

Diskusi online merupakan sarana yang efektif dan efisien untuk menggantikan diskusi secara konvensional. Banyak organisasi, komunitas, lembaga dan institusi yang ikut mengembangkan dan menggunakan forum diskusi online sebagai wadah untuk memberi dan bertukar informasi dan ilmu. Begitu juga dengan jurusan Teknologi Informasi Universitas Muhammadiyah Yogyakarta. Teknologi Informasi Universitas Muhammadiyah Yogyakarta sudah memiliki suatu wadah diskusi menggunakan Learning Management System (LMS). Namun itu dirasakan masih ada kekurangan, wadah untuk berdiskusi terbagi atas tingkatan dan matakuliah yang diambil, sehingga tidak semua tingkatan angkatan bisa berdiskusi dalam satu wadah. Website ini dikembangkan untuk menampung seluruh mahasiswa sehingga dapat berdiskusi dalam satu wadah. Serta dalam pengembangannya, topik dan subtopik yang diambil tidak hanya berdasarkan matakuliah saja, namun juga dipilih dengan menyesuaikan minat mahasiswa pada saat itu. Juga penambahan feature ”Insert Coding” yang cocok dipakai untuk mahasiswa Teknologi Informasi. Website ini dibangun dengan metode waterfall dengan beberapa tahapan, yaitu Analysis, Design, Coding dan Testing. Sehingga pembangunan sistem akan jadi terarah. Dari hasil pengujian, website ini berhasil, tidak terdapat bugs dan sudah sesuai dengan tujuan dan rancangan pengujian. Dengan adanya website diskusi online ini, mahasiswa Teknologi Informasi UMY serta alumni dan dosen dapat lebih aktif untuk bertukar informasi dan berdiskusi.

ABSTRACT

Online discussion is an effective and an efficient means to replace the conventional discussion. Many organizations, communities and institutions participate in developing and using online discussion forums as a place to provide and exchange information and knowledge. Department of Information Technology Muhammadiyah University of Yogyakarta is using online discussion also. Information Technology of Muhammadiyah University of Yogyakarta has had a discussion forum using a Learning Management System (LMS). However it still has a weakness, website for discussion is divided into class years and courses taken, thus, not all students could discuss in one forum or website. This website was developed to accommodate all students so that they can discuss in one forum. In its development, the topics and subtopics not only are taken by the courses but also are selected by the students interest at the time. Also, the addition "Insert Coding" feature is suitable for students of Information Technology. This website was created using waterfall method with multiple stages, i.e. Analysis, Design, Coding and Testing. Thus, the construction of the system will be directed. From the test results, the website was successfully built and there are no bugs. By the website's online discussion, students, alumni and lecturers can more actively exchange the information and discuss some issues.

BAB I PENDAHULUAN

1.1. Latar Belakang

Diskusi adalah pertemuan ilmiah untuk bertukar pikiran mengenai suatu masalah yang dilakukan sekelompok orang yang membahas suatu topik yang menjadi perhatian umum dihadapan khalayak, pendengar (siaran radio), atau penonton (siaran televisi), khalayak diberi kesempatan untuk bertanya dan memberikan pendapat (KBBI). Disamping pembelajaran di ruang kelas, diskusi merupakan proses belajar mengajar yang wajib dilakukan pelajar khususnya mahasiswa untuk menambah wawasan, bertukar ilmu dan ide serta jajak pendapat yang mungkin jarang didapatkan di ruang kelas.

Seiring dengan perkembangan teknologi, diskusi pun ikut berkembang. Telah banyak dijumpai media berdiskusi dengan menerapkan teknologi. Salah satunya adalah diskusi berbasis online atau website. Dalam sebuah media diskusi online biasanya ada topik dan subtopik dari apa yang ingin dibahas. Dalam forum diskusi semua pengguna dapat melihat postingan, memberi pertanyaan atau saran serta memberikan komentar. Pengguna juga bisa melihat profil dari pengguna lainnya. Tidak hanya itu, pengguna juga bisa mengirimkan pesan pribadi kepada sesama pengguna.

Di program studi Teknologi Informasi Universitas Muhammadiyah Yogyakarta, media yang digunakan untuk berdiskusi adalah Learning Management System (LMS) yang berbasis Moodel dan Facebook. Dalam LMS sendiri, ada beberapa kekurangan yang dirasakan saat menggunakannya untuk media berdiskusi, yaitu:

- Dalam ruang diskusi ini, tidak semua user atau mahasiswa bisa melihat isi diskusi dan memberikan komentar pada diskusi tersebut. Disini user atau mahasiswa hanya bisa melihat diskusi pada semester, kelas dan mata kuliah yang diambil saja.

- Topik dan subtopik yang diangkat dalam forum diskusi ini hanya terpaku pada matakuliah yang telah disusun dalam kurikulum pembelajaran Teknologi Informasi UMY.

Selain menggunakan LMS, media untuk berdiskusi juga menggunakan Facebook. Dalam media Facebook juga didapati kekurangan ketika dipakai dalam menggunakan diskusi, yaitu:

- Topik dan subtopik untuk berdiskusi tidak ada dalam fasilitas. Sehingga topik, ide atau gagasan yang mau diangkat dalam sebuah diskusi tidak teratur.

- User atau member dalam diskusi tidak bisa dibatasi hanya untuk mahasiswa Teknologi Informasi UMY.

Dari penjabaran diatas, maka dapat disimpulkan bahwa di jurusan Teknologi Informasi UMY dibutuhkan sebuah media diskusi online yang dapat menutupi kekurangan dari LMS dan Facebook. Solusi yang ditawarkan adalah sebuah website forum diskusi yang dinamakan E-Forum Teknologi Informasi UMY.

1.2. Rumusan Masalah

Dari latar belakang di atas, maka dapat dirumuskan bagaimana mahasiswa maupun dosen di lingkungan jurusan Teknologi Informasi UMY dapat menyalurkan ide dan pendapat disemua topik dan subtopik (artinya tidak dibatasi dengan semester dan

matakuliah yang diambil) disuatu wadah online yang membernya mahasiswa, alumni dan dosen jurusan Teknologi Informasi UMY. Serta topik dan subtopik yang tidak hanya berdasarkan matakuliah, namun juga yang berhubungan dengan minat mahasiswa.

1.3. Tujuan Penelitian

Adapun beberapa tujuan dalam mengembangkan E-Forum ini adalah:

1. Membuat wadah berdiskusi yang semua user atau member bisa melihat dan memberi komentar disemua topik.

2. Membuat media berdiskusi yang tidak hanya membahas topik terbatas pada mata kuliah namun juga topik yang menjadi minat mahasiswa.

3. Membuat wadah berdiskusi yang hanya memiliki user atau member adalah mahasiswa, dosen dan alumni Teknologi Informasi UMY.

1.4. Batasan Masalah

Agar penulisan tugas akhir ini lebih terarah, permasalahan yang dihadapi tidak terlalu meluas, maka penulis membuat beberapa batasan masalah yang antara lain:

1. Web yang dibuat berupa sistem forum diskusi.

2. Pengguna sistem adalah mahasiswa dan dosen dilingkungan program studi Teknologi Informasi UMY.

1.5. Manfaat Penelitian

1. Mahasiswa dan dosen di lingkungan Teknologi Informasi UMY bisa menyalurkan ide dan bertukar pendapat di satu forum.

2. Mahasiswa akan mendapatkan lebih banyak ilmu dan pengetahuan yang beragam dari sudut pandang dosen maupun mahasiswa.

3. Dosen dapat memberikan ilmu atau materi tambahan diluar jam perkuliahan.

1.6. Sistematika Penulisan

Sistematika penulisan tugas akhir secara garis besar diuraikan sebagai berikut:

BAB I PENDAHULUAN

Menjelaskan tentang latar belakang, rumusan masalah, tujuan penelitian, batasan masalah, manfaat penelitian serta sistematika penulisan.

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI

Menjelaskan teori-teori yang menjadi acuan dalam penulisan, yaitu mulai dari penjelasan tentang teknologi, penjelasan teori yang digunakan dalam membangun aplikasi hingga pada database yang digunakan.

BAB III RANCANGAN PENGUJIAN

Bab III berisi uraian rinci tentang rancangan pengujian, metode pengujian, alat dan bahan serta objek pengujian serta tahapan pengujian yang akan dilakukan.

BAB IV HASIL DAN IMPLEMENTASI

Menjelaskan mengenai implementasi sistem dan hasil pengujian yang telah dibuat.

BAB V KESIMPULAN DAN SARAN

Bab V menjelaskan mengenai kesimpulan dan saran yang dibutuhkan dari hasil penelitian yang telah dibuat.

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI

2.1. Tinjauan Pustaka

Forum merupakan sebuah sarana komunikasi (diskusi online), dimana didalam forum tersebut terbagi menjadi sub-sub dari forum itu, maksudnya adalah kategori. Setiap masing-masing kategori berisi sebuah topik yang diposting oleh member lain, kemudian member lain saling membalas dan memberikan komentar. Hal ini akan sangat memudahkan kita dalam berkomunikasi, meminta pendapat atau hanya sekadar sharing atau berbagi (Saputra, 2014).

Beberapa penelitian mengenai forum diskusi sebelumnya sudah pernah dilakukan. Salah satu penelitian tersebut dilakukan oleh Agus Putranto dari Binus University. Dalam penelitian ini, Agus membuat judul penilitian ”Perancangan Forum Diskusi Mobile Online Learning” (Putranto, 2012). Salah satu tujuan dari penelitian ini adalah merancang forum diskusi mobile learning yang bermanfaat untuk meningkatkan mobilitas mahasiswa Binus University melalui mobile learning melalui mobile phone. Perbedaannya dengan penelitian penulis sekarang adalah media yang digunakan yaitu menggunakan website.

Penelitian lain mengenai forum diskusi online juga pernah dilakukan dalam sebuah Tugas Akhir oleh Riezal. Dalam kasus ini Riezal mengajukan judul yaitu ”Pembuatan Website Forum Sanninkai” (Ardhiansyah, 2010). Website ini ditujukan untuk komunitas SANNINKAI (SMANSA Nippon Kai) sebagai wadah untuk menampung aspirasi dan apresiasi anggota. Website forum ini dibuat dengan menggunakan bahasa pemograman PHP dan menggunakan database MySQL sama dengan yang ingin digunakan oleh penulis

sekarang. Walaupun website penelitian ini ditujukan untuk komunitas SANNIKAI, pendaftaran pada website ini bisa dilakukan untuk umum. Serta kekurangan lainnya, Admin pada website ini tidak bisa membatasi dan tidak punya akses untuk mem-banned kata-kata yang tidak pantas.

Dari beberapa penelitian yang telah dijabarkan diatas, dalam pembangunan media diskusi berbasis online mempunyai tujuan yang sama. Yaitu untuk membuat pertukaran pendapat dan berbagi ilmu dapat dilakukan dengan lebih efektif dan efisien. Selain itu, penulis juga merangkum perbedaan dari website forum yang dibuat penulis dengan penelitian yang sudah dijabarkan diatas. Perbedaan pertama yaitu dengan forum diskusi online yang dibuat oleh Agus Putranto. Dalam pembangunan forum ini, Agus Putranto membangun forum diskusi online berbasis mobile. Sasaran yang dituju juga berbeda, yaitu mahasisa dari Binus University. Dan terakhir yaitu dalam pengaplikasiaanya, mahasiswa dalam melaksanakan forum tanya jawab dikelompokkan dari mata kuliah yang diambil oleh mahasiswa. Perbedaan selanjutnya yaitu dari website forum diskusi yang dibuat oleh Riezal Ardhiansyah. Bahasa pemograman dan tools yang dipakai oleh Riezal dan penulis sama, yaitu menggunakan PHP dan database MySQL. Sasaran yang ingin dituju oleh penulis adalah anggota komunitas SANNINKAI (SMANSA Nippon Kai). Perbedaan lain yang juga dapat diambil penulis yaitu dalam pendaftaran anggota. Dalam role pendaftar yang digunakan pada website ini semua orang bisa mendaftar sebagai anggota, sedangkan dalam website forum yang dibangun penulis mempunyai batasan yaitu mahasiswa, dosen dan alumni jurusan Teknologi Informasi UMY.

Dari penjabaran tentang penelitian diatas dan perbedaan yang didapat antara penelitian sebelumnya dengan penilitian ini, maka peneliti memberikan sedikit gambaran

tentang penelitian yang akan dirancang. Pada penelitian akan dibangun website dinamis forum diskusi online dengan bahasa pemograman PHP. Untuk sasaran pengguna yang dituju adalah mahasiswa, alumni serta dosen dilingkungan jurusan Teknologi Informasi UMY. Dengan pendaftaran yang otomatis akan memvalidasi Nomor Induk Mahasiswa (NIM) khusus untuk jurusan Teknologi Informasi. Untuk melakukan diskusi pada topik dan subtopik tidak terbatas oleh beberapa member saja, namun semua member bisa untuk melakukan proses diskusi dari semua topik dan subtopik yang tersedia. Serta topik dan subtopik yang tersedia tidak monoton hanya pada daftar Mata Kuliah, namun disini topik dan subtopik bertema tentang hiburan yang sedang dan banyak diperbincangkan dilingkungan jurusan Teknologi Informasi. Pada website ini disediakan fitur untuk member dapat berkirim pesan secara private. Pada website forum diskusi ini juga memungkinkan Admin untuk mem-banned Thread atau konten yang tidak pantas untuk ditampilkan dikhalayak umum (seperti kata-kata kotor, menghina orang lain, berbau SARA dan sebagainya).

2.2. Landasan Teori

2.2.1 Alat

Penelitian ini membutuhkan alat-alat untuk mendukung berjalannya perancangan dan implementasi website.

a. Alat yang digunakan berupa perangkat keras dan perangkat lunak. 1. Perangkat Keras

Personal computer (PC) atau Laptop yang digunakan untuk website ini adalah :

- Operating System (OS) : Windows 10 64-bit.

- Installed Memory (RAM) : 5 GB.

- Memory (Harddisk) : 500 GB.

Sedangkan syarat minimum Personal computer atau Laptop yang digunakan untuk membangun website ini adalah :

- Processor : 500 MHz Intel Pentium III .

- Operating System (OS) : Windows Xp 32-bit.

- Installed Memory (RAM) : 512 MB.

- Memory (Harddisk) : 850 MB dari free disk space (memory yang kosong).

b. Perangkat Lunak

1. NetBeans IDE 8.0.2

Netbeans merupakan sebuah software editor untuk mengembangkan banyak bahasa pemograman, salah satunya adalah bahasa pemograman PHP. Dalam pengembangan website ini, penulis sangat terbantu dalam proses coding. Netbeans mendukung Syntax Highlighter, yang berguna untuk menampilkan teks source code dalam berbagai warna dan jenis font sesuai dengan istilah kategori. Netbeans juga didukung dengan fungsi auto completer, yang dimana ini berguna untuk membantu pengembang dalam mengingat source code ketika menulisa program yang akan muncul secara otomatis source code yang disarankan untuk

melengkapi perintah tersebut. Selain itu juga Netbeans merupakan software yang open source atau gratis.

2. MySQL Server 5.6.

MySQL (My Structrure Query Language) atau yang biasa dibaca “mai-se-kuel” adalah sebuah program pembuat database yang biasanya digunakan dalam pemograman web. Untuk mendukung pembuatan website forum diskusi ini, MySQL digunakan sebagai database server. Selain bersifat gratis, MySQL juga menggunakan query standar yang umum digunakan dalam proses pembuatan database.

3. XAMPP v3.2.1

Fungsi XAMPP adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

Dalam penggunaanya dalam membangun website forum diskusi ini, penulis sangat terbantu dalam mengkonfigurasikan Apache dan MySQL. Dengan fitur yang ada juga memudahkan untuk menjalankan MySQL dan Apache tersebut, karena tanpa menyalakan tidak akan bisa mengakses database atau sebagai web server local dan menjalankan skrip PHP yang sudah dibuat di browser.

2.2.2 Bahan

1. Data yang diperoleh melalui studi literatur berdasarkan penelitian sebelum yang masih memiliki kaitan dengan website yang dikembangkan seperti E-Learning, Facebook dan forum online. Dari data tersebut dapat diperoleh pemahaman mengenai kebutuhan dari website yang akan dikembangkan pada pembuatan website ini.

2. Data NIM mahasiswa dan dosen sebagai bahan untuk membuat rule pada member ketika mendaftar.

2.3. Alur Penelitian

Untuk mengembangkan aplikasi dibutuhkan metode atau model pengembangannya, salah satunya adalah Waterfall. Metode Waterfall adalah sebuah metode pengembangan aplikasi dengan pendekatan sekuensial.

Pendekatan model ini terlihat mengalir menurun seperti air terjun (Waterfall) yang dikembangkan oleh Roger S. Pressman (Pressman, 2002) melalui beberapa tahapan. Tahapan pada model SDLC Waterfall dalam pembuatan aplikasi dapat dilihat pada Gambar 2.1.

Gambar 2 1 Model SDLC (Software Development Life Cycle) Waterfall

Penjelasan tahapan-tahapan pada Gambar 2.1 :

a. Analysis (Analisis)

Langkah pertama adalah menganalisa semua kebutuhan dari keseluruhan sistem dari sebelum pembuatan sampai perancangan. Ditahap ini penulis melakukan identifikasi masalah, mulai dari latar belakang perlunya pembuatan forum diskusi online ini, sampai dengan usulan untuk pemecahan masalah yang sedang dialami.

Proses identifikasi kebutuhan diintensifkan dan difokuskan pada software, seperti bagaimana tampilan user interface, bagaimana rule dan kebutuhan fungsi-fungsi yang digunakan dalam aplikasi.

b. Design

Pada tahap selanjutnya yang dilakukan penulis adalah mengubah kebutuhan-kebutuhan sebelumnya menjadi representasi ke dalam model ”blueprint”. Sehingga maksud pembuatan model ini adalah untuk memperoleh pengertian yang lebih baik terhadap aliran data dan kontrol, proses-proses fungsional, tingkah laku operasi dan informasi-informasi yang terkandung didalamnya. Terdiri dari aktivitas utama permodelan proses yang dimana penulis menggunakan use case diagram dan flowchart, Entity Relationship Diagram (ERD) untuk permodelan data dan desain antarmuka atau user interface disemua rancangan halaman.

c. Code

Untuk dapat dimengerti oleh mesin, maka penulis melakukan coding atau menerapkan bahasa pemograman atau bahasa yang dimengerti oleh mesin. Hal ini perlu dilakukan dalam setiap membangun aplikasi. Bahasa pemrograman yang digunakan adalah bahasa pemrograman PHP. Dan aplikasi untuk memudahkan penulis dalam menerapkan bahasa pemograman PHP ini adalah Netbeans.

d. Testing

Testing atau pengujian adalah element kritis dari jaminan kualitas perangkat lunak dan mempresentasikan kajian pokok dari spesifikasi desain dan pengkodingan. Pada umumnya pengujian dilakukan dengan mengujicoba aplikasi secara mandiri dan lapangan. Ada 2 (dua) metode pendekatan pengujian, pendekatan pertama adalah black box testing dan kedua adalah whitebox testing. Black box testing menyinggung ujicoba yang dilakukan pada interface software. White box testing didasarkan pada pemeriksaan detail procedural.

Pada penelitian ini, metode yang dipakai dalam pengembangan aplikasi ini adalah black box testing. Black box testing atau tes fungsional adalah pengujian yang dilakukan hanya dengan mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari aplikasi tersebut.

Pengujian program dalam aplikasi web ini dilakukan oleh pengembang dan user (dalam hal ini mahasiswa jurusan Teknologi Informasi UMY) yang terlibat untuk memberikan data yang akan di-input. Selain itu juga dilihat bagaimana website tersebut berjalan, user memposting thread dan saling mengomentari atau

berbagi informasi yang diakses melalui website diskusi online ini. Hal-hal yang menjadi perhatian dalam pengujian adalah sebagai berikut:

a. Website dapat membatasi pendaftar dengan aturan NIM yang ada dijurusan Teknologi Informasi UMY.

b. Website dapat memberikan kenyamanan dan kemudahan pada pengguna dalam

melakukan diskusi atau bertukar informasi.

c. Website dapat menyediakan informasi yang di-post oleh member kepada member lain ataupun hanya pengunjung.

2.4. Analisis Proses Diskusi Yang Sedang Diterapkan

Proses diskusi yang sedang berjalan pada Jurusan Teknologi Informasi saat ini menggunakan 2 (dua) metode atau media. Yaitu menggunakan Metode Learning Management Sistem (LMS) berbasis website dan forum diskusi pada grup Facebook.

2.4.1 Analisis Diskusi Menggunakan LMS

Analisis proses yang berjalan pada LMS (Learning Management System) dapat dilihat dari Gambar 2.2.

Gambar 2. 2 Analisis Proses Diskusi Menggunakan LMS

Penjelasan Gambar 2. 2 adalah sebagai berikut:

1. Mahasiswa mengakses situs Learning Management System jurusan Teknologi Informasi UMY, dalam hal ini yaitu www.learning.eng.umy.ac.id.

2. Mahasiswa memilih jurusan masing-masing karena website LMS ini merupakan LMS Fakultas Teknik UMY. Disini tersedia 4 (empat) jurusan yang tersedia, yaitu Teknologi Informasi, Teknik Mesin, Teknik Sipil dan Teknik Elektro.

3. Setelah itu mahasiswa memilih semester masing-masing. Disini daftar semester yang tersedia adalah semester 1 sampai semester 8.

4. Setelah itu mahasiswa memilih matakuliah. Halaman ini hanya bisa diakses hanya bagi mahasiswa sudah memilih atau mengambil KRS (Kartu Rencana Study).

Sehingga bagi mahasiswa yang ingin melakukan diskusi untuk matakuliah namun belum mengambil KRS untuk matakuliah tersebut tidak bisa dilakukan.

5. Kemudian akan muncul form Login dengan memasukkan NIM (Nomor Induk Mahasiswa) Teknologi Informasi UMY atau Ussername dan Password. Kalau mahasiswa yang sudah mengambil KRS akan masuk kehalaman selanjutnya dan bisa untuk memilih menu diskusi.

6. Memilih menu diskusi.

2.4.2 Analisis Diskusi Menggunakan Facebook

Analisis proses yang berjalan menggunakan Facebook dapat dilihat dari Gambar 2.3.

Penjelasan Gambar 2. 3 adalah sebagai berikut:

1. Mahasiswa mengakses situs Facebook.

2. Mahasiswa masuk ke grup Facebook Teknologi Informasi UMY. Dalam hal ini adalah Keluarga Mahasiswa Teknologi Informasi UMY. Setiap mahasiswa harus meminta persetujuan untuk bergabung terlebih dahulu. Setelah disetujui oleh Admin baru mahasiswa bisa masuk ke halaman grup. Disini Admin sulit untuk mengetahui apakah yang meminta untuk bergabung tersebut merupakan mahasiswa jurusan Teknologi Informasi atau bukan.

3. Kemudian mahasiswa bisa melakukan diskusi dengan memilih opsi “Jajak Pendapat”. Disini topik dan subtopik tidak ditentukan.

2.5. Analisis Kebutuhan Sistem

Berdasarkan Gambar 2.2 dan Gambar 2.3, dapat disimpulkan bahwa kebutuhan untuk sistem diskusi yang berjalan di jurusan Teknologi Informasi UMY dapat dilihat dari Gambar 2.4.

Gambar 2. 4 Analisis Kebutuhan Sistem

Penjelasan Gambar 2. 4 adalah sebagai berikut:

1. Mahasiswa, alumni, staff dan dosen mendaftar terlebih dahulu di website E-Forum Teknologi Informasi UMY. Mahasiswa dan alumni yang mendaftar hanya bisa dilakukan dengan NIM (Nomor Induk Mahasiswa) dengan pola NIM jurusan Teknologi Informasi UMY. Mahasiswa, alumni, staff dan dosen yang sudah mendaftar bisa disebut sebagai “member”.

2. Member masuk ke Home Page E-Forum dengan login terlebih dahulu.

3. Home Page berisi thread (postingan berupa pertanyaan atau informasi) yang ter-update sehingga member bisa langsung mengomentari thread yang ada dan melakukan proses diskusi.

4. Member memilih topik dan subtopik yang tersedia. Topik dan subtopik tidak hanya diambil dari mata kuliah yang ada di jurusan Teknologi Informasi, namun juga tentang Teknologi Informasi secara menyeluruh yang up-to-date atau banyak diperbincangkan.

5. Kemudian member bisa melakukan komentar dan berdiskusi.

2.6. Analisis Pengguna

Website yang dibuat dapat digunakan oleh 2 (dua) jenis pengguna yang memiliki hak akses yang berberda serta 1 (satu) jenis pengguna yang tidak memiliki hak akses untuk melakukan aktivitas namun bisa melihat output dari aktivitas yang dilakukan. Jenis pengguna yang terbagi yakni :

1. Administrator

Merupakan jenis pengguna yang dapat melakukan apapun dalam website, termasuk melakukan pengolahan seluruh data yang tersedia. Seperti menambah, menghapus, meng-update dan mengelola data (pengguna atau member, topik dan subtopik serta isi dari diskusi).

2. Pengguna atau Member

Merupakan jenis pengunjung yang terdaftar dan bisa melakukan aktivitas di dalamnya. Seperti aktivitas mengirimkan dan mengomentari thread, bertukar pesan dengan sesama member serta memperbaharui data pribadi pengguna. Untuk hal ini pengguna atau member dibatasi, yaitu mahasiswa dan alumni jurusan Teknologi Informasi Universitas Muhammadiyah Yogyakarta serta staff dan dosen jurusan Teknologi Informasi UMY.

3. Pengunjung

Merupakan pengguna internet yang melihat website tersebut yang memiliki tujuan untuk mencari informasi yang berhubungan dengan Teknologi Informasi yang ada di dalam website, namun tidak bisa melakukan aktivitas diskusi didalamnya.

2.7. Perancangan Sistem

2.7.1 Perancangan Sistem Website

Perancangan sistem website berupa perencanaan mengenai sistem aktivitas yang ada pada website. Website akan dibuat dengan metode UML (Unified Modelling Language) yang merupakan sebuah bahasa berdasarkan grafik atau gambar untuk memvisualisasikan, membangun dan mendokumentasikan sebuah sistem pembangunan perangkat lunak berbasis objek, diantaranya menggunakan Use case Diagram, Flowchart dan ER Diagram. Perancangan tersebut dijelaskan sebagai berikut :

a. Use case Diagram

Use case Diagram merupakan teknik pemodelan untuk menjelaskan setiap

aktivitas yang mungkin terjadi dengan menggunakan sudut pandang dari pengguna atau member, sudut pandang pengunjung dan sudut pandang administrator. Use case pada pembuatan website ini terdiri dari 3 (tiga) aktor yakni pengguna atau member, pengunjung dan administrator. Use case diagram dapat dilihat pada gambar 2.5 dan 2.6.

Gambar 2. 5 Use case Diagram Member dan Pengunjung

Pada gambar 2.5 dijelaskan member mengakses website forum diskusi online Teknologi Informasi UMY kemudian member login. Setelah login barulah member dapat melakukan aktivitas diskusi di website tersebut. Disini juga member dapat mekakukan aktivitas berkirim pesan secara private dengan member lain.

Pada gambar 2.5 juga dijelaskan aktifitas yang bisa dilakukan oleh pengunjung. Disni pengunjung bisa melihat dan mendapatkan informasi dari topik dan subtopik

mengomentari thread yang ada. Pengunjung juga tidak bisa berkirim pesan seperti hak yang diberikan untuk member.

Pada gambar 2.6 dijelaskan administrator (admin) mengakses website forum diskusi online Teknologi Informasi UMY dan kemudian login. Setelah itu admin dapat melakukan aktivitas diskusi, mengirim thread dan mengomentari thread. Admin juga memungkinkan untuk mengirim pesan kepada member lain secara private. Admin juga dapat mem-banned thread yang dianggap sudah melanggar ketentuan postingan pada website tersebut. Disamping itu juga administrator dapat melakukan management, diantaranya management member, management topik dan management subtopik. Dalam management ini administrator dapat menghapus, menambah dan meng-edit informasi sesuai dengan opsi management yang dipilih.

b. Flowchart

Flowchart merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan di dalam sistem secara keseluruhan dan menjelaskan urutan dari prosedur-prosedur yang ada di dalam sistem. Flowchart pada website ini memaparkan tentang alur dari penggunaan website secara keseluruhan oleh pengguna, pengunjung dan administrator. Flowchart penggunaan website dapat dilihat pada gambar 2.7.

Pada gambar 2.7 pengunjung diharuskan memiliki akun, jika tidak terdaftar maka maka pengunjung tidak dapat melakukan aktivitas membuat thread dan mengomentari nya. Hanya bisa melihat isi atau informasi dari aktivitas diskusi member.

c. Entity Relationship Diagram (ERD)

Untuk pengembangan aplikasi pemodelan basis data, maka yang digunakan adalah

ER Diagram. ER Diagram merupakan diagram yang digunakan untuk merancang

basis data dan memperlihatkan relasi antar entitas atau objek dengan atributnya. Tujuan ER Diagram ini adalah untuk memberikan gambaran umum tentang sistem yang akan dikembangkan sehingga mempermudah perancangan basis data. Gambaran ER Diagram yang digunakan dalam aplikasi ini dapat dilihat pada gambar 2.8.

Berikut penjelasan tentang gambar 2.8 :

1. Terdapat 10 entitas yang masing-masing entitas memiliki atribut dan relasi.

2. Entitas pengunjung memiliki relasi dengan entitas NIM TI UMY dan selanjutnya entitas NIM TI UMY memiliki relasi dengan entitas member. Artinya pengunjung yang memiliki NIM TI UMY bisa mendaftar untuk akun member.

3. Entitas pengunjung memiliki relasi dengan entitas thread dan entitas komentar. Artinya pengunjung bisa melihat thread dan komentar.

4. Entitas member memiliki relasi dengan entitas forum. Artinya member berada di dalam forum.

5. Entitas forum memiliki relasi dengan entitas topik. Artinya forum mempunyai topik.

6. Entitas topik memiliki relasi dengan entitas subtopik. Artinya disetiap topik mempunyai subtopik.

7. Entitas subtopik memiliki relasi dengan entitas thread. Artinya subtopik bisa memiliki thread.

8. Entitas thread memiliki relasi dengan entitas komentar. Artinya thread bisa memiliki komentar.

9. Entitas member juga memiliki relasi dengan entitas pesan. Artinya member bisa mengirim pesan.

10.Entitas administrator memiliki relasi dengan entitas member. Artinya administrator dapat mengelola member.

11.Entitas administrator juga memiliki relasi dengan entitas forum. Artinya administrator dapat mengelola forum.

2.7.2 Rancangan User interface (Antarmuka)

Rancangan antarmuka atau tampilan yang dirancang ini adalah acuan untuk penulis dalam membangun tampilan atau User interface. Dengan rancangan ini akan mempermudah penulis untuk mengatur setiap detail yang ada pada website. Adapun rancangan User interface ini terbagi menjadi tiga (3) bagian. Adapun bagian-bagian itu dapat dilihat dari gambar 2.9.

1. Bagian Header Halaman

Bagian ini berada pada atas Halaman, dapat dilihat dari gambar 2.9. Bagian Header ini akan muncul disetiap halaman yang akan ada. Dan bagian Header ini terbagi lagi menjadi dua (2), yaitu bagian Header untuk Pengunjung dan Member serta bagian Header untuk Admin. Yang membedakan antara Header ini yaitu menu yang akan disediakan. Untuk bagian Header Admin akan lebih banyak karena kebutuhan Admin untuk mengatur seluruh isi website forum diskusi ini.

a. Bagian Header halaman untuk Member dan Pengunjung

Bagian Header halaman untuk member dan pengunjung dapat dilihat dari gambar 2.10.

Gambar 2. 10 Bagian Header Halaman untuk Member dan Pengunjung Berikut Penjelasan gambar 2.10:

Pada bagian atas Header ini akan dipasang logo UMY dan logo TI umy. Serta pada bagian ini terdapat beberapa menu yang disediakan untuk kebutuhan pengunjung dan member.

1. Menu Home pada Header ini akan menampilkan isi Thread yang paling terkini atau ter-update yang pengunjung dan member bisa baca.

2. Menu Topik pada akan menampilkan daftar Topik dan Subtopik yang ada pada website. Serta juga akan menampilkan satu (1) Thread yang ter-update pada masing-masing subtopik.

3. Menu Pencarian akan menampilkan sebuah kotak input kata dan tombol untuk mencari kata. Beberapa fiture ini disediakan untuk mencari kata dan akan menampilkan kata yang dicari pada body halaman.

4. Menu Bikin Thread ini adalah jalan pintas yang disediakan untuk member untuk membuat thread baru. Dengan menu ini akan langsung menampilkan kotak input unutk mengirimkan Thread.

5. Gambar Icon Notifikasi ini berguna untuk pemberitahuan kepada member ketika member lain mengomentari threadnya. Ini akan menampilkan angka dari berapa banyak member yang memberi komentar.

b. Bagian Header halaman untuk Admin

Bagian Header halaman untuk member dan pengunjung dapat dilihat dari gambar 2.11.

Berikut penjelasan gambar 2.11:

Pada bagian atas Header ini akan dipasang logo UMY dan logo TI umy. Serta pada bagian ini terdapat beberapa menu yang disediakan untuk kebutuhan Admin dalam mengatur website.

1. Menu Home pada Header ini akan menampilkan isi Thread yang paling terkini atau ter-update yang Admin bisa baca.

2. Menu Topik pada akan menampilkan daftar Topik dan Subtopik yang ada pada website. Serta juga akan menampilkan satu (1) Thread yang ter-update pada masing-masing subtopik.

3. Menu Manage ini memiliki tiga (3) submenu, yaitu Manage Topik yang berguna untuk menampilkan daftar topik dan beberapa fungsi untuk mengedit, menghapus dan menambah topik. Manage Subtopik yang menampilkan daftar subtopik dan beberapa fungsi untuk mengedit, menghapus dan menambah subtopik. Dan terakhir Manage Member yang akan menampilkan daftar member dan beberapa fungsi untuk mengedit dan menghapus member.

4. Menu Banned akan menampilkan daftar Thread yang di-Banned, yang artinya tidak ditampilkan pada umum di website. Juga menampilkan beberapa fungsi untuk mencari kata yang tidak sesuai dengan Syarat dan Ketentuan forum diskusi ini yang akan mempermudah Admin untuk menemukan kata-kata yang tidak sesuai tersebut.

5. Menu Bikin Thread ini adalah jalan pintas yang disediakan untuk member untuk membuat thread baru. Dengan menu ini akan langsung menampilkan kotak input unutk mengirimkan Thread.

6. Gambar Icon Notifikasi ini berguna untuk pemberitahuan kepada member ketika member lain mengomentari threadnya. Ini akan menampilkan angka dari berapa banyak member yang memberi komentar.

2. Bagian Body Halaman

Bagian ini berada ditengah halaman, dapat dilihat dari gambar 2.9. Bagian Body ini akan menampilkan isi dari setiap menu dan fungsi pada tiap-tiap halaman.

a. Body Halaman Index

Berikut Penjelasan gambar 2.12:

Halaman index adalah halaman yang pertama kali muncul ketika pengguna atau member, pengunjung dan administrator mengakses website diskusi online ini. Isi pada Body halaman ini akan menampilkan beberapa berita terkait dengan civitas akademika di Kampus UMY. Serta terdapat form pengisian Username dan Password serta tombol yang berguna untuk Member dan Admin masuk. Serta tombol daftar untuk mengarahkan pengunjung mengakses halaman pendaftaran.

b. Body Halaman Home

Berikut Penjelasan gambar 2.13:

Halaman Home adalah halaman yang bisa diakses oleh pengguna atau member dan administrator. Dihalaman ini terdapat thread ter-update yang dikirim oleh member. Dalam halaman ini terdapat hyperlink judul Thread dan nama pengirim yang jika di-klik dapat menghantarkan kehalaman Thread dan profil pengirim Thread tersebut. Terdapat juga foto pengirim dan isi Thread. Serta beberapa tombol, yaitu tombol Komentari untuk mengomentari Thread, tombol Lihat untuk melihat kehalaman Thread serta tombol Kutip untuk memberi komentar tapi mengutip isi Thread tersebut.

Berikut Penjelasan gambar 2.14:

Halaman Topik adalah halaman yang bisa diakses oleh pengguna atau member, pengunjung dan administrator. Dihalaman ini terdapat daftar dari topik dan hyperlink subtopik yang tersedia di website tersebut dan akan menghantarkan kehalaman subtopik yang di-klik.

d. Body Halaman Subtopik

Gambar 2. 15 Halaman Subtopik Berikut Penjelasan gambar 2.15:

Halaman Subtopik adalah halaman yang bisa diakses oleh pengguna atau member, pengunjung dan administrator. Dihalaman ini terdapat Thread dari subtopik yang dipilih. Didalamnya terdapat tombol Bikin Thread yang berguna

untuk menghantarkan kehalaman bikin Thread. Dan juga terdapat hyperlink judul Thread serta nama pengirim yang menghantarkan ke halaman Thread atau ke profil nama pengirim tersebut.

e. Body Halaman Pencarian

Gambar 2. 16 Halaman Pencarian Berikut Penjelasan gambar 2.16:

Halaman Pencarian adalah halaman yang bisa diakses oleh pengguna atau member, pengunjung dan administrator. Dihalaman ini berguna untuk mencari thread yang sesuai dengan kata yang diinginkan. Dalam halaman Pencarian ini terdapat tombol Cari untuk melakukan pencarian dan kotak untuk memasukkan

kata yang ingin dicari. Setelah itu akan muncul Thread-thread yang mengandung kata yang dicari tersebut.

f. Body Halaman Thread

Gambar 2. 17 Halaman Thread Berikut Penjelasan gambar 2.17:

Halaman Thread adalah halaman yang bisa diakses oleh pengguna atau member, pengunjung dan administrator. Dihalaman ini ditampilkan sebuah thread yang di-post oleh member dan juga berisi komentar-komentar dari thread tersebut oleh member yang lain. Pada Body halaman ini juga terdapat tombol Komentar untuk mengomentari dan tombol Kutip untuk mengutip isi dari Thread tersebut.

g. Body Halaman Bikin Thread

Gambar 2. 18 Halaman Bikin Thread Berikut Penjelasan gambar 2.18:

Halaman Bikin Thread adalah halaman yang hanya bisa diakses oleh pengguna atau member dan administrator. Dihalaman ini ditampilkan beberapa textbox yang berguna untuk menginput judul dan isi Thread yang ingin di-post oleh Member atau Admin. Dan terdapat juga sebuah tombol untuk mengirim Thread tersebut.

h. Body Halaman Syarat dan Ketentuan

Gambar 2. 19 Halaman Syarat dan Ketentuan Berikut Penjelasan gambar 2.19:

Halaman Syarat dan Ketentuan adalah halaman yang bisa diakses oleh pengguna atau member, pengunjung dan administrator. Pada halaman ini berisi syarat-syarat apa saja yang dibutuhkan untuk mendaftar sebagai pengguna atau member dan juga berisi ketentuan yang harus diaati oleh pengguna ketika melakukan aktivitas diskusi. Ini berguna untuk menjadi benteng dalam menuangkan ide dan komentar, sehingga isi dari thread dan komentar tidak menghina atau menjatuhkan SARA (Suku, Agama, Ras dan Antargolongan). Dan

apabila pengguna melanggar ketentuan postingan akan di-banned (tidak ditampilkan).

i. Body Halaman Tentang E-Forum

Gambar 2. 20 Halaman Tentang E-Forum Berikut Penjelasan gambar 2.20:

Halaman Tentang E-Forum adalah halaman yang bisa diakses oleh pengguna atau member, pengunjung dan administrator. Dihalaman ini berisi sedikit mengenai latarbelakang dari pembentukan website diskusi online ini.

j. Body Halaman Login

Gambar 2. 21 Halaman Login Berikut Penjelasan gambar 2.21:

Halaman Login adalah halaman yang bisa diakses oleh pengguna atau member, pengunjung dan administrator. Dihalaman inilah seorang member untuk verifikasi akun sehingga bisa masuk hak akses untuk melakukan diskusi dengan member lain.

Dalam halaman ini terdapat kotak textbox untuk melakukan penginputan data username dan password yang nanti input ini akan diverifikasi, kalau benar pengunjung akan masuk ke hak akses sebagai member.

k. Body Halaman Pendaftaran

Gambar 2. 22 Halaman Pendaftaran Berikut Penjelasan gambar 2.22:

Halaman Pendaftaran adalah halaman yang bisa diakses oleh pengunjung untuk mendaftarkan diri untuk dapat menjadi member dan memiliki hak akses sebagai member. Terdapat kotak textbox untuk melakukan penginputan data untuk disimpan jadi member.

l. Halaman Profil

Gambar 2. 23 Halaman Profil Berikut Penjelasan gambar 2.23:

Halaman Profil adalah halaman yang bisa diakses pengguna atau member dan administrator. Dalam body halaman ini terdapat informasi data diri member dan beberapa tombol. Tombol-tombol itu berfungsi untuk mengetahui informasi dari thread, komentar dan pesan dari member tersebut. Dibagian atas halaman juga terdapat beberapa textbox untuk menginput data diri jika ingin meng-update data serta tombol update untuk menyimpan hasil masukan pada textbox tersebut.

m. Halaman Manage Topik

Gambar 2. 24 Halaman Manage Topik Berikut Penjelasan gambar 2.24:

Halaman Manage Topik adalah halaman yang hanya bisa diakses administrator. Dihalaman ini ditampilkan sebuah tabel yang dimana tabel tersebut berisi daftar-daftar dari seluruh topik yang tersedia. Juga terdapat beberapa tombol yang berguna untuk menghapus, mengedit serta menambah topik.

n. Halaman Manage Subtopik

Gambar 2. 25 Halaman Manage Subtopik Berikut Penjelasan gambar 2.25:

Halaman Manage Subtopik adalah halaman yang hanya bisa diakses administrator. Dihalaman ini ditampilkan sebuah tabel yang dimana tabel tersebut berisi daftar-daftar dari seluruh subtopik yang tersedia. Juga terdapat beberapa tombol yang berguna untuk menghapus, mengedit serta menambah subtopik.

o. Halaman Manage Member

Gambar 2. 26 Halaman Manage Member Berikut Penjelasan gambar 2.26:

Halaman Manage Member adalah halaman yang hanya bisa diakses administrator. Dihalaman ini ditampilkan sebuah tabel yang dimana tabel tersebut berisi daftar-daftar dari seluruh pengguna atau member yang terdaftar. Juga terdapat beberapa tombol yang berguna untuk menghapus dan mengedit member.

p. Halaman Banned

Gambar 2. 27 Halaman Banned Berikut Penjelasan gambar 2.27:

Halaman Banned adalah halaman yang hanya bisa diakses administrator. Dihalaman ini berisi daftar thread yang terkena banned dan tombol yang berfungsi untuk membuka banned. Pada halaman ini juga textbox untuk mencari kata yang tidak sesuai dengan ketentuan, sehingga memudahkan admin untuk mengetahui thread-thread yang melanggar ketentuan.

q. Bagian Footer Halaman

Bagian ini berada dibawah halaman, dapat dilihat dari gambar 2.9. Bagian Footer Halaman ini terdapat disetiap halaman yang ada. Terdapat beberapa tombol, yakni tombol Kontak, Syarat dan Ketentuan serta Tentang E-Forum yang akan menghantarkan kemasing-masing halaman jika di-klik.

2.7.3 Rancangan Syarat dan Ketentuan

Untuk membatasi dan menghindari isi thread dan komentar-komentar dari hal-hal yang menjelekkan dan menghina SARA (Suku, Agama, Ras dan Antargolongan) serta kata-kata kotor yang dapat menyinggung antar pengguna. Maka dibutuhkan suatu aturan yang dapat mengantisipasi itu semua.

a. Syarat Pendaftaran

1. Mahasiswa Teknologi Informasi UMY.

2. Dosen atau Staff di Jurusan Teknologi Informasi UMY.

3. Alumni Teknologi Informasi UMY.

b. Ketentuan

1. Pendaftaran

a) Memasukkan data diri dengan benar.

b) Bertanggungjawab atas apa yang diposting.

2. Postingan

a) Secara umum, tidak melanggar Undang-Undang Informasi dan Transaksi Elektronik (UU ITE).

b) Tidak menyudutkan dan menghina SARA (Suku, Agama, Ras dan Antargolongan).

c) Menggunakan bahasa yang sopan.

d) Bersifat informatif.

e) Menerima kritik dan saran dari orang lain.

2.8 Perancangan Topik dan Subtopik

Topik dan subtopik untuk website ini tidak hanya terbatas dari matakuliah yang disediakan, namun juga topik dan subtopik yang mengacu pada minat mahasiswa. Maka dari itu peran mahasiswa topik dan subtopik menjadi sangat penting. Dalam mendapakan topik dan subtopik yang tepat, peneliti melakukan 2 metode untuk mengumpulkan data.

1. Studi Pustaka

Untuk mendapatkan topik dan subtopik yang sesuai mengenai Teknologi Informasi, maka peneliti melakukan studi pustaka dengan melihat forum-forum diskusi online terkait Teknologi Informasi serta melihat dari LMS jurusan Teknologi Informasi itu sendiri.

2. Wawancara

mahasiswa jurusan Teknologi Informasi UMY. Peneliti akan mengambil beberapa narasumber secara random untuk mengetahui topik dan subtopik yang diminati.

2.9 Kamus Data Database

Kamus data database adalah katalog database yang digunakan untuk dalam pembuatan website forum diskusi online ini. Tech_forum adalah nama database yang digunakan dalam website. Adapun field pada tabel yang terdapat pada database ini adalah: 1. Nama tabel : Question

Keterangan : Data tentang Entitas Thread

Tabel 2. 1 Tabel Question

Nama Field Type Panjang

Question_id Interger 11

Heading Varchar 50

Question_detail Varchar 2000

Datetime Timestamp -

User_id Interger 11

Subtopic_id Interger 11

Views Interger 11

2. Nama tabel : Answer

Keterangan : Data tentang Entitas Komentar Tabel 2. 2 Tabel Answer

Nama Field Type Panjang

Answer_id Interger 11

Question_id Varchar 50

Answer_detail Varchar 2000

Datetime Timestamp -

User_id Interger 11

Baca Varchar 1

3. Nama tabel : Chat

Keterangan : Data tentang Entitas Pesan Tabel 2. 3 Tabel Chat

Nama Field Type Panjang

Chatdetail_id Interger 11

Cdatetime Timestamp -

Message Varchar 1000

User_id Interger 11

Chat_id Interger 11

4. Nama tabel : Chatmaster

Tabel 2. 4 Tabel Chatmaster

Nama Field Type Panjang

Chat_id Interger 11

User_id_from Interger 11

User_id_to Interger 11

5. Nama tabel : Subtopic

Keterangan : Data tentang Entitas Sub topik Tabel 2. 5 Tabel Subtopic

Nama Field Type Panjang

Subtopic_id Interger 11

Subtopic_name Varchar 50

Subtopic_description Varchar 500

S_status Varchar 20

Topic_id Interger 11

6. Nama tabel : Topic

Keterangan : Data tentang Entitas Topik

Tabel 2. 6 Tabel Topic

Nama Field Type Panjang

Topic_id Interger 11

Topic_name Varchar 50

7. Nama table : User

Keterangan : Data tentang Entitas Member Tabel 2. 7 Tabel User

Nama Field Type Panjang

User_id Interger 11

Address Varchar 500

User_type Varchar 50

Username Varchar 50

Nim Varchar 20

Fullname Varchar 50

Password Varchar 50

Repassword Varchar 50

Dob Varchar 50

Tanggaldaftar Timestamp -

E_mail Varchar 100

Gender Varchar 20

BAB III RANCANGAN PENGUJIAN

3.1 Metode Pengujian

Pada penelitian ini, metode pengujian yang akan dipakai dalam pengembangan aplikasi ini adalah black box testing. Black box testing atau tes fungsional adalah pengujian yang dilakukan hanya dengan mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari aplikasi tersebut.

Pengujian program dalam aplikasi web ini dilakukan oleh pengembang dan user (dalam hal ini mahasiswa jurusan Teknologi Informasi UMY) yang terlibat untuk memberikan data yang akan di-input. Selain itu juga dilihat bagaimana website tersebut berjalan, user memposting thread dan saling mengomentari atau berbagi informasi yang diakses melalui website diskusi online ini. Hal-hal yang menjadi perhatian dalam pengujian adalah sebagai berikut:

a. Website dapat membatasi pendaftar dengan aturan NIM yang ada dijurusan Teknologi Informasi UMY yaitu mempunyai kode ”014”.

b. Proses diskusi (posting Thread dan posting komentar) dapat berjalan dengan baik.

c. Website dapat menyediakan informasi yang di-post oleh member kepada member lain ataupun hanya pengunjung.

3.2 Alat dan Bahan, Objek serta Tempat Pengujian

a. Alat dan Bahan

Untuk kelancaran pengujian maka dibutuhkan alat dan bahan yaitu Personal computer (PC) atau laptop, website forum diskusi yang sudah dihosting ke internet serta web browser.

b. Objek

Sesuai dengan tujuan dibuatnya website forum diskusi online yaitu untuk jurusan Teknologi Informasi UMY, maka yang jadi objek pengujian adalah mahasiswa jurusan Teknologi Informasi UMY.

c. Tempat

Tempat pengujian bisa dilakukan dimana saja, asal ada koneksi internet. Namun supaya objek pengujian mudah diperoleh, maka tempat pengujian dilaksanakan disekitar jurusan Teknologi Informasi UMY.

3.3 Tahapan Pengujian

Ada beberapa tahapan pengujian yang akan dilakukan, antara lain: 1. Pengujian User interface (UI)

2. Pengujian Fungsi Dasar Sistem 3. Pengujian Validasi

3.3.1 Pengujian User interface (UI)

Pengujian User interface ini bertujuan untuk mengetahui fungsionalitas dari elemen-elemen interface (seperti tombol dan hyperlink) yang terdapat pada tiap-tiap

halaman bekerja dengan baik. Adapun rencana kasus uji pada pengujian User interface ini dapat dilihat pada Tabel 3.1.

Tabel 3. 1 Kasus Uji Pengujian User interface

No

Kasus Uji

Hasil yang diharapkan

Header halaman

1 Tombol Home Dapat mengakses halaman Home. 2 Tombol Topik Dapat mengakses halaman Topik 3 Tombol Pencarian Dapat mengakses halaman Pencarian 4 Tombol tambah thread Dapat mengakses halaman tulis thread 5 Tombol notifikasi Dapat melihat notifikasi thread baru 6 Tombol Manage Topik Dapat mengakses halaman Manage Topik 7 Tombol Manage Subtopik Dapat mengakses halaman Manage Subtopik 8 Tombol Manage Member Dapat mengakses halaman Manage Member 9 Tombol Banned Dapat mengakses halaman Banned

Body Halaman

Halaman Index

10 Tombol Daftar Dapat mengakses halaman pendaftaran. 11 Tombol Login Dapat mengakses halaman login.

Dapat memverifikasi Username dan Password sebelum masuk kehalaman login.

12 Textbox username dan

password

Pengguna bisa mengetikkan username dan password

Halaman Topik

13 Hyperlink Subtopik Dapat mengakses halaman Subtopik.

No

Kasus Uji

Hasil yang diharapkan

15 Hyperlink nama pengirim

Thread

Dapat mengakses halaman profil member yang di-klik

Halaman Pencarian

16 Tombol Cari Dapat menampilkan thread dari kata yang dicari

17 Textbox pencarian kata Member dapat mengetikkan kata yang ingin dicari

18 Hyperlink Judul thread Dapat mengakses halaman thread atau membuka isi thread

19 Hyperlink nama pengirim thread

Dapat mengakses halaman profil member yang di-klik

Halaman Subtopik

20 Hyperlink topik Dapat mengakses halaman topik 21 Hyperlink nama pengirim

thread

Dapat mengakses halaman profil member yang di-klik

22 Hyperlink judul thread Dapat mengakses halaman thread atau membuka isi thread

Halaman Thread

23 Hyperlink gambar home Dapat mengakses halaman home 24 Hyperlink judul topic Dapat mengakses halaman topik 25 Hyperlink judul subtopik Dapat mengakses halaman subtopik 26 Hyperlink nama pengirim

thread

Dapat mengakses halaman profil member yang di-klik

27 Tombol kometari Dapat mengkses halaman tulis komentar. Halaman Home

28 Hyperlink nama member Dapat mengakses ke halaman profil sendiri. 29 Hyperlink keluar Member keluar dari login dan mengakses halaman

No

Kasus Uji

Hasil yang diharapkan

30 Hyperlink nama pengirim

Thread

Dapat mengakses halaman member yang di-klik

31 Hyperlink judul Thread Dapat mengakses halaman Thread atau membuka isi Thread

32 Tombol Lihat Dapat mengakses halaman Thread atau membuka isi Thread

33 Tombol Komentari Dapat mengakses halaman tulis komentar 34 Tombol Kutip Dapat mengakses halaman kutip Thread

Halaman Register

35 Textbox input data Member dapat mengetikkan data diri.

36 Tombol gambar kalender Dapat menampilkan pop-up kalender dan bisa memilih tanggal

37 Tombol browse foto Dapat mengakses computer local untuk mengambil foto.

38 Tombol Daftar Memastikan data semua terisi dan mengakses halaman Login

39 Hyperlink Login Dapat mengakses halaman Login Halaman Komentar

40 Textbox input komentar Member dapat mengetikkan isi komentar

42 Tombol Insert Code Dapat menampilkan kotak untuk menyisipkan coding atau code

43 Tombol kirim Dapat input data kemudian mengakses halaman thread yang dikomentari serta memastikan semua data terisi. Halaman Bikin Thread

44 Select Box Subtopik Dapat menampilkan daftar Subtopik

No

Kasus Uji

Hasil yang diharapkan

46 Tombol kirim Dapat input data kemudian mengakses halaman thread yang serta memastikan semua data terisi.

Halaman Profil

47 Tombol Thread Dapat menampilkan semua thread dari member 48 Tombol Komenter Dapat menampilkan semua komentar dari member 49 Tombol Pesan Dapat menampilkan semua pesan

50 Tombol Banned Dapat menampilkan daftar Thread yang di-Banned

51 Textbox data diri Member dapat mengetikkan data diri

52 Tombol Update Dapat memastikan semua data terisi dan me-refresh halaman Profil.

Halaman Manage Topik

53 Tombol Edit Dapat mengakses halaman edit topik 54 Tombol Hapus Dapat menghapus topik

Halaman Manage Subtopik

55 Tombol Edit Dapat mengakses halaman edit subtopik 56 Tombol Hapus Dapat menghapus subtopik

Halaman Manage Member

57 Tombol Edit Dapat mengakses halaman edit member 58 Tombol hapus Dapat menghapus member

Halaman Banned

59 Hyperlink cari Dapat mencari Thread yang mengandung kata

60 Textbox pencarian kata Admin dapat mengetikkan kata yang ingin dicari

61 Tombol Buka Banned Dapat membuka banned dari thread yang di-banned 62 Tombol Banned Dapat mem-banned Thread

No

Kasus Uji

Hasil yang diharapkan

Footer Halaman

63 Tombol Kontak Dapat mengakses halaman kontak admin website 64 Tombol Syarat dan

Ketentuan

Dapat mengakses halaman syarat dan ketentuan website

65 Tombol Tentang Dapat mengakses halaman tentang website

3.3.2 Pengujian Fungsi Dasar Sistem

Pengujian fungsi dasar sistem bertujuan untuk mengetahui fungsi-fungsi dasar yang ada di dalam aplikasi. Adapun rencana kasus uji pada pengujian Fungsi Dasar Sistem ini dapat dilihat pada Tabel 3.2.

Tabel 3. 2 Kasus Uji Pengujian Fungsi Dasar Sistem

No Kasus Uji Hasil yang diharapkan

1 Pengujian fungsi daftar member

Sistem dapat menyimpan data member yang ditambahkan

2 Pengujian fungsi penambahan thread

Sistem dapat menyimpan data thread yang ditambahkan jika kurang dari 2000 karakter dan memberikan notifikasi jika melebihi

3 Pengujian fungsi penambahan komentar

Sistem dapat menyimpan data komentar yang ditambahkan jika kurang dari 2000 karakter dan memberikan notifikasi jika melebihi

4 Pengujian fungsi pesan Sistem dapat menyimpan pesan yang dikirimkan 5 Pengujian fungsi update

profil

Sistem dapat mengupdate profil

6 Pengujian fungsi insert code

Sistem dapat menambahkan code pada thread yang ditambahkan

No

Kasus Uji

Hasil yang diharapkan

Untuk Administrator

1 Pengujian penambahan topik

Sistem dapat menambahkan topik

2 Pengujian penambahan subtopik

Sistem dapat menambahkan subtopik

3 Pengujian Edit dan hapus topik

Sistem dapat mengupdate data yang di-edit dan menghapus topik

4 Pengujian edit dan hapus subtopik

Sistem dapat mengupdate data yang di-edit dan menghapus subtopik

5 Pengujian edit dan hapus member

Sistem dapat mengupdate data yang di-edit dan menghapus member

6 Pengujian banned thread Sistem dapat membanned thread (merubah status thread menjadi banned) sehingga thread tidak ditampilkan

7 Pengujian pencarian kata Sistem dapat mencari kata yang di input oleh member

3.3.3 Pengujian Validasi

Pengujian validasi bertujuan untuk mengetahui apakah validasi-validasi yang di dalam sistem sudah berjalan dengan baik. Adapun rencana kasus uji pada pengujian Validasi ini dapat dilihat pada Tabel 3.3.

Tabel 3. 3 Kasus Uji Pengujian Validasi

No Kasus Uji Hasil yang diharapkan

1 Validasi jika username dan atau password dihalaman logi tidak sesuai atau tidak diisi

Sistem dapat menampilkan pesan dan peringatan bahwa username dan atau password yang dinput salah atau tidak diisi.

No

Kasus Uji

Hasil yang diharapkan

2 Validasi bila input NIM

mahasiswa salah

Sistem dapat menampilkan pesan bahwa NIM yang dimasukkan tidak sesuai dengan struktur NIM TI UMY

3 Validasi bila input thread dan komentar melebihi 2000 karakter

Sistem tidak menambahkan thread atau komentar ke database dan akan tetap dihalaman thread atau komentar dan menampilkan pesan

4 Validasi username dan NIM di halaman pendaftaran

Sistem akan menampilkan pesan bahwa username dan NIM sudah dipakai atau NIM tidak sesuai dengan strutur NIM TI UMY

5 Validasi data tidak kosong dihalaman pendaftaran

Sistem akan menampilkan pesan kalau ada data yang tidak diisi.

BAB IV HASIL DAN IMPLEMENTASI

4.1 Hasil

Hasil penelitian berupa sebuah website forum diskusi untuk mendukung kegiatan belajar dan bertukar ilmu dilingkungan jurusan Teknologi Informasi. Halaman-halaman website secara umum terbagi menjadi 2 (dua) bagian, yaitu:

1. Halaman untuk member dan pengunjung untuk melakukan proses diskusi. 2. Halaman untuk admin untuk mengelola topik, subtopik dan member serta

mengelola Thread yang tidak pantas untuk ditampilkan.

4.2 Pembangunan Sistem

4.2.1 Instalasi Aplikasi Server Local

Langkah pertama dalam pembangunan aplikasi ini adalah melakukan instalasi aplikasi server local pada Laptop yaitu menggunakan XAMPP. Setelah selesai melakukan instalasi kemudian jalankan aplikasi XAMPP, kemudian jalankan Apache dan MySQL dengan menekan tombol Start, hal ini ditandai dengan tulisan running pada kotak informasi dibagian bawah aplikasi. Tampilan setelah instalasi dan module Apache dan MySQL keadaan running dapat dilihat pada gambar 4.1.

Gambar 4. 1 Running Apache dan MySQL di XAMPP 4.2.2 Pembuatan Database

Setelah memastikan bahwa koneksi Apache dan MySQL telah berhasil dijalankan, maka langkah selanjutnya yang harus dilakukan adalah membuat database dengan cara membuka browser kemudian mengetikkan URL localhost/phpmyadmin. Ini adalah URL standart yang digunakan untuk mengakses phpmyadmin dalam rangka pembuatan database. Pada system yang telah dibangun database diberi nama tech_forum yang didalamnya berisi tabel answer, chat, chatmaster, question, subtopic, topic dan user. Pembuatan database dapat dilihat pada gambar 4.2.

Gambar 4. 2 Pembuatan Database dengan phpmyadmin 4.2.3 Coding

Untuk dapat dimengerti oleh mesin, maka peneliti melakukan coding atau menerapkan bahasa pemograman atau bahasa yang dimengerti oleh mesin. Hal ini perlu dilakukan dalam setiap membangun aplikasi. Bahasa pemrograman yang digunakan dalam membangun website ini adalah bahasa pemrograman PHP. Dalam mengimplementasikan bahasa pemograman PHP ini peneliti menggunakan IDE atau aplikasi untuk develop suatu aplikasi menggunakan Netbeans IDE 8.0.2. Adapun tampilan coding menggunakan Netbeans dapat dilihat dari gambar 4.3.

Gambar 4. 3 Coding menggunakan IDE Netbeans 8.0.2 4.2.3 Hosting dan Domain

Hosting dan Domain merupakan komponen penting pada pembuatan website. Hosting berguna sebagai pengganti server local untuk penyimpanan data dan tampilan yang menggunakan XAMPP sehingga bisa diakses publik dengan koneksi internet. Sedangkan Domain berguna sebagai URL atau alamat website untuk pemanggilan data tampilan pada Hosting. Pada website ini, peneliti membeli Hosting dan Domain di Niagahoster dengan alamat URL eforumtiumy.id.

Setelah melakukan pembelian, pembeli akan mendapatkan alamat cPanel dan akun member di Niagahoster. cPanel ini berguna untuk member dapat mentransfer atau mengupload tampilan dan database kedalam server cloud Niagahoster. Pada cPanel ini

Manager tempat untuk memasukkan data tampilan (user interface) dan phpmyadmin untuk memasukkan atau meng-import database. Adapun tampilan cPanel dapat dilihat pada gambar 4.4.

Gambar 4. 4 Tampilan cPanel pada Niagahoster

Selain itu diberikan akun member Niagahoster. Ini berguna untuk layanan

member. Member dapat melihat status Hosting dan Domain yang dipesan. Pada halaman

member juga tersedia banyak layanan, seperti bantuan, jenis-jenis layanan serta menu untuk memperpanjang pembelian Hosting dan Domain. Adapun tampilan halaman akun member pada Niagahoster dapat dilihat pada gambar 4.5.

No

Kasus Uji

Hasil yang diharapkan

62 Tombol Banned Dapat mem-bannedThread Berhasil

Footer Halaman

63 Tombol Kontak Dapat mengakses halaman kontak admin

website

Berhasil

64 Tombol Syarat dan Ketentuan

Dapat mengakses halaman syarat dan ketentuan website

Berhasil

65 Tombol Tentang Dapat mengakses halaman tentang website Berhasil

Tabel 4. 2 Pengujian Fungsi Dasar Sistem

No Kasus Uji Hasil yang diharapkan Hasil

1 Pengujian fungsi daftar

member

Sistem dapat menyimpan data member yang ditambahkan

Berhasil

2 Pengujian fungsi penambahan thread

Sistem dapat menyimpan data thread yang ditambahkan jika kurang dari 2000 karakter dan memberikan notifikasi jika melebihi

Berhasil

3 Pengujian fungsi penambahan komentar

Sistem dapat menyimpan data komentar yang ditambahkan jika kurang dari 2000 karakter dan memberikan notifikasi jika melebihi

Berhasil

4 Pengujian fungsi pesan Sistem dapat menyimpan pesan yang dikirimkan

Berhasil

5 Pengujian fungsi update profil

Sistem dapat mengupdate profil Berhasil

6 Pengujian fungsi insert

code

Sistem dapat menambahkan code pada

thread yang ditambahkan

Berhasil

Untuk Administrator

1 Pengujian penambahan topik

93

No

Kasus Uji

Hasil yang diharapkan

2 Pengujian penambahan subtopik

Sistem dapat menambahkan subtopik Berhasil

3 Pengujian Edit dan hapus topik

Sistem dapat mengupdate data yang di-edit

dan menghapus topik

Berhasil

4 Pengujian edit dan hapus subtopik

Sistem dapat mengupdate data yang di-edit

dan menghapus subtopik

Berhasil

5 Pengujian edit dan hapus member

Sistem dapat mengupdate data yang di-edit

dan menghapus member

Berhasil

6 Pengujian banned thread

Sistem dapat membannedthread (merubah status thread menjadi banned) sehingga

thread tidak ditampilkan

Berhasil

7 Pengujian pencarian kata

Sistem dapat mencari kata yang di input oleh

member

Berhasil

Tabel 4. 3 Pengujian Validasi

No Kasus Uji Hasil yang diharapkan Hasil

1 Validasi jika username

dan atau password

dihalaman logi tidak sesuai atau tidak diisi

Sistem dapat menampilkan pesan dan peringatan bahwa username dan atau

password yang dinput salah atau tidak diisi.

Berhasil

2 Validasi bila input NIM mahasiswa salah

Sistem dapat menampilkan pesan bahwa NIM yang dimasukkan tidak sesuai dengan struktur NIM TI UMY

Berhasil

3 Validasi bila input

thread dan komentar melebihi 2000 karakter

Sistem tidak menambahkan thread atau komentar ke database dan akan tetap dihalaman thread atau komentar dan menampilkan pesan

Berhasil

4 Validasi username dan NIM di halaman pendaftaran

Sistem akan menampilkan pesan bahwa

username dan NIM sudah dipakai atau NIM tidak sesuai dengan strutur NIM TI UMY

No

Kasus Uji

Hasil yang diharapkan

5 Validasi data tidak

kosong dihalaman pendaftaran

Sistem akan menampilkan pesan kalau ada data yang tidak diisi.

95

BAB V KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan tahapan-tahapan yang telah dilalui pada Persiapan, Analysis, Design

atau Perancangan, Coding serta Pengujian, maka kesimpulan yang dapat diambil dari penelitian mengenai ”Pengembangan E-Forum Teknologi Informasi UMY” adalah sebagai berikut:

1. Website E-Forum Teknologi Informasi Universitas Muhammadiyah Yogyakarta menggunakan bahasa pemograman PHP telah berhasil dibangun, dikelola dan dapat berjalan dengan baik.

2. Website E-Forum telah menyediakan topik dan subtopik yang tidak hanya terbatas dengan matakuliah namun juga topik yang menjadi minat mahasiswa Teknologi Informasi UMY.

3. Website E-Forum telah berhasil membatasi pengguna dengan rule pendaftaran NIM mahasiswa Teknologi Informasi UMY.

5.2 Saran

Website E-Forum Teknologi Informasi UMY yang diterapkan pada penelitian ini masih dapat dikembangkan seiring dengan berkembangnya spesifikasi kebutuhan pengguna dimasa mendatang. Serta masih terdapat beberapa masukan penguji yang dijadikan sebagai kekurangan pada penelitian ini. Beberapa saran yang telah dirangkum antara lain:

1. Melakukan evaluasi sistem dan konten secara berkala untuk meningkatkan minat para mahasiswa dalam melakukan diskusi menggunakan website ini. Sebagai contoh penyesuaian Topik dan Subtopik dengan minat mahasiswa. Seiring dengan berkembangnya Teknologi Informasi maka minat mahasiswa tentang Teknologi Informasi dapat berkembang dan berubah.

2. Melakukan perbaikan pada user interface menggunakan CMS (Content

Management System) phpBB untuk yang gratis atau CMS VBulletin untuk yang berbayar sehingga tampilan jadi lebih menarik.

97

DAFTAR PUSTAKA

Kamus Besar Bahasa Indonesia (KBBI), Pengertian Diskusi, dari www.kbbi.co.id Saputra, Agus (2014), Proyek Membuat Aplikasi Forum Diskusi Dengan PHP dan MySQL, Cirebon: CV. ASFA Solution.

Putranto, Agus (2012), Perancangan Forum Diskusi Mobile Online Learning, dari www.binus.ac.id

Ardhiansyah, Riezal (2010), Pembuatan Website Forum Sanninkai, dari www.uns.ac.id

Pressman, Roger S (2002), Rekayasa Perangkat Lunak Pendekatan Praktisi (Edisi I), Yogyakarta, Andi.

Fitriani, Rini (2015), Meningkatkan Volume Penjualan Gria Boutique Menggunakan Metode E-Commerce (Studi Kasus di Toko Gria Boutique), Yogyakarta