analisis dan perancangan aplikasi forum dan diskusi … · menyelesaikan dan menyusun laporan...

vii

Universitas Bina Nusantara _________________________________________________________________

Jurusan Teknik Informatika Skripsi Sarjana Komputer

Semester Ganjil tahun 2006/2007

ANALISIS DAN PERANCANGAN APLIKASI FORUM DAN DISKUSI REAL TIME UNTUK UNIVERSITAS BINA NUSANTARA

Sutini (0700704570) Tony (0700704955) Jhoni (0700704961),

Abstrak Universitas Bina Nusantara sebagai salah satu lembaga pendidikan berbasiskan teknologi informasi mulai menerapkan proses pembelajaran e-learning sebagai metode pembelajaran jarak jauh guna mengatasi batasan waktu dan tempat dalam proses pembelajaran konvensional dengan sebuah aplikasi yang dikenal dengan sebutan Binus Maya. Mengingat dukungan program aplikasi dan fitur-fitur yang digunakan dalam proses pembelajaran e-learning adalah hal penting yang harus diperhatikan guna mencapai hasil pembelajaran yang semaksimal mungkin, maka aplikasi forum diskusi yang terintegrasi dalam Binus Maya saat ini dikembangkan guna meningkatkan interaksi antar BiNusian dalam proses pembelajaran dengan menggunakan metode waterfall model. Dalam pengembangan, adapun fitur-fitur yang ditambahkan adalah berupa fitur chatting, fitur untuk melihat hasil diskusi angkatan sebelumnya, fitur new post, fitur whiteboard, fitur untuk melihat aktivitas dan tingkat penggunaan forum, memisahkan topik umum dan topik kelompok serta fitur change template untuk mengatur fleksibilitas tampilan. Dari hasil pengembangan, forum diskusi yang dibuat merupakan bagian dari e-learning yang bersifat synchronous dan asynchronous training yang mendukung collaboration learning yang melibatkan usaha intelektual antar BiNusian. Kata Kunci : aplikasi, real time, forum diskusi

viii

PRAKATA

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa karena atas

berkat dan rahmat-Nya dalam mengarahkan penulis sehingga penulis dapat

menyelesaikan dan menyusun laporan skripsi yang berjudul “Analisis dan Perancangan

Aplikasi Forum dan Diskusi Real Time untuk Universitas Bina Nusantara”. Adapun

tujuan penyusunan laporan skripsi ini adalah sebagai salah satu syarat untuk gelar

kesarjanaan pada Fakultas Ilmu Komputer, Jurusan Teknik Informatika, jenjang

pendidikan Strata-1.

Bersamaan dengan ini, penulis mengucapkan terima kasih kepada seluruh pihak

yang terkait dalam penyelesaian laporan skripsi ini yaitu :

• Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina

Nusantara Jakarta.

• Bapak H. Mohammad Subekti, BE, M.Sc., selaku Ketua Jurusan Teknik

Informatika.

• Bapak Fredy Purnomo, S.Kom, M.Kom., selaku Sekretaris Jurusan Teknik

Informatika.

• Bapak Soni, S.Kom, MM, selaku dosen pembimbing yang telah

membimbing penulis selama ini.

• Seluruh dosen Universitas Bina Nusantara yang telah memberikan ilmunya.

• Teman-teman dan keluarga yang telah banyak membantu dan memberikan

masukan bagi penulisan laporan skripsi ini.

• Semua pihak lain yang tidak dapat kami sebutkan satu persatu.

ix

Penulis menyadari dengan sepenuhnya bahwa laporan skripsi ini masih penuh

dengan kekurangan dan keterbatasan karena kurangnya pengetahuan dan pengalaman

penulis. Oleh karena itu, penulis sangat mengharapkan kritik, saran dan tanggapan

untuk dijadikan masukan bagi pengembangan laporan skripsi ini ke arah yang lebih

baik.

Jakarta, 8 Januari 2007

Penulis

x

DAFTAR ISI

Halaman

Halaman Judul Luar ...........................................................................................................i

Halaman Judul Dalam ...................................................................................................... ii

Halaman Persetujuan Hardcover..................................................................................... iii

