rancang bangun sistem pembelajaran e-learning
TRANSCRIPT
RANCANG BANGUN SISTEM PEMBELAJARAN E-LEARNING
BERBASIS WEBSITE PADA SMA NEGERI 8 KOTA TANGERANG
SELATAN
SKRIPSI
DANIA SILVANI
1710512002
UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI
2021
RANCANG BANGUN SISTEM PEMBELAJARAN E-LEARNING
BERBASIS WEBSITE PADA SMA NEGERI 8 KOTA TANGERANG
SELATAN
SKRIPSI
Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh
Gelar Sarjana Ilmu Komputer
DANIA SILVANI
1710512002
UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI
2021
i
PERNYATAAN ORISINALITAS
ii
PERNYATAAN PERSETUJUAN PUBLIKASI
SKRIPSI UNTUK KEPENTINGAN AKADEMIS
Sebagai civitas akademik Universitas Pembangunan Nasional Veteran
Jakarta, saya yang bertanda tangan di bawah ini:
Nama : Dania Silvani
NIM : 1710512002
Fakultas : Ilmu Komputer
Program Studi : S1 Sistem Informasi
Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan
kepada Universitas Pembangunan Nasional Veteran Jakarta Hak Bebas Royalti
Non eksekutif (Non-Exclusive Royalty Free Right) atas karya ilmiah saya yang
berjudul:
RANCANG BANGUN SISTEM PEMBELAJARAN E-LEARNING
BERBASIS WEBSITE PADA SMA NEGERI 8 KOTA TANGERANG
SELATAN
Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti
ini Universitas Pembangunan Nasional Veteran Jakarta berhak menyimpan,
mengalih media/formatkan, mengelola dalam bentuk pengkalan data (database),
merawat, dan mempublikasi Skripsi saya selama tetap mencantumkan nama saya
sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.
Demikian pernyataan ini saya buat dengan sebenarnya.
Jakarta, 15 Januari 2020
Yang Menyatakan,
(Dania Silvani)
iii
LEMBAR PESETUJUAN
Dengan ini dinyatakan bahwa Skirpsi berikut:
Nama : Dania Silvani
NIM : 1710512002
Program Studi : S1 Sistem Informasi
Judul Skripsi : Rancang Bangun Sistem Pembelajaran E-Learning Berbasis
Website pada SMA Negeri 8 Kota Tangerang Selatan
Telah disetujui untuk diujikan oleh Tim Penguji pada ujian Sidang Tugas Akhir
sebagai bagian dari persyaratan yang diperlukan untuk memperoleh gelar sarjana
pada program studi S1 Sistem Informasi, Fakultas Ilmu Komputer, Universitas
Pembangunan Nasional Veteran Jakarta.
Mengetahui,
Ati Zaidiah, S.Kom,. MTI.
Ketua Program Studi Sarjana Sistem Informasi
Menyetujui,
Ati Zaidiah, S.Kom,. MTI.
Dosen Pembimbing 1
Menyetujui
Theresiawati, S.Kom., MTI.
Dosen Pembimbing 2
Ditetapkan di : Jakarta
Tanggal Persetujuan : 15 Januaari 2021
iv
LEMBAR PENGESAHAN
v
RANCANG BANGUN SISTEM PEMBELAJARAN E-LEARNING
BERBASIS WEBSITE PADA SMA NEGERI 8 KOTA TANGERANG
SELATAN
Dania Silvani
ABSTRAK
SMA Negeri 8 Kota Tangerang Selatan merupakan salah satu instansi pendidikan
menengah atas yang berada di Kota Tangerang Selatan. Dalam proses kegiatan
belajar mengajar SMA Negeri 8 Kota Tangerang Selatan belum memiliki suatu
media bagi siswa untuk memperoleh informasi mengenai proses belajar mengajar
seperti download file materi, upload file tugas, forum diskusi, dan hal lainnya yang
berkaitan dengan proses belajar mengajar secara daring melalui aplikasi e-learning
berbasis website. Hal ini menimbulkan masalah yang menyebabkan siswa
mengalami kesulitan dalam memperoleh ilmu pengetahuan dan guru dalam
memberikan materi pembelajaran, jika proses belajar mengajar tidak dapat
dilakukan secara langsung atau tatap muka, khususnya pada saat ini dikarenakan
adanya pandemi COVID-19 yang berdampak pembelajaran harus dilakukan secara
jarak jauh, maka diperlukannya sistem pembelajaran e-learning berbasis website.
Pembuatan sistem ini menggunakan bahasa pemograman PHP dan database
MySQL. Metode pengembangan sistem yang digunakan adalah metode prototyping
yang memiliki tahapan, yaitu mengidentifikasi kebutuhan pengguna sistem,
mengembangkan prototype, evaluasi prototype, mengodekan sistem, menguji
sistem, evaluasi sistem, dan meng-implementasikan sistem. Hasil dari penelitian ini
adalah sistem pembelajaran e-learning berbasis website dengan fitur utama untuk
administrator kelola pengguna, kelola kelas, kelola mata pelajaran, dan kelola
relasi. Untuk guru kelola materi termasuk melihat daftar siswa yang belum akses
materi tersebut, kelola tugas termasuk slot pengumpulan dan nilai, kelola kuis
pilihan ganda dengan soal acak pada setiap siswa, dan join live chat. Untuk siswa
akses materi, akses tugas, melihat nilai, akses kuis, join live chat, serta notifikasi
melalui email. Dengan harapan dapat membantu pihak sekolah baik guru maupun
siswa dalam proses belajar mengajar.
Kata Kunci: Pembelajaran Jarak Jauh, E-learning, Website, Prototyping,
Blackbox Testing.
vi
RANCANG BANGUN SISTEM PEMBELAJARAN E-LEARNING
BERBASIS WEBSITE PADA SMA NEGERI 8 KOTA TANGERANG
SELATAN
Dania Silvani
ABSTRACT
SMA Negeri 8 Kota Tangerang Selatan is one of the senior secondary
education institutions located in South Tangerang City. In the process of teaching
and learning activities, SMA Negeri 8 Kota Tangerang Selatan does not yet have a
media for students to obtain information about the teaching and learning process
such as downloading teaching materials files, uploading assignment files,
discussion forums, and other things related to the teaching and learning process
online through the application e-learning website based. This raises a problem that
causes students to have difficulty obtaining knowledge and teachers in providing
learning material, if the teaching and learning process cannot be done directly or
face-to-face, especially at this time due to the COVID-19 pandemic which impacts
learning must be done at a distance far, it requires a website-based e-learning
system. Making this system using the PHP programming language and MySQL
database. The system development method used is a prototyping method that has
stages, namely identifying the needs of system users, developing prototypes,
evaluating prototypes, coding systems, testing systems, evaluating systems, and
implementing systems. The results of this study are a website-based e-learning
learning system with the main features for administrators to manage users, manage
classes, manage subjects, and manage relationships. For teachers, managing
material includes viewing a list of students who have not accessed the material,
managing assignments including collection slots and grades, managing multiple
choice quizzes with random questions for each student, and joining live chat. For
students, access material, access assignments, view grades, access quizzes, join live
chat, and email notifications. With the hope of helping the school both teachers and
students in the teaching and learning process.
Keywords: Distance Learning, E-learning, Website, Prototyping, Blackbox
Testing.
vii
KATA PENGANTAR
Segala puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa
karena atas limpahan rahmat dan karunia-Nya penulis dapat menyelesaikan Tugas
Akhir yang berjudul “Rancang Bangun Sistem Pembelajaran E-Learning Berbasis
Website pada SMA Negeri 8 Kota Tangerang Selatan” dengan baik. Tugas Akhir
ini merupakan salah satu mata kuliah yang wajib ditempuh Program Studi Sistem
Informasi Fakultas Ilmu Komputer UPN Veteran Jakarta.
Dalam penyelesaian tugas akhir ini tidak terlepas dari bantuan banyak pihak
yang telah memberikan saran atau masukan kepada penulis. Untuk itu penulis
mengucapkan terima kasih kepada:
1. Ibu Dr. Ermatita, M.Kom. selaku Dekan Fakultas Ilmu Komputer UPN Veteran
Jakarta.
2. Ibu Ati Zaidiah, S.Kom., MTI. selaku Ketua Program Studi Sarjana Sistem
Informasi Fakultas Ilmu Komputer UPN Veteran Jakarta sekaligus dosen
pembimbing dari pihak jurusan.
3. Ibu Theresia Wati, S.Kom., MTI selaku dosen pembimbing dari pihak jurusan.
4. Orang tua dan sanak keluarga yang telah memberikan dukungan baik secara
moril maupun materil, serta memberikan doa kepada penulis untuk
menyelesaikan tugas akhir ini.
5. SMA Negeri 8 Kota Tangerang Selatan yang telah bersedia dijadikan tempat
penelitian.
6. Ismail Habibi Herman yang telah bersedia membimbing dan membantu penulis
selama proses pengerjaan sistem pembelajaran tugas akhir ini.
7. Sabillah Azhari selaku adik penulis yang telah mendukung dan mengingatkan
penulis untuk menyelesaikan tugas akhir ini.
8. Amalia Khairunnisa, Husnul Khotimah, Yunita Safira, dan Tita Ayu yang telah
mendukung penulis dalam mengerjakan tugas akhir ini, mendengarkan keluh
kesah mengenai kendala penulis dalam proses pengerjaan, dan memberikan
semangat sekaligus doa kepada penulis untuk menyelesaikan tugas akhir ini.
9. Seluruh pihak yang terlibat dalam kelancaran pembuatan tugas akhir ini dan
yang belum disebutkan di atas, penulis ucapkan terima kasih.
viii
Penulis menyadari bahwa masih banyak kekurangan dari tugas akhir ini, baik
dari materi maupun teknik penyajiannya, mengingat kurangnya pengetahuan dan
pengalaman penulis. Oleh karena itu, kritik dan saran yang membangun sangat
penulis harapkan. Akhir kata penulis berharap semoga tugas akhir ini dapat
bermanfaat bagi semua pihak yang memerlukannya, terutama mahasiswa atau
mahasiswi Program Studi S1 Sistem Infomasi UPN Veteran Jakarta.
Jakarta, 15 Januari 2021
Penulis
ix
DAFTAR ISI
PERNYATAAN ORISINALITAS ........................................................................ i
PERNYATAAN PERSETUJUAN PUBLIKASI ................................................ ii
LEMBAR PESETUJUAN ................................................................................... iii
LEMBAR PENGESAHAN ................................................................................. iv
ABSTRAK ............................................................................................................. v
ABSTRACT .......................................................................................................... vi
KATA PENGANTAR ......................................................................................... vii
DAFTAR ISI ......................................................................................................... ix
DAFTAR GAMBAR .......................................................................................... xiii
DAFTAR TABEL .............................................................................................. xvi
DAFTAR SIMBOL .......................................................................................... xviii
DAFTAR LAMPIRAN ..................................................................................... xxii
BAB 1 PENDAHULUAN ..................................................................................... 1
1.1 Latar Belakang ..................................................................................... 1
1.2 Rumusan Masalah ................................................................................ 2
1.3 Batasan Masalah ................................................................................... 3
1.4 Tujuan Penelitian ................................................................................. 3
1.5 Manfaat Sistem ..................................................................................... 3
1.5.1. Manfaat Bagi Pihak Sekolah ...................................................... 3
1.5.2. Manfaat Bagi Guru ..................................................................... 4
1.5.3. Manfaat Bagi Siswa .................................................................... 4
1.5.4. Manfaat Bagi Admin .................................................................. 4
1.5.5. Manfaat Bagi Penulis .................................................................. 5
1.5.6. Manfaat Bagi Pembaca ............................................................... 5
1.6 Luaran yang Diharapkan .................................................................... 5
1.7 Sistematika Penulisan .......................................................................... 5
BAB 2 LANDASAN TEORI ................................................................................ 7
2.1 E-learning .............................................................................................. 7
2.2 Website .................................................................................................. 7
2.3 Metode Analisis: PIECES .................................................................... 8
2.4 Metode Pengembangan Sistem: Prototyping ..................................... 9
2.5 Konsep Dasar Unified Modeling Language (UML) ........................ 11
2.5.1 Use Case Diagram ...................................................................... 12
x
2.5.2 Activity Diagram ......................................................................... 12
2.5.3 Sequence Diagram ..................................................................... 13
2.5.4 Class Diagram ............................................................................ 13
2.6 Basis Data ............................................................................................ 13
2.7 MySQL ................................................................................................ 13
2.8 Bahasa Pemrograman PHP ............................................................... 14
2.9 Konsep Dasar Pengujian: Blackbox Testing .................................... 14
2.10 Ulasan Jurnal Penelitian Terdahulu ................................................. 14
BAB 3 METODOLOGI PENELITIAN ............................................................ 18
3.1 Alur Penelitian .................................................................................... 18
3.2 Uraian Penelitian ................................................................................ 19
3.2.1 Pengumpulan Data .................................................................... 19
3.2.2 Mengidentifikasi Kebutuhan ................................................... 19
3.2.3 Mengembangkan Prototype ...................................................... 19
3.2.4 Evaluasi Prototype ..................................................................... 19
3.2.5 Mengodekan Sistem .................................................................. 20
3.2.6 Menguji Sistem .......................................................................... 20
3.2.7 Evaluasi Sistem .......................................................................... 20
3.2.8 Mengimplementasikan Sistem ................................................. 20
3.2.9 Dokumentasi .............................................................................. 21
3.3 Alat Bantu Penelitian ......................................................................... 21
3.4 Tempat dan Waktu Penelitian .......................................................... 21
3.5 Jadwal Rencana Penelitian ................................................................ 22
BAB 4 PEMBAHASAN ...................................................................................... 23
4.1 Sejarah Singkat SMA Negeri 8 Kota Tangerang Selatan ............... 23
4.1.1 Visi dan Misi SMA Negeri 8 Kota Tangerang Selatan .......... 23
4.1.2 Struktur Organisasi .................................................................. 24
4.2 Analisis Sistem Berjalan .................................................................... 24
4.2.1 Analisis Prosedur yang berjalan .............................................. 24
4.2.2 Pendefinisian Aktor Sistem Berjalan ...................................... 27
4.2.3 Use Case Sistem Berjalan ......................................................... 28
4.2.4 Identifikasi Masalah dengan Metode PIECES ....................... 29
4.2.5 Masalah Pokok .......................................................................... 30
4.2.6 Solusi Pemecahan Masalah ...................................................... 31
xi
4.3 Perancangan Sistem Usulan .............................................................. 31
4.3.1 Change Log Metode Prototyping ............................................ 33
4.3.2 Analisis Kebutuhan ................................................................ 34
4.3.3 Pendefinisian Aktor Sistem Usulan ....................................... 37
4.3.4 Use Case Diagram Sistem Usulan .......................................... 38
4.3.5 Use Case Skenario ................................................................... 39
4.3.6 Activity Diagram ...................................................................... 76
4.3.7 Sequence Diagram .................................................................. 99
4.3.8 Class Diagram ....................................................................... 120
4.3.9 Struktur Menu ...................................................................... 122
4.3.10 Rancangan Antar Muka ....................................................... 123
4.3.11 Rancangan Dokumen ........................................................... 140
4.3.12 Rancangan Basis Data .......................................................... 142
4.3.13 Rancangan Kode ................................................................... 148
4.4 Uji Coba Sistem ................................................................................ 149
4.4.1 Pengujian Form Login Pengguna ................................................. 150
4.4.2 Pengujian Pengisian Form Tambah Kelas ......................... 150
4.4.3 Pengujian Pengisian Form Tambah Mata Pelajaran ........ 151
4.4.4 Pengujian Pengisian Form Tambah Siswa ......................... 152
4.4.5 Pengujian Pengisian Form Tambah Guru ......................... 153
4.4.6 Pengujian Pengisian Form Atur Relasi Guru .................... 153
4.4.7 Pengujian Pengisian Form Tambah Materi ....................... 154
4.4.8 Pengujian Pengisian Form Tambah Tugas ........................ 155
4.4.9 Pengujian Pengisian Form Tambah Kuis ........................... 156
4.4.10 Pengujian Pengisian Form Tambah Kuis Import Excel .... 157
4.4.11 Pengujian Pengisian Form Nilai Tugas ............................... 158
4.4.12 Pengujian Pengisian Form Upload Tugas ........................... 158
4.4.13 Pengujian Pengisian Form Kuis .......................................... 159
4.5 Implementasi Sistem ........................................................................ 160
4.5.1 Implementasi Spesifikasi Perangkat Keras .......................... 160
4.5.2 Implementasi Spesifikasi Perangkat Lunak ......................... 160
4.5.3 Implementasi Tampilan Antar Muka Sistem ....................... 161
BAB 5 PENUTUP .............................................................................................. 176
5.1 Kesimpulan ..................................................................................... 176
xii
5.2 Saran ................................................................................................ 177
DAFTAR PUSTAKA ........................................................................................ 178
DAFTAR RIWAYAT HIDUP ......................................................................... 180
LAMPIRAN ....................................................................................................... 181
xiii
DAFTAR GAMBAR
Gambar 1. Tahapan Metode Prototyping ...................................................................... 10
Gambar 2. Alur Penelitian ............................................................................................. 18
Gambar 3. Struktur Organisasi SMA Negeri 8 Kota Tangerang Selatan ................. 24
Gambar 4. Use Case Sistem Berjalan ............................................................................ 28
Gambar 5. Use Case Diagram Sistem Usulan ............................................................... 38
Gambar 6. Activity Diagram Login ................................................................................ 76
Gambar 7. Activity Diagram Kelola Pengguna ............................................................. 77
Gambar 8. Activity Diagram Kelola Mata Pelajaran ................................................... 79
Gambar 9. Activity Diagram Kelola Kelas .................................................................... 81
Gambar 10. Activity Diagram Kelola Relasi ................................................................. 83
Gambar 11. Activity Diagram Kelola Materi ................................................................ 84
Gambar 12. Activity Diagram Kelola Tugas Guru ....................................................... 86
Gambar 13. Activity Diagram Kelola Kuis .................................................................... 88
Gambar 14. Activity Diagram Kelola Nilai ................................................................... 90
Gambar 15. Activity Diagram Join Live Chat ............................................................... 92
Gambar 16. Activity Diagram Download Materi .......................................................... 93
Gambar 17. Activity Diagram Upload Tugas ................................................................ 94
Gambar 18. Activity Diagram Mengerjakan Kuis ........................................................ 95
Gambar 19. Activity Diagram Melihat Nilai ................................................................. 96
Gambar 20. Activity Diagram Perbarui Profil .............................................................. 97
Gambar 21. Activity Diagram Logout ............................................................................ 98
Gambar 22. Sequence Diagram Login ........................................................................... 99
Gambar 23. Sequence Diagram Kelola Pengguna ..................................................... 100
Gambar 24. Sequence Diagram Kelola Mata Pelajaran ............................................ 102
Gambar 25. Sequence Diagram Kelola Kelas ............................................................. 104
Gambar 26. Sequence Diagram Kelola Relasi ............................................................ 106
Gambar 27. Sequence Diagram Kelola Materi........................................................... 107
Gambar 28. Sequence Diagram Kelola Tugas ............................................................ 109
Gambar 29. Sequence Diagram Kelola Kuis .............................................................. 111
Gambar 30. Sequence Diagram Kelola Nilai .............................................................. 112
Gambar 31. Sequence Diagram Join Live Chat .......................................................... 114
Gambar 32. Sequence Diagram Download Materi ..................................................... 115
Gambar 33. Sequence Diagram Upload Tugas ........................................................... 116
Gambar 34. Sequence Diagram Mengerjakan Kuis .................................................. 117
Gambar 35. Sequence Diagram Melihat Nilai ............................................................ 118
Gambar 36. Sequence Diagram Perbarui Profil ........................................................ 119
Gambar 37. Sequence Diagram Logout ....................................................................... 120
Gambar 38. Class Diagram E-Learning ...................................................................... 121
Gambar 39. Struktur Menu Administrator ............................................................... 122
Gambar 40. Struktur Menu Guru ............................................................................... 122
Gambar 41. Struktur Menu Siswa .............................................................................. 123
Gambar 42. Rancangan Antar Muka Halaman Login .............................................. 123
Gambar 43. Rancangan Antar Muka Halaman Dasboard Admin ........................... 124
xiv
Gambar 44. Rancangan Antar Muka Halaman Kelola Pengguna Siswa ................ 124
Gambar 45. Rancangan Antar Muka Halaman Kelola Pengguna Guru ................ 125
Gambar 46. Rancangan Antar Muka Halaman Tambah Pengguna Siswa ............. 125
Gambar 47. Rancangan Antar Muka Halaman Tambah Pengguna Guru ............. 126
Gambar 48. Rancangan Antar Muka Halaman Kelola Kelas .................................. 126
Gambar 49. Rancangan Antar Muka Halaman Tambah Kelas ............................... 127
Gambar 50. Rancangan Antar Muka Halaman Kelola Mata Pelajaran ................. 127
Gambar 51. Rancangan Antar Muka Halaman Tambah Mata Pelajaran .............. 128
Gambar 52. Rancangan Antar Muka Halaman Kelola Relasi ................................. 128
Gambar 53. Rancangan Antar Muka Halaman Atur Relasi .................................... 129
Gambar 54. Rancangan Antar Muka Halaman Profil Saya (Admin) ..................... 129
Gambar 55. Rancangan Antar Muka Halaman Dashboard Guru ........................... 130
Gambar 56. Rancangan Antar Muka Halaman Kelola Materi ................................ 130
Gambar 57. Rancangan Antar Muka Halaman Tambah Materi ............................. 131
Gambar 58. Rancangan Antar Muka Halaman Kelola Tugas ................................. 131
Gambar 59. Rancangan Antar Muka Halaman Tambah Tugas .............................. 132
Gambar 60. Rancangan Antar Muka Halaman Memberikan Nilai ........................ 132
Gambar 61. Rancangan Antar Muka Halaman Kelola Kuis .................................... 133
Gambar 62. Rancangan Antar Muka Halaman Tambah Kuis ................................ 133
Gambar 63. Rancangan Antar Muka Halaman Tambah Kuis Import Excel .......... 134
Gambar 64. Rancangan Antar Muka Halaman Profil Saya (Guru) ........................ 134
Gambar 65. Rancangan Antar Muka Halaman Dashboard Siswa ........................... 135
Gambar 66. Rancangan Antar Muka Halaman Materi Siswa ................................. 135
Gambar 67. Rancangan Antar Muka Halaman Lihat Materi Siswa ....................... 136
Gambar 68. Rancangan Antar Muka Halaman Tugas Siswa ................................... 136
Gambar 69. Rancangan Antar Muka Halaman Lihat Tugas Siswa ........................ 137
Gambar 70. Rancangan Antar Muka Halaman Upload Tugas Siswa ...................... 137
Gambar 71. Rancangan Antar Muka Halaman Melihat Nilai Tugas ...................... 138
Gambar 72. Rancangan Antar Muka Halaman Kuis Siswa ..................................... 138
Gambar 73. Rancangan Antar Muka Halaman Kerjakan Kuis Siswa .................... 139
Gambar 74. Rancangan Antar Muka Halaman Hasil Kuis Siswa ........................... 139
Gambar 75. Rancangan Antar Muka Halaman Profil Saya (Siswa) ....................... 140
Gambar 76. Implementasi Tampilan Antar Muka Halaman Login ........................ 161
Gambar 77. Implementasi Tampilan Antar Muka Halaman Dashboard Admin ... 161
Gambar 78. Implementasi Tampilan Antar Muka Halaman Kelola Siswa ............ 162
Gambar 79. Implementasi Tampilan Antar Muka Halaman Tambah Siswa ......... 162
Gambar 80. Implementasi Tampilan Antar Muka Halaman Kelola Guru ............. 162
Gambar 81. Implementasi Tampilan Antar Muka Halaman Tambah Guru ......... 163
Gambar 82. Implementasi Tampilan Antar Muka Halaman Kelola Kelas............. 163
Gambar 83. Implementasi Tampilan Antar Muka Halaman Tambah Kelas ......... 163
Gambar 84. Implementasi Tampilan Antar Muka Halaman Kelola Mapel ........... 164
Gambar 85. Implementasi Tampilan Antar Muka Halaman Tambah Mapel ........ 164
Gambar 86. Implementasi Tampilan Antar Muka Halaman Kelola Relasi ............ 164
Gambar 87. Implementasi Tampilan Antar Muka Halaman Atur Relasi............... 165
Gambar 88. Implementasi Tampilan Antar Muka Halaman Profil Saya (Admin) 165
Gambar 89. Implementasi Tampilan Antar Muka Halaman Dashboard Guru ...... 165
xv
Gambar 90. Implementasi Tampilan Antar Muka Halaman Kelola Materi .......... 166
Gambar 91. Implementasi Tampilan Antar Muka Halaman Tambah Materi ....... 166
Gambar 92. Implementasi Tampilan Antar Muka Halaman Kelola Tugas ............ 167
Gambar 93. Implementasi Tampilan Antar Muka Halaman Tambah Tugas ........ 168
Gambar 94. Implementasi Tampilan Antar Muka Halaman Kelola Nilai .............. 169
Gambar 95. Implementasi Tampilan Antar Muka Halaman Kelola Kuis .............. 169
Gambar 96. Implementasi Tampilan Antar Muka Halaman Tambah Kuis ........... 169
Gambar 97. Implementasi Tampilan Antar Muka Halaman Kuis Import Excel .... 170
Gambar 98. Implementasi Tampilan Antar Muka Halaman Profil Saya (Guru) .. 171
Gambar 99. Implementasi Tampilan Antar Muka Halaman Dashboard Siswa ..... 171
Gambar 100. Implementasi Tampilan Antar Muka Halaman Materi Siswa .......... 171
Gambar 101. Implementasi Tampilan Antar Muka Halaman Lihat Materi .......... 172
Gambar 102. Implementasi Tampilan Antar Muka Halaman Tugas Siswa ........... 172
Gambar 103. Implementasi Tampilan Antar Muka Halaman Lihat Tugas ........... 172
Gambar 104. Implementasi Tampilan Antar Muka Halaman Upload Tugas ......... 173
Gambar 105. Implementasi Tampilan Antar Muka Halaman Nilai Tugas ............. 173
Gambar 106. Implementasi Tampilan Antar Muka Halaman Kuis Siswa ............. 174
Gambar 107. Implementasi Tampilan Antar Muka Halaman Kerjakan Kuis ....... 175
Gambar 108. Implementasi Tampilan Antar Muka Halaman Hasil Kuis .............. 175
Gambar 109. Implementasi Tampilan Antar Muka Halaman Profil Saya (Siswa) 175
xvi
DAFTAR TABEL
Tabel 1. Simbol Flowchart ............................................................................... xviii
Tabel 2. Simbol Use Case Diagram ................................................................. xviii
Tabel 3. Simbol Activity Diagram ..................................................................... xix
Tabel 4. Simbol Sequence Diagram ................................................................... xx
Tabel 5. Simbol Class Diagram ......................................................................... xxi
Tabel 6. Ulasan Jurnal Penelitian Terdahulu .................................................. 16
Tabel 7. Jadwal Rencana Penelitian .................................................................. 22
Tabel 8. Prosedur Berjalan Presensi Siswa ...................................................... 25
Tabel 9. Prosedur Berjalan Kegiatan Belajar Mengajar ................................ 25
Tabel 10. Prosedur Berjalan Pemberian dan Pengumpulan Tugas ............... 26
Tabel 11. Prosedur Berjalan Pemberian Kuis Pilihan Ganda ........................ 27
Tabel 12. Pendefinisian Aktor Sistem Berjalan ............................................... 27
Tabel 13. Change Log Metode Prototype ........................................................... 33
Tabel 14. Analisis Kebutuhan ............................................................................ 34
Tabel 15. Pendefinisian Aktor Sistem Usulan .................................................. 37
Tabel 16. Use Case Skenario Login ................................................................... 39
Tabel 17. Use Case Skenario Kelola Pengguna ................................................ 40
Tabel 18. Use Case Skenario Kelola Mata Pelajaran ...................................... 44
Tabel 19. Use Case Skenario Kelola Kelas ........................................................ 49
Tabel 20. Use Case Skenario Kelola Relasi ....................................................... 53
Tabel 21. Use Case Skenario Kelola Materi Guru ........................................... 54
Tabel 22. Use Case Skenario Kelola Tugas Guru ............................................ 59
Tabel 23. Use Case Skenario Kelola Kuis Guru ............................................... 63
Tabel 24. Use Case Skenario Kelola Nilai Guru ............................................... 66
Tabel 25. Use Case Skenario Melihat Partisipan Guru ................................... 67
Tabel 26. Use Case Skenario Join Live Chat ..................................................... 68
Tabel 27. Use Case Skenario Download Materi ................................................ 69
Tabel 28. Use Case Skenario Upload Tugas ...................................................... 70
Tabel 29. Use Case Skenario Mengerjakan Kuis ............................................. 71
Tabel 30. Use Case Diagram Melihat Nilai ....................................................... 72
Tabel 31. Use Case Skenario Perbarui Profil ................................................... 73
Tabel 32. Use Case Skenario Logout .................................................................. 74
Tabel 33. Rancangan Dokumen Masuk Berjalan Usulan ............................. 140
Tabel 34. Rancangan Dokumen Keluar Berjalan Usulan ............................. 141
Tabel 35. Struktur Tabel User ......................................................................... 142
Tabel 36. Struktur Tabel Siswa ....................................................................... 142
Tabel 37. Struktur Tabel Guru ........................................................................ 143
Tabel 38. Struktur Tabel Kelas ....................................................................... 143
Tabel 39. Struktur Tabel Mata Pelajaran ...................................................... 144
Tabel 40. Struktur Tabel Materi ..................................................................... 144
xvii
Tabel 41. Struktur Tabel Tugas ....................................................................... 144
Tabel 42. Struktur Tabel Kuis ......................................................................... 145
Tabel 43. Struktur Tabel Kuis Detail .............................................................. 145
Tabel 44. Struktur Tabel Chat Tugas .............................................................. 146
Tabel 45. Struktur Tabel Chat Materi ............................................................ 146
Tabel 46. Struktur Tabel Tugas Siswa ............................................................ 146
Tabel 47. Struktur Tabel Tugas Siswa ............................................................ 147
Tabel 48. Struktur Tabel Kuis Siswa .............................................................. 147
Tabel 49. Struktur Tabel Kelas Guru ............................................................. 147
Tabel 50. Struktur Tabel Guru Mata Pelajaran ............................................ 148
Tabel 51. Struktur Tabel File .......................................................................... 148
Tabel 52. Pengujian Form Login Pengguna .................................................... 150
Tabel 53. Pengujian Pengisian Form Tambah Kelas ..................................... 150
Tabel 54. Pengujian Pengisian Form Tambah Mata Pelajaran .................... 151
Tabel 55. Pengujian Pengisian Form Tambah Siswa ..................................... 152
Tabel 56. Pengujian Pengisian Form Tambah Guru ..................................... 153
Tabel 57. Pengujian Pengisian Atur Relasi Guru .......................................... 153
Tabel 58. Pengujian Pengisian Form Tambah Materi ................................... 154
Tabel 59. Pengujian Pengisian Form Tambah Tugas .................................... 155
Tabel 60. Pengujian Pengisian Form Tambah Kuis ...................................... 156
Tabel 61. Pengisian Form Tambah Kuis Import Excel .................................. 157
Tabel 62. Pengujian Pengisian Form Nilai Tugas .......................................... 158
Tabel 63. Pengujian Pengisian Form Upload Tugas ...................................... 158
Tabel 64. Pengujian Pengisian Form Kuis ...................................................... 159
xviii
DAFTAR SIMBOL
1. Simbol pada Flowchart
Tabel 1. Simbol Flowchart
No Simbol Nama Keterangan
1
Terminator
Statr/End
Memulai atau akhir dari
suatu program.
2
Process Proses pengelolaan data
atau proses perhitungan.
3
Decision
Perbandingan pernyatan,
penyeleksian data dan
memberikan pilihan untuk
langkah selanjutnya.
4 Flow Line Garis alir atau arah aliran
program.
5
Input atau
Output Data
Proses input/output data,
parameter, dan informasi.
2. Simbol pada Use Case Diagram
Tabel 2. Simbol Use Case Diagram
No. Simbol Nama Keterangan
1.
System
Boundary
Menyatakan batasan system dalam
relasi dengan aktor-aktor yang
menggunakannya (di luar sistem) dan
fitur-fitur yang harus disediakan
(dalam sistem). Digambarkan dengan
segi empat yang membatasi Use Case
dalam sistem terhadap pihak mana
sistem akan beraksi
2.
Actor
Mempresentasikan seseorang atau
sesuatu (seperti manusia,
perangkat/device, atau sistem lain)
yang berinteraksi dengan sistem.
Aktor hanya berinteraksi dengan Use
xix
Case tetapi tidak memiliki kontrol
atas Use Case.
3.
Use Case
Gambaran fungsionalitas dari suatu
sistem. Abstraksi interaksi antara
aktor dengan sistem.
4. <<include>> Include
Menunjukkan bahwa suatu Use Case
seluruhnya merupakan fungsionalitas
dari Use Case lainnya.
5. <<extend>> Extend
Menunjukkan bahwa suatu Use Case
merupakan tambahan fungsional dari
Use Case lainnya jika suatu kondisi
terpenuhi.
6.
Association Apa yang menghubungkan antara
objek satu dengan objek lainnya.
3. Simbol pada Activity Diagram
Tabel 3. Simbol Activity Diagram
No. Simbol Nama Keterangan
1.
Start State Menandakan tindakan awal atau
titik awal aktivitas.
2.
End State Menunjukan bagian akhir dari
aktivitas.
3.
Activity
Menunjukan aktivitas yang
dilakukan atau yang sedang terjadi
dalam Activity Diagram.
4.
Decision
Titik atau point pada Activity
Diagram yang mengindikasikan
suatu kondisi dimana ada
kemungkinan perbedaan transisi.
5.
Fork
(percabangan)
Digunakan untuk memecah
behaviour menjadi activity atau
action yang paralel.
6.
Join
(penggabungan)
Untuk menggabungkan kembali
activity atau action yang paralel.
xx
7. State Transition
Transisi dari suatu tindakan ke
tindakan yang lain atau
menunjukan aktivitas selanjutnya
setelah aktivitas sebelumnya.
8. Swimlanes Swimlane
Memecah Activity Diagram
menjadi baris dan kolom untuk
membagi tangung jawab obyek-
obyek yang melakukan aktivitas.
4. Simbol pada Sequence Diagram
Tabel 4. Simbol Sequence Diagram
No. Simbol Nama Keterangan
1.
Actor
Aktor merepresentasikan entitas
yang berada di luar sistem dan
berinteraksi dengan sistem. Aktor
bisa berupa manusia, perangkat keras
ataupun sistem yang lain.
2.
Lifeline
Mengeksekusi objek selama
sequence (message dikirim atau
diterima dan aktifasinya).
3.
General
Merepresentasikan entitas tunggal
dalam sequence diagram. Entitas ini
memiliki nama, stereotype atau
berupa instance (class).
4.
Boundary
Boundary biasanya berupa tepi dari
sistem, seperti User Interface atau
suatu alat yang berinteraksi dengan
sistem yang lain.
5.
Control
Control element mengatur aliran dari
informasi untuk sebuah skenario.
Objek ini umumnya mengatur
perilaku dan perilaku bisnis.
6.
Entitiy
Entitas biasanya elemen yang ber-
tanggungjawab menyimpan data atau
informasi. Ini dapat berupa beans
atau model object.
7.
Activation
Suatu titik dimana sebuah objek
mulai berpartisipasi di dalam sebuah
sequence yang menunjukkan kapan
sebuah objek mengirim atau
xxi
menerima objek.
8. Message
Simbol ini berfungsi untuk meng-
gambarkan pesan/hubungan antar
objek yang menunjukkan urutan
kejadian yang terjadi.
9.
Message to
Self
Simbol ini menggambarkan pesan
atau hubungan objek itu sendiri,
yang menunjukkan urutan kejadian
yang terjadi.
10.
Message
Return
Simbol ini menggambarkan hasil
dari pengiriman message dan
digambarkan dengan arah dari kanan
ke kiri.
5. Simbol pada Class Diagram
Tabel 5. Simbol Class Diagram
No. Simbol Nama Keterangan
1.
Class
Blok - blok pembangun pada
pemrograman berorientasi obyek.
Sebuah class digambarkan sebagai
sebuah kotak yang terbagi atas 3
bagian. Bagian atas adalah bagian
nama dari class. Bagian tengah
mendefinisikan property/atribut
class.
2.
Association
Sebuah relationship paling umum
antara 2 class dan dilambangkan
oleh sebuah garis yang
menghubungkan antara 2 class.
Garis ini bisa melambangkan tipe-
tipe relationship dan juga dapat
menampilkan hukum-hukum
multiplisitas pada sebuah
relationship.
Class 1
-Attribute 1: Type-Attribute 2: Type-Attribute 3: Type
1
N
DirectedAssociation
xxii
DAFTAR LAMPIRAN
Lampiran 1. Dokumen Masuk Form Login .................................................... 181
Lampiran 2. Dokumen Masuk Form Tambah Siswa .................................... 181
Lampiran 3. Dokumen Masuk Form Tambah Guru ..................................... 181
Lampiran 4. Dokumen Masuk Form Tambah Kelas ..................................... 182
Lampiran 5. Dokumen Masuk Form Tambah Mata Pelajaran ................... 182
Lampiran 6. Dokumen Masuk Form Atur Relasi .......................................... 182
Lampiran 7. Dokumen Masuk Form Tambah Materi .................................. 183
Lampiran 8. Dokumen Masuk Form Tambah Tugas .................................... 184
Lampiran 9. Dokumen Masuk Form Tambah Kuis ...................................... 185
Lampiran 10. Dokumen Masuk Form Tambah Kuis Import Excel ............. 185
Lampiran 11. Dokumen Masuk Form Nilai ................................................... 186
Lampiran 12. Dokumen Masuk Form Mengerjakan Kuis ........................... 186
Lampiran 13. Dokumen Masuk Form Upload Tugas .................................... 187
Lampiran 14. Dokumen Keluar Data Siswa ................................................... 187
Lampiran 15. Dokumen Keluar Data Guru ................................................... 188
Lampiran 16. Dokumen Keluar Data Kelas ................................................... 188
Lampiran 17. Dokumen Keluar Data Mata Pelajaran .................................. 189
Lampiran 18. Dokumen Keluar Data Hasil Relasi ........................................ 189
Lampiran 19. Dokumen Keluar Data Materi ................................................. 190
Lampiran 20. Dokumen Keluar Data Tugas .................................................. 190
Lampiran 21. Dokumen Keluar Data Kuis .................................................... 191
Lampiran 22. Dokumen Keluar Data Nilai .................................................... 191
Lampiran 23. Hasil Turnitin ............................................................................ 192