ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR
SKRIPSI
Oleh
Ryan Oktavius Cahyadi 1100031026
Citra Andriani 1100033473
Triadi Sanjaya Bastari 1100045681
Kelas / Kelompok : 07PAM/ Kelompok 7
Universitas Bina Nusantara Jakarta
ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR
SKRIPSI
diajukan sebagai salah satu syarat untuk gelar kesarjanaan pada
Jurusan Sistem Informasi Jenjang Pendidikan Strata-1
Oleh
Ryan Oktavius Cahyadi 1100031026
Citra Andriani 1100033473
Triadi Sanjaya Bastari 1100045681
Kelas / Kelompok : 07PAM/ Kelompok 7
Universitas Bina Nusantara Jakarta
iii
ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR
SKRIPSI
Disusun Oleh:
Ryan Oktavius Cahyadi Citra Andriani Triadi Sanjaya Bastari
1100031026 1100033473 1100045681
Disetujui Oleh: Pembimbing
Bpk. Agus Putranto, S,Kom., M.T., M.Sc D1389
Universitas Bina Nusantara Jakarta
iii
Universitas Bina Nusantara
Pernyataan Kesiapan Skripsi untuk Ujian Pendadaran
Pernyataan Penyusunan Skripsi Kami, Ryan Oktavius
Citra Andriani
Triadi Sanjaya Bastari
dengan ini menyatakan bahwa Skripsi yang berjudul :
ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR
adalah benar hasil karya kami dan belum pernah diajukan sebagai karya ilmiah, sebagian atau seluruhnya, atas nama kami atau pihak lain.
Ryan Oktavius Citra Andriani Triadi Sanjaya Bastari 1100031026 1100033473 1100045681
Disetujui oleh Pembimbing
Saya setuju Skripsi tersebut diajukan untuk Ujian Pendadaran
Bpk. Agus Putranto, S,Kom., M.T., M.Sc Tanggal Persetujuan : Pembimbing 14 Januari 2011
vii
PERNYATAAN
Dengan ini kami,
Nama : Ryan Oktavius Cahyadi NIM : 1100031026
Nama : Citra Andriani NIM : 1100033473
Nama : Triadi Sanjaya Bastari NIM : 1100045681
Judul skripsi :
ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR
Memberikan kepada Universitas Bina Nusantara hak non-eksklusif untuk menyimpan, memperbanyak, dan menyebarluaskan skripsi karya kami, secara keseluruhan atau hanya sebagian atau hanya ringkasannya saja, dalam bentuk format tercetak dan atau elektronik. Menyatakan bahwa kami, akan mempertahankan hak exclusive kami, untuk menggunakan seluruh atau sebagian isi skripsi kami, guna pengembangan karya di masa depan, misalnya bentuk artikel, buku, perangkat lunak, ataupun sistem informasi.
Jakarta, 21 Februari 2011
Ryan Oktavius Cahyadi Citra Andriani Triadi Sanjaya Bastari 1100031026 1100033473 1100045681
ix
PRAKATA
Pertama-tama penulis ingin mengucapkan puji syukur yang sebesar-besarnya kepada Tuhan Yang Maha Esa karena anugerah dan kasih karunia-Nya maka penulis dapat menyelesaikan skripsi ini dengan baik dan tepat pada waktunya.
Dalam menyusun skripsi yang berjudul ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR ini, penulis telah mendapat banyak bantuan serta bimbingan dari berbagai pihak. Oleh karena itu didalam kesempatan kali ini penulis hendak mengucapkan terima kasih kepada:
1. Bapak Prof. Dr. Harjanto Prabowo, selaku Rektor BINUS University yang telah memberi kesempatan kepada penulis untuk membuat skripsi ini.
2. Bapak Johan, S.Kom., MM, Selaku ketua jurusan Sistem Informasi BINUS
University.
3. Bapak Agus Putranto, S.Kom., M.T., M.Sc. , selaku dosen pembimbing yang telah dengan sabar membimbing dan mengarahkan penulis selama menyusun skripsi ini. 4. Bapak Honni, S.Kom., M.M , selaku ketua penguji pada sidang skripsi ini.
5. Bapak Diyurman Gea, S.Kom., M.M , selaku wakil penguji pada sidang skripsi ini. 6. Bapak Akira Nonaka selaku Deputi Head IT yang telah mengizinkan kami untuk
melakukan penelitian skripsi di PT. Suzuki Indomobil Motor.
7. Ibu Jeanny Arifin selaku Manager IT System Non Produksi dari PT. SUZUKI INDOMOBIL MOTOR yang telah menerima proposal kami dan menerima dengan tangan terbuka untuk melakukan penelitian.
x
8. Bapak Khrisna selaku Supervisor IT yang telah banyak membantu dalam pengumpulan data dengan penulis.
9. Bapak Giri Santoso Triatmojo selaku Manager of HRD – GA yang telah dengan rela meluangkan waktu untuk wawancara dengan penulis.
10.Segenap karyawan dari divisi IT, HRD, Accounting yang telah memberikan bantuan dan kerja samanya dalam memberikan informasi – informasi yang dibutuhkan dalam penyusunan skripsi ini.
11.Kepada teman – teman dan semua pihak yang telah memberikan nasihat, bantuan secara fisik maupun mental serta dukungan yang tidak dapat penulis tuliskan satu persatu.
12.Dan semua pihak-pihak yang telah mendukung dan membantu yang tidak dapat disebutkan satu per satu.
Seperti pepatah yang mengatakan “Tak ada gading yang tak retak“, penulis menyadari bahwa skripsi ini pun masih terdapat banyak kekurangan. Oleh karena itu, penulis mengharapkan kritik dan saran yang membangun untuk perbaikan di masa yang akan datang. Akhir kata, semoga skripsi ini dapat bermanfaat bagi pembaca dalam memajukan ilmu pengetahuan.
Jakarta, Februari 2011 Penulis
xi
DAFTAR ISI
Halaman Judul Luar ……… i
Halaman Judul Dalam ………. ii
Halaman Persetujuan Hard Cover ……….. iii
Halaman Pernyataan Dewan Penguji ……….. iv
Halaman Pemberian Hak Cipta Non Eksklusif dari Mahasiswa ke Universitas Bina Nusantara ……… vii
Abstrak ……… viii
Prakata ………. ix
Daftar Isi ………. xi
Daftar Tabel ……… xv
Daftar Gambar ………. xvii
Daftar Lampiran ……….. xxii
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 ………. 8
2.1 Teori – Teori Umum ………. 8
2.1.1 Pengertian Sistem Informasi ………... 8
2.2.1 Pengertian Internet ……….. 8
2.2.1.1 Pengertian World Wide Web ………. 9
2.2.1.2 Pengertian HTML ……….. 9
2.2 Teori Khusus ………. 9
2.2.1 e-Learning ……… 9
2.2.1.1 Definisi e-Learning ……….. 9
2.2.1.2 Terminologi e-Learning ………... 10
2.2.1.3 Keuntungan dan Hambatan e-Learning ……….. 11
2.2.1.4 Content e-Learning ……….. 15
2.2.1.5 Tipe e-Learning ……… 15
2.2.1.6 Pengguna e-Learning ………... 18
2.2.1.7 Prinsip - Prinsip e-Learning ………. 18
2.2.1.8 Infrastruktur e-Learning ………... 19 2.2.2 PHP ……….. 22 2.2.2.1 Pengertian PHP ……… 22 2.2.2.2 Sejarah PHP ………. 22 2.2.2.3 Kelebihan PHP ………. 24 2.2.3 Database ………... 25 2.2.3.1 Pengertian Database ……… 25
2.2.3.2 Lokasi data dalam Database ……… 25
xii
2.2.4 My SQL ……… 27
2.2.4.1 Pengertian My SQL ………. 27
2.2.4.2 Kelebihan My SQL ……….. 27
2.2.5 Analisa dan Perancangan Sistem Informasi ……… 28
2.2.5.1 Pengertian Analisis ………. 28
2.2.5.1 Pengertian Perancangan ………... 28
2.2.6 Pengertian UML ………. 28
2.2.7 Pengertian OOAD ………... 28
2.2.7.1 Pengertian Rich Picture ………. 29
2.2.7.2 Analisis Problem Domain ………. 29
2.2.7.2.1 Classes ……… 29
2.2.7.2.2 Structure ………. 30
2.2.7.2.3 Statechart Diagram ………. 33
2.2.7.3Analisis Application Domain ……….. 33
2.2.7.3.1 Usage ……… 33 2.2.7.3.2 Interfaces ……….. 34 2.2.7.3.3 Sequence Diagram ………... 35 2.2.7.4 Architectural Design ………... 36 2.2.7.4.1 Component ………... 36 2.2.7.4.2 Processes ……….. 38 2.2.7.5 Component Design ……….. 39 2.2.7.5.1 Model Component ……… 39 2.2.7.5.2 Function Component ……… 40 2.2.7.4.3 Navigation Diagram ……….... 41 2.2.7.4.4 Windows Diagram ……….... 42 2.3 Kerangka Pikir ……….. 42
BAB 3 ANALISIS SISTEM YANG BERJALAN ……… 45
3.1 Sejarah Perusahaan PT. Suzuki Indomobil Motor ……… 45
3.1.1 Logo PT. Suzuki Indomobil Motor ………. 47
3.2 Visi dan Misi PT. Suzuki Indomobil Motor ………. 47
3.3.Struktur Organisasi PT. Suzuki Indomobil Motor………. 47
3.4 Tugas dan tanggung jawab ……… 49
3.5 Hasil Wawancara dan Kuesioner ……….. 53
3.5.1 Wawancara ……….. 53
3.5.2 Kuesioner ………. 55
3.6 Anilisis Sistem yang Berjalan ………... 73
3.6.1 Deskripsi Rich Picture ……….. 75
3.7 Masalah yang Dihadapi ………. 76
3.8 Usulan Pemecahan Masalah ……….. 76
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN ………. 78
4.1 Perancangan Sistem ……….. 78
4.1.1 Rich Picture ……….. 78
4.1.1.1 Deskripsi Rich Picture ……….. 79
4.1.2 Class Diagram ………. 84
4.1.3 Statechart ………. 86
xiii
4.1.3.2 Statechart Admin ………... 87
4.1.3.3 Statechart Trainer ……….... 88
4.1.3.4 Statechart Trainee ……….... 89
4.1.3.5 Statechart HRD Head ………. 90
4.1.3.6 Statechart Section Head ……….. 91
4.1.3.7 Statechart Calendar ………. 92
4.1.3.8 Statechart Forum Topic ………... 93
4.1.3.9 Statechart Forum Post ………... 94
4.1.3.10 Statechart Class………... 95
4.1.3.11 Statechart Announcement ……….. 96
4.1.3.12 Statechart Module ………... 97
4.1.3.13 Statechart Summary ………... 98
4.1.3.14 Statechart Exam ………... 99
4.1.3.15 Statechart Exam Question ……….. 100
4.1.3.16 Statechart Exam Answer ……… 101
4.1.3.17 Statechart Score ………. 102
4.1.4 Usecase Diagram ………... 103
4.1.5 Usecase Specification ………... 104
4.1.6 Sequence Diagram ………... 108
4.1.6.1 Sequence Login………... 108
4.1.6.2 Sequence Mengupdate Calendar ………. 109
4.1.6.3 Sequence Menginput New Account ………. 110
4.1.6.4 Sequence Mengcreate Sector ……… 124
4.1.6.5 Sequence Mengcreate Class ………. 126
4.1.6.6 Sequence Mengaktivasi Trainer ……….. 128
4.1.6.7 Sequence Mengaktivasi Class ………. 129
4.1.6.8 Sequence Mengirimkan Announcement Class …………. 131
4.1.6.9 Sequence Mengapprove atau Mereject Data Trainer …... 132
4.1.6.10 Sequence Mengapprove atau Mereject Data Trainee …. 134 4.1.6.11 Sequence Mengupload Usulan Module ……….. 136
4.1.6.12 Sequence Mengupload Usulan Exam Multiple Choice .. 138
4.1.6.13 Sequence Mengupload Usulan Exam Essay …………. 139
4.1.6.14 Sequence Mengapprove / Mereject Usulan Exam & Module ……….. 141
4.1.6.15 Sequence Mendownload Module ………... 143
4.1.6.16 Sequence Mengupload Summary ………... 145
4.1.6.17 Sequence Activated Exam ……….. 146
4.1.6.18 Sequence Menginput Score ……… 147
4.1.6.19 Sequence Mensubmit Jawaban Exam ……… 150
4.1.6.20 Sequence Mengenerate Score Total ………... 151
4.1.6.21 Sequence Mengcreate Forum Topic ………... 152
4.1.6.22 Sequence Mengcreate Forum Post ………. 154
4.1.7 Perancangan Layar yang diusulkan ……….. 156
4.1.7.1 Perancangan Layar Admin ……….. 157
4.1.7.2 Perancangan Layar Trainer ………. 176
xiv
4.1.7.4 Perancangan Layar Section Head ……… 216
4.1.7.5 Perancangan Layar HRD Head ………... 220
4.1.8 Navigation Diagram ……… 228
4.1.9 Component Diagram ……… 234
4.1.10 Deployment Diagram ………. 236
4.1.11 Rancangan Database ……….. 237
BAB 5 SIMPULAN DAN SARAN ……….. 248
5.1 Simpulan ………... 248
5.2 Saran ……….. 249
DAFTAR PUSTAKA ………. 250
RIWAYAT HIDUP ……… 252 LAMPIRAN ………
xv
DAFTAR TABEL
Tabel 2.1 Perbedaan LMS dan LCMS ………... 21
Tabel 3.1 Hasil perhitungan dari kemampuan user menerima semua materi training yang diberikan ……….. 55
Tabel 3.2 Hasil Perhitungan dari hambatan yang user temui selama proses training ………... 56
Tabel 3.3 Hasil Perhitungan dari hambatan yang user temui selama pengerjaan soal tes ………. 58
Tabel 3.4 Hasil Perhitungan dari user yang memiliki fasilitas internet diluar kantor ………... 59
Tabel 3.5 Hasil Perhitungan dari fasilitas seperti apa yang diinginkan oleh user jika pelatihannya dilakukan melalui media komputer ………... 60
Tabel 3.6 Hasil Perhitungan dari seberapa banyak user yang sering melakukan diskusi dengan rekan kerja ...………... 61
Tabel 3.7 Hasil Perhitungan dari seberapa perlu user membutuhkan konsultasi dengan trainer ………... 62
Tabel 3.8 Hasil Perhitungan dari apakah fasilitas ruangan menunjang kegiatan belajar mengajar …...……….. 63
Tabel 3.9 Hasil Perhitungan dari apakah alat – alat bantu pengajaran yang digunakan membantu efektivitas proses belajar mengajar ………..……… 64
Tabel 3.10 Hasil Perhitungan dari kegunaan handout yang dibagikan kepada user ………... 65
Tabel 3.11 Hasil Perhitungan dari kegunaan informasi progam yang diberikan membantu kesiapan user untuk mengikuti progam pelatihan ……….. 66
Tabel 3.12 Hasil Perhitungan dari lamanya proses training yang terakhir user ikuti ………. 67
Tabel 3.13 Hasil Perhitungan dari lamanya waktu yang cukup bagi user untuk training ……… 68
Tabel 3.14 Hasil Perhitungan dari cara user mengatur waktu untuk memahami materi yang diikuti ……….. 69
Tabel 3.15 Hasil Perhitungan dari jenis materi yang membuat user lebih mengerti mengenai materi yang diajarkan ……….. 70
Tabel 3.16 Hasil Perhitungan dari saat kapan user bertanya kepada trainer pada saat training ……… 71
Tabel 4.1 Event Account ……….……….………... 86
Tabel 4.2 Event Admin…………. ……….……… 87
Tabel 4.3 Event Trainer ……….………... 88
Tabel 4.4 Event Trainee ……….………. 89
Tabel 4.5 Event HRD Head ……….………... 90
xvi
Tabel 4.7 Event Calendar……….………... 92
Tabel 4.8 Event Forum Topic ……….……… 93
Tabel 4.9 Event Forum Post ……….………... 94
Tabel 4.10 Event Class ……….. 95
Tabel 4.11 Event Announcement ……….……….. 96
Tabel 4.12 Event Module ……….………. 97
Tabel 4.13 Event Summary ……….……….. 98
Tabel 4.14 Event Exam……….………... 99
Tabel 4.15 Event Exam Question ……….. 100
Tabel 4.16 Event Exam Answer ……… 101
Tabel 4.17 Event Score ………. 102
Tabel 4.18 DB Account ………. 237
Tabel 4.19 DB Announcement ……….. 238
Tabel 4.20 DB Answer ……….. 239
Tabel 4.21 DB Calendar Events ………... 239
Tabel 4.22 DB Class ………. 240
Tabel 4.23 DB Exam ………. 241
Tabel 4.24 DB Module ……….. 241
Tabel 4.25 DB Reply Thread ………. 243
Tabel 4.26 DB Score ………. 244
Tabel 4.27 DB Sector ……… 244
Tabel 4.28 DB Question ……… 245
Tabel 4.29 DB Summary ………... 246
Tabel 4.30 DB Thread Forum ………... 246
xvii
DAFTAR GAMBAR
Gambar 2.1 Contoh Class Diagram ……….…………... 29
Gambar 2.2 Contoh Struktur Generalisasi ……….…... 31
Gambar 2.3 Contoh Cluster ……….……… 31
Gambar 2.4 Contoh Struktur Agregasi ……….………... 32
Gambar 2.5 Contoh Struktur Asosiasi ……….………… 33
Gambar 2.6 Contoh Statechart Diagram ……….……… 33
Gambar 2.7 Contoh Usecase Diagram ……….………... 34
Gambar 2.8 Contoh Sequence Diagram ……….……... 36
Gambar 2.9 Pola arsitektur Client – Server ……….……… 37
Gambar 2.10 Contoh Deployment Diagram ……….………. 39
Gambar 2.11 Notasi Navigation Diagram ……….………… 41
Gambar 2.12 Notasi Window Diagram ……….……… 42
Gambar 2.13 Kerangka Pikir ………. 43
Gambar 3.1 Logo PT. Suzuki Indomobil Motor ………... 47
Gambar 3.2 Stuktur Organisasi ……….……… 49
Gambar 3.3 Diagram Pie yang menggambarkan kemampuan user menerima semua materi training yang diberikan ……….. 56
Gambar 3.4 Diagram Pie yang menggambarkan tentang hambatan yang user temui selama proses training ………..…… 57
Gambar 3.5 Diagram Pie yang menggambarkan tentang hambatan yang user temui selama pengerjaan soal tes ………... 59
Gambar 3.6 Diagram Pie yang menggambarkan tentang user yang memiliki fasilitas internet diluar kantor ………. 60
Gambar 3.7 Diagram Pie yang menggambarkan tentang fasilitas seperti apa yang diinginkan oleh user jika pelatihannya dilakukan melalui media komputer ………. 61
Gambar 3.8 Diagram Pie yang menggambarkan tentang seberapa banyak user yang sering melakukan diskusi dengan rekan kerja ……... 62
Gambar 3.9 Diagram Pie yang menggambarkan tentang seberapa perlu user membutuhkan konsultasi dengan trainer ……….. 63
Gambar 3.10 Diagram Pie yang menggambarkan tentang apakah fasilitas ruangan menunjang kegiatan belajar mengajar ………. 64
Gambar 3.11 Diagram Pie yang menggambarkan tentang apakah alat – alat bantu pengajaran yang digunakan membantu efektivitas ……... 65
Gambar 3.12 Diagram Pie yang menggambarkan tentang kegunaan handout yang dibagikan kepada user ………. 66
Gambar 3.13 Diagram Pie yang menggambarkan tentang kegunaan informasi progam yang diberikan membantu kesiapan user untuk mengikuti progam pelatihan ………. 67
Gambar 3.14 Diagram Pie yang menggambarkan tentang lamanya proses training yang terakhir user ikuti ……….. 68
xviii
Gambar 3.15 Diagram Pie yang menggambarkan tentang lamanya waktu
yang cukup bagi user untuk training ………... 69
Gambar 3.16 Diagram Pie yang menggambarkan tentang cara user mengatur waktu untuk memahami materi yang diikuti ………... 70
Gambar 3.17 Diagram Pie yang menggambarkan tentang jenis materi yang membuat user lebih mengerti mengenai materi yang diajarkan .. 71
Gambar 3.18 Diagram Pie yang menggambarkan saat kapan user bertanya kepada trainer pada saat training ……… 72
Gambar 3.19 Rich Picture Sistem yang Berjalan ……… 73
Gambar 4.1 Rich Picture ……….……….. 78
Gambar 4.2 Class Diagram ……….………. 85
Gambar 4.3 Statechart Account ……….………... 86
Gambar 4.4 Statechart Admin ……….……….. 87
Gambar 4.5 Statechart Trainer ……….………... 88
Gambar 4.6 Statechart Trainee ……….……….... 89
Gambar 4.7 Statechart HRD Head ……….……….. 80
Gambar 4.8 Statechart Section Head ……….………….. 91
Gambar 4.9 Statechart Calendar ……….……… 92
Gambar 4.10 Statechart Forum Topic ……… 93
Gambar 4.11 Statechart Forum Post……… 94
Gambar 4.12 Statechart Class ……….. 95
Gambar 4.13 Statechart Announcement ……… 96
Gambar 4.14 Statechart Module ………... 97
Gambar 4.15 Statechart Summary ………... 98
Gambar 4.16 Statechart Exam………... 99
Gambar 4.17 Statechart Exam Question ……….. 100
Gambar 4.18 Statechart Exam Answer ……… 101
Gambar 4.19 Statechart Score ………... 102
Gambar 4.20 Usecase Diagram ………... 103
Gambar 4.21 Sequence Login ……… 108
Gambar 4.22 Sequence Mengupdate Calendar ……… 109
Gambar 4.23 Sequence New Account Admin ………... 111
Gambar 4.24 Sequence New Account Trainer ………. 112
Gambar 4.25 Sequence New Account Trainee ………. 113
Gambar 4.26 Sequence New Account Section Head ……… 115
Gambar 4.27 Sequence New Account HRD Head ……… 116
Gambar 4.28 Sequence Edit Account Admin ……… 118
Gambar 4.29 Sequence Edit Account Trainer ……….. 119
Gambar 4.30 Sequence Edit Account Trainee ……….. 121
Gambar 4.31 Sequence Edit Account Section Head ……… 122
Gambar 4.32 Sequence Edit Account HRD Head ……… 123
Gambar 4.33 Sequence Mengcreate Sector ……….. 125
Gambar 4.34 Sequence Mengcreate Class ………... 127
Gambar 4.35 Sequence Mengaktivasi Trainer ………. 128
Gambar 4.36 Sequence Mengaktivasi Class ……… 130
xix
Gambar 4.38 Sequence Mengapprove atau Mereject Data Trainer …………. 133
Gambar 4.39 Sequence Mengapprove atau Mereject Data Trainee …………. 135
Gambar 4.40 Sequence Mengupload Usulan Module ……….. 137
Gambar 4.41 Sequence Mengupload Usulan Exam Multiple Choice ……….. 138
Gambar 4.42 Sequence Mengupload Usulan Exam Essay ………... 140
Gambar 4.43 Sequence Mengapprove / Mereject Usulan Exam & Module ... 142
Gambar 4.44 Sequence Mendownload Module ……….. 144
Gambar 4.45 Sequence Mengupload Summary ……….. 145
Gambar 4.46 Sequence Activated Exam ……….. 146
Gambar 4.47 Sequence Menginput Score Summary ……… 147
Gambar 4.48 Sequence Menginput Score Multiple Choice ………. 148
Gambar 4.49 Sequence Menginput Score Essay ……….. 149
Gambar 4.50 Sequence Mensubmit Jawaban Exam ………. 150
Gambar 4.51 Sequence Mengenerate Score Total ……….. 151
Gambar 4.52 Sequence Mengcreate Forum Topic ……….. 153
Gambar 4.53 Sequence Mengcreate Forum Post ……… 155
Gambar 4.54 Perancangan Layar Login ………. 156
Gambar 4.55 Perancangan Layar Change Password ……….. 157
Gambar 4.56 Perancangan Layar Admin Home ………... 158
Gambar 4.57 Perancangan Layar Create New Account ……….. 159
Gambar 4.58 Perancangan Layar Edit Account ……….. 160
Gambar 4.59 Perancangan Layar Delete Account ………... 161
Gambar 4.60 Perancangan Layar Reject Account ………... 162
Gambar 4.61 Perancangan Layar Create Calendar ……… 163
Gambar 4.62 Perancangan Layar Add Event ………... 164
Gambar 4.63 Perancangan Layar Delete Event ………... 164
Gambar 4.64 Perancangan Layar Create New Class ……….. 165
Gambar 4.65 Perancangan Layar Class (Input Trainee) ………. 166
Gambar 4.66 Perancangan Layar Class (Class Detail)……… 167
Gambar 4.67 Perancangan Layar Class (Class Detail – Activation Trainer) . 168 Gambar 4.68 Perancangan Layar Form Print Class (Class Detail) ………… 169
Gambar 4.69 Perancangan Layar Class (Activation) ………... 170
Gambar 4.70 Perancangan Layar Class (Message) ……….. 171
Gambar 4.71 Perancangan Layar Class (Finish)……….. 172
Gambar 4.72 Perancangan Layar Class (History 1) ………. 173
Gambar 4.73 Perancangan Layar Class (History 2) ………. 174
Gambar 4.74 Perancangan Layar New Sector ………... 174
Gambar 4.75 Perancangan Layar Edit Sector ………... 175
Gambar 4.76 Perancangan Layar Delete Sector ………... 175
Gambar 4.77 Perancangan Layar Trainer Home ……….. 176
Gambar 4.78 Perancangan Layar Account(My History) ……… 177
Gambar 4.79 Perancangan Layar Module (Text/ Image/ Video Module) ... 178
Gambar 4.80 Perancangan Layar Module (PDF Module) ……….. 179
Gambar 4.81 Perancangan Layar Module (Upload Module) ……….. 180
Gambar 4.82 Perancangan Layar Module (Edit Module) ………... 181
xx
Gambar 4.84 Perancangan Layar Add New Exam ……….. 183
Gambar 4.85 Perancangan Layar Exam (Essay) ………. 184
Gambar 4.86 Perancangan Layar Exam (Multiple Choice)………. 185
Gambar 4.87 Perancangan Layar Edit Question (Essay) ……… 186
Gambar 4.88 Perancangan Layar Edit Question (Multiple Choice)………… 187
Gambar 4.89 Perancangan Layar Delete Question (Essay) ……… 188
Gambar 4.90 Perancangan Layar Delete Question (Multiple Choice) ……… 189
Gambar 4.91 Perancangan Layar Delete Exam ………... 190
Gambar 4.92 Perancangan Layar Score (Generate Score) ……… 191
Gambar 4.93 Perancangan Layar Form Print Score (Generate Score) ……. 191
Gambar 4.94 Perancangan Layar Exam (Check Answer, Essay 1) ………… 192
Gambar 4.95 Perancangan Layar Exam (Check Answer, Essay 2) …………. 193
Gambar 4.96 Perancangan Layar Exam (Check Answer, Multiple Choice)…. 194 Gambar 4.97 Perancangan Layar Exam (Activation exam + Timer, Essay) ... 195
Gambar 4.98 Perancangan Layar Exam(Activation exam+Timer,Multiple Choice)……….. 196
Gambar 4.99 Perancangan Layar Discussion Forum ………... 197
Gambar 4.100 Perancangan Layar Discussion Forum (View Thread) ………... 198
Gambar 4.101 Perancangan Layar Discussion Forum (New Thread) ………… 199
Gambar 4.102 Perancangan Layar Discussion Forum (Post Forum) ………… 200
Gambar 4.103 Perancangan Layar Discussion Forum (Quote Post) …………. 201
Gambar 4.104 Perancangan Layar Discussion Forum (Delete Thread) ……… 202
Gambar 4.105 Perancangan Layar Trainee Home ………. 203
Gambar 4.106 Perancangan Layar Module ……… 204
Gambar 4.107 Perancangan Layar Module (Summary) ………. 205
Gambar 4.108 Perancangan Layar Exam Internet (Exam Start) ……… 206
Gambar 4.109 Perancangan Layar Exam Internet (Essay) ……… 207
Gambar 4.110 Perancangan Layar Exam Internet (Multiple Choice) ………… 208
Gambar 4.111 Perancangan Layar Exam Internet (Exam Finished) ………….. 209
Gambar 4.112 Perancangan Layar Score ………... 209
Gambar 4.113 Perancangan Layar Discussion Forum ……… 210
Gambar 4.114 Perancangan Layar Discussion Forum (View Thread) ……….. 211
Gambar 4.115 Perancangan Layar Discussion Forum (New Thread) ………… 212
Gambar 4.116 Perancangan Layar Discussion Forum (Post Forum) ………… 213
Gambar 4.117 Perancangan Layar Discussion Forum (Quote Post) …………. 214
Gambar 4.118 Perancangan Layar Discussion Forum (Delete Thread) ……… 215
Gambar 4.119 Perancangan Layar Validation ……… 216
Gambar 4.120 Perancangan Layar Validation (Class Specification) …………. 217
Gambar 4.121 Perancangan Layar Validation (Approve) ……….. 218
Gambar 4.122 Perancangan Layar Validation (Reject) ……….. 219
Gambar 4.123 Perancangan Layar Validation ……… 220
Gambar 4.124 Perancangan Layar Validation (Approve / Reject Trainee) …... 221
Gambar 4.125 Perancangan Layar Validation (Approve Trainee) ………. 222
Gambar 4.126 Perancangan Layar Validation (Reject Trainee) ……… 223
Gambar 4.127 Perancangan Layar Validation (Approve All Trainee) ………... 224
xxi
Gambar 4.129 Perancangan Layar Validation (Approve Trainer) ………. 226
Gambar 4.130 Perancangan Layar Validation (Reject Trainer) ………. 227
Gambar 4.131 Perancangan Layar Validation (Approve All Trainer) ………... 228
Gambar 4.132 Navigation Diagram (Admin)………...… 229
Gambar 4.133 Navigation Diagram (Section Head) ………... 230
Gambar 4.134 Navigation Diagram (HRD Head) ……….. 231
Gambar 4.135 Navigation Diagram (Trainee) ……….... 232
Gambar 4.136 Navigation Diagram (Trainee) ……….... 233
Gambar 4.137 Component Diagram ……….. 234
xxii
DAFTAR LAMPIRAN
1. Wawancara………... L1 2. Kuisioner ………..………... L3 3. Tampilan Layar ………..………... L7
