Sistem Informasi Pembelajaran Elektronik Berbasis Web (Studi kasus: SMA Santar Maria 3 Cimahi).

(1)

vi

ABSTRAK

SMA Santa Maria 3 Cimahi adalah sebuah sekolah yang proses pembelajarannya masih bersifat konvensional, dengan kata lain proses belajar mengajar antara siswa dengan guru hanya dapat dilakukan dengan syarat terjadinya pertemuan antara siswa dengan guru di dalam kelas. Berbagai konsep dan teknik baru dalam pengajaran telah banyak dikembangkan untuk menggantikan metode tradisional yang hanya mengandalkan pada metode pengajaran satu arah di kelas. Salah satu metode pengajaran yang sedang berkembang di masa sekarang adalah e-learning. Sistem e-learning dapat membantu para pengajar dalam mendistribusikan bahan ajar tanpa harus berada di kelas melainkan dengan menggunakan media internet, hal ini dapat memaksimalkan waktu pembelajaran di kelas yang terbatas. Sistem informasi e-learning yang dibuat menggunakan bahasa pemrograman PHP dan basis data menggunakan MySQL. Sumber data didapatkan dari studi kepustakaan, pencarian informasi di internet, dan survey langsung di lapangan. Dengan adanya aplikasi ini diharapkan dapat membantu proses belajar mengajar antara siswa dan guru agar lebih optimal.


(2)

vii

ABSTRACT

Saint Mary 3 High School is one of the Traditional school in Bandung. Traditional schools provide students with a physical building in which to meet and teachers to teach course content. The new concept and techniques has been developed to facilitate student the easier learning process. One of the teaching methods that are being developed in the present is e-learning. A major advantage of e-learning is allowing learning the material anytime and anywhere, students can use internet to get material without having to attend a classroom. This thesis presents an e-learning system which has created using PHP programming language and MySQL database. Data source is obtained from literature study, internet searching, and field surveys. This application is expected can improve learning process in Saint Mary 3 High School.


(3)

viii

DAFTAR ISI

LEMBAR PENGESAHAN ... i

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii

PRAKATA ... iv

ABSTRAK ... vi

ABSTRACT ... vii

DAFTAR ISI ... viii

DAFTAR GAMBAR ... xii

DAFTAR TABEL ... xvii

DAFTAR NOTASI/ LAMBANG ... xx

BAB 1. PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 2

1.3 Tujuan Pembahasan ... 2

1.4 Ruang Lingkup Kajian ... 3

1.5 Sumber Data ... 4

1.6 Sistematika Penyajian ... 4

BAB 2. KAJIAN TEORI ... 6

2.1 Pengertian Sistem ... 6

2.2 Pengertian Informasi ... 6

2.3 Sistem Informasi ... 7

2.3.1 Komponen Sistem Informasi ... 8

2.4 E-Learning ... 8

2.4.1 Mengembangkan Kurikulum E-Learning ... 9

2.5 Flowchart ... 10

2.6 Data Flow Diagram (DFD) ... 11

2.6.1 Process Specification (PSPEC)... 11

2.6.2 Kamus Data... 12

2.7 Basis Data ... 12


(4)

ix

2.7.2 Manfaat/Kelebihan Basis Data ... 13

2.7.3 Sistem Basis Data ... 15

2.8 Entity Relational Diagram (ERD) ... 17

2.9 My Structure Query Language (MySQL) ... 20

2.10 Hypertext Prepocessor (PHP)... 21

2.10.1 Sejarah PHP... 22

2.11 XAMPP ... 23

2.12 HyperText Markup Language (HTML) ... 23

2.13 Cascading Style Sheet (CSS) ... 23

2.14 Javascript ... 24

2.15 Black Box Testing ... 24

BAB 3. ANALISIS DAN RANCANGAN SISTEM ... 25

3.1 Profile Sekolah... 25

3.2 Analisis Proses Bisnis ... 25

3.2.1 Proses Bisnis Kegiatan Belajar Mengajar ... 26

3.2.2 Proses Bisnis Pengerjaan Kuis ... 28

3.3 Entity Relational Diagram ... 29

3.4 Transformasi ERD ke Dalam Tabel ... 30

3.5 Data Flow Diagram ... 34

3.5.1 Context Diagram ... 34

3.5.2 DFD Level 1 ... 35

3.5.3 DFD Level 2 Proses 2 ... 36

3.5.4 DFD Level 2 Proses 3 ... 37

3.5.5 DFD Level 2 Proses 4 ... 38

3.5.6 DFD Level 3 Proses 2.6 ... 39

3.5.7 DFD Level 3 Proses 2.7 ... 40

3.5.8 DFD Level 3 Proses 3.5 ... 41

3.5.9 DFD Level 4 Proses 3.5.5 ... 42

3.5.10 DFD Level 4 Proses 3.5.6 ... 43

3.5.11 DFD Level 4 Proses 3.5.7 ... 44

3.5.12 DFD Level 5 Proses 3.5.6.4 ... 45


(5)

x

3.5.14 DFD Level 6 Proses 3.5.7.4.2 ... 46

3.6 PSPEC ... 47

3.7 Kamus Data ... 62

3.8 Rancangan Desain Antarmuka ... 71

