ANALISIS DAN PERANCANGAN E-LEARNING PADA SEKOLAH SMAK 1 BPK PENABUR Ivan Adriansyah 0800735072 Mariana 0800759690 Budi Yanto 0800760710 Abstrak - ANALISIS DAN PERANCANGAN E-LEARNING PADA SEKOLAH SMAK 1 BPK PENABUR - Binus e-Thesis

  ________________________________________________________________ Jurusan Sistem Informasi

  Skripsi Sarjana Komputer Semester Ganjil tahun 2007/2008

  ANALISIS DAN PERANCANGAN E-LEARNING PADA SEKOLAH SMAK 1 BPK PENABUR Ivan Adriansyah 0800735072 Mariana 0800759690 Budi Yanto 0800760710 Abstrak

  Tujuan dari skripsi ini adalah merancang sistem yang menghasilkan suatu aplikasi E-Learning yang dapat digunakan untuk mendukung proses belajar mengajar yang berlangsung di SMAK 1 BPK PENABUR Metode penelitian yang digunakan adalah metode pengumpulan data yang dilakukan dengan penelitian lapangan ( wawancara dan kuesioner) dan penelitian kepustakaan. Metode analisis yang digunakan adalah menganalisis hasil wawancara dan kuisioner. Sedangkan metode perancangan menggunkan tools Object Oriented dengan pendekatan Lars Mathiassen et al yang terdiri dari Rich Picture, Structure, Behaviour, Usage, Interface, dan Sequence yang menggunakan pendekatan Simon Bennet el at. Alat Bantu pemodelan sistem yang digunakan adalah UML ( Unified Modelling Language ). Perancangan aplikasi menggunakan bahasa pemograman PHP dan perancangan database menggunakan MySQL. Hasil yang dicapai adalah terciptanya suatu aplikasi E-Learning yang dapat digunakan untuk mendukung proses belajar mengajar SMAK 1 BPK PENABUR. Simpulan yang didapat adalah dengan adanya aplikasi E-Learning diharapkan proses belajar mengajar dapat berlangsung tidak hanya di dalam kelas sehingga kualitas siswa dan guru serta proses belajar mengajar manjadi lebih baik.

  Kata kunci: Analisis dan Perancangan, E-Learning

  

PRAKATA

  Sebelumnya penulis ucapkan puji syukur kepada Tuhan Yang Maha Esa atas berkat dan anugerah-Nya, sehingga penulis dapat menyelesaikan skripsi ini yang merupakan syarat untuk meraih gelar kesarjanaan pada jenjang pendidikan Strata-1 tepat pada waktunya.

  Pada kesempatan ini pula, tak lupa penulis juga ingin mengucapkan rasa terima kasih yang sebesar-besarnya kepada semua pihak yang telah banyak membantu dan memberikan dukungan baik secara langsung maupun tidak langsung dalam menyusun dan menyelesaikan skripsi ini, yaitu:

  1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara.

  2. Bapak Ir. Yusuf Sablin, M.Sc., selaku Dekan Universitas Bina Nusantara.

  3. Bapak Johan, S.Kom., MM. selaku Ketua Jurusan Sistem Informasi Universitas Bina Nusantara.

  4. Bapak Henkie Ongowarsito, S.Kom., M.T., M.Sc, selaku sekretaris jurusan Sistem Informasi Universitas Bina Nusantara.

  5. Bapak Henry Antonius Eka W, S.Kom., MM., selaku dosen pembimbing yang telah meluangkan banyak waktu dan dengan kesabarannya membimbing penulis dalam menyelesaikan skripsi ini.

  6. Dosen-dosen Universitas Bina Nusantara yang telah mendidik dan membimbing penulis selama perkuliahan.

  7. Ibu Dra. Duma MS. Hutahean selaku kepala sekolah SMAK 1, Ibu Risuli Hutauruk, S.P.d selaku wakil kepala sekolah urusan hubungan masyarakat dan seluruh guru dan siswa SMAK 1 BPK PENABUR yang telah banyak memberikan informasi dan bantuan kepada penulis dalam menyelesaikan skripsi ini.

  8. Keluarga, baik orang tua maupun saudara yang telah memberikan doa, dukungan materi dan moral kepada penulis sejak awal sampai dengan selesainya Skripsi ini.

  9. Teman-teman dan pihak-pihak lain yang tidak dapat penulis sebutkan satu persatu, yang telah membantu memberikan dukungan, saran maupun kritik sehingga penulisan skripsi ini dapat diselesaikan tepat pada watunya.

  Penulis menyadari masih banyak kekurangan dan kesalahan dalam skripsi ini karena keterbatasan waktu, sumber, pengetahuan dan pengalaman dari penulis. Penulis telah mengupayakan kemampuan terbaik untuk dapat memberikan hasil yang terbaik menurut kemampuan yang dimiliki.

  Akhir kata, penulis mengucapkan terima kasih dan mohon maaf apabila terdapat kesalahan yang disengaja maupun tidak disengaja Penulis sangat berharap skripsi ini bermanfaat bagi pembaca, penulis juga menyadari bahwa skripsi ini masih jauh dari sempurna. Oleh karena itu, penulis sangat mengharapkan adanya kritik, saran, dan koreksi yang membangun dari pembaca. Penulis berharap semoga skripsi ini bisa menjadi referensi dan sumbangsih untuk penelitian selanjutnya dan bermanfaat dimasa yang akan datang.

  Jakarta, Januari 2008 Penulis

  

