ANALISIS DAN PERANCANGAN APLIKASI E-LEARNING PADA SMP STRADA BHAKTI UTAMA
UNIVERSITAS BINA NUSANTARA
_________________________________________________________________ Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Ganjil tahun 2006 / 2007
ANALISIS DAN PERANCANGAN APLIKASI E-LEARNING PADA SMP STRADA BHAKTI UTAMA
Zakaria Wijaya 0700692835
Andhika Prasetya 0700693882
Nureni 0700721923 Kelas / Kelompok : 07 PET / 03 AbstrakTujuan penelitian ialah untuk membantu SMP Strada Bhakti Utama dalam memanfaatkan internet guna mencapai visi dan misi sekolah, khususnya untuk terus meningkatkan kualitas para guru dan siswa seiring dengan perkembangan teknologi yang begitu pesat. Perancangan sistem pembelajaran melalui e-learning beserta informasi pendukungnya pada SMP Strada Bhakti Utama merupakan bahasan yang kami ambil dalam menghadapi permasalahan proses belajar- mengajar di kelas. Di sekolah ini, ditemukan bahwa sistem pembelajaran hanya pada saat jam belajar di sekolah dan belum memiliki fasilitas belajar secara online. Oleh sebab itu, kami berinisatif untuk membuatkan sistem pembelajaran tersebut agar kinerja SMP Strada Bhakti Utama semakin baik dan kebutuhan siswa serta guru semakin dapat terpenuhi sehingga tujuan pembelajaran dapat tercapai dengan baik. Metode penelitian yang digunakan ialah metode analisis dan metode perancangan. Metode analisis dilakukan dengan survei dan studi pustaka. Sedangkan metode perancangan terdiri dari perancangan database, entity
, use case diagram, state transition diagram, serta
relationship diagram
perancangan layar dan spesifikasi proses. Hasil yang ingin dicapai ialah agar para siswa dan guru dapat menggunakan sistem tersebut secara maksimal dan menjadi sarana yang bermanfaat dalam proses pembelajaran sehingga kegiatan belajar- mengajar dapat berjalan dengan lebih efektif dan efisien.
Kata Kunci
aplikasi, e-learning
Kata Pengantar
Kami mengucapkan puji syukur yang sebesar-besarnya kehadirat Tuhan Yang Maha Esa atas segala berkat dan rahmat yang dilimpahkan oleh-Nya, karena akhirnya kami dapat menyelesaikan skripsi, yang merupakan salah satu persyaratan kelulusan di Universitas Bina Nusantara.
Selama proses penulisan skripsi ini, kami menemukan banyak hambatan, maka dalam kesempatan ini kami ingin mengucapkan terima kasih kepada berbagai pihak yang telah membantu secara langsung maupun tidak langsung sehingga laporan ini dapat selesai dengan baik. Mereka adalah :
1. Keluarga dan teman-teman yang telah memberikan perhatian, doa, dukungan dan segalanya kepada kami selama proses penulisan skripsi ini.
2. Bapak Tonny Halim, M.Kom., selaku Dosen Pembimbing skripsi kami.
3. Bapak Drs.Antonius Sudiyani, selaku Kepala SMP Strada Bhakti Utama yang telah memberikan kesempatan kepada penulis untuk memperoleh bimbingan skripsi dan memperoleh data serta informasi yang diperlukan dalam penulisan skripsi ini.
4. Bapak Drs. M.Sumarna, selaku Wakil Kepala SMP Strada Bhakti Utama yang telah banyak membantu kami dalam memberikan data serta informasi yang diperlukan selama proses penulisan skripsi ini.
5. Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada penulis untuk menyelesaikan penulisan skripsi ini.
6. Ir. Sablin Yusuf, M.Sc., M.Comp.Sc. , selaku Dekan Fakultas Ilmu Komputer, Universitas Bina Nusantara.
7. Bapak Mohammad Subekti, BE.,M.Sc, selaku Ketua Jurusan Tehnik Informatika Universitas Bina Nusantara..
8. Bapak Fredy Purnomo, S.Kom.,M.Kom, selaku Sekretaris Jurusan Tehnik Informatika Universitas Bina Nusantara..
Kami menyadari bahwa dalam penulisan skripsi ini terdapat kekurangan, baik isi maupun bentuknya. Oleh karena itu kami mohon maaf yang sebesar-besarnya kepada Universitas Bina Nusantara bila terdapat kesalahan dalam penulisan skripsi ini. Skripsi ini merupakan hasil murni dari survei yang penulis lakukan pada SMP Strada Bhakti Utama.
Besar harapan kami semoga skripsi ini dapat memenuhi syarat kelulusan serta bermanfaat bagi pihak-pihak lain yang membacanya. Tidak lupa kami mohon kritik dan saran yang dapat membangun dalam penulisan skripsi ini.
Jakarta,
15 Januari 2007 Penulis
DAFTAR ISI
Halaman Persetujuan i
BAB 1 PENDAHULUAN
2.1 Pengertian Sistem
8
2.2.3 Pengertian Aplikasi
8
2.2.2 Pengertian Perancangan
7
2.2.1 Pengertian Analisis
7
2.2 Analisis dan Perancangan Aplikasi
7
5 BAB
Halaman Abstrak ii
1.5 Sistematika Penulisan
4
1.4 Metodologi
3
1.3 Tujuan Dan Manfaat
1.2 Ruang Lingkup 2
1.1 Latar Belakang 1
Daftar Lampiran xviii
Daftar Gambar xii
Daftar Tabel x
Kata Pengantar iii Daftar isi v
2 LANDASAN TEORI
2.3 E-Learning
8
2.3.1 Pengertian E-Learning (Electronic Learning) 8
2.3.2
10 Tipe E-Learning
2.3.2.1 Synchronous Training
10
2.3.2.2 Asynchronous Training 11
2.3.3
12 Komponen E-Learning
2.3.4
13 Keuntungan E-Learning
2.3.5
15 Keterbatasan E-Learning
2.4 Learning Management System (LMS) 16
2.5 Learning Content Management System (LCMS)
18
2.6 Rekayasa Perangkat Lunak
18
2.6.1 Pengertian Perangkat Lunak
18
2.6.2 Karakteristik Pernagkat Lunak 20
2.7 System Development Life Cycle (SDLC)
21
2.8 Entity Relationship Diagram (ERD)
24
2.9 State Transition Diagram (STD)
26
2.10
28 PHP
2.10.1 Sejarah PHP
28
2.10.2 Pengertian PHP 30
2.11
31 Database
2.11.1 Sistem Basis Data
31
2.11.2 DBMS
33
2.11.3 Database Relational
35
2.11.4 MyStructured Query Language (MySQL)
36
2.12
36 Internet
2.12.1 Pengertian Internet
36
2.12.2 Sejarah Internet 37
2.13
38 Interaksi Manusia dan Komputer
2.13.1
38 Pengertian Interaksi Manusia dan Komputer
2.13.2
40 Delapan Aturan Emas Perancangan Antarmuka
2.13.3
42 Sepuluh Kesalahan Utama Pada Website
BAB 3 ANALISIS SISTEM YANG BERJALAN
3.1 Sejarah Sekolah
43
3.2 Struktur Sekolah dan Pembagian Tugas, Tanggung Jawab dan wewenang
45
3.2.1 Struktur Sekolah
45
3.2.2 Pembagian Tugas, Tanggung Jawab, dan Wewenang
46
3.3 Tata Laksana / Prosedur Yang Sedang Berjalan
51
3.4 Sistem Yang Sedang Berjalan
51
3.4.1 Sistem Pemasaran
51
3.4.2 Sistem Pendaftaran
52
3.4.3 Sistem Pembayaran
52
3.4.4 Sistem Pembelajaran
52
3.5 Metode Pengumpulan Data
53
3.5.1 Kuesioner
53 Tujuan
3.5.2 Analisis Kuesioner
54 Hasil
3.5.3 Wawancara
65 Hasil
3.6 Permasalahan Yang Dihadapi
68
3.7 Alternatif Pemecahan Masalah 68
BAB 4 RANCANGAN YANG DIUSULKAN
4.1 Usulan Prosedur Yang Baru
70
4.2 Data Sistem
4.2.1 Perancangan Basis Data
71
4.2.2 Diagram Hubungan Entitas (Entity Relational Diagram)
79
4.2.3 Use Case Diagram
80
4.2.4 State Transition Diagram (STD)
82
4.3 Perancangan Proses 105
4.3.1 Spesifikasi Proses 105
4.4 Perancangan Layar 123
4.5 Implementasi 169
4.5.1 Kebutuhan Hardware 169
4.5.2 Kebutuhan Software 170
4.6 Tampilan Layar 171
4.7 Evaluasi 178
4.7.1 Kuesioner Evaluasi 178
4.7.2 Evaluasi Program 188
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 189
5.2 Saran 190
DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN FOTOCOPY SURAT SURVEI
DAFTAR TABEL
Tabel 3.1 Tabel Hasil Kuesioner Pertanyaan Nomor 154 Tabel 3.2 Tabel Hasil Kuesioner Pertanyaan Nomor 2
55 Tabel 3.3 Tabel Hasil Kuesioner Pertanyaan Nomor 3
56 Tabel 3.4 Tabel Hasil Kuesioner Pertanyaan Nomor 4
57 Tabel 3.5 Tabel Hasil Kuesioner Pertanyaan Nomor 5
58 Tabel 3.6 Tabel Hasil Kuesioner Pertanyaan Nomor 6
59 Tabel 3.7 Tabel Hasil Kuesioner Pertanyaan Nomor 7
60 Tabel 3.8 Tabel Hasil Kuesioner Pertanyaan Nomor 8
61 Tabel 3.9 Tabel Hasil Kuesioner Pertanyaan Nomor 9
63 Tabel 3.10 Tabel Hasil Kuesioner Pertanyaan Nomor 10
64 Tabel
4.1 Tabel User
71 Tabel
4.2 Tabel Siswa
72 Tabel
4.3 Tabel Karyawan
73 Tabel
4.4 Tabel Jadwal
73 Tabel
4.5 Tabel Nilai
74 Tabel
4.6 Tabel Pelajaran
74 Tabel
4.7 Tabel Forum Topik
74 Tabel
4.8 Tabel Forum Pesan
75 Tabel
4.9 Tabel Status Keuangan
75 Tabel
4.10 Tabel Jabatan
76 Tabel
4.11 Tabel Profil 76 Tabel
4.12 Tabel Tata Tertib
76 Tabel
4.13 Tabel Sejarah
77 Tabel
4.14 Tabel Fasilitas
77 Tabel
4.15 Tabel Foto Fasilitas
77 Tabel
4.16 Tabel Ekstrakurikuler
78 Tabel
4.17 Tabel Prestasi
78 Tabel
4.18 Tabel Pengumuman
79 Tabel
4.19 Spesifikasi Hardware Server 169 Tabel
4.20 Spesifikasi Hardware Client 170
Tabel 4.21 Tabel Hasil Kuesioner Pertanyaan Nomor 1 178Tabel 4.22 Tabel Hasil Kuesioner Pertanyaan Nomor 2 179Tabel 4.23 Tabel Hasil Kuesioner Pertanyaan Nomor 3 180Tabel 4.24 Tabel Hasil Kuesioner Pertanyaan Nomor 4 182Tabel 4.25 Tabel Hasil Kuesioner Pertanyaan Nomor 5 183Tabel 4.26 Tabel Hasil Kuesioner Pertanyaan Nomor 6 184Tabel 4.27 Tabel Hasil Kuesioner Pertanyaan Nomor 7 185Tabel 4.28 Tabel Hasil Kuesioner Pertanyaan Nomor 8 187DAFTAR GAMBAR
Gambar 2.1 An Eight-Stage SDLC21 Gambar 3.1 Struktur SMP Strada Bhakti Utama
45 Gambar 3.2 Pie Chart Pertanyaan Nomor
1
54 Gambar 3.3 Pie Chart Pertanyaan Nomor
2
55 Gambar 3.4 Pie Chart Pertanyaan Nomor
3
56 Gambar 3.5 Pie Chart Pertanyaan Nomor
4
57 Gambar 3.6 Pie Chart Pertanyaan Nomor
5
58 Gambar 3.7 Pie Chart Pertanyaan Nomor
6
59 Gambar 3.8 Pie Chart Pertanyaan Nomor
7
60 Gambar 3.9 Pie Chart Pertanyaan Nomor
8
62 Gambar 3.10 Pie Chart Pertanyaan Nomor
9
63 Gambar 3.11 Pie Chart Pertanyaan Nomor 10 64
Gambar 4.1 Entity Relational Diagram79 Gambar 4.2 Use Case Diagram
80 Gambar 4.3 State Transition Diagram Halaman Utama
82 Gambar 4.4 State Transition Diagram Login Siswa
83 Gambar 4.5 State Transition Diagram Login Guru
84 Gambar 4.6 State Transition Diagram Login Tata Usaha
85 Gambar 4.7 State Transition Diagram Tambah Topik dan Pesan Forum Diskusi
86 Gambar 4.8 State Transition Diagram Ubah dan Hapus Profil
87 Gambar 4.9 State Transition Diagram Tambah, Ubah, dan Hapus Tata Tertib
88 Gambar 4.10 State Transition Diagram Ubah Sejarah
89
Gambar 4.11 State Transition Diagram Tambah, Ubah,dan Hapus Fasilitas90 Gambar 4.12 State Transition Diagram Tambah Foto Fasilitas
91 Gambar 4.13 State Transition Diagram Tambah, Ubah, dan Hapus Ekstrakurikuler92
Gambar 4.14 State Transition Diagram Tambah dan Ubah Prestasi93 Gambar 4.15 State Transition Diagram Tambah, Ubah, dan Hapus Pengumuman 94
Gambar 4.16 State Transition Diagram Ubah Data Pribadi95 Gambar 4.17 State Transition Diagram Ubah Password
95 Gambar 4.18 State Transition Diagram Tambah, Ubah, dan Hapus Data Karyawan96
Gambar 4.19 State Transition Diagram Tambah, Ubah, dan Hapus Data Siswa98 Gambar 4.20 State Transition Diagram Ubah Jadwal
99 Gambar 4.21 State Transition Diagram Upload Materi 100
Gambar 4.22 State Transition Diagram Insert Nilai 101Gambar 4.23 State Transition Diagram Ubah Status Keuangan 102Gambar 4.24 State Transition Diagram Hapus Materi Pelajaran 103Gambar 4.25 State Transition Diagram Hapus Topik dan Pesan Forum 104Gambar 4.26 State Transition Diagram Logout 104Gambar
4.27 Rancangan Layar Home 123 Gambar
4.28 Rancangan Layar Profil 124
Gambar 4.29 Rancangan Layar Tata Tertib 125Gambar
4.30 Rancangan Layar Sejarah 126 Gambar
4.31 Rancangan Layar Pengajar 127 Gambar
4.32 Rancangan Layar Fasilitas 128
Gambar 4.33 Rancangan Layar Ekstrakurikuler 129Gambar
4.34 Rancangan Layar Prestasi 130
Gambar 4.35 Rancangan Layar Pengumuman 131Gambar 4.48 Rancangan Layar Data Siswa 145Gambar 4.57 Rancangan Layar Tambah dan Ubah Pengumuman Pada Tata Usaha 155Gambar 4.56 Rancangan Layar Pengumuman Pada Tata Usaha 154Gambar 4.55 Rancangan Layar Materi Pelajaran Pada Tata Usaha 153Gambar 4.54 Rancangan Layar Pesan Pada Tata Usaha 151Gambar 4.53 Rancangan Layar Menu Lihat Topik Pada Tata Usaha 1504.52 Rancangan Layar Penjadwalan 149
Gambar
Gambar 4.51 Rancangan Layar Status Keuangan 148Gambar 4.50 Rancangan Layar Nilai Siswa 147Gambar 4.49 Rancangan Layar Data Karyawan 146Gambar 4.47 Rancangan Layar Tata Usaha Setelah Login 144Gambar 4.36 Rancangan Layar Siswa Setelah Login 132Gambar 4.46 Rancangan Layar Materi Pelajaran 143Gambar 4.45 Rancangan Layar Balas Pesan 142Gambar 4.44 Rancangan Layar Pesan Forum Diskusi 141Gambar 4.43 Rancangan Layar Topik Forum Diskusi 140Gambar 4.42 Rancangan Layar Forum Diskusi 139Gambar 4.41 Rancangan Layar Status Keuangan 1384.40 Rancangan Layar Nilai 137
4.39 Rancangan Layar Jadwal 136 Gambar
Gambar
Gambar 4.38 Rancangan Layar Data Pribadi 135Gambar 4.37 Rancangan Layar Guru Setelah Login 134Gambar 4.58 Rancangan Profil Pada Tata Usaha 156Gambar 4.59 Rancangan Layar Ubah Profil Pada Tata Usaha 157Gambar 4.60 Rancangan Layar Sejarah Pada Tata Usaha 158Gambar 4.61 Rancangan Layar Ubah Sejarah Pada Tata Usaha 159Gambar 4.62 Rancangan Layar Fasilitas Pada Tata Usaha 160Gambar 4.63 Rancangan Layar Ubah dan Tambah Fasilitas Pada Tata Usaha 161Gambar 4.64 Rancangan Layar Tambah Foto Pada Tata Usaha 162Gambar 4.65 Rancangan Layar Ekstrakurikuler Pada Tata Usaha 163Gambar 4.66 Rancangan Layar Tambah dan Ubah Ekstrakurikuler 164Pada Tata Usaha
Gambar 4.67 Rancangan Layar Prestasi Pada Tata Usaha 165Gambar 4.68 Rancangan Layar Ubah dan Tambah Prestasi Pada Tata Usaha 166Gambar 4.69 Rancangan Layar Tata Tertib Pada Tata Usaha 167Gambar 4.70 Rancangan Layar Tambah dan Ubah Tata Tertib Pada Tata Usaha 168Gambar
4.71 Tampilan Layar Home 171
Gambar 4.72 Tampilan Layar Menu Siswa Setelah Login 172Gambar 4.73 Tampilan Layar Menu Guru Setelah Login 173Gambar 4.74 Tampilan Layar Menu Tata Usaha Setelah Login 174Gambar
4.75 Tampilan Layar Jadwal 175
Gambar 4.76 Tampilan Layar Forum Diskusi 176Gambar 4.77 Tampilan Layar Materi Pelajaran 177Gambar 4.78 Pie Chart Pertanyaan Nomor 1 179Gambar 4.79 Pie Chart Pertanyaan Nomor 2 180Gambar 4.80 Pie Chart Pertanyaan Nomor 3 181Gambar 4.81 Pie Chart Pertanyaan Nomor 4 182Gambar 4.82 Pie Chart Pertanyaan Nomor 5 183Gambar 4.83 Pie Chart Pertanyaan Nomor 6 184Gambar 4.84 Pie Chart Pertanyaan Nomor 7 186Gambar 4.85 Pie Chart Pertanyaan Nomor 8 187Gambar
4.86 Tampilan Layar Profil 196 Gambar
4.87 Tampilan Layar Tata Tertib 197 Gambar
4.88 Tampilan Layar Sejarah 198 Gambar
4.89 Tampilan Layar Pengajar 199 Gambar
4.90 Tampilan Layar Fasilitas 200
Gambar 4.91 Tampilan Layar Ekstrakurikuler 201Gambar
4.92 Tampilan Layar Prestasi 202 Gambar
4.93 Tampilan Layar Pengumuman 203 Gambar
4.94 Tampilan Layar Data Pribadi 204
Gambar 4.95 Tampilan Layar Ubah Data Pribadi 205Gambar 4.96 Tampilan Layar Ubah Password 206Gambar
4.97 Tampilan Layar Nilai 207 Gambar
4.98 Tampilan Layar Keuangan 208
Gambar 4.99 Tampilan Layar Topik Forum Diskusi 209Gambar 4.100 Tampilan Layar Pesan Forum Diskusi 210 Gambar 4.101 Tampilan Layar Balas Pesan Forum Diskusi 211 Gambar 4.102 Tampilan Layar Data Siswa 212 Gambar 4.103 Tampilan Layar Data Karyawan 213 Gambar 4.104 Tampilan Layar Insert Nilai 214 Gambar 4.105 Tampilan Layar Status Keuangan 215
Gambar 4.106 Tampilan Layar Penjadwalan 216 Gambar 4.107 Tampilan Layar Materi Pelajaran 217 Gambar 4.108 Tampilan Layar Pengumuman 218 Gambar 4.109 Tampilan Layar Ubah Pengumuman 219 Gambar 4.110 Tampilan Layar Fasilitas 220 Gambar 4.111 Tampilan Layar Tambah Fasilitas 221 Gambar 4.112 Tampilan Layar Tambah Foto Fasilitas 222 Gambar 4.113 Tampilan Layar Ekstrakurikuler 223 Gambar 4.114 Tampilan Layar Ubah Ekstrakurikuler 224 Gambar 4.115 Tampilan Layar Prestasi 225 Gambar 4.116 Tampilan Layar Ubah Prestasi 226 Gambar 4.117 Tampilan Layar Sejarah 227 Gambar 4.118 Tampilan Layar Ubah Sejarah 228 Gambar 4.119 Tampilan Layar Profil 229 Gambar 4.120 Tampilan Layar Ubah Profil 230 Gambar 4.121 Tampilan Layar Tata Tertib 231 Gambar 4.122 Tampilan Layar Ubah Tata Tertib 232 Gambar 4.123 Tampilan Layar Laporan 233