3.8.1 Tampilan Login ... 71

3.8.2 Halaman Index Super Admin... 72

3.8.3 Halaman Index Admin ... 73

3.8.4 Halaman Index Guru ... 74

3.8.5 Halaman Index Siswa ... 75

BAB 4. HASIL PENELITIAN ... 76

4.1 Index Guest ... 76

4.1.1 Forum Guest ... 77

4.1.2 Forgot Password ... 79

4.2 Index Super Admin ... 82

4.2.1 Insert Data Admin ... 83

4.2.2 View Detail Admin ... 83

4.2.3 Delete Data Admin ... 84

4.3 Index Admin ... 84

4.3.1 Data Admin... 85

4.3.2 Update Data Admin ... 85

4.3.3 Data Guru ... 86

4.3.4 Data Siswa ... 89

4.3.5 Reset Password ... 92

4.3.6 Kelola Kenaikan Kelas ... 93

4.3.7 Data Mata Pelajaran ... 98

4.3.8 Forum Admin ...106

4.4 Index Guru ...110

4.4.1 Data Guru ...111

4.4.2 Update Data Guru ...111

4.4.3 Data Mata Pelajaran ...112

4.4.4 Forum Guru ...121


(6)

xi

4.5.1 Update Data Siswa ...125

4.5.2 Data Mata Pelajaran ...126

4.5.3 Forum Siswa ...131

BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ... 135

5.1 Pengujian Halaman Login ...135

5.2 Pengujian Halaman Super Admin ...137

5.3 Pengujian Halaman Admin ...141

5.4 Pengujian Halaman Guru ...162

5.5 Pengujian Halaman Siswa ...171

BAB 6. SIMPULAN DAN SARAN ... 175

6.1 Simpulan ...175

6.2 Saran ...175


(7)

xii

DAFTAR GAMBAR

Gambar 2.1 Konsep Sistem Informasi ... 7

Gambar 2.2 Tipe-tipe Identifier ... 19

Gambar 2.3 Gambar ERD... 19

Gambar 3.1 Flowchart Kegiatan Belajar Mengajar ... 27

Gambar 3.2 Flowchart Pengerjaan Kuis ... 28

Gambar 3.3 Entity Relational Diagram ... 29

Gambar 3.4 Context Diagram ... 34

Gambar 3.5 DFD Level 1 ... 35

Gambar 3.6 DFD Level 2 Proses 2 ... 36

Gambar 3.7 DFD Level 2 Proses 3 ... 37

Gambar 3.8 DFD Level 2 Proses 4 ... 38

Gambar 3.9 DFD Level 3 Proses 2.6 ... 39

Gambar 3.10 DFD Level 3 Proses 2.7 ... 40

Gambar 3.11 DFD Level 3 Proses 3.5 ... 41

Gambar 3.12 DFD Level 4 Proses 3.5.5 ... 42

Gambar 3.13 DFD Level 4 Proses 3.5.6 ... 43

Gambar 3.14 DFD Level 4 Proses 3.5.7 ... 44

Gambar 3.15 DFD Level 5 Proses 3.5.6.4 ... 45

Gambar 3.16 DFD Level 5 Proses 3.5.7.4 ... 46

Gambar 3.17 DFD Level 6 Proses 3.5.7.4.2 ... 46

Gambar 3.18 Rancangan Halaman Login ... 71

Gambar 3.19 Rancangan Halaman Index Super Admin ... 72

Gambar 3.20 Rancangan Halaman Index Admin... 73

Gambar 3.21 Rancangan Halaman Index Guru ... 74

Gambar 3.22 Rancangan Halaman Index Siswa ... 75

Gambar 4.1 Index Guest ... 76

Gambar 4.2 Login Gagal ... 77

Gambar 4.3 Tabel Kategori Mata Pelajaran berdasarkan Kelas ... 77

Gambar 4.4 Forum Guest ... 78


(8)

xiii

Gambar 4.6 Forgot Password ... 79

Gambar 4.7 Link Forgot Password ... 79

Gambar 4.8 Pesan Error email yang Belum Terdaftar ... 79

Gambar 4.9 Profile user ... 80

Gambar 4.10 Reset Password Berhasil ... 80

Gambar 4.11 Ubah Password ... 81

Gambar 4.12 Index Super Admin ... 82

Gambar 4.13 Pencarian Data Admin ... 82

Gambar 4.14 Insert Data Admin ... 83

Gambar 4.15 View Detail Admin ... 83

Gambar 4.16 Delete Data Admin ... 84

Gambar 4.17 Index Admin ... 84

Gambar 4.18 Data Admin ... 85

Gambar 4.19 Update Data Admin ... 86

Gambar 4.20 Data Guru... 86

Gambar 4.22 Insert Data Guru ... 87

Gambar 4.21 Pencarian Data Guru ... 87

Gambar 4.23 Update Data Guru ... 88

Gambar 4.24 Delete Data Guru ... 88

Gambar 4.25 View Detail Guru ... 89

Gambar 4.26 Data Siswa ... 89

Gambar 4.27 Pencarian Data Siswa ... 90

Gambar 4.28 Insert Data Siswa ... 90

Gambar 4.29 Update Data Siswa ... 91

Gambar 4.30 Delete Data Siswa ... 91

