universitas bina nusantara jurusan teknik … kata kami berharap semoga skripsi ini dapat bermanfaat...
TRANSCRIPT
vii
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
viii
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.
ix
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.
x
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
xi
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
xii
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.2 Kumpulan Sequence Diagram Training Forum ...... 63
xiii
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
xiv
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
xv
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
xvi
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
xvii
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
xviii
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
xix
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
xx
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
xxi
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
xxii
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
xxiii
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
xxiv
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
xxv
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
xxvi
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
xxvii
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
xxviii
DAFTAR LAMPIRAN
Lampiran Daftar Pertanyaan Wawancara Untuk Evaluasi........................................L1