Halaman Pernyataan Dewan Penguji ...............................................................................iv

Abstrak ........................................................................................................................... vii

Prakata ........................................................................................................................... viii

Daftar Isi ........................................................................................................................... x

Daftar Tabel................................................................................................................... xvi

Daftar Gambar ................................................................................................................ xx

Daftar Lampiran .......................................................................................................... xxix

BAB 1 PENDAHULUAN................................................................................................ 1

1.1 Latar Belakang................................................................................................ 1

1.2 Ruang Lingkup ............................................................................................... 3

1.3 Tujuan dan Manfaat........................................................................................ 3

1.4 Metodologi Penelitian .................................................................................... 4

1.5 Sistematika Penulisan..................................................................................... 5

BAB 2 LANDASAN TEORI ........................................................................................... 7

2.1 Sistem Informasi............................................................................................. 7

2.1.1 Pengertian Sistem ............................................................................... 7

2.1.2 Pengertian Informasi .......................................................................... 7

xi

2.1.3 Pengertian Sistem Informasi (Information System)............................ 8

2.2 Teknologi Informasi (Information Technology)............................................. 8

2.2.1 Pengertian Teknologi Informasi ......................................................... 8

2.2.2 Fungsi Teknologi Informasi ............................................................... 9

2.3 Perangkat Lunak (Software) ......................................................................... 10

2.3.1 Pengertian Perangkat Lunak............................................................. 10

2.3.2 Ciri-ciri Perangkat Lunak ................................................................. 11

2.3.3 Jenis Perangkat Lunak Komputer..................................................... 11

2.4 Rekayasa Perangkat Lunak (Software Engineering) .................................... 12

2.4.1 Pengertian Rekayasa Perangkat Lunak ............................................ 12

2.4.2 Pandangan Umum Tentang Rekayasa Perangkat Lunak.................. 13

2.4.3 Model Proses Perangkat Lunak ........................................................ 14

2.4.4 Model Sekuensial Linear (waterfall model) .................................... 15

2.5 Pemodelan Berorientasi Objek Menggunakan UML (Unified Modelling

Language)..................................................................................................... 18

2.5.1 Pemodelan Objek (Object Modeling) ............................................... 18

2.5.2 Pengertian UML (Unified Modelling Language) ............................. 18

2.5.3 Konsep Sistem untuk Pemodelan Objek .......................................... 19

2.5.4 Diagram UML .................................................................................. 22

2.6 Bahasa Pemrograman ................................................................................... 24

2.6.1 Hypertext Markup Language (HTML)............................................. 24

2.6.2 Extensible Markup Language (XML) .............................................. 25

2.7 Database (Basis Data)................................................................................... 26

xii

2.7.1 Pengertian Data ................................................................................ 26

2.7.2 Pengertian Database ......................................................................... 26

2.7.3 Database Relasional.......................................................................... 27

2.7.4 Database Management System (DBMS).......................................... 27

2.7.5 SQL (Structured Query Language) .................................................. 28

2.7.6 Stored Procedures ............................................................................ 28

2.8 Teknologi dan Tool yang Digunakan ........................................................... 29

2.8.1 Microsoft’s .Net Framework ............................................................ 29

2.8.2 Microsoft Visual Studio .NET 2003................................................. 30

2.8.2.1 ASP.NET...............................................................................32

2.8.3 Ajax (Asynchronous JavaScript And XML) ..................................... 33

2.8.3.1 Keuntungan Ajax...................................................................33

2.9 Internet.......................................................................................................... 35

2.9.1 Pengertian Internet............................................................................ 35

2.9.2 Pengertian World Wide Web (WWW).............................................. 36

2.9.3 Pengertian HyperText Transfer Protocol (HTTP)............................ 36

2.10 Server............................................................................................................ 37

2.10.1 Pengertian Server.............................................................................. 37

2.10.2 Database Server ................................................................................ 37

2.10.3 Web Server........................................................................................ 37

2.10.4 IIS (Internet Information Service) .................................................... 38

2.11 Online ........................................................................................................... 38

2.11.1 Pengertian Online ............................................................................. 38

xiii

2.11.2 Pengertian Proses Online.................................................................. 38