Gambar 4.31 View Detail Siswa ... 92

Gambar 4.32 Reset Password ... 92

Gambar 4.33 Window Alert Reset Password ... 93

Gambar 4.34 Pemberitahuan Reset Password Berhasil ... 93

Gambar 4.35 Link Pengelolaan Naik Kelas... 93

Gambar 4.36 Window Alert Pengelolaan Naik Kelas ... 93


(9)

xiv

Gambar 4.38 Pengelolaan Naik Kelas 1 ke Kelas 2 ... 94

Gambar 4.39 Penentuan Jurusan ... 95

Gambar 4.40 Pengelolaan Naik Kelas 2 ke Kelas 3 ... 95

Gambar 4.41 Pengeloaan Naik Kelas 3 menjadi Alumni ... 96

Gambar 4.42 Data Alumni... 97

Gambar 4.43 View Detail Alumni ... 97

Gambar 4.44 Data Mata Pelajaran Kelas 1... 98

Gambar 4.45 Pencarian Data Mata Pelajaran Kelas 1 ... 98

Gambar 4.46 Insert Mata Pelajaran Kelas 1 ... 99

Gambar 4.47 Update Mata Pelajaran Kelas 1... 99

Gambar 4.48 Delete Mata Pelajaran Kelas 1 ... 100

Gambar 4.49 Data Mata Pelajaran Kelas 2... 100

Gambar 4.50 Pencarian Data Mata Pelajaran Kelas 2 ... 101

Gambar 4.51 Insert Mata Pelajaran Kelas 2 ... 101

Gambar 4.52 Update Mata Pelajaran Kelas 2... 102

Gambar 4.53 Delete Mata Pelajaran Kelas 2 ... 103

Gambar 4.54 Data Mata Pelajaran Kelas 3... 103

Gambar 4.55 Pencarian Data Mata Pelajaran Kelas 3 ... 104

Gambar 4.56 Insert Mata Pelajaran Kelas 3 ... 104

Gambar 4.57 Update Mata Pelajaran Kelas 3... 105

Gambar 4.58 Delete Mata Pelajaran Kelas 3 ... 105

Gambar 4.59 Tabel Kategori Mata Pelajaran berdasarkan Kelas ... 106

Gambar 4.60 Forum Admin... 107

Gambar 4.61 Pemberitahuan Proses Delete Forum ... 108

Gambar 4.62 Reply Forum... 108

Gambar 4.63 Popup Reply... 108

Gambar 4.64 Posting Reply ... 109

Gambar 4.65 Pemberitahuan Forum Kosong ... 109

Gambar 4.66 Pencarian Data Forum ... 109

Gambar 4.67 Halaman Ubah Password ... 110

Gambar 4.68 Index Guru ... 110


(10)

xv

Gambar 4.70 Update Data Guru ... 111

Gambar 4.71 Data Mata Pelajaran ... 112

Gambar 4.72 Tambah Data Materi Detail ... 113

Gambar 4.73 Halaman Data Materi Detail ... 113

Gambar 4.74 Update Materi Detail ... 114

Gambar 4.75 Insert File ... 114

Gambar 4.76 Kotak Dialog Insert File ... 115

Gambar 4.77 Delete File ... 115

Gambar 4.78 Insert Soal ... 116

Gambar 4.79 Data-Data Soal ... 116

Gambar 4.80 Tambah Soal Detail Pilihan Ganda ... 117

Gambar 4.81 Tambah Soal Detail Essay ... 117

Gambar 4.82 Link Kelola Nilai Kuis ... 118

Gambar 4.83 Kelola Nilai Kuis ... 118

Gambar 4.84 Halaman Penilaian Kuis Berjenis Soal PG ... 119

Gambar 4.85 Halaman Penilaian Kuis Berjenis Soal Essay ... 119

Gambar 4.86 Proses Penilaian Essay ... 120

Gambar 4.87 Input Text Nilai Essay ... 120

Gambar 4.88 Tanda Selesai Mengkoreksi Jawaban Essay Siswa ... 120

Gambar 4.89 Tabel Kategori Mata Pelajaran untuk Mengakses Forum di Role Guru ... 121

Gambar 4.91 Reply Forum... 122

Gambar 4.90 Forum Guru ... 122

Gambar 4.92 Popup Reply... 123

Gambar 4.93 Posting Reply ... 123

Gambar 4.94 Pemberitahuan Forum Kosong ... 123

Gambar 4.95 Pencarian Data Forum ... 124

Gambar 4.96 Halaman Ubah Password ... 124

Gambar 4.97 Index Siswa ... 125

Gambar 4.98 Update Data Siswa ... 126

Gambar 4.99 Data Mata Pelajaran ... 126


(11)

xvi

Gambar 4.101 Download File ... 127

Gambar 4.102 Window Alert Pengerjaan Soal... 128

Gambar 4.103 Halaman Pengerjaan Soal PG ... 128

Gambar 4.104 Halaman Penilaian ... 129

Gambar 4.105 Halaman Pengerjaan Soal Essay ... 129

Gambar 4.106 Konfirmasi Telah Selesai Mengerjakan Soal Essay ... 130

Gambar 4.107 Lihat Nilai Kuis ... 130

