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
Tabel 4. 3 Hasil Kuesioner untuk Pertanyaan Nomor 2 ............................................244
Tabel 4. 4 Hasil Kuesioner untuk Pertanyaan Nomor 3 ............................................245
Tabel 4. 5 Hasil Kuesioner untuk Pertanyaan Nomor 4 ............................................246
Tabel 4. 6 Hasil Kuesioner untuk Pertanyaan Nomor 5 ............................................247
Tabel 4. 7 Hasil Kuesioner untuk Pertanyaan Nomor 6 ............................................248
Tabel 4. 8 Hasil Kuesioner untuk Pertanyaan Nomor 7 ............................................248
Tabel 4. 9 Hasil Kuesioner untuk Pertanyaan Nomor 8 ............................................249
Tabel 4. 10 Hasil Kuesioner untuk Pertanyaan Nomor 9 ............................................250
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. 48 Tampilan Contoh Template 1 ................................................................212
Gambar 4. 49 Tampilan Contoh Template 3 ................................................................213
Gambar 4. 50 Tampilan Contoh Template 4 ................................................................213
Gambar 4. 51 Tampilan Contoh Template 5 ................................................................214
Gambar 4. 52 Tampilan Contoh Template 6 ................................................................214
Gambar 4. 53 Tampilan Contoh Template 7 ................................................................215
Gambar 4. 54 Tampilan Contoh Template 8 ................................................................215
Gambar 4. 55 Tampilan Contoh Template 9 ................................................................216
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. 82 Grafik performasi untuk chatting 3 orang .............................................236
Gambar 4. 83 Grafik performasi untuk chatting 4 orang .............................................236
Gambar 4. 84 Grafik performasi untuk chatting 5 orang .............................................237
Gambar 4. 85 Grafik performasi untuk chatting 6 orang .............................................237
Gambar 4. 86 Grafik performasi untuk chatting 7 orang .............................................238
Gambar 4. 87 Grafik performasi untuk chatting 8 orang .............................................238
Gambar 4. 88 Grafik performasi untuk chatting 9 orang .............................................239
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. 95 Pie Chart untuk Pertanyaan Nomor 2 ...................................................244
Gambar 4. 96 Pie Chart untuk Pertanyaan Nomor 3 ...................................................245
Gambar 4. 97 Pie Chart untuk Pertanyaan Nomor 4 ...................................................246
Gambar 4. 98 Pie Chart untuk Pertanyaan Nomor 5 ...................................................247
Gambar 4. 99 Pie Chart untuk Pertanyaan Nomor 6 ...................................................248
Gambar 4. 100 Pie Chart untuk Pertanyaan Nomor 7 ..................................................249
Gambar 4. 101 Pie Chart untuk Pertanyaan Nomor 8 ..................................................249
Gambar 4. 102 Pie Chart untuk Pertanyaan Nomor 9 ..................................................250
xxix
DAFTAR LAMPIRAN
Halaman
Lampiran 1 Questioner Evaluasi Penggunaan Forum Diskusi .................................... L1
Lampiran 2 Wawancara ................................................................................................ L3