DAFTAR ISI

  Halaman Judul Luar .................................................................................................i Halaman Judul Dalama ................................................................................................ii Halaman Persetujuan Hardcover ..................................................................................... iii Abstrak ...............................................................................................iv PRAKATA ................................................................................................v DAFTAR ISI ..............................................................................................vii DAFTAR TABEL ..............................................................................................xii DAFTAR LAMPIRAN ..........................................................................................xxvii

  BAB 1 PENDAHULUAN ................................................................................................1

  1.1. Latar Belakang ....................................................................................................1

  1.2. Ruang Lingkup ....................................................................................................3

  1.3. Tujuan dan Manfaat.............................................................................................3

  1.4. Metodologi ..........................................................................................................4

  1.5. Sistematika Penulisan..........................................................................................5

  BAB 2 LANDASAN TEORI.............................................................................................7

  2.1 Teori-teori Dasar / Umum...................................................................................7

  2.1.1

  7 Internet

  2.1.1.1 Pengertian internet.....................................................................7

  2.1.1.2 Sejarah Internet .........................................................................8

  2.1.2 Personal Home Page (PHP) .....................................................................9

  2.1.2.1 Pengertian PHP..........................................................................9

  2.1.2.2 Kelebihan PHP ........................................................................10

  2.1.3 MySQL 11

  2.1.3.1 Pengertian MySQL ..................................................................11

  2.1.4.6.2 Function .................................................................18

  2.2.3.1. Synchronous Training .............................................................30

  2.2.3 Tipe-tipe E-Learning ..............................................................................30

  2.2.2 Karakteristik E-Learning........................................................................29

  2.2.1.3 Perbedaan LMS dan LCMS.....................................................26

  2.2.1.2 LCMS (Learning Content Management System)....................25

  2.2.1.1 LMS (Learning Management System) ....................................22

  2.2.1 Pengertian E-Learning............................................................................21

  2.2 Teori-teori Khusus ............................................................................................21

  2.1.4.6.3 Interface .................................................................19

  2.1.4.6.1 Usage .....................................................................18

  2.1.3.2 Kelebihan MySQL...................................................................11

  2.1.4.6 Application Domain Analysis ..................................................18

  2.1.4.5.3 Behaviour .................................................................17

  2.1.4.5.2 Structure ...................................................................13

  2.1.4.5.1 Class .........................................................................13

  2.1.4.5 Pengertian Problem Domain ...................................................13

  2.1.4.4 Pengertian Rich Picture...........................................................12

  2.1.4.3 Pengertian System Definition..................................................12

  2.1.4.2 Pengertian Perancangan Sistem...............................................12

  2.1.4.1 Pengertian Analisis Sistem ......................................................12

  2.1.4 Analisis dan Perancangan Sistem Informasi ..........................................12

  2.2.3.2. Asynchronous Training ...........................................................30

  BAB 3 ANALISIS DAN PERANCANGAN SISTEM ...................................................31

  3.1 Analisis Sistem yang Berjalan .............................................................................31

  3.1.1 Latar Belakang SMAK 1 BPK PENABUR............................................31

  3.1.2 Tujuan SMAK 1 BPK PENABUR.........................................................32

  3.1.3 Visi SMAK 1 BPK PENABUR .............................................................33

  3.1.4 Misi SMAK 1 BPK PENABUR.............................................................33

  3.1.5 Strukur Organisasi SMAK 1 BPK PENABUR ......................................33

  3.1.6 Tugas dan Wewenang.............................................................................34

  3.1.6.1. Kepala Sekolah........................................................................34

  3.1.6.2. Wakil Urusan Kurikulum ........................................................34

  3.1.6.3. Wakil Urusan Administrasi & Sarana dan Prasarana..............35

  3.1.6.4. Wakil Urusan Hubungan Masyarakat .....................................35

  3.1.6.5. Guru.........................................................................................35

  3.1.7 Tata Laksana Sistem yang Berjalan .......................................................36

  3.1.8 Analisa hasil kuisioner pada SMAK 1 BPK PENABUR .......................39

  3.1.9 Masalah yang dihadapi ...........................................................................54

  3.1.10 Usulan pemecahan masalah....................................................................55

  3.2 Perancangan Sistem yang Diusulkan ...................................................................55

  3.2.1. Tata laksana sistem yang diusulkan .......................................................55

  3.2.2. Class Diagram ........................................................................................58

  3.2.3. State Chart Diagram ...............................................................................59

  3.2.3.1. Admin ......................................................................................59

  3.2.3.2. Guru.........................................................................................59

  3.2.3.3. Siswa SMAK 1 ........................................................................59

  3.2.3.4. Siswa Lain ...............................................................................60

  3.2.3.5. Pengumuman ...........................................................................60

  3.2.3.6. Kelas ........................................................................................60

  3.2.3.7. Anggota Kelas .........................................................................60

  3.2.3.8. Shift .........................................................................................61

  3.2.3.9. Jadwal Kelas ............................................................................61

  3.2.3.10. Mata Pelajaran .........................................................................61

  3.2.3.11. Materi Header ..........................................................................61

  3.2.3.12. Materi Detail............................................................................62

  3.2.3.13. Soal Essay Header...................................................................62

  3.2.3.14. Soal Essay Detail.....................................................................62

  3.2.3.15. Soal PG Header .......................................................................63

  3.2.3.16. Soal PG Detail.........................................................................63

  3.2.3.17. Jawaban Siswa.........................................................................63

  3.2.3.18. Nilai .........................................................................................64

  3.2.3.19. Tread Forum............................................................................64

  3.2.3.20. Title Forum ..............................................................................64 3.2.3.21. ...................................................................................64

  Message

  3.2.4. Use case Diagram...................................................................................65

  3.2.4.1. Use case Admin....................................................................65

  3.2.4.2. Use case Guru.......................................................................74

  3.2.4.3. Use Case Siswa ....................................................................77

  3.2.6. Rancangan Layar ..................................................................................112

  3.2.7. Navigation Diagram .............................................................................173

  3.2.8. Perancangan Database .........................................................................177

  BAB 4 IMPLEMENTASI DAN EVALUASI ...............................................................193

  4.1. Rencana Implementasi .......................................................................................183

  4.2. Tampilan Layar ............................................................................................198

  4.3. Kebutuhan Perangkat Keras dan Perangkat Lunak............................................274

  4.4.1. Spesifikasi Perangkat Keras .................................................................274

  4.4.2. Spesifikasi Perangkat Lunak ................................................................274

  4.4. Evaluasi ............................................................................................275

  BAB 5 SIMPULAN DAN SARAN ..........................................................................252

  5.1 Simpulan ….…………………………………………………………295

  5.2. Saran ............................................................................................297 DAFTAR PUSTAKA ............................................................................................255 RIWAYAT HIDUP ............................................................................................300 LAMPIRAN-LAMPIRAN ............................................................................................. L1 FOTOCOPY SURAT SURVEY

  