Gambar 4.108 History Kuis ... 131

Gambar 4.109 Tabel Kategori Mata Pelajaran berdasarkan Kelas ... 131

Gambar 4.111 Reply Forum... 132

Gambar 4.110 Forum Siswa ... 132

Gambar 4.112 Popup Reply... 133

Gambar 4.113 Posting Reply ... 133

Gambar 4.114 Pemberitahuan Forum Kosong ... 133


(12)

xvii

DAFTAR TABEL

Tabel 3.1 Tabel User ... 30

Tabel 3.2 Tabel Materi ... 30

Tabel 3.3 Tabel Materi_detail ... 31

Tabel 3.4 Tabel_soal ... 31

Tabel 3.5 Tabel Soal_detail ... 31

Tabel 3.6 Tabel Soal_detail2 ... 32

Tabel 3.7 Tabel Jawaban ... 32

Tabel 3.8 Tabel Jawaban_detail ... 32

Tabel 3.9 Jawaban_detail2 ... 33

Tabel 3.10 Tabel Forum ... 33

Tabel 3.11 Tabel Reply ... 33

Tabel 3.12 Tabel File ... 33

Tabel 3.13 Tabel Naik_kelas... 34

Tabel 3.14 Proses Login ... 47

Tabel 3.15 Insert Data Admin ... 47

Tabel 3.16 Delete Data Admin ... 48

Tabel 3.17 Edit Data Admin ... 48

Tabel 3.18 Search Data Admin ... 49

Tabel 3.19 Insert Data Materi ... 49

Tabel 3.20 Edit Data Materi ... 50

Tabel 3.21 Delete Data Materi ... 50

Tabel 3.22 Search Data Materi ... 50

Tabel 3.23 Insert Data Forum ... 51

Tabel 3.24 Delete Data Forum ... 51

Tabel 3.25 Search Data Forum ... 51

Tabel 3.26 Insert Data Reply ... 52

Tabel 3.27 Insert Data Guru... 52

Tabel 3.28 Delete Data Guru ... 53

Tabel 3.29 Edit Data Guru ... 53


(13)

xviii

Tabel 3.31 Insert Data Siswa ... 54

Tabel 3.32 Delete Data Siswa ... 55

Tabel 3.33 Edit Data Siswa ... 55

Tabel 3.34 Search Data Siswa ... 55

Tabel 3.35 Insert Naik Kelas ... 56

Tabel 3.36 Insert Materi Detail ... 56

Tabel 3.37 Edit Materi Detail ... 57

Tabel 3.38 Insert Soal ... 57

Tabel 3.39 Insert File ... 58

Tabel 3.40 Delete File ... 58

Tabel 3.41 Insert Soal Detail ... 58

Tabel 3.42 Edit Soal Detail... 59

Tabel 3.43 Insert Soal Detail2 ... 59

Tabel 3.44 Edit Soal Detail2... 60

Tabel 3.45 Insert Jawaban ... 60

Tabel 3.46 Insert Jawaban Detail ... 61

Tabel 3.47 Insert Jawaban detail2 ... 61

Tabel 3.48 Kamus Data Admin ... 62

Tabel 3.49 Kamus Data Guru ... 63

Tabel 3.50 Kamus Data Siswa ... 63

Tabel 3.51 Kamus Data Materi ... 64

Tabel 3.52 Kamus Data Materi Detail ... 65

Tabel 3.53 Kamus Data Soal ... 65

Tabel 3.54 Kamus Data Soal Detail ... 66

Tabel 3.55 Kamus Data Soal Detail2 ... 67

Tabel 3.56 Kamus Data Jawaban ... 67

Tabel 3.57 Kamus Data Jawaban Detail ... 68

Tabel 3.58 Kamus Data Jawaban Detail2 ... 68

Tabel 3.59 Kamus Data Forum ... 69

Tabel 3.60 Kamus Data Reply ... 69

Tabel 3.61 Kamus Data File... 70


(14)

xix

Tabel 5.1 Blackbox Testing Halaman Login ... 135

Tabel 5.2 Blackbox Testing Halaman Super Admin ... 137

Tabel 5.3 Blackbox Testing Halaman Admin ... 141

Tabel 5.4 Blackbox Testing Halaman Guru... 162


(15)

xx

DAFTAR NOTASI/ LAMBANG

Jenis Notasi/Lambang Nama Arti

Flowchart

Sistem

Terminator

Simbol untuk

permulaan (start) atau akhir (stop) dari suatu kegiatan

Flowchart

Sistem Proses

Simbol yang menunjukkan pengolahan yang dilakukan oleh komputer Flowchart Sistem Operasi Manual Simbol yang menunjukkan

pengolahan yang tidak dilakukan oleh komputer Flowchart Sistem Decision Simbol pemilihan proses berdasarkan kondisi yang ada.

Flowchart

Sistem Arsip

Simbol yang menunjukkan

pengarsipan data yang dilakukan secara manual


(16)

xxi

Jenis Notasi/Lambang Nama Arti

Flowchart

Sistem

Document

Simbol untuk mencetak keluaran dalam bentuk dokumen (melalui

printer)

Flowchart

Sistem

Arah Proses

Simbol yang digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain.

ERD Atribut Mendeskripsikan