2.11.3 Pengertian Online Learning ............................................................. 39

2.12 E-Learning.................................................................................................... 39

2.12.1 Pengertian E-Learning...................................................................... 39

2.12.2 Media E-Learning ............................................................................ 41

2.12.3 Keuntungan dan Kerugian E-Learning ............................................ 41

2.13 Collaborative Learning ................................................................................ 42

2.13.1 Pengertian Kolaborasi ...................................................................... 42

2.13.2 Model Kolaborasi ............................................................................. 43

2.13.3 Pengertian Collaborative Learning .................................................. 45

2.13.4 Kelebihan dan Kekurangan dari Collaborative Learning ................ 45

2.13.5 Cara Melakukan Kolaborasi Pembelajaran ...................................... 46

2.14 Web Service .................................................................................................. 46

2.14.1 HTTP-GET ....................................................................................... 47

2.14.2 HTTP-POST..................................................................................... 47

2.14.3 SOAP (Simple Object Access Protocol)........................................... 48

2.15 Application Object & Session Object ........................................................... 49

2.15.1 Application Object............................................................................ 50

2.15.2 Session Object .................................................................................. 50

2.16 Penelitian ...................................................................................................... 51

2.16.1 Teknik Sampling .............................................................................. 51

2.16.2 Pengumpulan Data (Dengan Kuesioner) .......................................... 52

BAB 3 ANALISA DAN PERANCANGAN ................................................................. 55

xiv

3.1 Analisa Universitas....................................................................................... 55

3.1.1 Sejarah Universitas........................................................................... 55

3.1.2 Struktur Organisasi ........................................................................... 57

3.2 Analisa Permasalahan................................................................................... 58

3.2.1 Sistem yang Sedang berjalan............................................................ 58

3.2.2 Permasalahan pada Sistem yang Sedang berjalan ............................ 59

3.2.3 Usulan Pemecahan Masalah ............................................................. 60

3.3 Rancangan Aplikasi yang Diusulkan............................................................ 62

3.3.1 Desain Aplikasi ................................................................................ 62

3.3.2 Class Diagram.................................................................................. 63

3.3.3 Use Case Diagram & Scenario ........................................................ 64

3.3.4 Scenario ............................................................................................ 65

3.3.5 Sequential Diagram.......................................................................... 90

3.3.6 Rancangan Database....................................................................... 110

3.3.6.1 Rancangan Database EBiNusAcademicDB ........................111

3.3.6.2 Rancangan Database ForumDB ..........................................127

3.3.6.3 Rancangan Database ChatDB..............................................134

3.3.7 Struktur Navigasi Aplikasi ............................................................. 137

3.3.8 Rancangan Layar ............................................................................ 138

BAB 4 IMPLEMENTASI DAN EVALUASI ............................................................. 173

4.1 Rencana Implementasi................................................................................ 173

4.1.1 Spesifikasi Kebutuhan Perangkat Keras......................................... 173

4.1.2 Spesifikasi Kebutuhan Perangkat Lunak........................................ 173

xv

4.1.3 Tampilan Layar .............................................................................. 174

4.2 Evaluasi ...................................................................................................... 235

4.2.1 Evaluasi Performance..................................................................... 235

4.2.2 Evaluasi Penggunaan...................................................................... 243

BAB 5 SIMPULAN DAN SARAN ............................................................................. 254

5.1 Simpulan..................................................................................................... 254

5.2 Saran ........................................................................................................... 255

Daftar Pustaka .............................................................................................................. 256

Riwayat Hidup.............................................................................................................. 258

Lampiran-lampiran

Fotocopy Surat Survei

xvi

DAFTAR TABEL

Halaman

Tabel 3. 1 Scenario Login............................................................................................65

Tabel 3. 2 Scenario Find Room ...................................................................................65

Tabel 3. 3 Scenario Update Last Presence Time in Forum.........................................66

Tabel 3. 4 Scenario View Topic ...................................................................................67

Tabel 3. 5 Scenario Create Topic ................................................................................67

Tabel 3. 6 Scenario Edit Topic ....................................................................................68

Tabel 3. 7 Scenario View Message ..............................................................................69