DAFTAR TABEL

Tabel 3.1 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 1.a .................................39Tabel 3.2 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 1.b .................................40Tabel 3.3 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 1.c .................................41Tabel 3.4 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 2 ....................................41Tabel 3.5 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 3 ....................................42Tabel 3.6 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 4 ....................................43Tabel 3.7 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 5 ....................................44Tabel 3.8 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 6 ....................................45Tabel 3.9 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 7 ....................................46Tabel 3.10 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 1....................................47Tabel 3.11 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 2....................................48Tabel 3.12 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 3....................................48Tabel 3.13 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 4....................................49Tabel 3.14 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 5....................................50Tabel 3.15 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 6....................................51Tabel 3.16 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 7....................................52Tabel 3.17 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 8....................................52Tabel 3.18 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 9....................................53Tabel 3.19 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 10..................................54Tabel 3.20 Use Case Specification untuk Mendata User ( Admin ) ................................67Tabel 3.21 Use Case Specification untuk Mengubah Data User ( Admin ) ....................67Tabel 3.22 Use Case Specification untuk Mendata Mata Pelajaran ( Admin ) ...............67Tabel 3.23 Use Case Specification untuk Mengubah Mata Pelajaran ( Admin ) ............68Tabel 3.24 Use Case Specification untuk Mendata Kelas ( Admin ) ..............................68Tabel 3.25 Use Case Specification untuk Mengubah Kelas ( Admin ) ...........................68Tabel 3.26 Use Case Specification untuk Mendata Anggota Kelas ( Admin )................69Tabel 3.27 Use Case Specification untuk Mengubah Anggota Kelas ( Admin ).............69Tabel 3.28 Use Case Specification untuk Mendata Jadwal Pelajaran ( Admin ).............69Tabel 3.29 Use Case Specification untuk Mengubah Jadwal Pelajaran ( Admin ) .........70Tabel 3.30 Use Case Specification untuk Mengupload Materi Pelajaran ( Admin ).......70Tabel 3.31 Use Case Specification untuk Mengubah Materi Pelajaran ( Admin )..........71Tabel 3.32 Use Case Specification untuk Mendata Soal PG ( Admin ) ..........................71Tabel 3.33 Use Case Specification untuk Mengubah Soal PG ( Admin ) .......................71Tabel 3.34 Use Case Specification untuk Mengupload Soal Essay ( Admin )................72Tabel 3.35 Use Case Specification untuk Mengubah Soal Essay ( Admin ) ...................72Tabel 3.36 Use Case Specification untuk Mendata Pengumuman ( Admin )..................72Tabel 3.37 Use Case Specification untuk Mengubah Pengumuman ( Admin ) ..............73Tabel 3.38 Use Case Specification untuk Melihat Jadwal Guru ( Admin ).....................73Tabel 3.39 Use Case Specification untuk Mengubah Password ( Admin ) .....................73Tabel 3.40 Use Case Specification untuk Mengakses Forum ( Admin ).........................74Tabel 3.41 Use Case Specification untuk Melihat Jadwal Guru ( Guru )........................75Tabel 3.42 Use Case Specification untuk Melihat Materi Pelajaran ( Guru ) .................75Tabel 3.43 Use Case Specification untuk Melihat Nilai PG Siswa ( Guru ) ...................76Tabel 3.44 Use Case Specification untuk Mengubah Password ( Guru ) ........................76Tabel 3.45 Use Case Specification untuk Mengakses Forum ( Guru )............................76Tabel 3.46 Use Case Specification untuk Melihat Jadwal Pelajaran( Siswa SMAK 1 ) .78Tabel 3.47 Use Case Specification untuk Pembelajaran Materi ( Siswa ).......................78Tabel 3.48 Use Case Specification untuk Pembelajaran Materi Sekolah Lain

  ( Siswa SMAK 1 )..........................................................................................79

