ANALISIS DAN PERANCANGAN APLIKASI PELATIHAN DAN KONSULTASI BERBASIS WEB - Binus e-Thesis
Universitas Bina Nusantara
Jurusan Teknik Informatika
Program Studi Software Engineering
Skripsi Sarjana Komputer
Semester Genap 2005/2006
ANALISIS DAN PERANCANGAN APLIKASI PELATIHAN DAN
KONSULTASI BERBASIS WEB
Ludwi Prakosa Samoen 0600631776Huda 0600640471 Galih Dono Prabowo 0600642621
Kelas / Kelompok : 08PDT / 004
Abstrak Tujuan penulisan skripsi ini didasarkan pada fakta bahwa BSP mengalami kendala dalam penyelenggaraan kegiatan pelatihan dan konsultasi dalam hal jarak dan waktu. Oleh karena itu, penulisan skripsi ini dibuat untuk membantu BSP mengatasi permasalahan yang saat ini dihadapi dengan cara mengembangkan sebuah aplikasi pelatihan dan konsultasi berbasis web. Metode pengembangan piranti lunak yang digunakan dalam pengembangan aplikasi ini adalah USDP (Unified Software Development Process) yang terfokus pada konsep Object-Oriented. Adapun notasi yang digunakan untuk memodelkan proses kerja aplikasi adalah UML (Unified Modelling Language). Setelah melalui beberapa tahap pengembangan, hasil akhir yang didapat adalah model aplikasi pelatihan dan konsultasi berbasis web. Kesimpulan yang dapat ditarik dari hasil tersebut adalah bahwa analisis dan perancangan serta penerapan metode pengembangan aplikasi dan konsep-konsepnya telah berhasil diterapkan sesuai dengan kebutuhan dan menghasilkan sebuah produk akhir berupa model aplikasi yang merupakan solusi dari kebutuhan BSP untuk mengatasi kendala penyelenggaraan kegiatan pelatihan dan konsultasi.
Kata kunci: Aplikasi berbasis web, pelatihan, konsultasi, unified software development process, object oriented, unified modelling language
PRAKATA
Puji syukur kami panjatkan kepada Allah SWT, sehingga kami dapat menyelesaikan penulisan skripsi yang berjudul “Analisis dan Perancangan Aplikasi Pelatihan dan Konsultasi Berbasis Web” dengan baik dan tepat waktu karena keseluruhan proses yang telah dilakukan bukan merupakan hal yang mudah bagi kami.
Kami juga menyadari bahwa masih banyak kekurangan yang ada di dalam skripsi ini yang memerlukan beberapa perbaikan dan penyempurnaan. Namun demikian, kami tetap berharap semoga skripsi ini dapat menjadi masukan yang baik bagi pembacanya untuk mengembangkan karya serupa dengan lebih baik.
Pada kesempatan ini kami ingin menyampaikan terima kasih yang sebesar- besarnya kepada:
1. ALLAH SWT yang telah memberikan kesehatan dan karunia-Nya sehingga kami dapat menyelesaikan skripsi ini dengan baik dan tepat waktu.
2. Bapak Prof. Dr. Gerardus Polla M App. Sc. Selaku Rektor Universitas Bina Nusantara, Jakarta.
3. Bapak H. Mohammad Subekti, BE, M.Sc. selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara, Jakarta.
4. Bapak Freddy P. Simbolon, S.Kom., M.Kom. selaku Sekretaris Jurusan Teknik Informatika Universitas Bina Nusantara, Jakarta.
5. Bapak Soni, S.Kom, MM. selaku pembimbing yang telah banyak memberikan saran, petunjuk dan bimbingan sehingga skripsi ini dapat diselesaikan dengan baik dan tepat waktu.
6. Bapak Dr. Ir. Dana Santoso M.Eng, Ir. Henky S. Nugroho MT.IPM, Ir.
Bambang P.Prianto M.Comp dan Allan Rahadian, S.Kom selaku pemberi fasilitas di PT Bika Solusi Perdana.
7. Orang tua dan saudara-saudara, terutama Wisnu, yang telah memberi dukungan moril kepada kami.
8. Sari, Hendy, Hapsoro dan Yogi, Dewi dan Mamo, Vino dan Iveb, teman-teman Banat Al-Khairat, terutama Widad dan Ferdus, Mudie, Royce, serta teman-teman lain yang tidak kami sebutkan satu per satu, yang telah memberi kontribusi dalam penyusunan skripsi ini.
9. Seluruh karyawan Universitas Bina Nusantara yang telah membantu kelancaran administrasi selama proses penulisan skripsi ini.
10. Dan pihak-pihak lain yang tidak dapat disebutkan satu persatu.
Akhir kata kami berharap semoga skripsi ini dapat bermanfaat bagi keperluan studi kasus pengembangan piranti lunak berkonsep object-oriented dan juga terutama bagi PT Bika Solusi Perdana, serta pihak-pihak lain yang membutuhkannya.
DAFTAR ISI
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.......................................................................................................... xix Daftar Lampiran ................................................................................................... xxviii
BAB 1 PENDAHULUAN
1.1 Latar Belakang .................................................................................... 1
1.2 Ruang Lingkup.................................................................................... 3
1.3 Tujuan dan Manfaat ............................................................................ 3
1.4 Metode Pengembangan Piranti Lunak ............................................... 4
1.5 Sistematika Penulisan ......................................................................... 6
BAB 2 LANDASAN TEORI
2.1 Teori-Teori Dasar yang Dijadikan Landasan Penulisan Skripsi......... 8
2.1.1 Distance Education ................................................................... 8
2.1.2 E-Learning dan Berbagai Terminologinya................................ 9
2.1.3 Synchronous Training ............................................................. 10
2.1.4 Asynchronous Training........................................................... 10
2.1.5 Learning Management System (LMS).................................... 12
2.1.6 Learning Content Management System (LCMS) ................... 12
2.2 Teori-Teori yang Digunakan dalam Pengembangan Piranti Lunak ................................................................................................ 12
2.2.1 Rekayasa Piranti Lunak (Software Engineering).................. 13
2.2.2 Object-Oriented Software Engineering (OOSE)................... 13
2.2.2.1 Konsep dan Prinsip Object-Oriented ...................... 14
2.2.2.2 Unified Software Development Process (USDP) ... 15
2.2.2.3 Analisis Berorientasi Objek (Object-Oriented Analysis) ................................................................. 17
2.2.2.4 Perancangan Berorientasi Objek (Object-Oriented Design) .................................................................... 17
2.2.2.5 Unified Modeling Language (UML)....................... 17
2.2.2.6 USDP, UML, dan OOAD (Object-Oriented Analysis and Design) .............................................. 19
2.2.3 Multi-Layered Architecture .................................................. 20
2.3 Teori-Teori Relevan Lainnya............................................................ 21
2.3.1 HTML ................................................................................... 21
2.3.2 PHP ....................................................................................... 21
2.3.3 SQL ....................................................................................... 22
2.3.4 MySQL.................................................................................. 22
BAB 3 ANALISIS DAN PERANCANGAN
3.1 Gambaran Umum Perusahaan........................................................... 23
3.1.1 Riwayat Singkat Perusahaan ................................................. 23
3.1.2 Visi dan Misi Perusahaan...................................................... 23
3.2.6.1 Use Case Training Center ....................................... 38
3.3.2.1 Kumpulan Sequence Diagram Training Center ...... 49
3.3.2 Rancangan Sequence Diagram dari Use Case Model Proses Bisnis yang Baru ................................................................... 48
3.3.1 Arsitektur yang Digunakan ................................................... 46
3.3 Perancangan Sistem .......................................................................... 46
3.2.6.6 Use Case Administration Center............................. 45
3.2.6.5 Use Case User Desk ................................................ 44
3.2.6.4 Use Case Message Center ....................................... 43
3.2.6.3 Use Case Consulting Clinic .................................... 41
3.2.6.2 Use Case Training Forum ....................................... 40
3.2.6 Use Case Model Proses Bisnis yang Baru ............................ 35
3.1.3 Layanan Perusahaan.............................................................. 24
3.2.5 Daftar Kebutuhan Pengguna (Requirement List) .................. 34
3.2.4 Usulan Pemecahan Masalah.................................................. 32
3.2.3 Permasalahan yang Dihadapi ................................................ 31
3.2.2.2 Hasil Wawancara .................................................... 31
3.2.2.1 Hasil Analisis Data.................................................. 30
3.2.2 Analisis Data dan Wawancara .............................................. 29
3.2.1 Gambaran Umum Sistem yang Berjalan............................... 25
3.2 Analisis Kebutuhan (Requirement Analysis).................................... 25
3.1.4 Struktur Organisasi Perusahaan ............................................ 25
3.3.2.2 Kumpulan Sequence Diagram Training Forum ...... 63
3.3.2.3 Kumpulan Sequence Diagram Consulting Clinic ... 66
3.3.2.4 Kumpulan Sequence Diagram Message Center...... 72
3.3.2.5 Kumpulan Sequence Diagram User Desk............... 76
3.3.2.6 Kumpulan Sequence Diagram Administration Center ...................................................................... 81
3.3.3 Rancangan Activity Diagram yang Dihasilkan dari Sequence Diagram Berdasarkan Sub Sistem......................................... 86
3.3.3.1 Activity Diagram Training Center .......................... 86
3.3.3.2 Activity Diagram Training Forum .......................... 87
3.3.3.3 Activity Diagram Consulting Clinic ....................... 88
3.3.3.4 Activity Diagram Message Center .......................... 89
3.3.3.5 Activity Diagram User Desk................................... 90
3.3.3.6 Activity Diagram Administration Center................ 91
3.3.4 Rancangan Class Diagram yang Dihasilkan dari Sequence Diagram Berdasarkan Sub Sistem......................................... 92
3.3.4.1 Class Diagram Training Center............................... 92
3.3.4.2 Class Diagram Training Forum............................... 93
3.3.4.3 Class Diagram Consulting Clinic............................ 94
3.3.4.4 Class Diagram Message Center .............................. 95
3.3.4.5 Class Diagram User Desk ....................................... 96
3.3.4.6 Class Diagram Administration Center .................... 97
3.3.4.7 Rancangan Asosiasi Antar Entity Class Diagram.. 98
3.3.5 Rancangan Database Keseluruhan yang Dihasilkan ............. 99
3.3.6 Perancangan Layar .............................................................. 112
3.3.6.1 Perancangan Layar Training Center...................... 123
3.3.6.2 Perancangan Layar Training Forum...................... 135
3.3.6.3 Perancangan Layar Consulting Clinic untuk Consulting client ................................................... 138
3.3.6.4 Perancangan Layar Consulting Clinic untuk Consultant Staff..................................................... 146
3.3.6.5 Perancangan Layar Message Center ..................... 149
3.3.6.6 Perancangan Layar Administration Center ........... 153
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Implementasi ................................................................................... 164
4.1.1 Perangkat yang Digunakan Pengembang (Developer) ....... 164
4.1.2 Perangkat yang Dibutuhkan Pengguna (User).................... 165
4.1.3 Saran Instalasi Aplikasi....................................................... 166
4.1.4 Penjelasan Aplikasi ............................................................. 167
4.1.4.1 Penjelasan Penggunaan Training Center............... 169
4.1.4.2 Penjelasan Penggunaan Training Forum............... 199
4.1.4.3 Penjelasan Penggunaan Consulting Clinic............ 203
4.1.4.4 Penjelasan Penggunaan Message Center .............. 213
4.1.4.5 Penjelasan Penggunaan User Desk ....................... 216
4.1.4.6 Penjelasan Penggunaan Administration Center .... 223
4.2 Evaluasi ........................................................................................... 238
4.2.1 Evaluasi Kelengkapan Fasilitas Pendukung........................ 238
4.2.1.1 Fasilitas Training Module Center.......................... 238
4.2.1.2 Fasilitas Training Forum ....................................... 239
4.2.1.3 Fasilitas Consulting Clinic .................................... 233
4.2.2 Evaluasi Kemudahan Penggunaan ...................................... 240
4.2.3 Evaluasi Tampilan............................................................... 240
4.2.4 Evaluasi Sistem Navigasi Aplikasi ..................................... 240
BAB 5 KESIMPULAN
5.1 Kesimpulan ..................................................................................... 241
5.2 Saran................................................................................................ 242
DAFTAR PUSTAKA ............................................................................................ 244 RIWAYAT HIDUP ............................................................................................... 247 LAMPIRAN-LAMPIRAN .....................................................................................L1
DAFTAR TABEL
49
62
61
60
58
57
56
55
53
51
45
Tabel 1.1 Tabel 3.1 Tabel 3.2 Tabel 3.3 Tabel 3.4 Tabel 3.5 Tabel 3.6 Tabel 3.7 Tabel 3.8 Tabel 3.9 Tabel 3.10 Tabel 3.11 Tabel 3.12 Tabel 3.13 Tabel 3.14 Tabel 3.15 Tabel 3.16 Tabel 3.17 Tabel 3.18 Tabel 3.19 Tabel 3.20
44
43
41
40
39
36
34
30
5
Proses USDP Perbandingan Lokasi Perusahaan Pelanggan Dalam dan Luar Jabotabek Requirement List Penjelasan Actor Pengguna Aplikasi Use Case Description: Training Center Use Case Description: Training Forum Use Case Description: Consulting clinic Use Case Description: Message Center Use Case Description: User Desk Use Case Description: Administration Center Use Case Scenario: Manage Course Use Case Scenario: Manage Module Material Use Case Scenario: Manage Assignment Use Case Scenario: Open Module Use Case Scenario: Submit Assignment Use Case Scenario: Evaluate Submitted Assignment Use Case Scenario: Make Quiz Use Case Scenario: Answer Quiz Use Case Scenario: Evaluate Quiz Use Case Scenario: Input Grades Use Case Scenario: Open Topic
63 Tabel 3.21 Tabel 3.22 Tabel 3.23 Tabel 3.24 Tabel 3.25 Tabel 3.26 Tabel 3.27 Tabel 3.28 Tabel 3.29 Tabel 3.30 Tabel 3.31 Tabel 3.32 Tabel 3.33 Tabel 3.34 Tabel 3.35 Tabel 3.36 Tabel 3.37 Tabel 3.38 Tabel 3.39 Tabel 3.40 Tabel 3.41 Tabel 3.42 Tabel 3.43
Use Case Scenario: Post Topic Use Case Scenario: Send Message To Author Use Case Scenario: Ask Spesific Question Use Case Scenario: Edit Category Use Case Scenario: Edit General Consulting Subject Use Case Scenario: Read General Consulting Subject Use Case Scenario: Read Question Use Case Scenario: Reply Question Use Case Scenario: Delete Message Use Case Scenario: Read Message Use Case Scenario: Send Message Use Case Scenario: Upload Attachment Use Case Scenario: Edit Password Use Case Scenario: Edit Profile Use Case Scenario: Edit Training Agenda Use Case Scenario: Open Training Agenda Use Case Scenario: Look at Grades Use Case Scenario: Manage Forum Use Case Scenario: Manage Messaging Use Case Scenario: Manage User Use Case Scenario: Manage Company Use Case Scenario: Manage Service Struktur Tabel account_type
75
84
83
82
81
80
79
78
77
76
74
64
73
72
71
70
69
68
67
66
65
85 100 Tabel 3.44 Tabel 3.45 Tabel 3.46 Tabel 3.47 Tabel 3.48 Tabel 3.49 Tabel 3.50 Tabel 3.51 Tabel 3.52 Tabel 3.53 Tabel 3.54 Tabel 3.55 Tabel 3.56 Tabel 3.57 Tabel 3.58 Tabel 3.59 Tabel 3.60 Tabel 3.61 Tabel 3.62 Tabel 3.63 Tabel 3.64 Tabel 3.65
Struktur Tabel untuk answerkey_essay Struktur Tabel untuk answerkey_mc Struktur Tabel untuk answer_sheet Struktur Tabel untuk assignment Struktur Tabel untuk attachment Struktur Tabel untuk clinic_inbox Struktur Tabel untuk company Struktur Tabel untuk consulting_subject Struktur Tabel untuk course Struktur Tabel untuk forum_topic Struktur Tabel untuk message Struktur Tabel untuk module_course Struktur Tabel untuk question_type Struktur Tabel untuk question Struktur Tabel untuk service Struktur Tabel untuk submodule Struktur Tabel untuk table_ref Struktur Tabel untuk trainee_answer Struktur Tabel untuk trainee_final_grade Struktur Tabel untuk trainee_grade Struktur Tabel untuk training_agenda Struktur Tabel untuk user
100 101 101 102 102 103 103 104 104 105 106 106 107 107 108 108 109 109 110 110 111 111
DAFTAR GAMBAR
41
56
55
54
52
50
48
46
45
44
43
40
Gambar 3.1 Gambar 3.2 Gambar 3.3 Gambar 3.4 Gambar 3.5 Gambar 3.6 Gambar 3.7 Gambar 3.8 Gambar 3.9 Gambar 3.10 Gambar 3.11 Gambar 3.12 Gambar 3.13 Gambar 3.14 Gambar 3.15 Gambar 3.16 Gambar 3.17 Gambar 3.18 Gambar 3.19 Gambar 3.20
38
37
30
29
28
26
25
Pelanggan Dalam dan Luar Jabotabek Use Case Utama Use Case: Training Center Use Case: Training Forum Use Case: Consulting Clinic Use Case: Message Center Use Case: User Desk Use Case: Administration Center Arsitektur Four-Layer Arsitektur Aplikasi Sequence Diagram: Manage Course Sequence Diagram: Manage Module Material Sequence Diagram: Manage Assignment Sequence Diagram: Open Module Sequence Diagram: Submit Assignment Sequence Diagram: Evaluate Submitted Assignment
Perbandingan Lokasi Perusahaan
Struktur Organisasi PT Bika Solusi Perdana Activity Diagram Model Proses Bisnis Pelatihan dan konsultasi Activity Diagram Model Proses Bisnis Pelatihan Activity Diagram Model Proses Bisnis Konsultasi
57 Gambar 3.21 Gambar 3.22 Gambar 3.23 Gambar 3.24 Gambar 3.25 Gambar 3.26 Gambar 3.27 Gambar 3.28 Gambar 3.29 Gambar 3.30 Gambar 3.31 Gambar 3.32 Gambar 3.33 Gambar 3.34 Gambar 3.35 Gambar 3.36 Gambar 3.37 Gambar 3.38 Gambar 3.39 Gambar 3.40 Gambar 3.41 Gambar 3.42 Gambar 3.43
Sequence Diagram: Make Quiz Sequence Diagram: Answer Quiz Sequence Diagram: Evaluate Quiz Sequence Diagram: Input Grades Sequence Diagram: Open Topic Sequence Diagram: Post Topic Sequence Diagram: Send Message to Author Sequence Diagram: Ask Specific Question Sequence Diagram: Edit Category Sequence Diagram: Edit General Consulting Subject Sequence Diagram: Read General Consulting Subject Sequence Diagram: Read Question Sequence Diagram: Reply Question Sequence Diagram: Delete Message Sequence Diagram: Read Message Sequence Diagram: Send Message Sequence Diagram: Upload Attachment Sequence Diagram: Edit Password Sequence Diagram: Edit Profile Sequence Diagram: Edit Training Agenda Sequence Diagram: Open Training Agenda Sequence Diagram: Look at Grades Sequence Diagram: Manage Forum
71
80
79
78
77
76
75
74
73
72
70
59
69
68
67
66
65
64
63
62
61
60
81 Gambar 3.44 Gambar 3.45 Gambar 3.46 Gambar 3.47 Gambar 3.48 Gambar 3.49 Gambar 3.50 Gambar 3.51 Gambar 3.52 Gambar 3.53 Gambar 3.54 Gambar 3.55 Gambar 3.56 Gambar 3.57 Gambar 3.58 Gambar 3.59 Gambar 3.60 Gambar 3.61 Gambar 3.62 Gambar 3.63 Gambar 3.64 Gambar 3.65
Sequence Diagram: Manage Messaging Sequence Diagram: Manage User Sequence Diagram: Manage Company Sequence Diagram: Manage Service Activity Diagram: Training Center Activity Diagram: Training Forum Activity Diagram: Consulting clinic Activity Diagram: Message Center Activity Diagram: User Desk Activity Diagram: Administration Center Class Diagram: Training Center Class Diagram: Training Forum Class Diagram: Consulting Clinic Class Diagram: Message Center Class Diagram: User Desk Class Diagram: Administration Center Class Diagram: Entity Stereotype Class Relational Database Diagram Perancangan Layar Login Perancangan Layar Halaman Home untuk Consultant Staff Perancangan Layar Halaman Home untuk Trainee Perancangan Layar Halaman Home untuk Consulting Client
91
98
97
96
95
94
93
92
90
82
89
88
87
86
85
84
83
99 112 113 114 114 Gambar 3.66 Gambar 3.67 Gambar 3.68 Gambar 3.69 Gambar 3.70 Gambar 3.71 Gambar 3.72 Gambar 3.73 Gambar 3.74 Gambar 3.75 Gambar 3.76 Gambar 3.77 Gambar 3.78 Gambar 3.79 Gambar 3.80 Gambar 3.81 Gambar 3.82 Gambar 3.83 Gambar 3.84 Gambar 3.85 Gambar 3.86 Gambar 3.87
Perancangan Layar Halaman List Training Agenda untuk Consultant Staff Perancangan Layar Halaman List Training Agenda untuk Trainee Perancangan Layar Halaman Edit Training Agenda Perancangan Layar Halaman View Training Agenda Perancangan Layar Halaman New Training Agenda Perancangan Layar Halaman View Grades Perancangan Layar Halaman Edit Profile untuk Consulting Client Perancangan Layar Halaman Edit Profile untuk Consultant Staff Perancangan Layar Halaman Edit Profile untuk Trainee Perancangan Layar Halaman Course Perancangan Layar Halaman Add Course Perancangan Layar Halaman Detail Course Perancangan Layar Halaman Edit Course Perancangan Layar Halaman Pembuatan Quiz Perancangan Layar Halaman Pembuatan Quiz Essay Perancangan Layar Halaman Pembuatan Quiz Multiple Choice Perancangan Layar Halaman Evaluasi Quiz Trainee Perancangan Layar Halaman Course Trainee Perancangan Layar Halaman Quiz Multiple Choice Trainee Perancangan Layar Halaman Quiz Essay Trainee Perancangan Layar Halaman Penilaian Akhir Quiz Perancangan Layar Halaman Training Forum - List Topic
115 116 117 118 119 120 121 122 122 123 124 125 126 127 128 129 130 131 132 133 134 135 Gambar 3.88 Gambar 3.89 Gambar 3.90 Gambar 3.91 Gambar 3.92 Gambar 3.93 Gambar 3.94 Gambar 3.95 Gambar 3.96 Gambar 3.97 Gambar 3.98 Gambar 3.99 Gambar 3.100 Gambar 3.101 Gambar 3.102 Gambar 3.103 Gambar 3.104 Gambar 3.105 Gambar 3.106 Gambar 3.107 Gambar 3.108
Perancangan Layar Halaman Training Forum - Open Topic Perancangan Layar Halaman Training Forum - Post New Topic Perancangan Layar Halaman Clinic Inbox Perancangan Layar Halaman Clinic Inbox - Read Question Perancangan Layar Halaman Clinic Inbox - Reply Question Perancangan Layar Halaman Clinic Inbox - Edit Question Perancangan Layar Halaman Consulting Subjects Categories Perancangan Layar Halaman Edit General Consulting Subjects Perancangan Layar Halaman General Consulting Subjects in Database Perancangan Layar Halaman Create a New Subject Perancangan Layar Halaman General Consulting Subjects Perancangan Layar General Consulting Subjects - Open Subject Perancangan Layar Halaman Create a New Subject Perancangan Layar Halaman Message Inbox Perancangan Layar Halaman Message Inbox - Read Message Perancangan Layar Halaman Message Inbox - Reply Message Perancangan Layar Halaman Message Inbox - Compose Message Perancangan Layar Halaman Administration Center - Services Perancangan Layar Halaman Administration Center - New Service Perancangan Layar Halaman Administration Center - Company Perancangan Layar Halaman Administration Center - Editor Company
136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 Gambar 3.109 Gambar 3.110 Gambar 3.111 Gambar 3.112 Gambar 3.113 Gambar 3.114 Gambar 3.115 Gambar 4.1 Gambar 4.2 Gambar 4.3 Gambar 4.4 Gambar 4.5 Gambar 4.6 Gambar 4.7 Gambar 4.8 Gambar 4.9 Gambar 4.10 Gambar 4.11
Perancangan Layar Halaman Administration Center - User Profiles Perancangan Layar Halaman Administraton Center - New User Profile Perancangan Layar Halaman Administration Center - User Messages Data Perancangan Layar Halaman Administration Center - User Message Inbox User Perancangan Layar Halaman Administration Center - User Detail Message Perancangan Layar Halaman Administration Center - Training Forum Perancangan Layar Halaman Administration Center - Forum Topic
Deployment Diagram Halaman Login Halaman Home Halaman View Course untuk Trainee Halaman View Module untuk Trainee Halaman View SubModule untuk Trainee Halaman Training Module Center Halaman New Course Halaman Edit Course Halaman Konfirmasi Menghapus Course Halaman View Course untuk Consultant Staff
157 158 159 160 161 162 163 166 167 168 169 170 171 172 173 174 175 176 Gambar 4.12 Gambar 4.13 Gambar 4.14 Gambar 4.15 Gambar 4.16 Gambar 4.17 Gambar 4.18 Gambar 4.19 Gambar 4.20 Gambar 4.21 Gambar 4.22 Gambar 4.23 Gambar 4.24 Gambar 4.25 Gambar 4.26 Gambar 4.27 Gambar 4.28 Gambar 4.29 Gambar 4.30 Gambar 4.31 Gambar 4.32 Gambar 4.33 Gambar 4.34
Halaman New Module Halaman Edit Module Halaman Konfirmasi Menghapus Modul Halaman View Module untuk Consultant Staff Halaman New SubModule Halaman Konfirmasi Delete Submodul Halaman View SubModul untuk Consultant Staff Halaman Edit SubModule Halaman Make Quiz Halaman Make Quiz Essay Halaman Make Quiz Multiple Choice Halaman Answer Quiz Essay Halaman Answer Quiz Mulitple Choice Halaman Daftar Evaluate Quiz Halaman Evaluasi Quiz dari User Halaman Evaluasi Total Quiz dari User Halaman Give Assignment Halaman Submit Assignment Halaman Daftar Assignment Inbox Halaman Evaluasi Tugas dari User Halaman Daftar Evaluasi Course Halaman Evaluasi Course dari User Halaman Training Forum
177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 Gambar 4.35 Gambar 4.36 Gambar 4.37 Gambar 4.38 Gambar 4.39 Gambar 4.40 Gambar 4.41 Gambar 4.42 Gambar 4.43 Gambar 4.44 Gambar 4.45 Gambar 4.46 Gambar 4.47 Gambar 4.48 Gambar 4.49 Gambar 4.50 Gambar 4.51 Gambar 4.52 Gambar 4.53 Gambar 4.54 Gambar 4.55 Gambar 4.56 Gambar 4.57
Halaman Post Forum Topic Halaman Baca Forum Topic Halaman Reply Forum Topic Halaman Daftar General Consulting Subject Halaman Consulting Subject Halaman Ask Specific Question Halaman Clinic Inbox Halaman Baca Clinic Question Halaman Reply a Subject Halaman Daftar General Consulting Categories Halaman Daftar General Consultant Subject dari Database Halaman Create a New General Consulting Subject Halaman Edit General Consulting Subject Halaman Message Inbox Halaman Baca Pesan Halaman Compose a Message Halaman User Desk Halaman Edit My Profile Halaman List Training Agenda Halaman Edit Training Agenda Halaman View Training Agenda Halaman New Training Agenda Halaman View Course Grade
200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 Gambar 4.58 Gambar 4.59 Gambar 4.60 Gambar 4.61 Gambar 4.62 Gambar 4.63 Gambar 4.64 Gambar 4.65 Gambar 4.66 Gambar 4.67 Gambar 4.68 Gambar 4.69 Gambar 4.70 Gambar 4.71 Gambar 4.72
Halaman Database Administration Center Halaman Admistration Service Halaman New Service Halaman Administration List Company Halaman Edit Company Profile Halaman New Company Profile Halaman Add New User Profile Halaman Daftar User Profile Halaman Administration Edit User Profile Halaman Konfirmasi Delete User Profile Halaman Daftar User Messages Data Halaman Daftar User Messages Data dari User Halaman Baca Message dari User Halaman Daftar Training Forum Data Halaman Daftar Training Forum dari Course
223 224 225 226 227 228 229 230 231 232 233 234 235 236 237