karakter entitas

ERD Entitas

Objek dalam dunia nyata yang dapat dibedakan dari objek lain

ERD Relasi

Menggambarkan adanya hubungan atau relasi antar entitas

ERD Penghubung

Menghubungkan atribut dengan entitas dan kumpulan entitas dengan relasi


(17)

xxii

Jenis Notasi/Lambang Nama Arti

DFD External Entity Entitas

DFD Proses Proses yang terjadi

pada sistem

DFD Data Store Tempat penyimpanan data

DFD Aliran Data

Aliran data yang masuk ke sistem dan yang keluar dari sistem

Kamus data + Gabungan Gabungan dua item

data

Kamus data { } Pengulangan

data

Menunjukkan iterasi data


(18)

xxiii

Jenis Notasi/Lambang Nama Arti

Kamus data [ ] Seleksi Memilih satu dari

banyak alternatif

Referensi:

Notasi/Lambang Flowchart dari Ema Utami dan Sukrisno [1] Notasi/Lambang ERD dari Fathansyah [2]

Notasi/Lambang DFD dari Shelly dan Rosenblatt [3] Notasi/Lambang Kamus Data dari R. Mall [4]


(19)

1

BAB 1. PENDAHULUAN

Bab 1 merupakan bab pengantar yang berisi latar belakang, rumusan masalah, dan tujuan penulis membuat aplikasi ini. Selain itu dilengkapi pula dengan ruang lingkup kajian, sumber data, dan sistematika penyajian.

1.1 Latar Belakang Masalah

E-Learning adalah sistem pembelajaran jarak jauh (distance Learning) berbasis web yang memanfaatkan teknologi komputer, jaringan komputer, dan internet. E-Learning memungkinkan pembelajar untuk belajar melalui komputer di tempat mereka masing-masing tanpa harus secara fisik pergi mengikuti pelajaran di kelas. E-Learning pun dapat membuat pembelajar saling berbagi informasi dan mengakses bahan-bahan pelajaran setiap saat dan berulang-ulang yang juga dapat membuat pembelajar lebih memantapkan penguasaannya terhadap materi pelajaran. Materi pelajaran yang didapatkan dapat diketengahkan dengan kualitas yang lebih standar dibandingkan kelas konvensional yang tergantung pada kondisi dari pengajar. Pada umumnya perangkat dilengkapi dengan koneksi Internet ataupun intranet lokal. Dengan memiliki komputer yang terkoneksi dengan intranet ataupun internet, pembelajar dapat bepartisipasi dalam e-Learning.

SMA Santa Maria 3 merupakan salah satu sekolah yang dikelola oleh Yayasan Salib Suci yang beralamat di Jalan Gatot Subroto no. 6 Cimahi. Sejak awal berdiri, SMA Santa Maria 3 ini masih melakukan proses pembelajarannya secara konvensional yang berarti segala yang diajarkan oleh guru akan dicatat oleh siswa dan hal tersebut akan terjadi ketika guru dan siswa bertemu di dalam kelas. Jika pertemuan itu tidak terjadi dengan kata lain dari pihak guru maupun siswa ada yang berhalangan hadir maka otomatis kegiatan belajar mengajar akan terhambat. Selain itu guru dapat memberikan soal-soal latihan atau kuis kepada siswa hanya pada saat pelajaran berlangsung dan siswa pun dituntut mengerjakan soal-soal tersebut dengan batasan waktu. Keadaan seperti ini jelas akan menghambat proses pembelajaran yang berakibat kurangnya pemahaman siswa terhadap


(20)

2

suatu materi pelajaran. Terkadang suatu materi yang membutuhkan waktu pembahasan cukup lama harus dijelaskan dalam waktu yang singkat, hal tersebut menyebabkan adanya keluhan dari para guru maupun siswa.

Berdasarkan latar belakang yang telah diuraikan di atas, maka penulis cukup tertarik untuk melakukan perancangan sistem informasi pembelajaran

e-Learning berbasis web yang tentunya dapat diakses kapan dan dimana saja oleh guru maupun siswa. Selain itu dengan adanya e-Learning

diharapkan para siswa dapat memperoleh materi pelajaran yang diberikan oleh guru dengan cara mengunduh file materi tersebut. Adapun judul yang diambil oleh penulis untuk menyusun laporan tugas akhir ini adalah “SISTEM INFORMASI PEMBELAJARAN ELEKTRONIK BERBASIS WEB (STUDI KASUS : SMA SANTA MARIA 3 CIMAHI) ”

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah dipaparkan di point 1.1 diatas, maka ditemukan beberapa rumusan masalah yaitu :

1. Bagaimana membuat aplikasi e-Learning berbasis web untuk SMA Santa Maria 3 Cimahi ?

2. Bagaimana cara mengelola data user, materi, materi detail, soal, soal detail, jawaban pada masing-masing siswa, kenaikan kelas, serta data forum ?

1.3 Tujuan Pembahasan

Adapun tujuan yang muncul berdasarkan rumusan masalah pada

point 1.2 yang dipaparkan di atas yaitu :

1. Membuat aplikasi e-Learning berbasis web untuk SMA Santa Maria 3 Cimahi.