Tabel 3.49 Use Case Specification untuk Melihat Nilai Soal PG ( Siswa ) ....................79Tabel 3.50 Use Case Specification untuk Mengubah Password ( Siswa SMAK 1 ) .......79Tabel 3.51 Use Case Specification untuk Mengakses Forum ( Siswa ) ..........................80Tabel 3.52 Tabel Ms Admin ..........................................................................................177Tabel 3.53 Tabel Ms Guru .............................................................................................178Tabel 3.54 Tabel Ms Siswa............................................................................................179Tabel 3.55 Tabel Ms Siswa Lain ...................................................................................180Tabel 3.56 Tabel Pengumuman .....................................................................................181Tabel 3.57 Tabel Ms Kelas ............................................................................................182Tabel 3.58 Tabel Anggotakelas .....................................................................................182Tabel 3.59 Tabel Shift ....................................................................................................183Tabel 3.60 Tabel Tr Jadwal Kelas .................................................................................184Tabel 3.61 Tabel Ms Mata Pelajaran .............................................................................185Tabel 3.62 Tabel Materi Header....................................................................................185Tabel 3.63 Tabel Materi Detail......................................................................................186Tabel 3.64 Tabel Soal Essay Header .............................................................................186Tabel 3.65 Tabel Soal Essay Detail ...............................................................................187Tabel 3.66 Tabel Soal PG Header .................................................................................188Tabel 3.67 Tabel Soal PG Detail ...................................................................................189Tabel 3.68 Tabel Jawaban Siswa ...................................................................................190Tabel 3.69 Tabel Anggotakelas .....................................................................................191Tabel 3.70 Tabel Thread Forum ....................................................................................192Tabel 3.71 Tabel Title Forum ........................................................................................193Tabel 3.72 Tabel Message .............................................................................................194Tabel 4.1 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 1 .............................276Tabel 4.2 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 2 .............................277Tabel 4.3 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 3 .............................278Tabel 4.4 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 4 .............................279Tabel 4.5 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 5 .............................280Tabel 4.6 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 6 .............................281Tabel 4.7 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 7 .............................282Tabel 4.8 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 8 .............................283Tabel 4.9 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 9 .............................284Tabel 4.10 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 1.............................285Tabel 4.11 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 2.............................286Tabel 4.12 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 3.............................287Tabel 4.13 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 4.............................288Tabel 4.14 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 5.............................289Tabel 4.15 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 6.............................290Tabel 4.16 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 7.............................291Tabel 4.17 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 8.............................292Tabel 4.18 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 9.............................293Tabel 4.19 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 10...........................294

  

