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 0600631776
Huda 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.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.2 Visi dan Misi Perusahaan... 23
3.1.3 Layanan Perusahaan... 24
3.1.4 Struktur Organisasi Perusahaan ... 25
3.2 Analisis Kebutuhan (Requirement Analysis)... 25
3.2.1 Gambaran Umum Sistem yang Berjalan... 25
3.2.2 Analisis Data dan Wawancara ... 29
3.2.2.1 Hasil Analisis Data... 30
3.2.2.2 Hasil Wawancara ... 31
3.2.3 Permasalahan yang Dihadapi ... 31
3.2.4 Usulan Pemecahan Masalah... 32
3.2.5 Daftar Kebutuhan Pengguna (Requirement List)... 34
3.2.6 Use Case Model Proses Bisnis yang Baru ... 35
3.2.6.1 Use Case Training Center ... 38
3.2.6.2 Use Case Training Forum ... 40
3.2.6.3 Use Case Consulting Clinic ... 41
3.2.6.4 Use Case Message Center ... 43
3.2.6.5 Use Case User Desk ... 44
3.2.6.6 Use Case Administration Center... 45
3.3 Perancangan Sistem ... 46
3.3.1 Arsitektur yang Digunakan ... 46
3.3.2 Rancangan Sequence Diagram dari Use Case Model Proses Bisnis yang Baru ... 48
3.3.2.1 Kumpulan Sequence Diagram Training Center ... 49
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.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.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 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 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
5 30 34 36 39 40 41 43 44 45 49 51 53 55 56 57 58 60 61 62 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
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 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 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
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 Perbandingan Lokasi Perusahaan
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
25 26 28 29 30 37 38 40 41 43 44 45 46 48 50 52 54 55 56 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
59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 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
82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 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
DAFTAR LAMPIRAN