Tabel 3. 8 Scenario Reply ............................................................................................69

Tabel 3. 9 Scenario Edit Reply ....................................................................................70

Tabel 3. 10 Scenario Reply with Quote .........................................................................71

Tabel 3. 11 Scenario Upload File in Forum..................................................................71

Tabel 3. 12 Scenario View Active Topic ........................................................................72

Tabel 3. 13 Scenario View Member...............................................................................73

Tabel 3. 14 Scenario Search Forum ..............................................................................74

Tabel 3. 15 Scenario Change Template.........................................................................74

Tabel 3. 16 Scenario View Group Activities..................................................................75

Tabel 3. 17 Scenario View Messenger...........................................................................76

Tabel 3. 18 Scenario Create Room ................................................................................76

Tabel 3. 19 Scenario Update Last Presence Time in Room ..........................................77

Tabel 3. 20 Scenario Request Chat Message.................................................................78

Tabel 3. 21 Scenario Send Chat Message......................................................................79

xvii

Tabel 3. 22 Scenario Save Chat File .............................................................................79

Tabel 3. 23 Scenario Upload File in Chat Room ..........................................................80

Tabel 3. 24 Scenario Delete Reply.................................................................................80

Tabel 3. 25 Scenario Lock Forum .................................................................................81

Tabel 3. 26 Scenario Lock Topic ...................................................................................81

Tabel 3. 27 Scenario Make Group.................................................................................82

Tabel 3. 28 Scenario Create New Group.......................................................................83

Tabel 3. 29 Scenario View Forum Activities .................................................................83

Tabel 3. 30 Scenario View Detail Student Posting per Topic .......................................84

Tabel 3. 31 Scenario View Detail Message per Topic and BiNusian............................85

Tabel 3. 32 Scenario View Monthly Report ...................................................................85

Tabel 3. 33 Scenario View Daily Activities ...................................................................86

Tabel 3. 34 Scenario View Student Activities ................................................................87

Tabel 3. 35 Scenario Add Member ................................................................................87

Tabel 3. 36 Scenario Delete User in Room ...................................................................88

Tabel 3. 37 Scenario Delete Room ................................................................................89

Tabel 3. 38 Tabel MsStudentPersonalInfo ..................................................................111

Tabel 3. 39 Tabel MsStudentPassword .......................................................................112

Tabel 3. 40 Tabel MsStudentAddress..........................................................................112

Tabel 3. 41 Tabel MsStudentEmail .............................................................................113

Tabel 3. 42 Tabel MsStudentPhone.............................................................................114

Tabel 3. 43 Tabel MsLecturer .....................................................................................114

Tabel 3. 44 Tabel MsLecturerPassword ......................................................................115

xviii

Tabel 3. 45 Tabel MsLecturerFormalEducation..........................................................116

Tabel 3. 46 Tabel MsLecturerEmail............................................................................117

Tabel 3. 47 Tabel MsClass ..........................................................................................118

Tabel 3. 48 Tabel MsClassLecturer.............................................................................119

Tabel 3. 49 Tabel TrStudentClass ...............................................................................119

Tabel 3. 50 Tabel MsModule ......................................................................................120

Tabel 3. 51 Tabel MsTerm ..........................................................................................121

Tabel 3. 52 Tabel LtGender.........................................................................................122

Tabel 3. 53 Tabel LtReligion.......................................................................................122

Tabel 3. 54 Tabel LtMaritalStatus...............................................................................123

Tabel 3. 55 Tabel LtOccupation ..................................................................................123

Tabel 3. 56 Tabel LtEducationDegree.........................................................................124

Tabel 3. 57 Tabel LtCountry .......................................................................................125

Tabel 3. 58 Tabel LtPhoneType ..................................................................................125

Tabel 3. 59 Tabel LtLecturerRole ...............................................................................126

Tabel 3. 60 Tabel MsForum ........................................................................................127

Tabel 3. 61 Tabel MsForumGroup ..............................................................................127

Tabel 3. 62 Tabel MsModerator ..................................................................................128

Tabel 3. 63 Tabel MsTemplate....................................................................................129