DAFTAR GAMBAR

Gambar 2.1 Generalization Structure..............................................................................14Gambar 2.2 Class structure .............................................................................................15Gambar 2.3 Aggregation structure ..................................................................................16Gambar 2.4 Association structure....................................................................................17Gambar 2.5 Contoh Statechart Diagram..........................................................................17Gambar 3.1 Struktur Organisasi SMAK 1 BPK PENABUR ..........................................33Gambar 3.2 Rich Picture yang sedang berjalan...............................................................38Gambar 3.3 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 1.a...................40Gambar 3.4 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 1.b ..................40Gambar 3.5 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 1.c...................41Gambar 3.6 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 2 .....................42Gambar 3.7 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 3 .....................43Gambar 3.8 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 4 .....................44Gambar 3.9 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 5 .....................45Gambar 3.10 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 6 ...................45Gambar 3.11 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 7 ...................46Gambar 3.12 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 1.....................47Gambar 3.13 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 2.....................48Gambar 3.14 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 3.....................49Gambar 3.15 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 4.....................50Gambar 3.16 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 5.....................50Gambar 3.17 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 6.....................51Gambar 3.18 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 7.....................52Gambar 3.19 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 8.....................53Gambar 3.20 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 9....................53Gambar 3.21 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 10...................54Gambar 3.22 Class Diagram............................................................................................58Gambar 3.23 Statechart Admin .......................................................................................59Gambar 3.24 Statechart Guru ..........................................................................................59Gambar 3.25 Statechart Siswa SMAK 1 .........................................................................59Gambar 3.26 Statechart Siswa Lain ................................................................................60Gambar 3.27 Statechart Pengumuman ............................................................................60Gambar 3.28 Statechart Kelas .........................................................................................60Gambar 3.29 Statechart Anggota Kelas ..........................................................................60Gambar 3.30 Statechart Shift ..........................................................................................61Gambar 3.31 Statechart Jadwal Kelas .............................................................................61Gambar 3.32 Statechart Mata Pelajaran ..........................................................................61Gambar 3.33 Statechart Materi Header...........................................................................61Gambar 3.34 Statechart Materi Detail.............................................................................62Gambar 3.35 Statechart Soal Essay Header....................................................................62Gambar 3.36 Statechart Soal Essay Detail......................................................................62Gambar 3.37 Statechart Soal PG Header ........................................................................63Gambar 3.38 Statechart Soal PG Detail ..........................................................................63Gambar 3.39 Statechart Jawaban Siswa ..........................................................................63Gambar 3.40 Statechart Nilai ..........................................................................................64Gambar 3.41 Statechart Tread Forum .............................................................................64Gambar 3.42 Statechart Title Forum ...............................................................................64Gambar 3.43 Statechart Message ....................................................................................64Gambar 3.44 Use Case Admin ........................................................................................66Gambar 3.45 Use case Guru ............................................................................................74Gambar 3.46 Use Case Siswa ..........................................................................................77Gambar 3.47 Sequence Mendata User ( admin ) .............................................................80Gambar 3.48 Sequence Mengubah Data User ( Admin ).................................................81Gambar 3.49 Sequence Mendata Mata Pelajaran ( Admin )............................................82Gambar 3.50 Sequence Mengubah Mata Pelajaran ( Admin ).........................................83Gambar 3.51 Sequence Mendata Kelas ( Admin )...........................................................84Gambar 3.52 Sequence Mengubah Kelas ( Admin )........................................................85Gambar 3.53 Sequence Mendata Anggota Kelas ( Admin ) ............................................86Gambar 3.54 Sequence Mengubah Anggota Kelas ( Admin ).........................................87Gambar 3.55 Sequence Mendata Jadwal Pelajaran ( Admin ).........................................88Gambar 3.56 Sequence Mengubah Jadwal Pelajaran ( Admin )......................................89Gambar 3.57 Sequence Mengupload Materi Umum ( Admin ).......................................90Gambar 3.58 Sequence Mengubah Materi Umum ( Admin ) ..........................................91Gambar 3.59 Sequence Mendata Soal PG ( Admin ).......................................................92Gambar 3.60 Sequence Mengubah Soal PG ( Admin ) ...................................................93Gambar 3.61 Sequence Mengupload Soal Essay ( Admin ) ............................................94Gambar 3.62 Sequence Mengubah Soal Essay ( Admin ) ...............................................95Gambar 3.63 Sequence Mendata Pengumuman ( Admin )..............................................96Gambar 3.64 Sequence Mengubah Pengumuman ( Admin )...........................................96Gambar 3.65 Sequence Melihat Jadwal Guru ( Admin ) .................................................97Gambar 3.66 Sequence Mengubah Password ( Admin ) .................................................97Gambar 3.67 Sequence Mengakses Forum ( Admin ) .....................................................98Gambar 3.68 Sequence Melihat Jadwal Guru ( Guru ) ....................................................99Gambar 3.69 Sequence Melihat Materi Pelajaran ( Guru )............................................100Gambar 3.70 Sequence Melihat Nilai PG Siswa ( Guru )..............................................101Gambar 3.71 Sequence Mengubah Password ( Guru ) ..................................................102Gambar 3.72 Sequence Mengakses Forum ( Guru )......................................................103Gambar 3.73 Sequence Melihat Jadwal Pelajaran ( Siswa SMAK 1 ) ..........................104Gambar 3.74 Sequence Pembelajaran Materi ( Siswa SMAK 1 ) .................................105Gambar 3.75 Sequence Pembelajaran Materi Sekolah Lain ( Siswa SMAK 1 ) ...........106Gambar 3.76 Sequence Melihat Materi ( Siswa Lain ) ..................................................107Gambar 3.77 Sequence Melihat Nilai Soal PG ( Siswa SMAK 1 ) ...............................108Gambar 3.78 Sequence Melihat Nilai Soal PG ( Siswa Lain ) ......................................109Gambar 3.79 Sequence Mengakses Forum ( Siswa SMAK 1 ) .....................................110Gambar 3.80 Sequence Ubah Password ( Siswa SMAK 1 )..........................................111Gambar 3.81 Rancangan Layar Login ( Admin, Guru dan Siswa ) ...............................112Gambar 3.82 Rancangan Layar Home ( Admin, Guru, Siswa ).....................................113Gambar 3.83 Rancangan Layar Input Pengumuman ( Admin ) ....................................114Gambar 3.84 Rancangan Layar View Pengumuman ( Admin ).....................................115Gambar 3.85 Rancangan Layar Input User ( Admin ) ...................................................116Gambar 3.86 Rancangan Layar View User ( Admin ) ...................................................117Gambar 3.87 Rancangan Layar Input Mata Pelajaran ( Admin ) ..................................118Gambar 3.88 Rancangan Layar View Mata Pelajaran ( Admin )...................................119Gambar 3.89 Rancangan Layar Input Kelas ( Admin ) .................................................120Gambar 3.90 Rancangan Layar View Kelas ( Admin )..................................................121Gambar 3.91 Rancangan Layar Input Anggota Kelas ( Admin )...................................122Gambar 3.92 Rancangan Layar View Anggota Kelas ( Admin ) ...................................124Gambar 3.93 Rancangan Layar Input Jadwal Pelajaran ( Admin ) ...............................125Gambar 3.94 Rancangan Layar View Jadwal Pelajaran ( Admin ) ................................126Gambar 3.95 Rancangan Layar View Jadwal Guru ( Admin ).......................................127Gambar 3.96 Rancangan Layar View Materi Umum ( Admin ) ....................................128Gambar 3.97 Rancangan Layar View Materi Umum Setelah Klik Update ( Admin ) ..129Gambar 3.98 Rancangan Layar Input Soal PG ( Admin ) .............................................130Gambar 3.99 Rancangan Layar Input Soal PG Setelah Klik Insert Soal PG ( Admin ) 131

  Gambar 3.100 Rancangan Layar View Soal PG ( Admin )............................................132 Gambar 3.101 Rancangan Layar View Soal PG Setelah Klik View Soal ( Admin )......133 Gambar 3.102 Rancangan Layar View Soal PG Setelah Klik View Detil Soal

  ( Admin )................................................................................................134 Gambar 3.103 Rancangan Layar View Soal PG Setelah Klik Update ( Admin ) ..........135 Gambar 3.104 Rancangan Layar Input Soal Essay ( Admin ) .......................................136 Gambar 3.105 Rancangan Layar Input Soal Essay Setelah Klik Insert Soal Essay ......137

  ( Admin )................................................................................................137 Gambar 3.106 Rancangan Layar View Soal Essay ( Admin ) .......................................138 Gambar 3.107 Rancangan Layar Ubah Password ( Admin ).........................................139 Gambar 3.108 Rancangan Layar Forum ( Admin ) .......................................................140 Gambar 3.109 Rancangan Layar Forum Setelah Klik Link Forum ( Admin ) ..............141 Gambar 3.110 Rancangan Layar Forum Setelah Pilih Topik ( Admin ) .......................142

  Gambar 3.111 Rancangan Layar Forum Setelah Pilih Sub Topik ( Admin ) ................143 Gambar 3.112 Rancangan Layar View Jadwal Guru ( Guru ) .......................................144 Gambar 3.113 Rancangan Layar View Materi ( Guru ) .................................................145 Gambar 3.114 Rancangan Layar View Materi Setelah Klik Memilih Mata Pelajaran dan

  Submit Query ( Guru )............................................................................146

  Gambar 3.115 Rancangan Layar View Materi Setelah Memilih Pertemuan atau Klik

  Show ( Guru ) .........................................................................................147

  Gambar 3.116 Rancangan Layar view materi setelah klik cek jawaban ( Guru ) ..........148 Gambar 3.117 Rancangan Layar View Materi Setelah Klik Soal PG ( Guru ) ..............149 Gambar 3.118 Rancangan Layar Report ( Guru )..........................................................150 Gambar 3.119 Rancangan Layar Report Setelah Klik Submit ( Guru ).........................151 Gambar 3.120 Rancangan Layar Report Setelah Klik Nama Siswa ( Guru )................152 Gambar 3.121 Rancangan Layar Ubah Password ( Guru ) ...........................................153 Gambar 3.122 Rancangan Layar forum ( Guru ) ...........................................................154 Gambar 3.123 Rancangan Layar Forum Setelah Klik Link Forum ( Guru ) .................155 Gambar 3.124 Rancangan Layar Forum Stelah Klik Buat Topik ( Guru )....................156 Gambar 3.125 Rancangan Layar Forum Setelah Pilih Topik ( Guru ) ..........................157 Gambar 3.126 Rancangan Layar Forum Setelah Pilih Sub Topik ( Guru ) ...................158 Gambar 3.127 Rancangan Layar Forum Setelah Klik Reply Topik ( Guru ).................159 Gambar 3.128 Rancangan Layar View Jadwal Pelajaran ( Siswa SMAK 1).................160 Gambar 3.129 Rancangan Layar View Materi ( Siswa SMAK 1 ) ................................161 Gambar 3.130 Rancangan Layar View Materi Setelah Memilih Mata Pelajaran dan

  Mensubmit Query ( Siswa SMAK 1)....................................................162 Gambar 3.131 Rancangan Layar View Materi Setelah Klik Show( Siswa SMAK 1 )..163

  Gambar 3.132 Rancangan Layar View Materi Setelah Klik Soal PG ( Siswa SMAK 1 )..................................................................................164

  Gambar 3.133 Rancangan Layar Report ( Siswa SMAK 1) ..........................................165 Gambar 3.134 Rancangan Layar Report Setelah Memilih Mata Pelajaran dan Mensubmit

  Queri ( Siswa SMAK 1 )........................................................................166 Gambar 3.135 Rancangan Layar Ubah Password ( Siswa SMAK 1)...........................167 Gambar 3.136 Rancangan Layar Forum ( Siswa SMAK 1 ) .........................................168 Gambar 3.137 Rancangan Layar Forum Setelah Klik Link Forum ( Siswa SMAK 1 ).169 Gambar 3.138 Rancangan Layar Forum Setelah Pilih Topik ( Siswa SMAK 1 ) .........170 Gambar 3.139 Rancangan Layar Forum Setelah Pilih Sub Topik ( Siswa SMAK 1 ) ..171 Gambar 3.140 Rancangan Layar Forum Setelah Klik Reply Topik ( Siswa SMAK 1 ) 172 Gambar 3.141 Navigation Diagram ( Admin ) ..............................................................173 Gambar 3.142 Navigation Diagram ( Guru ) .................................................................174 Gambar 3.143 Navigation Diagram ( Siswa SMAK 1 ) ................................................175 Gambar 3.144 Navigation Diagram ( Siswa Lain ) .......................................................176