2. Menghasilkan cara untuk mengelola data user, materi, materi detail, soal, jawaban pada masing-masing siswa, kenaikan kelas, serta data forum.


(21)

3

1.4 Ruang Lingkup Kajian

Pada pembuatan tugas akhir ini, ruang lingkup yang terdapat dalam pembuatan sistem informasi pembelajaran e-Learning ini adalah :

 Perangkat keras 1. RAM 1GB.

2. Processor Intel(R) Pentium IV. 3. Hard Disk 80GB.

 Perangkat lunak

1. Aplikasi berbasis Web dengan menggunakan PHP. 2. Menggunakan database MySQL.

3. XAMPP Control Panel.  Batasan Aplikasi

1. Aplikasi yang dihasilkan adalah aplikasi berbasis web.

2. Implementasi e-Learning di SMA Santa Maria 3 Cimahi meliputi pengolahan data sebagai berikut :

o User (Super Admin, Administrator, Guru, dan Siswa). o Materi Pelajaran (Upload dan Download).

o Latihan-latihan soal yang dapat dikerjakan terus menerus oleh siswa sebagai bahan latihan untuk persiapan kuis atau ulangan.

o Kuis yang dibatasi oleh periode waktu dan hanya dapat dikerjakan satu kali oleh masing-masing siswa.

o Forum yang dapat di kelola oleh masing-masing user, tetapi hanya user admin yang dapat mengakses delete forum.

3. Aplikasi web ini tidak mengolah data sistem akademik sekolah.

4. Materi yang diunduh hanya berupa format file doc, docx, xls, xlsx, ppt, pptx, pdf, rar, zip, jpeg, jpg, png, mp4 dan 3gp dengan batas ukuran

file hanya 3145728 bytes.

5. Aplikasi ini belum memungkinkan untuk melakukan ujian dalam bentuk web.


(22)

4

6. Aplikasi ini dapat mengelola kenaikan kelas masing-masing siswa untuk menentukan materi yang dapat diakses berdasarkan kelasnya. 7. Aplikasi ini dapat mencatat akumulasi nilai rata-rata kuis online yang

dilakukan siswa.

8. Aplikasi ini dapat memiliki history kuis yang pernah dikerjakan oleh siswa berdasarkan kelasnya.

9. Aplikasi ini tidak mengelola pembagian per kelas.

10. Aplikasi ini tidak memberikan report nilai kepada orangtua siswa. 11. Aplikasi ini mengimplementasikan sistem email gateway.

1.5 Sumber Data

Data-data yang diperoleh dalam pembuatan sistem informasi e-Learning ini adalah dengan studi pustaka yaitu mengumpulkan, membaca, dan mempelajari sumber yang ada pada buku karya ilmiah yang berkaitan tentang pembelajaran e-Learning.

Selain itu dilakukan juga observasi lapangan pada SMA Santa Maria 3 Cimahi dan wawancara untuk mengetahui sejauh mana kebutuhan mereka dalam menunjang pembuatan sistem informasi pembelajaran ini.

1.6 Sistematika Penyajian

Gambaran umum pada pembuatan sistem ini disusun dalam sistematika penyajian sebagai berikut :

BAB 1 . Pendahuluan

Bab ini digunakan untuk menjelaskan tentang latar belakang, rumusan masalah, tujuan pembahasan, ruang lingkup kajian, sumber data, serta sistematika penyajian dari proyek tugas akhir ini.

BAB 2. Kajian Teori

Bab ini digunakan untuk menjelaskan teori-teori yang berkaitan dengan pembuatan sistem dan mendukung pembuatan sistem yang ada.


(23)

5

BAB 3. Analisis dan Rancangan Sistem

Bab ini menguraikan analisis terhadap sistem yang sedang berjalan dan permasalahan yang ada serta menjelaskan perancangan sistem yang akan diimplementasikan.

BAB 4. Hasil Penelitian

Bab ini digunakan untuk menjelaskan perencanaan tahap implementasi, proses perkembangan implementasi proyek, penjelasan mengenai realisasi fungsionalitas dan User Interface Design yang sudah dibuat.

BAB 5. Pembahasan dan Uji Coba Hasil Penelitian

Bab ini digunakan untuk menjelaskan rencana pengujian sistem serta testing akan diuji dan dilakukan.

BAB 6. Simpulan dan Saran

Bab ini digunakan untuk memberi kesimpulan dan kata-kata penutup dalam Laporan Tugas Akhir.


(24)

175

BAB 6. SIMPULAN DAN SARAN

Bab 6 merupakan bab terakhir dari pembuatan laporan ini. Bab ini berisi simpulan dari aplikasi dan saran bagi perkembangan aplikasi.

6.1 Simpulan

Simpulan yang dapat ditarik dari aplikasi pembelajaran elektronik berbasis web (studi kasus : SMA Santa Maria 3 Cimahi) adalah :

1. Sebelum adanya aplikasi ini, sistem belajar mengajar antara siswa dan guru masih dibatasi oleh jam sekolah sehingga sangat sulit bagi guru maupun siswa untuk melakukan pembahasan materi lebih dalam. Setelah adanya aplikasi ini, sistem belajar mengajarpun dapat dilakukan di luar lingkungan sekolah dan tidak dibatasi oleh waktu sehingga memudahkan siswa maupun guru untuk membahas materi yang belum sempat diterangkan di dalam kelas.