Tabel 3. 64 Tabel MsBinusianTemplate......................................................................129

Tabel 3. 65 Tabel MsTopic..........................................................................................130

Tabel 3. 66 Tabel MsMessage.....................................................................................131

Tabel 3. 67 Tabel MsAttachment ................................................................................132

xix

Tabel 3. 68 Tabel TrForumAccess ..............................................................................133

Tabel 3. 69 Tabel TrPresence ......................................................................................133

Tabel 3. 70 Tabel TrChatAttachmentFile....................................................................133

Tabel 3. 71 Tabel RoomRequest .................................................................................134

Tabel 3. 72 Tabel RoomMember.................................................................................135

Tabel 3. 73 Tabel DiscussionRoom.............................................................................135

Tabel 3. 74 Tabel DiscussionMessage ........................................................................136

Tabel 4. 1 Tabel Hasil Evaluasi Performance ...........................................................240

Tabel 4. 2 Hasil Kuesioner untuk Pertanyaan Nomor 1 ............................................243









xx

DAFTAR GAMBAR

Halaman

Gambar 2. 1 Lapisan Rekayasa Perangkat Lunak........................................................12

Gambar 2. 2 Model Waterfall.......................................................................................16

Gambar 2. 3 Cara Kerja Request dengan Menggunakan Ajax.....................................34

Gambar 2. 4 Diagram Kolaborasi.................................................................................43

Gambar 2. 5 Model Kolaborasi ....................................................................................44

Gambar 2. 6 Web Service .............................................................................................46

Gambar 2. 7 Hubungan antara Application dan Session Object...................................49

Gambar 3. 1 Struktur Organisasi tahun 2005 ...............................................................57

Gambar 3. 2 Desain Aplikasi .......................................................................................62

Gambar 3. 3 Class Diagram.........................................................................................63

Gambar 3. 4 Use Case Diagram ..................................................................................64

Gambar 3. 5 Sequential Diagram untuk Proses Login .................................................90

Gambar 3. 6 Sequential Diagram untuk Proses Find Room (Room Ditemukan).........90

Gambar 3. 7 Sequential Diagram untuk Proses Find Room (Room Tidak Ditemukan)91

Gambar 3. 8 Sequential Diagram untuk Proses Update Last Presence Time ..............91

Gambar 3. 9 Sequential Diagram untuk Proses View Topic Dosen.............................92

Gambar 3. 10 Sequential Diagram untuk Proses View Topic Mahasiswa .....................92

Gambar 3. 11 Sequential Diagram untuk Proses Create Topic .....................................93

Gambar 3. 12 Sequential Diagram untuk Proses Edit Topic .........................................93

Gambar 3. 13 Sequential Diagram untuk Proses View Message ...................................94

Gambar 3. 14 Sequential Diagram untuk Proses Reply.................................................94

xxi

Gambar 3. 15 Sequential Diagram untuk Proses Edit Reply .........................................95

Gambar 3. 16 Sequential Diagram untuk Proses Reply with Quote ..............................95

Gambar 3. 17 Sequential Diagram untuk Proses Upload File in Forum .......................96

Gambar 3. 18 Sequential Diagram untuk Proses View Active Topic .............................96

Gambar 3. 19 Sequential Diagram untuk Proses View Member ....................................97

Gambar 3. 20 Sequential Diagram untuk Proses View Profile ......................................97

Gambar 3. 21 Sequential Diagram untuk Proses Search ...............................................98

Gambar 3. 22 Sequential Diagram untuk Proses Change Template ..............................98

Gambar 3. 23 Sequential Diagram untuk Proses View Group Activities .......................99

Gambar 3. 24 Sequential Diagram untuk Proses View Messenger ................................99

Gambar 3. 25 Sequential Diagram untuk Proses Create Room ...................................100

Gambar 3. 26 Sequential Diagram untuk Proses Update Last Presence Time in Room100

Gambar 3. 27 Sequential Diagram untuk Proses Request Chat Message (Return null)101

Gambar 3. 28 Sequential Diagram untuk Proses Request Chat Message (Return

Message)................................................................................................101

Gambar 3. 29 Sequential Diagram untuk Proses Send Chat Message.........................102

