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
vii
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.
viii
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
ix
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
x
2.1.3 2.2
2.3
2.4
2.5
Pengertian Sistem Informasi (Information System)............................ 8
Teknologi Informasi (Information Technology)............................................. 8 2.2.1
Pengertian Teknologi Informasi ......................................................... 8
2.2.2
Fungsi Teknologi Informasi ............................................................... 9
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
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
Pemodelan Berorientasi Objek Menggunakan UML (Unified Modelling Language)..................................................................................................... 18
2.6
2.7
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
Bahasa Pemrograman ................................................................................... 24 2.6.1
Hypertext Markup Language (HTML)............................................. 24
2.6.2
Extensible Markup Language (XML) .............................................. 25
Database (Basis Data)................................................................................... 26
xi
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 2.8
Stored Procedures ............................................................................ 28
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
xii
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
xiii
3.1
3.2
3.3
Analisa Universitas....................................................................................... 55 3.1.1
Sejarah Universitas........................................................................... 55
3.1.2
Struktur Organisasi........................................................................... 57
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
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
xiv
4.1.3 4.2
Tampilan Layar .............................................................................. 174
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
xv
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
xvi
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
xvii
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
xviii
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
xix
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
xx
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
xxi
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
xxii
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
xxiii
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
xxiv
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
xxv
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
xxvi
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
xxvii
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
xxviii
DAFTAR LAMPIRAN Halaman Lampiran 1 Questioner Evaluasi Penggunaan Forum Diskusi .................................... L1 Lampiran 2 Wawancara ................................................................................................ L3
xxix