2. Aplikasi yang dibuat memiliki fitur-fitur pengolahan data seperti data user, materi, materi detail, soal, soal detail, jawaban pada masing-masing siswa, kenaikan kelas, serta data forum.

6.2 Saran

Saran-saran yang telah diperoleh mengenai perkembangan aplikasi selajutnya agar menjadi lebih baik adalah :

1. Aplikasi ini dapat dikembangkan dengan media komunikasi

chatting alasannya agar para siswa maupun guru dapat berkomunikasi lebih mudah dan berkomunikasi secara langsung dalam membahas materi pelajaran.

2. Aplikasi ini dapat dikembangkan dengan sms gateway yang bertujuan agar nilai-nilai yang diperoleh siswa dapat dilaporkan kepada orangtua secara langsung.

3. Aplikasi ini dapat pula dikembangkan dengan membuat soal-soal remedial ulangan secara online dikarenakan para guru kesulitan


(25)

176

untuk mencari waktu pengganti untuk melakukan remedial tersebut.


(26)

177

DAFTAR PUSTAKA

[1] E. Utami and S. , 10 Langkah Belajar Logika dan Algoritma, Menggunakan Bahasa C dan C++ di GNU/Linux, Yogyakarta: ANDI, 2005.

[2] I. Fathansyah, Basis Data, Bandung: Informatika, 2007.

[3] S. G. and R. H. J., System Analysis and Design, Boston: Course Technology, 2011.

[4] M. R., Fundamentals of Software Engineering, New Delhi: PHI Learning Private Limited, 2009.

[5] H. A. Fatta, Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern, Yogyakarta: ANDI, 2007. [6] Z. Amsyah, Manajemen Sistem Informasi, Jakarta: Gramedia, 1977. [7] T. P. I. P. F.-U. Ilmu & Aplikasi Pendidikan, Grasindo, 2007.

[8] M. H. Tanjung and H. Prabowo, Sistem Informasi Manajemen Sumber Daya Manusia, Jakarta: Grasindo, 2006.

[9] J. Mishra and A. Mohanty, Software Engineering, India: Pearson Education India, 2011.

[10] J. A. Hall and T. Singleton, Information Technology Auditing and Assurance, Jakarta: Salemba Empat, 2007.

[11] K. Strategi Perancang dan Pengelolaan Basis Data, Yogyakarta: ANDI, 2007.

[12] W. K. SQL Server 2008 Express, Yogyakarta: ANDI, 2010.

[13] M. Huda and B. K. , Membuat Aplikasi Database dengan Java, MySQL, dan NetBeans, Elex Media Komputindo, 2010.

[14] A. Panduan Menguasai PHP & MySQL secara Otodidak, Jakarta: Mediakita, 2010.

[15] A. Ramadhan, SGS : Pemrograman Web Database dengan PHP dan MySQL, Jakarta: Elex Media Komputindo, 2006.


(27)

178

[16] D. P. Oktavian, Menjadi Programmer Jempolan Menggunakan PHP, Yogyakarta: MediaKom, 2010.

[17] W. Sya'ban, Build Your Blogger XML Template, Yogyakarta: ANDI, 2010.

[18] A. Sunyoto, AJAX Membangun Web dengan Teknologi Asynchronouse JavaScript dan XML, Yogyakarta: ANDI, 2007.

[19] M. G. Limaye, Software Testing : Principles, Techniques and Tools, New Delhi: Tata McGraw-Hill, 2009.


(1)

6. Aplikasi ini dapat mengelola kenaikan kelas masing-masing siswa untuk menentukan materi yang dapat diakses berdasarkan kelasnya. 7. Aplikasi ini dapat mencatat akumulasi nilai rata-rata kuis online yang

dilakukan siswa.

8. Aplikasi ini dapat memiliki history kuis yang pernah dikerjakan oleh siswa berdasarkan kelasnya.

9. Aplikasi ini tidak mengelola pembagian per kelas.

10. Aplikasi ini tidak memberikan report nilai kepada orangtua siswa. 11. Aplikasi ini mengimplementasikan sistem email gateway.

1.5 Sumber Data

Data-data yang diperoleh dalam pembuatan sistem informasi e-Learning ini adalah dengan studi pustaka yaitu mengumpulkan, membaca, dan mempelajari sumber yang ada pada buku karya ilmiah yang berkaitan tentang pembelajaran e-Learning.

Selain itu dilakukan juga observasi lapangan pada SMA Santa Maria 3 Cimahi dan wawancara untuk mengetahui sejauh mana kebutuhan mereka dalam menunjang pembuatan sistem informasi pembelajaran ini.

1.6 Sistematika Penyajian

Gambaran umum pada pembuatan sistem ini disusun dalam sistematika penyajian sebagai berikut :

BAB 1 . Pendahuluan

Bab ini digunakan untuk menjelaskan tentang latar belakang, rumusan masalah, tujuan pembahasan, ruang lingkup kajian, sumber data, serta sistematika penyajian dari proyek tugas akhir ini.

BAB 2. Kajian Teori

Bab ini digunakan untuk menjelaskan teori-teori yang berkaitan dengan pembuatan sistem dan mendukung pembuatan sistem yang ada.


