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 Abstrak Tujuan 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 belajarmengajar 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 relationship diagram, use case diagram, state transition diagram, serta 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 belajarmengajar dapat berjalan dengan lebih efektif dan efisien.
Kata Kunci aplikasi, e-learning
iii
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.
iv
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
v
DAFTAR ISI
Halaman Persetujuan
i
Halaman Abstrak
ii
Kata Pengantar
iii
Daftar isi
v
Daftar Tabel
x
Daftar Gambar
xii
Daftar Lampiran
xviii
BAB 1
BAB 2
PENDAHULUAN 1.1
Latar Belakang
1
1.2
Ruang Lingkup
2
1.3
Tujuan Dan Manfaat
3
1.4
Metodologi
4
1.5
Sistematika Penulisan
5
LANDASAN TEORI 2.1
Pengertian Sistem
7
2.2
Analisis dan Perancangan Aplikasi
7
2.2.1
Pengertian Analisis
7
2.2.2
Pengertian Perancangan
8
2.2.3
Pengertian Aplikasi
8
vi
2.3
E-Learning
8
2.3.1
Pengertian E-Learning (Electronic Learning)
8
2.3.2
Tipe E-Learning
10
2.3.2.1 Synchronous Training
10
2.3.2.2 Asynchronous Training
11
2.3.3
Komponen E-Learning
12
2.3.4
Keuntungan E-Learning
13
2.3.5
Keterbatasan E-Learning
15
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
PHP
28
2.10.1 Sejarah PHP
28
2.10.2 Pengertian PHP
30
Database
31
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.11
vii
2.12
2.13
BAB 3
Internet
36
2.12.1 Pengertian Internet
36
2.12.2 Sejarah Internet
37
Interaksi Manusia dan Komputer
38
2.13.1 Pengertian Interaksi Manusia dan Komputer
38
2.13.2 Delapan Aturan Emas Perancangan Antarmuka
40
2.13.3 Sepuluh Kesalahan Utama Pada Website
42
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
Tujuan Kuesioner
53
3.5.2
Hasil Analisis Kuesioner
54
3.5.3
Hasil Wawancara
65
viii
BAB 4
3.6
Permasalahan Yang Dihadapi
68
3.7
Alternatif Pemecahan Masalah
68
RANCANGAN YANG DIUSULKAN 4.1
Usulan Prosedur Yang Baru
4.2
Data Sistem 4.2.1 Perancangan Basis Data 4.2.2
BAB 5
71
Diagram Hubungan Entitas (Entity Relational Diagram)
4.3
70
79
4.2.3 Use Case Diagram
80
4.2.4
82
State Transition Diagram (STD)
Perancangan Proses
105
4.3.1
105
Spesifikasi Proses
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
KESIMPULAN DAN SARAN 5.1
Kesimpulan
189
5.2
Saran
190 ix
DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN FOTOCOPY SURAT SURVEI
x
DAFTAR TABEL
Tabel 3.1 Tabel Hasil Kuesioner Pertanyaan Nomor 1
54
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 xi
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
178
Tabel 4.22 Tabel Hasil Kuesioner Pertanyaan Nomor 2
179
Tabel 4.23 Tabel Hasil Kuesioner Pertanyaan Nomor 3
180
Tabel 4.24 Tabel Hasil Kuesioner Pertanyaan Nomor 4
182
Tabel 4.25 Tabel Hasil Kuesioner Pertanyaan Nomor 5
183
Tabel 4.26 Tabel Hasil Kuesioner Pertanyaan Nomor 6
184
Tabel 4.27 Tabel Hasil Kuesioner Pertanyaan Nomor 7
185
Tabel 4.28 Tabel Hasil Kuesioner Pertanyaan Nomor 8
187
xii
DAFTAR GAMBAR
Gambar 2.1 An Eight-Stage SDLC
21
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 Diagram
79
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
xiii
Gambar 4.11 State Transition Diagram Tambah, Ubah,dan Hapus Fasilitas
90
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 Prestasi
93
Gambar 4.15 State Transition Diagram Tambah, Ubah, dan Hapus Pengumuman 94 Gambar 4.16 State Transition Diagram Ubah Data Pribadi
95
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 Siswa
98
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
101
Gambar 4.23 State Transition Diagram Ubah Status Keuangan
102
Gambar 4.24 State Transition Diagram Hapus Materi Pelajaran
103
Gambar 4.25 State Transition Diagram Hapus Topik dan Pesan Forum
104
Gambar 4.26 State Transition Diagram Logout
104
Gambar 4.27 Rancangan Layar Home
123
Gambar 4.28 Rancangan Layar Profil
124
Gambar 4.29 Rancangan Layar Tata Tertib
125
Gambar 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
129
Gambar 4.34 Rancangan Layar Prestasi
130 xiv
Gambar 4.35 Rancangan Layar Pengumuman
131
Gambar 4.36 Rancangan Layar Siswa Setelah Login
132
Gambar 4.37 Rancangan Layar Guru Setelah Login
134
Gambar 4.38 Rancangan Layar Data Pribadi
135
Gambar 4.39 Rancangan Layar Jadwal
136
Gambar 4.40 Rancangan Layar Nilai
137
Gambar 4.41 Rancangan Layar Status Keuangan
138
Gambar 4.42 Rancangan Layar Forum Diskusi
139
Gambar 4.43 Rancangan Layar Topik Forum Diskusi
140
Gambar 4.44 Rancangan Layar Pesan Forum Diskusi
141
Gambar 4.45 Rancangan Layar Balas Pesan
142
Gambar 4.46 Rancangan Layar Materi Pelajaran
143
Gambar 4.47 Rancangan Layar Tata Usaha Setelah Login
144
Gambar 4.48 Rancangan Layar Data Siswa
145
Gambar 4.49 Rancangan Layar Data Karyawan
146
Gambar 4.50 Rancangan Layar Nilai Siswa
147
Gambar 4.51 Rancangan Layar Status Keuangan
148
Gambar 4.52 Rancangan Layar Penjadwalan
149
Gambar 4.53 Rancangan Layar Menu Lihat Topik Pada Tata Usaha
150
Gambar 4.54 Rancangan Layar Pesan Pada Tata Usaha
151
Gambar 4.55 Rancangan Layar Materi Pelajaran Pada Tata Usaha
153
Gambar 4.56 Rancangan Layar Pengumuman Pada Tata Usaha
154
Gambar 4.57 Rancangan Layar Tambah dan Ubah Pengumuman Pada Tata Usaha 155 Gambar 4.58 Rancangan Profil Pada Tata Usaha xv
156
Gambar 4.59 Rancangan Layar Ubah Profil Pada Tata Usaha
157
Gambar 4.60 Rancangan Layar Sejarah Pada Tata Usaha
158
Gambar 4.61 Rancangan Layar Ubah Sejarah Pada Tata Usaha
159
Gambar 4.62 Rancangan Layar Fasilitas Pada Tata Usaha
160
Gambar 4.63 Rancangan Layar Ubah dan Tambah Fasilitas Pada Tata Usaha
161
Gambar 4.64 Rancangan Layar Tambah Foto Pada Tata Usaha
162
Gambar 4.65 Rancangan Layar Ekstrakurikuler Pada Tata Usaha
163
Gambar 4.66 Rancangan Layar Tambah dan Ubah Ekstrakurikuler
164
Pada Tata Usaha Gambar 4.67 Rancangan Layar Prestasi Pada Tata Usaha
165
Gambar 4.68 Rancangan Layar Ubah dan Tambah Prestasi Pada Tata Usaha
166
Gambar 4.69 Rancangan Layar Tata Tertib Pada Tata Usaha
167
Gambar 4.70 Rancangan Layar Tambah dan Ubah Tata Tertib Pada Tata Usaha
168
Gambar 4.71 Tampilan Layar Home
171
Gambar 4.72 Tampilan Layar Menu Siswa Setelah Login
172
Gambar 4.73 Tampilan Layar Menu Guru Setelah Login
173
Gambar 4.74 Tampilan Layar Menu Tata Usaha Setelah Login
174
Gambar 4.75 Tampilan Layar Jadwal
175
Gambar 4.76 Tampilan Layar Forum Diskusi
176
Gambar 4.77 Tampilan Layar Materi Pelajaran
177
Gambar 4.78 Pie Chart Pertanyaan Nomor 1
179
Gambar 4.79 Pie Chart Pertanyaan Nomor 2
180
Gambar 4.80 Pie Chart Pertanyaan Nomor 3
181
Gambar 4.81 Pie Chart Pertanyaan Nomor 4
182
xvi
Gambar 4.82 Pie Chart Pertanyaan Nomor 5
183
Gambar 4.83 Pie Chart Pertanyaan Nomor 6
184
Gambar 4.84 Pie Chart Pertanyaan Nomor 7
186
Gambar 4.85 Pie Chart Pertanyaan Nomor 8
187
Gambar 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
201
Gambar 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
205
Gambar 4.96 Tampilan Layar Ubah Password
206
Gambar 4.97 Tampilan Layar Nilai
207
Gambar 4.98 Tampilan Layar Keuangan
208
Gambar 4.99 Tampilan Layar Topik Forum Diskusi
209
Gambar 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
xvii
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
xviii
DAFTAR LAMPIRAN
Lampiran Tampilan dan Pengoperasian Layar
196
Lampiran Kuesioner
234
Lampiran Kuesioner Evaluasi
236
xix