Gambar 3. 30 Sequential Diagram untuk Proses Save Chat File ................................102

Gambar 3. 31 Sequential Diagram untuk Proses Upload File in Chat Room..............103

Gambar 3. 32 Sequential Diagram untuk Proses Delete Reply....................................103

Gambar 3. 33 Sequential Diagram untuk Proses Lock Forum.....................................104

Gambar 3. 34 Sequential Diagram untuk Proses Lock Topic ......................................104

Gambar 3. 35 Sequential Diagram untuk Proses Make Group ....................................105

Gambar 3. 36 Sequential Diagram untuk Proses Create New Group..........................105

xxii

Gambar 3. 37 Sequential Diagram untuk Proses View Forum Activities ....................106

Gambar 3. 38 Sequential Diagram untuk Proses View Detail Student Posting per Topic106

Gambar 3. 39 Sequential Diagram untuk Proses View Detail Message per Topic and

BiNusian ................................................................................................107

Gambar 3. 40 Sequential Diagram untuk Proses View Monthly Report ......................107

Gambar 3. 41 Sequential Diagram untuk Proses View Daily Activities ......................108

Gambar 3. 42 Sequential Diagram untuk Proses View Student Activities ...................108

Gambar 3. 43 Sequential Diagram untuk Proses Add Member ...................................109

Gambar 3. 44 Sequential Diagram untuk Proses Delete User in Room.......................109

Gambar 3. 45 Sequential Diagram untuk Proses Delete Room ...................................110

Gambar 3. 46 Struktur Navigasi Aplikasi ....................................................................137

Gambar 3. 47 Rancangan Layar Sebelum Bagian Menu Diminimalisir ......................140

Gambar 3. 48 Rancangan Layar Sesudah Bagian Menu Diminimalisir.......................140

Gambar 3. 49 Rancangan Halaman Login....................................................................141

Gambar 3. 50 Rancangan Halaman Home untuk Dosen ..............................................142

Gambar 3. 51 Rancangan Halaman Home untuk Mahasiswa ......................................143

Gambar 3. 52 Rancangan Halaman View Message dan Active Topic Message untuk

Dosen.....................................................................................................145

Gambar 3. 53 Rancangan Halaman View Message dan Active Topic Message untuk

Mahasiswa .............................................................................................146

Gambar 3. 54 Rancangan Halaman View BiNusian Profile .........................................147

Gambar 3. 55 Rancangan Halaman Reply / Reply with Quote / Edit Reply .................148

Gambar 3. 56 Rancangan Halaman Create New Topic untuk Dosen ..........................149

xxiii

Gambar 3. 57 Rancangan Halaman Create New Topic untuk Mahasiswa...................150

Gambar 3. 58 Rancangan Halaman Edit Topic untuk Dosen.......................................151

Gambar 3. 59 Rancangan Halaman Edit Topic untuk Mahasiswa ...............................152

Gambar 3. 60 Rancangan Halaman View Active Topic untuk Dosen ..........................153

Gambar 3. 61 Rancangan Halaman View Active Topic untuk Mahasiswa...................154

Gambar 3. 62 Rancangan Halaman View Member.......................................................155

Gambar 3. 63 Rancangan Halaman Search..................................................................156

Gambar 3. 64 Rancangan Halaman Search Result untuk Dosen .................................157

Gambar 3. 65 Rancangan Halaman Search Result untuk Mahasiswa..........................158

Gambar 3. 66 Rancangan Halaman Change Template.................................................159

Gambar 3. 67 Rancangan Halaman Make Student Group............................................160

Gambar 3. 68 Rancangan Halaman Show Messenger ..................................................161

Gambar 3. 69 Rancangan Halaman Create Room........................................................162

Gambar 3. 70 Rancangan Halaman Chatting ...............................................................162

Gambar 3. 71 Rancangan Halaman Add Chat Member ...............................................163

Gambar 3. 72 Rancangan Halaman Upload File pada Forum .....................................164

Gambar 3. 73 Rancangan Halaman Upload File pada Waktu Chatting ......................165

Gambar 3. 74 Rancangan Halaman Whiteboard ..........................................................165