(2)

5

BAB 3. Analisis dan Rancangan Sistem

Bab ini menguraikan analisis terhadap sistem yang sedang berjalan dan permasalahan yang ada serta menjelaskan perancangan sistem yang akan diimplementasikan.

BAB 4. Hasil Penelitian

Bab ini digunakan untuk menjelaskan perencanaan tahap implementasi, proses perkembangan implementasi proyek, penjelasan mengenai realisasi fungsionalitas dan User Interface Design yang sudah dibuat.

BAB 5. Pembahasan dan Uji Coba Hasil Penelitian

Bab ini digunakan untuk menjelaskan rencana pengujian sistem serta testing akan diuji dan dilakukan.

BAB 6. Simpulan dan Saran

Bab ini digunakan untuk memberi kesimpulan dan kata-kata penutup dalam Laporan Tugas Akhir.


(3)

175

Bab 6 merupakan bab terakhir dari pembuatan laporan ini. Bab ini berisi simpulan dari aplikasi dan saran bagi perkembangan aplikasi.

6.1 Simpulan

Simpulan yang dapat ditarik dari aplikasi pembelajaran elektronik berbasis web (studi kasus : SMA Santa Maria 3 Cimahi) adalah :

1. Sebelum adanya aplikasi ini, sistem belajar mengajar antara siswa dan guru masih dibatasi oleh jam sekolah sehingga sangat sulit bagi guru maupun siswa untuk melakukan pembahasan materi lebih dalam. Setelah adanya aplikasi ini, sistem belajar mengajarpun dapat dilakukan di luar lingkungan sekolah dan tidak dibatasi oleh waktu sehingga memudahkan siswa maupun guru untuk membahas materi yang belum sempat diterangkan di dalam kelas.

2. Aplikasi yang dibuat memiliki fitur-fitur pengolahan data seperti data user, materi, materi detail, soal, soal detail, jawaban pada masing-masing siswa, kenaikan kelas, serta data forum.

6.2 Saran

Saran-saran yang telah diperoleh mengenai perkembangan aplikasi selajutnya agar menjadi lebih baik adalah :

1. Aplikasi ini dapat dikembangkan dengan media komunikasi chatting alasannya agar para siswa maupun guru dapat berkomunikasi lebih mudah dan berkomunikasi secara langsung dalam membahas materi pelajaran.

2. Aplikasi ini dapat dikembangkan dengan sms gateway yang bertujuan agar nilai-nilai yang diperoleh siswa dapat dilaporkan kepada orangtua secara langsung.

3. Aplikasi ini dapat pula dikembangkan dengan membuat soal-soal remedial ulangan secara online dikarenakan para guru kesulitan


(4)

176

untuk mencari waktu pengganti untuk melakukan remedial tersebut.


(5)

DAFTAR PUSTAKA

[1] E. Utami and S. , 10 Langkah Belajar Logika dan Algoritma, Menggunakan Bahasa C dan C++ di GNU/Linux, Yogyakarta: ANDI, 2005.

[2] I. Fathansyah, Basis Data, Bandung: Informatika, 2007.

[3] S. G. and R. H. J., System Analysis and Design, Boston: Course Technology, 2011.

[4] M. R., Fundamentals of Software Engineering, New Delhi: PHI Learning Private Limited, 2009.

[5] H. A. Fatta, Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern, Yogyakarta: ANDI, 2007. [6] Z. Amsyah, Manajemen Sistem Informasi, Jakarta: Gramedia, 1977. [7] T. P. I. P. F.-U. Ilmu & Aplikasi Pendidikan, Grasindo, 2007.

[8] M. H. Tanjung and H. Prabowo, Sistem Informasi Manajemen Sumber Daya Manusia, Jakarta: Grasindo, 2006.

[9] J. Mishra and A. Mohanty, Software Engineering, India: Pearson Education India, 2011.

[10] J. A. Hall and T. Singleton, Information Technology Auditing and Assurance, Jakarta: Salemba Empat, 2007.

[11] K. Strategi Perancang dan Pengelolaan Basis Data, Yogyakarta: ANDI, 2007.

[12] W. K. SQL Server 2008 Express, Yogyakarta: ANDI, 2010.

[13] M. Huda and B. K. , Membuat Aplikasi Database dengan Java, MySQL, dan NetBeans, Elex Media Komputindo, 2010.

[14] A. Panduan Menguasai PHP & MySQL secara Otodidak, Jakarta: Mediakita, 2010.

[15] A. Ramadhan, SGS : Pemrograman Web Database dengan PHP dan MySQL, Jakarta: Elex Media Komputindo, 2006.


(6)

178

[16] D. P. Oktavian, Menjadi Programmer Jempolan Menggunakan PHP, Yogyakarta: MediaKom, 2010.

[17] W. Sya'ban, Build Your Blogger XML Template, Yogyakarta: ANDI, 2010.

[18] A. Sunyoto, AJAX Membangun Web dengan Teknologi Asynchronouse JavaScript dan XML, Yogyakarta: ANDI, 2007.

[19] M. G. Limaye, Software Testing : Principles, Techniques and Tools, New Delhi: Tata McGraw-Hill, 2009.