ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR

Transkripsi

1 ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR SKRIPSI Oleh Ryan Oktavius Cahyadi Citra Andriani Triadi Sanjaya Bastari Kelas / Kelompok : 07PAM/ Kelompok 7 Universitas Bina Nusantara Jakarta 2011

2 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 Citra Andriani Triadi Sanjaya Bastari Kelas / Kelompok : 07PAM/ Kelompok 7 Universitas Bina Nusantara Jakarta 2011

3 ANALISA DAN PERANCANGAN SISTEM E-LEARNING PADA PT. SUZUKI INDOMOBIL MOTOR SKRIPSI Disusun Oleh: Ryan Oktavius Cahyadi Citra Andriani Triadi Sanjaya Bastari Disetujui Oleh: Pembimbing Bpk. Agus Putranto, S,Kom., M.T., M.Sc D1389 Universitas Bina Nusantara Jakarta 2011 iii

4 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 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 iii

5 PERNYATAAN Dengan ini kami, Nama : Ryan Oktavius Cahyadi NIM : Nama : Citra Andriani NIM : Nama : Triadi Sanjaya Bastari NIM : 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 vii

6 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. ix

7 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 x

8 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 Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Penelitian Sistematika Penulisan... 5 BAB 2 LANDASAN TEORI Teori Teori Umum Pengertian Sistem Informasi Pengertian Internet Pengertian World Wide Web Pengertian HTML Teori Khusus e-learning Definisi e-learning Terminologi e-learning Keuntungan dan Hambatan e-learning Content e-learning Tipe e-learning Pengguna e-learning Prinsip - Prinsip e-learning Infrastruktur e-learning PHP Pengertian PHP Sejarah PHP Kelebihan PHP Database Pengertian Database Lokasi data dalam Database Relational Database Model. 26 xi

9 2.2.4 My SQL Pengertian My SQL Kelebihan My SQL Analisa dan Perancangan Sistem Informasi Pengertian Analisis Pengertian Perancangan Pengertian UML Pengertian OOAD Pengertian Rich Picture Analisis Problem Domain Classes Structure Statechart Diagram Analisis Application Domain Usage Interfaces Sequence Diagram Architectural Design Component Processes Component Design Model Component Function Component Navigation Diagram Windows Diagram Kerangka Pikir.. 42 BAB 3 ANALISIS SISTEM YANG BERJALAN Sejarah Perusahaan PT. Suzuki Indomobil Motor Logo PT. Suzuki Indomobil Motor Visi dan Misi PT. Suzuki Indomobil Motor Struktur Organisasi PT. Suzuki Indomobil Motor Tugas dan tanggung jawab Hasil Wawancara dan Kuesioner Wawancara Kuesioner Anilisis Sistem yang Berjalan Deskripsi Rich Picture Masalah yang Dihadapi Usulan Pemecahan Masalah.. 76 BAB 4 RANCANGAN SISTEM YANG DIUSULKAN Perancangan Sistem Rich Picture Deskripsi Rich Picture Class Diagram Statechart Statechart Account xii

10 Statechart Admin Statechart Trainer Statechart Trainee Statechart HRD Head Statechart Section Head Statechart Calendar Statechart Forum Topic Statechart Forum Post Statechart Class Statechart Announcement Statechart Module Statechart Summary Statechart Exam Statechart Exam Question Statechart Exam Answer Statechart Score Usecase Diagram Usecase Specification Sequence Diagram Sequence Login Sequence Mengupdate Calendar Sequence Menginput New Account Sequence Mengcreate Sector Sequence Mengcreate Class Sequence Mengaktivasi Trainer Sequence Mengaktivasi Class Sequence Mengirimkan Announcement Class Sequence Mengapprove atau Mereject Data Trainer Sequence Mengapprove atau Mereject Data Trainee Sequence Mengupload Usulan Module Sequence Mengupload Usulan Exam Multiple Choice Sequence Mengupload Usulan Exam Essay Sequence Mengapprove / Mereject Usulan Exam & Module Sequence Mendownload Module Sequence Mengupload Summary Sequence Activated Exam Sequence Menginput Score Sequence Mensubmit Jawaban Exam Sequence Mengenerate Score Total Sequence Mengcreate Forum Topic Sequence Mengcreate Forum Post Perancangan Layar yang diusulkan Perancangan Layar Admin Perancangan Layar Trainer Perancangan Layar Trainee 203 xiii