Gambar 4.1 Halaman Login ...........................................................................................198Gambar 4.2 Halaman Home ( Admin ) ..........................................................................199Gambar 4.3 Halaman Input Pengumuman ( Admin ) ....................................................200Gambar 4.4 Halaman Input User ( Admin )...................................................................201Gambar 4.5 Halaman Input Kelas ( Admin ) .................................................................202Gambar 4.6 Halaman Input Anggota Kelas ( Admin ) ..................................................203Gambar 4.7 Halaman Input Anggota Kelas Setelah Klik Pilih (Admin).......................204Gambar 4.8 Halaman Input Mata Pelajaran ( Admin ) ..................................................205Gambar 4.9 Halaman Input Jadwal Pelajaran ( Admin ) ...............................................206Gambar 4.10 Halaman Input Materi Umum ( Admin ) .................................................207Gambar 4.11 Halaman Input Soal PG ( Admin )...........................................................208Gambar 4.12 Halaman Input Soal PG Setelah Klik Insert Soal PG ( Admin ) .............209Gambar 4.13 Halaman Input Soal Essay ( Admin ).......................................................210Gambar 4.14 Halaman Input Soal Essay Setelah Klik Input Soal Essay ( Admin )......211Gambar 4.15 Halaman View Pengumuman ( Admin ) ..................................................212Gambar 4.16 Halaman View Kelas ( Admin ) ...............................................................213Gambar 4.17 Halaman View Anggota Kelas ( Admin ).................................................214Gambar 4.18 Halaman View User ( Admin ).................................................................215Gambar 4.19 Halaman View User Setelah Klik Update ( Admin ) ...............................216Gambar 4.20 Halaman View Mata Pelajaran ( Admin ) ................................................217Gambar 4.21 Halaman View Jadwal Pelajaran ( Admin ).............................................218Gambar 4.22 Halaman View Jadwal Guru ( Admin ) ....................................................219Gambar 4.23 Halaman View Materi Umum ( Admin )..................................................220Gambar 4.24 Halaman View Materi Umum Setelah Klik Update ( Admin ) ................221Gambar 4.25 Halaman View Soal PG ( Admin )...........................................................222Gambar 4.26 Halaman View Soal PG Setelah Klik View Soal ( Admin ) .....................223Gambar 4.27 Halaman View Soal PG Setelah Klik View Detil Soal ( Admin ) ............224Gambar 4.28 Halaman View Soal PG Setelah Klik Update ( Admin )..........................225Gambar 4.29 Halaman View Soal Essay ( Admin ) .......................................................226Gambar 4.30 Halaman Ubah Password ( Admin ) ........................................................227Gambar 4.31 Halaman Forum ( Admin ).......................................................................228Gambar 4.32 Halaman Forum Setelah Klik Link Forum ( Admin )..............................229Gambar 4.33 Halaman Forum Setelah Klik Topik ( Admin ) .......................................230Gambar 4.34 Halaman Forum Setelah Klik Sub Topik ( Admin ) ................................231Gambar 4.35 Halaman Home ( Guru )...........................................................................232Gambar 4.36 Halaman View Jadwal Mengajar ( Guru) .................................................233Gambar 4.37 Halaman View Materi ( Guru ).................................................................234Gambar 4.38 Halaman View Materi Setelah Klik Submit ( Guru )................................235Gambar 4.39 Halaman View Materi Setelah Klik Show ( Guru ) ..................................236Gambar 4.40 Halaman View Materi Setelah Klik Cek Jawaban Siswa ( Guru ) ...........237Gambar 4.41 Halaman View Materi Setelah Klik Soal PG ( Guru )..............................238Gambar 4.42 Halaman Report ( Guru ).........................................................................239Gambar 4.43 Halaman Report Setelah Klik Submit ( Guru ).........................................240Gambar 4.44 Halaman Report Setelah Memilih Nama Siswa ( Guru ).........................241Gambar 4.45 Halaman Ubah Password ( Guru ) ...........................................................242Gambar 4.46 Halaman Forum ( Guru )..........................................................................243Gambar 4.47 Halaman Forum Setelah Klik Link Forum ( Guru ) .................................244Gambar 4.48 Halaman Forum Setelah Klik Buat Topik ( Guru )..................................245Gambar 4.49 Halaman Forum Setelah Klik Topik ( Guru ) ..........................................246Gambar 4.51 Halaman Forum Setelah Klik Replay Sub Topik ( Guru ) .......................248Gambar 4.52 Halaman Home ( siswa SMAK 1 ) ..........................................................249Gambar 4.53 Halaman View Jadwal Pelajaran ( Siswa SMAK 1 )................................250Gambar 4.54 Halaman View Materi ( Siswa SMAK 1 )................................................251Gambar 4.55 Halaman View Materi Setelah Klik Submit Query (Siswa SMAK 1)......252Gambar 4.56 Halaman View Materi Setelah Klik Show ( Siswa SMAK 1 ) .................253Gambar 4.57 Halaman View Materi Setelah Klik Go ( Siswa SMAK 1 ) .....................254Gambar 4.58 Halaman View Materi Sekolah Lain Setelah Pilih Nama Sekolah ..........255Gambar 4.59 Halaman View Materi Sekolah Lain Setelah Klik Show

  ( Siswa SMAK 1 ) ...................................................................................256

Gambar 4.60 Halaman View Materi Sekolah Lain Setelah Klik Soal PG.....................257

  ( Siswa SMAK 1 ) ...................................................................................257

Gambar 4.61 Halaman Report Pada sekolah lain ( Siswa SMAK 1 )............................258Gambar 4.62 Halaman Report Setelah Klik Submit Query pada Sekolah Lain ( Siswa

  SMAK 1 ) ................................................................................................259