Gambar 3. 75 Rancangan Halaman Show Chat File ....................................................166

Gambar 3. 76 Rancangan Halaman View Group Activities..........................................167

Gambar 3. 77 Rancangan Halaman View Forum Activities .........................................168

Gambar 3. 78 Rancangan Halaman View Detail Student Posting per Topic ...............168

Gambar 3. 79 Rancangan Halaman View Detail Message per Topic and BiNusian....169

xxiv

Gambar 3. 80 Rancangan Halaman View Daily Activities ...........................................170

Gambar 3. 81 Rancangan Halaman View Monthly Report...........................................171

Gambar 3. 82 Rancangan Halaman View Student Activities ........................................172

Gambar 4. 1 Tampilan Halaman Login ......................................................................175

Gambar 4. 2 Tampilan Peringatan untuk Username Kosong.....................................175

Gambar 4. 3 Tampilan Peringatan untuk Password Kosong .....................................175

Gambar 4. 4 Tampilan Peringatan untuk Username dan Password yang Salah........176

Gambar 4. 5 Tampilan Peringatan untuk Password yang Salah ................................176

Gambar 4. 6 Tampilan Halaman Home (View Topic) untuk Mahasiswa...................177

Gambar 4. 7 Tampilan Halaman Home (View Topic) untuk Dosen...........................178

Gambar 4. 8 Tampilan Halaman untuk Materi-Materi Angkatan Sebelumnya .........180

Gambar 4. 9 Tampilan Halaman Home untuk Dosen Bila Hide Menu Diklik...........183

Gambar 4. 10 Tampilan Halaman Create New Topic untuk Mahasiswa .....................184

Gambar 4. 11 Tampilan Halaman Create New Topic untuk Dosen.............................185

Gambar 4. 12 Tampilan Peringatan untuk Nama Topik yang Kosong ........................186

Gambar 4. 13 Tampilan Peringatan untuk Deskripsi yang Kosong .............................186

Gambar 4. 14 Tampilan Peringatan untuk Pesan yang Kosong ...................................186

Gambar 4. 15 Tampilan Halaman untuk Upload File pada Forum..............................187

Gambar 4. 16 Tampilan Halaman Upload File pada Forum........................................188

Gambar 4. 17 Tampilan Konfirmasi untuk Lock Forum..............................................188

Gambar 4. 18 Tampilan Peringatan Berhasil Lock Forum...........................................189

Gambar 4. 19 Tampilan Halaman Forum yang dilock .................................................190

Gambar 4. 20 Tampilan Konfirmasi Unlock Forum ....................................................191

xxv

Gambar 4. 21 Tampilan Peringatan Unlock Forum .....................................................191

Gambar 4. 22 Tampilan Halaman View Message Dosen .............................................192

Gambar 4. 23 Tampilan Halaman View Message Mahasiswa .....................................193

Gambar 4. 24 Tampilan Peringatan untuk Pesan yang Kosong ...................................195

Gambar 4. 25 Tampilan Halaman New Reply ..............................................................196

Gambar 4. 26 Tampilan Halaman Reply with Quote....................................................197

Gambar 4. 27 Tampilan Halaman Edit Reply...............................................................198

Gambar 4. 28 Tampilan Konfirmasi untuk Delete Reply .............................................199

Gambar 4. 29 Tampilan untuk Reply yang berhasil dihapus........................................199

Gambar 4. 30 Tampilan Halaman View Profile ...........................................................200

Gambar 4. 31 Tampilan Halaman Edit Topic untuk Mahasiswa .................................200

Gambar 4. 32 Tampilan Halaman Edit Topic untuk Dosen .........................................201

Gambar 4. 33 Tampilan Konfirmasi untuk Delete Topic .............................................202

Gambar 4. 34 Tampilan untuk Delete Topic yang sukses............................................202

Gambar 4. 35 Tampilan Konfirmasi untuk Lock Topic................................................202

Gambar 4. 36 Tampilan Peringatan untuk Lock Topic yang sukses ............................203

Gambar 4. 37 Tampilan Konfirmasi untuk Unlock Topic............................................203

Gambar 4. 38 Tampilan untuk Proses Unlock Topic yang sukses ...............................203