11 Perancangan Layar Section Head Perancangan Layar HRD Head Navigation Diagram Component Diagram Deployment Diagram Rancangan Database BAB 5 SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA. 250 RIWAYAT HIDUP 252 LAMPIRAN FOTOCOPY SURAT SURVEI. xiv

12 DAFTAR TABEL Tabel 2.1 Perbedaan LMS dan LCMS 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 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 Tabel 3.5 Hasil Perhitungan dari fasilitas seperti apa yang diinginkan oleh user jika pelatihannya dilakukan melalui media komputer Tabel 3.6 Hasil Perhitungan dari seberapa banyak user yang sering melakukan diskusi dengan rekan kerja Tabel 3.7 Hasil Perhitungan dari seberapa perlu user membutuhkan konsultasi dengan trainer Tabel 3.8 Hasil Perhitungan dari apakah fasilitas ruangan menunjang kegiatan belajar mengajar 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 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 Tabel 4.2 Event Admin.. 87 Tabel 4.3 Event Trainer Tabel 4.4 Event Trainee.. 89 Tabel 4.5 Event HRD Head Tabel 4.6 Event Section Head xv

13 Tabel 4.7 Event Calendar Tabel 4.8 Event Forum Topic. 93 Tabel 4.9 Event Forum Post Tabel 4.10 Event Class.. 95 Tabel 4.11 Event Announcement Tabel 4.12 Event Module.. 97 Tabel 4.13 Event Summary Tabel 4.14 Event Exam Tabel 4.15 Event Exam Question Tabel 4.16 Event Exam Answer 101 Tabel 4.17 Event Score. 102 Tabel 4.18 DB Account. 237 Tabel 4.19 DB Announcement Tabel 4.20 DB Answer Tabel 4.21 DB Calendar Events Tabel 4.22 DB Class. 240 Tabel 4.23 DB Exam. 241 Tabel 4.24 DB Module 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 Tabel 4.30 DB Thread Forum Tabel 4.31 DB Timer. 247 xvi

14 DAFTAR GAMBAR Gambar 2.1 Contoh Class Diagram Gambar 2.2 Contoh Struktur Generalisasi Gambar 2.3 Contoh Cluster. 31 Gambar 2.4 Contoh Struktur Agregasi Gambar 2.5 Contoh Struktur Asosiasi. 33 Gambar 2.6 Contoh Statechart Diagram. 33 Gambar 2.7 Contoh Usecase Diagram Gambar 2.8 Contoh Sequence Diagram 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 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 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 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 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 xvii

15 Gambar 3.15 Diagram Pie yang menggambarkan tentang lamanya waktu yang cukup bagi user untuk training Gambar 3.16 Diagram Pie yang menggambarkan tentang cara user mengatur waktu untuk memahami materi yang diikuti 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 Gambar 4.2 Class Diagram.. 85 Gambar 4.3 Statechart Account Gambar 4.4 Statechart Admin Gambar 4.5 Statechart Trainer Gambar 4.6 Statechart Trainee Gambar 4.7 Statechart HRD Head Gambar 4.8 Statechart Section Head 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 Gambar 4.15 Statechart Summary Gambar 4.16 Statechart Exam Gambar 4.17 Statechart Exam Question Gambar 4.18 Statechart Exam Answer 101 Gambar 4.19 Statechart Score Gambar 4.20 Usecase Diagram Gambar 4.21 Sequence Login 108 Gambar 4.22 Sequence Mengupdate Calendar 109 Gambar 4.23 Sequence New Account Admin 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 Gambar 4.30 Sequence Edit Account Trainee Gambar 4.31 Sequence Edit Account Section Head 122 Gambar 4.32 Sequence Edit Account HRD Head 123 Gambar 4.33 Sequence Mengcreate Sector Gambar 4.34 Sequence Mengcreate Class Gambar 4.35 Sequence Mengaktivasi Trainer. 128 Gambar 4.36 Sequence Mengaktivasi Class 130 Gambar 4.37 Sequence Mengirimkan Announcement Class xviii

