UNIVERSITAS BINA NUSANTARA ANALISIS DAN PERANCANGAN APLIKASI E-LEARNING PADA SMP STRADA BHAKTI UTAMA

Transkripsi

1 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 Abstrak Zakaria Wijaya Andhika Prasetya Nureni Kelas / Kelompok : 07 PET / 03 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

2 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

3 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

4 DAFTAR ISI Halaman Persetujuan Halaman Abstrak Kata Pengantar Daftar isi Daftar Tabel Daftar Gambar Daftar Lampiran i ii iii v x xii xviii BAB 1 PENDAHULUAN 1.1 Latar Belakang Ruang Lingkup Tujuan Dan Manfaat Metodologi Sistematika Penulisan 5 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Analisis dan Perancangan Aplikasi Pengertian Analisis Pengertian Perancangan Pengertian Aplikasi 8 vi

5 2.3 E-Learning Pengertian E-Learning (Electronic Learning) Tipe E-Learning Synchronous Training Asynchronous Training Komponen E-Learning Keuntungan E-Learning Keterbatasan E-Learning Learning Management System (LMS) Learning Content Management System (LCMS) Rekayasa Perangkat Lunak Pengertian Perangkat Lunak Karakteristik Pernagkat Lunak System Development Life Cycle (SDLC) Entity Relationship Diagram (ERD) State Transition Diagram (STD) PHP Sejarah PHP Pengertian PHP Database Sistem Basis Data DBMS Database Relational MyStructured Query Language (MySQL) 36 vii

6 2.12 Internet Pengertian Internet Sejarah Internet Interaksi Manusia dan Komputer Pengertian Interaksi Manusia dan Komputer Delapan Aturan Emas Perancangan Antarmuka Sepuluh Kesalahan Utama Pada Website 42 BAB 3 ANALISIS SISTEM YANG BERJALAN 3.1 Sejarah Sekolah Struktur Sekolah dan Pembagian Tugas, Tanggung Jawab dan wewenang Struktur Sekolah Pembagian Tugas, Tanggung Jawab, dan Wewenang Tata Laksana / Prosedur Yang Sedang Berjalan Sistem Yang Sedang Berjalan Sistem Pemasaran Sistem Pendaftaran Sistem Pembayaran Sistem Pembelajaran Metode Pengumpulan Data Tujuan Kuesioner Hasil Analisis Kuesioner Hasil Wawancara 65 viii

7 3.6 Permasalahan Yang Dihadapi Alternatif Pemecahan Masalah 68 BAB 4 RANCANGAN YANG DIUSULKAN 4.1 Usulan Prosedur Yang Baru Data Sistem Perancangan Basis Data Diagram Hubungan Entitas (Entity Relational Diagram) Use Case Diagram State Transition Diagram (STD) Perancangan Proses Spesifikasi Proses Perancangan Layar Implementasi Kebutuhan Hardware Kebutuhan Software Tampilan Layar Evaluasi Kuesioner Evaluasi Evaluasi Program 188 BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran 190 ix

8 DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN FOTOCOPY SURAT SURVEI x

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

10 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 Tabel 4.22 Tabel Hasil Kuesioner Pertanyaan Nomor Tabel 4.23 Tabel Hasil Kuesioner Pertanyaan Nomor Tabel 4.24 Tabel Hasil Kuesioner Pertanyaan Nomor Tabel 4.25 Tabel Hasil Kuesioner Pertanyaan Nomor Tabel 4.26 Tabel Hasil Kuesioner Pertanyaan Nomor Tabel 4.27 Tabel Hasil Kuesioner Pertanyaan Nomor Tabel 4.28 Tabel Hasil Kuesioner Pertanyaan Nomor xii

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

12 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

13 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 156 xv

14 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 Gambar 4.79 Pie Chart Pertanyaan Nomor Gambar 4.80 Pie Chart Pertanyaan Nomor Gambar 4.81 Pie Chart Pertanyaan Nomor xvi

15 Gambar 4.82 Pie Chart Pertanyaan Nomor Gambar 4.83 Pie Chart Pertanyaan Nomor Gambar 4.84 Pie Chart Pertanyaan Nomor Gambar 4.85 Pie Chart Pertanyaan Nomor 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 Tampilan Layar Pesan Forum Diskusi 210 Gambar Tampilan Layar Balas Pesan Forum Diskusi 211 Gambar Tampilan Layar Data Siswa 212 Gambar Tampilan Layar Data Karyawan 213 Gambar Tampilan Layar Insert Nilai 214 Gambar Tampilan Layar Status Keuangan 215 xvii

16 Gambar Tampilan Layar Penjadwalan 216 Gambar Tampilan Layar Materi Pelajaran 217 Gambar Tampilan Layar Pengumuman 218 Gambar Tampilan Layar Ubah Pengumuman 219 Gambar Tampilan Layar Fasilitas 220 Gambar Tampilan Layar Tambah Fasilitas 221 Gambar Tampilan Layar Tambah Foto Fasilitas 222 Gambar Tampilan Layar Ekstrakurikuler 223 Gambar Tampilan Layar Ubah Ekstrakurikuler 224 Gambar Tampilan Layar Prestasi 225 Gambar Tampilan Layar Ubah Prestasi 226 Gambar Tampilan Layar Sejarah 227 Gambar Tampilan Layar Ubah Sejarah 228 Gambar Tampilan Layar Profil 229 Gambar Tampilan Layar Ubah Profil 230 Gambar Tampilan Layar Tata Tertib 231 Gambar Tampilan Layar Ubah Tata Tertib 232 Gambar Tampilan Layar Laporan 233 xviii

17 DAFTAR LAMPIRAN Lampiran Tampilan dan Pengoperasian Layar 196 Lampiran Kuesioner 234 Lampiran Kuesioner Evaluasi 236 xix