Gambar 4. 39 Tampilan Halaman Active Topic untuk Mahasiswa ..............................204

Gambar 4. 40 Tampilan Halaman Active Topic untuk Dosen......................................205

Gambar 4. 41 Tampilan Halaman Active Topic Message ............................................206

Gambar 4. 42 Tampilan Halaman View Member .........................................................207

Gambar 4. 43 Tampilan Halaman Search ....................................................................208

xxvi

Gambar 4. 44 Tampilan Halaman Search Result .........................................................209

Gambar 4. 45 Tampilan Halaman Search Result Message ..........................................210

Gambar 4. 46 Tampilan Halaman Change Template ...................................................211

Gambar 4. 47 Tampilan Contoh Template 1 ................................................................212









Gambar 4. 56 Tampilan Layar Show Messanger .........................................................217

Gambar 4. 57 Tampilan Layar Create New Room .......................................................218

Gambar 4. 58 Tampilan Peringatan Bila Nama Room tidak diisi ................................218

Gambar 4. 59 Tampilan Layar untuk Chatting ............................................................219

Gambar 4. 60 Tampilan Layar WhiteBoard .................................................................220

Gambar 4. 61 Tampilan Layar untuk Add Member Chatting.......................................221

Gambar 4. 62 Tampilan Layar untuk Upload File pada Chat Room ...........................222

Gambar 4. 63 Tampilan Layar untuk memilih Smile ...................................................223

Gambar 4. 64 Tampilan Layar Preview (Bila Icon Preview Diklik)............................224

Gambar 4. 65 Tampilan Layar Show Chat File............................................................225

Gambar 4. 66 Tampilan Layar Hasil Chatting .............................................................225

xxvii

Gambar 4. 67 Tampilan Layar View Group Activities .................................................226

Gambar 4. 68 Tampilan Layar View Forum Activities.................................................227

Gambar 4. 69 Tampilan Layar View Detail Student Posting per Topic.......................228

Gambar 4. 70 Tampilan Layar View Detail Message per Topic and BiNusian ...........228

Gambar 4. 71 Tampilan Layar View Daily Activities...................................................229

Gambar 4. 72 Tampilan Layar View Monthly Report ..................................................230

Gambar 4. 73 Tampilan Layar View Student Activities................................................231

Gambar 4. 74 Tampilan Halaman Make Student Group ..............................................232

Gambar 4. 75 Tampilan Konfirmasi untuk Membuat Kelompok Baru .......................233

Gambar 4. 76 Tampilan untuk Add Group yang Berhasil............................................233

Gambar 4. 77 Tampilan untuk Add Group Member yang Berhasil .............................233

Gambar 4. 78 Tampilan Konfirmasi untuk Remove Group .........................................234

Gambar 4. 79 Tampilan untuk Remove Group yang Berhasil .....................................234

Gambar 4. 80 Tampilan untuk Remove Member yang Berhasil...................................234

Gambar 4. 81 Grafik performasi untuk chatting 2 orang .............................................235








Gambar 4. 89 Grafik performasi untuk chatting 10 orang ...........................................239

xxviii

Gambar 4. 90 Grafik performasi untuk chatting 11 orang ...........................................240

Gambar 4. 91 Grafik Penggunaan Memory untuk 2 – 11 Orang..................................241

Gambar 4. 92 Grafik Banyaknya Request dari Sistem yang Sedang Menunggu Akses

ke Disk untuk 2 – 11 Orang..................................................................242

Gambar 4. 93 Grafik Persentase Penggunaan Processor untuk 2 – 11 Orang.............242

Gambar 4. 94 Pie Chart untuk Pertanyaan Nomor 1 ...................................................243






Gambar 4. 100 Pie Chart untuk Pertanyaan Nomor 7 ..................................................249



xxix

DAFTAR LAMPIRAN

Halaman

Lampiran 1 Questioner Evaluasi Penggunaan Forum Diskusi .................................... L1

Lampiran 2 Wawancara ................................................................................................ L3

analisis dan perancangan aplikasi forum dan diskusi … · menyelesaikan dan menyusun laporan...

Documents