16 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 Gambar 4.41 Sequence Mengupload Usulan Exam Multiple Choice Gambar 4.42 Sequence Mengupload Usulan Exam Essay Gambar 4.43 Sequence Mengapprove / Mereject Usulan Exam & Module Gambar 4.44 Sequence Mendownload Module Gambar 4.45 Sequence Mengupload Summary Gambar 4.46 Sequence Activated Exam Gambar 4.47 Sequence Menginput Score Summary 147 Gambar 4.48 Sequence Menginput Score Multiple Choice. 148 Gambar 4.49 Sequence Menginput Score Essay Gambar 4.50 Sequence Mensubmit Jawaban Exam. 150 Gambar 4.51 Sequence Mengenerate Score Total Gambar 4.52 Sequence Mengcreate Forum Topic Gambar 4.53 Sequence Mengcreate Forum Post 155 Gambar 4.54 Perancangan Layar Login. 156 Gambar 4.55 Perancangan Layar Change Password Gambar 4.56 Perancangan Layar Admin Home Gambar 4.57 Perancangan Layar Create New Account Gambar 4.58 Perancangan Layar Edit Account Gambar 4.59 Perancangan Layar Delete Account Gambar 4.60 Perancangan Layar Reject Account Gambar 4.61 Perancangan Layar Create Calendar 163 Gambar 4.62 Perancangan Layar Add Event Gambar 4.63 Perancangan Layar Delete Event Gambar 4.64 Perancangan Layar Create New Class 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) Gambar 4.70 Perancangan Layar Class (Message) Gambar 4.71 Perancangan Layar Class (Finish) 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 Gambar 4.75 Perancangan Layar Edit Sector Gambar 4.76 Perancangan Layar Delete Sector Gambar 4.77 Perancangan Layar Trainer Home Gambar 4.78 Perancangan Layar Account(My History) 177 Gambar 4.79 Perancangan Layar Module (Text/ Image/ Video Module) Gambar 4.80 Perancangan Layar Module (PDF Module) Gambar 4.81 Perancangan Layar Module (Upload Module) Gambar 4.82 Perancangan Layar Module (Edit Module) Gambar 4.83 Perancangan Layar Module (Summary) 182 xix

17 Gambar 4.84 Perancangan Layar Add New Exam 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 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) Gambar 4.98 Perancangan Layar Exam(Activation exam+timer,multiple Choice) Gambar 4.99 Perancangan Layar Discussion Forum Gambar Perancangan Layar Discussion Forum (View Thread) Gambar Perancangan Layar Discussion Forum (New Thread) 199 Gambar Perancangan Layar Discussion Forum (Post Forum) 200 Gambar Perancangan Layar Discussion Forum (Quote Post). 201 Gambar Perancangan Layar Discussion Forum (Delete Thread) 202 Gambar Perancangan Layar Trainee Home. 203 Gambar Perancangan Layar Module 204 Gambar Perancangan Layar Module (Summary). 205 Gambar Perancangan Layar Exam Internet (Exam Start) 206 Gambar Perancangan Layar Exam Internet (Essay) 207 Gambar Perancangan Layar Exam Internet (Multiple Choice) 208 Gambar Perancangan Layar Exam Internet (Exam Finished) Gambar Perancangan Layar Score Gambar Perancangan Layar Discussion Forum 210 Gambar Perancangan Layar Discussion Forum (View Thread) Gambar Perancangan Layar Discussion Forum (New Thread) 212 Gambar Perancangan Layar Discussion Forum (Post Forum) 213 Gambar Perancangan Layar Discussion Forum (Quote Post). 214 Gambar Perancangan Layar Discussion Forum (Delete Thread) 215 Gambar Perancangan Layar Validation 216 Gambar Perancangan Layar Validation (Class Specification). 217 Gambar Perancangan Layar Validation (Approve) Gambar Perancangan Layar Validation (Reject) Gambar Perancangan Layar Validation 220 Gambar Perancangan Layar Validation (Approve / Reject Trainee) Gambar Perancangan Layar Validation (Approve Trainee). 222 Gambar Perancangan Layar Validation (Reject Trainee) 223 Gambar Perancangan Layar Validation (Approve All Trainee) Gambar Perancangan Layar Validation (Approve / Reject Trainer) xx

18 Gambar Perancangan Layar Validation (Approve Trainer). 226 Gambar Perancangan Layar Validation (Reject Trainer). 227 Gambar Perancangan Layar Validation (Approve All Trainer) Gambar Navigation Diagram (Admin) Gambar Navigation Diagram (Section Head) Gambar Navigation Diagram (HRD Head) Gambar Navigation Diagram (Trainee) Gambar Navigation Diagram (Trainee) Gambar Component Diagram Gambar Deployment Diagram. 236 xxi

19 DAFTAR LAMPIRAN 1. Wawancara... L1 2. Kuisioner..... L3 3. Tampilan Layar..... L7 xxii