SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS … · SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS BERBASIS WEB UNTUK SISWA KELAS 1-3 SEKOLAH DASAR Studi Kasus : SD Tumbuh 1 Yogyakarta

SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS

BERBASIS WEB UNTUK SISWA KELAS 1-3 SEKOLAH DASAR

Studi Kasus : SD Tumbuh 1 Yogyakarta

Skripsi

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Komputer

Program Studi Teknik Informatika

Oleh :

TOMY DRIANTAMA LAKSONO

145314028

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

2019

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

i

SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS


Studi Kasus : SD Tumbuh 1 Yogyakarta

Skripsi

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Komputer

Program Studi Teknik Informatika

Oleh :


145314028

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

2019


ii

WEB BASED ENGLISH LEARNING MANAGEMENT SYSTEM

FOR 1ST-3RD GRADE PRIMARY SCHOOL

Case Study: SD Tumbuh 1 Yogyakarta

Thesis

Presented as Partial Fulfillment of the Requirements

To Obtain the Sarjana Komputer Degree

In Informatics Engineering Study Program

By :


145314028

INFORMATICS ENGINEERING STUDY PROGRAM

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY

YOGYAKARTA

2019


iii


iv


v

HALAMAN PERSEMBAHAN

“Sebab TUHAN ,

Dia sendiri akan berjalan di depanmu,

Dia sendiri akan menyertai engkau,

Dia tidak akan membiarkan engkau

dan tidak akan meninggalkan engkau;

janganlah takut dan janganlah patah hati”

-Ulangan 31:8-

“Wujud restu dari Tuhan agar kamu bahagia adalah mereka yang selalu

mendoakanmu tanpa lelah”

Skripsi ini saya persembahkan kepada :

Tuhan Yesus Kristus , Orang Tua, Adik , Saudara-Saudara , Dosen & Sahabat

Terima Kasih untuk segala dukungan doa , semangat, kasih sayang, motivasi serta

bantuan yang kalian berikan. Kiranya Tuhan Selalu memberkati dan melindungi

kalian semua dimanapun kalian berada.


vi


vii


viii

ABSTRAK

Bahasa Inggris saat ini merupakan bahasa yang digunakan untuk

berkomunikasi dan mentransfer ilmu ke seluruh dunia. Pendidikan Bahasa Inggris

sangat ideal dimulai sejak dini, terutama sebelum anak memasuki umur 12 tahun,

karena pada usia tersebut merupakan periode emas perkembangan kemampuan

berbahasa pada anak. Kemajuan teknologi telah meluas ke berbagai bidang dan salah

satunya adalah pendidikan. SD Tumbuh 1 Yogyakarta saat ini menggunakan

kurikulum Cambridge dan menggunakan gadget dan komputer sebagai sarana media

pembelajaran Bahasa Inggris bagi siswa-siswanya.

Pada penelitian ini dibangun sebuah Sistem Manajemen Pembelajaran Bahasa

Inggris Berbasis Web untuk Siswa Kelas 1-3 Sekolah Dasar menggunakan JSP dan

basisdata MySQL. Sistem ini dapat menampilkan gambar, audio dan video materi

Bahasa Inggris serta terdapat latihan soal.

Hasil uji coba menunjukkan Sistem Manajemen Pembelajaran Bahasa Inggris

Berbasis Web ini sudah berjalan dengan baik. Adapun hasil uji coba terhadap

pengguna (Guru dan siswa) menunjukkan yaitu tampilan sistem menarik, sistem ini

mudah digunakan dan membantu dalam proses belajar mengajar Bahasa Inggris.

Kata kunci : Pembelajaran Bahasa Inggris Berbasis Web, JSP, MySQL.


ix

ABSTRACT

English is currently the language used to communicate and transfer

knowledge to the whole world. English language education is ideal starting early,

especially before children enter the age of 12 years, because at that age is a golden

period of development of language skills in children. Technological progress has

expanded to various fields and one of them is education. Tumbuh 1 Yogyakarta

elementary schoole currently uses the Cambridge curriculum and uses gadgets and

computers as a medium for learning English for students.

In this study a Web-Based English Learning Management System was built

for Class 1-3 Primary School Students using JSP and MySQL database. This system

can display images, audio and video material in English as well as practice questions.

The results of the trial show that the Web-Based English Learning Management

System has been going well.

The results of trials on users (Teachers and students) show that the user

interface of the system is interesting, this system is easy to use and helps in the

learning process of teaching English.

Keywords : Web based English learning, JSP, MySQL


x

KATA PENGANTAR

Puji Syukur kepada Tuhan Yesus Kristus, atas segala berkat dan karuniaNya

sehingga penulis dapat menyelesaikan tugas akhir ini sebagai salah satu syarat

memperoleh gelar sarjana program studi Teknik Informatika, Fakultas Sains dan

Teknologi Universitas Sanata Dharma Yogyakarta.

Penelitian dan penulisan tugas akhir ini berjalan dengan baik dari awal hingga

akhir karena adanya dukungan doa, semangat dan motivasi yang diberikan oleh

banyak pihak. Untuk itu, penulis ingin mengucapkan terima kasih kepada :

1. Tuhan Yesus Kristus yang telah memberkati, menyertai, dan memberikan

kekuatan sehingga penulis dapat menyelesaikan tugas akhir ini dengan baik.

2. Kedua orang tua terkasih, Hubertus Sumartoyo dan Bernadetha Premi

Aryanti, untuk setiap dukungan doa, semangat dan motivasi yang telah

diberikan.

3. Adik Gabriel Aryo Dwi Prasetyo, untuk setiap doa, kasih sayang dan

semangat yang selalu diberikan.

4. Ibu Agnes Maria Polina S.Kom., M.Sc. selaku dosen pembimbing tugas akhir

yang telah membimbing dengan sabar, serta memberikan saran, motivasi,

waktu, pikiran dan tenaga sehingga penulis dapat menyelesaikan tugas akhir

ini dengan baik.

5. Bapak Sudi Mungkasi S.Si., M.Math.Sc. selaku Dekan Fakultas Sains dan


6. Ibu Dr. Anastasia Rita Widiarti selaku Kepala Prodi Teknik Infromatika.

7. Seluruh dosen-dosen yang telah mendidik penulis dan memberikan ilmu

pengetahuan selama menjalani studi di Universitas Sanata Dharma

Yogyakarta.

8. SD Tumbuh 1 Yogyakarta yang telah membantu penulis mulai dari proses

pengambilan data hingga uji coba sistem.


xi


xii

DAFTAR ISI

HALAMAN PERSETUJUAN ..................................................................................... iii

HALAMAN PENGESAHAN ...................................................................................... iv

HALAMAN PERSEMBAHAN.................................................................................... v

PERNYATAAN KEASLIAN KARYA ...................................................................... vi

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH

UNTUK KEPENTINGAN AKADEMIS ................................................................... vii

ABSTRAK ................................................................................................................. viii

ABSTRACT ................................................................................................................. ix

KATA PENGANTAR .................................................................................................. x

DAFTAR ISI ............................................................................................................... xii

DAFTAR GAMBAR ................................................................................................ xvii

DAFTAR TABEL ....................................................................................................... xx

BAB I 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 Penelitian ................................................................................................ 4

1.6 Sistematika Penulisan............................................................................................ 4

BAB II LANDASAN TEORI ....................................................................................... 6

2.1 Tinjauan Pustaka ................................................................................................... 6

2.2 Sistem Pembelajaran Berbasis Web ...................................................................... 6

2.2.1 Pengertian Sistem ............................................................................................. 6

2.2.2 Karakteristik Sistem .......................................................................................... 7

2.2.3 Sistem Pembelajaran ......................................................................................... 8

2.2.4 Pengertian Website ............................................................................................ 8

2.2.5 Pembelajaran Berbasis Web .............................................................................. 9

2.3 Data Multimedia .................................................................................................... 9


xiii

2.4 Model Waterfall .................................................................................................... 9

2.5 JSP…. .................................................................................................................. 10

2.5.1 Kelebihan dan Kelemahan JSP ....................................................................... 10

2.6 MySQL ................................................................................................................ 11

BAB III METODOLOGI PENELITIAN.................................................................... 12

3.1 Sumber Data ........................................................................................................ 12

3.2 Tahap – Tahap Penelitian .................................................................................... 12

3.3 Spesifikasi Alat ................................................................................................... 14

BAB IV ANALISIS DAN PERANCANGAN SISTEM ............................................ 15

4.1 Communication ................................................................................................... 15

4.2 Planning .............................................................................................................. 15

4.2.1 Analisis Kebutuhan Pengguna ........................................................................ 16

4.2.1.1 Tabel Analisis Kebutuhan Pengguna .......................................................... 16

4.2.1.2 Diagram Use Case Sistem Manajemen Pembelajaran Bahasa Inggris ....... 17

4.2.1.3 Rincian Diagram Use Case ......................................................................... 18

4.2.1.4 Skenario Use Case ...................................................................................... 19

4.2.1.5 Diagram Konteks ......................................................................................... 38

4.2.1.6 Diagram Berjenjang .................................................................................... 39

4.2.1.7 Diagram Aliran Data .................................................................................. 40

4.2.1.7.1 DFD Level 1 ............................................................................................ 40

4.2.1.7.2 DFD Level 2 Proses 1 ............................................................................. 41

4.2.1.7.3 DFD Level 2 Proses 2 ............................................................................. 42

4.2.1.7.4 DFD Level 2 Proses 3 ............................................................................. 43

4.2.1.7.5 DFD Level 2 Proses 4 ............................................................................. 44

4.2.1.7.6 DFD Level 2 Proses 5 ............................................................................. 45

4.2.1.7.7 DFD Level 2 Proses 6 ............................................................................. 46

4.3 Modeling .............................................................................................................. 46

4.3.1 Desain Manajemen Data ................................................................................. 47

4.3.1.1 Desain Basisdata Konseptual ...................................................................... 47

4.3.1.2 Desain Basisdata Logikal ............................................................................ 48


xiv

4.3.1.3 Desain Basisdata Fisikal ............................................................................. 48

4.3.2 Desain Antarmuka ........................................................................................... 52

4.3.2.1 Halaman Utama Sistem ............................................................................... 52

4.3.2.2 Halaman Login ............................................................................................ 52

4.3.2.3 Halaman Utama Admin (Profil Admin) ...................................................... 53

4.3.2.4 Halaman Utama Admin (Ubah Profil Admin) ............................................ 54

4.3.2.5 Halaman Kategori Materi (Tambah Kategori Materi) ................................ 54

4.3.2.6 Halaman Kategori Materi (Daftar Kategori Materi) ................................... 55

4.3.2.7 Halaman Materi (Kelola Image Materi) ...................................................... 56

4.3.2.8 Halaman Materi (Kelola Video Materi) ...................................................... 56

4.3.2.9 Halaman Materi (Kelola Audio Materi) ...................................................... 57

4.3.2.10 Halaman Materi (Daftar Image Materi) .................................................... 58

4.3.2.11 Halaman Materi (Daftar Video Materi) .................................................... 58

4.3.2.12 Halaman Materi (Daftar Audio Materi) .................................................... 59

4.3.2.13 Halaman Tes Latihan ............................................................................... 59

4.3.2.14 Halaman Soal ............................................................................................ 60

4.3.2.15 Halaman Soal (Lihat Soal) ........................................................................ 61

4.3.2.16 Halaman Siswa (Daftar Siswa) ................................................................ 62

4.3.2.17 Halaman Siswa (Tambah Siswa) .............................................................. 63

4.3.2.18 Halaman Utama Siswa .............................................................................. 64

4.3.2.19 Halaman Utama Siswa (Ubah Profil) ........................................................ 65

4.3.2.20 Halaman Materi Belajar (Lihat Materi dan Gambar Materi) .................... 66

4.3.2.21 Halaman Materi Belajar (Lihat Materi dan Video Materi) ....................... 67

4.3.2.22 Halaman Materi Belajar (Lihat Materi dan Audio Materi ) ...................... 67

4.3.2.23 Halaman Tes Latihan ................................................................................ 68

4.3.2.24 Halaman Tes Latihan (Mengerjakan Soal) ............................................... 68

4.3.2.25 Halaman Hasil Tes ................................................................................... 69

BAB V IMPLEMENTASI SISTEM ........................................................................... 70

5.1 Construction ........................................................................................................ 70

5.1.1 Implementasi Manajemen Data ...................................................................... 70

5.1.2 Implementasi Manajemen Antarmuka ........................................................... 73


xv

5.1.2.1 Halaman Utama Sistem......................................................................................73

5.1.2.2 Halaman Login ........................................................................................... 74

5.1.2.3 Halaman Utama Admin (Profil Admin) ..................................................... 74

5.1.2.4 Halaman Utama Admin (Ubah Profil) ....................................................... 75

5.1.2.5 Halaman Kategori Materi (Tambah Kategori Materi) ............................... 75

5.1.2.6 Halaman Kategori Materi (Daftar Kategori Materi) .................................. 76

5.1.2.7 Halaman Materi (Kelola Image Materi) ..................................................... 76

5.1.2.8 Halaman Materi (Kelola Video Materi) ..................................................... 78

5.1.2.9 Halaman Materi (Kelola Audio Materi) ..................................................... 79

5.1.2.10 Halaman Materi (Daftar Image Materi) ................................................... 80

5.1.2.11 Halaman Materi (Daftar Video Materi) ................................................... 81

5.1.2.12 Halaman Materi (Daftar Audio Materi) ................................................... 82


5.1.2.14 Halaman Soal ........................................................................................... 83

5.1.2.15 Halaman Soal (Lihat Soal) ....................................................................... 85

5.1.2.16 Halaman Siswa (Daftar Siswa) ................................................................ 86

5.1.2.17 Halaman Siswa (Tambah Siswa).............................................................. 86

5.1.2.18 Halaman Utama Siswa ............................................................................. 87

5.1.2.19 Halaman Utama Siswa (Ubah Profil) ....................................................... 88

5.1.2.20 Halaman Materi Belajar (Lihat Materi dan Gambar Materi) ................... 89

5.1.2.21 Halaman Materi Belajar (Lihat Materi dan Video Materi) ...................... 89

5.1.2.22 Halaman Materi Belajar (Lihat Materi dan Audio Materi) ...................... 91


5.1.2.24 Halaman Tes Latihan (Mengerjakan Soal) .............................................. 92

5.1.2.25 Halaman Hasil Tes ................................................................................... 93

BAB VI PENGUJIAN DAN ANALISIS HASIL ....................................................... 95

6.1 Deployment ......................................................................................................... 95

6.1.1 Analisa Hasil Uji Coba Sistem (Alpha Test) ................................................... 95

6.1.2 Analisa Hasil Uji Coba Sistem Terhadap Pengguna (Beta Test) .................... 96

6.1.2.1 Hasil Uji Coba Sistem Terhadap Siswa ...................................................... 96

6.1.2.2 Hasil Uji Coba Sistem Terhadap Guru ...................................................... 104


xvi

6.1.2.3 Rangkuman Hasil Uji Program Pembelajaran Bahasa Inggris ………… 110

BAB VII PENUTUP ................................................................................................. 111

7.1 Kesimpulan ........................................................................................................ 111

7.2 Saran ………………………………………………………………………… 112

LAMPIRAN .............................................................................................................. 114


xvii

DAFTAR GAMBAR

Gambar 2.1 Ilustrasi Model Waterfall .......................................................................... 9

Gambar 3.1 Fase-fase Dalam Model Waterfall........................................................... 12

Gambar 4.1 Diagram Use Case Sistem Pembelajaran Bahasa Inggris Berbasis Web 17

Gambar 4.2 Diagram Use Case Untuk Administrator ................................................ 18

Gambar 4.3 Diagram Use Case Untuk Siswa ............................................................. 19

Gambar 4.4 Diagram Konteks..................................................................................... 39

Gambar 4.5 Diagram Berjenjang ................................................................................ 40

Gambar 4.6 Diagram DFD Level 1 ............................................................................. 41

Gambar 4.7 Diagram DFD Level 2 Proses 1 .............................................................. 42



Gambar 4.10 Diagram DFD Level 2 Proses 4 ............................................................ 45



Gambar 4.13 Desain Basisdata Konseptual ................................................................ 48

Gambar 4.14 Desain Basisdata Logikal ...................................................................... 49

Gambar 4.15 Desain Halaman Utama Sistem ............................................................. 53

Gambar 4.16 Desain Halaman Login .......................................................................... 53

Gambar 4.17 Desain Halaman Utama Admin (Profil Admin) .................................... 54

Gambar 4.18 Desain Halaman Utama Admin (Ubah Profil) ...................................... 55

Gambar 4.19 Desain Halaman Kategori Materi (Tambah Kategori Materi) .............. 56

Gambar 4.20 Desain Halaman Kategori Materi (Daftar Kategori Materi) ................. 56

Gambar 4.21 Desain Halaman Materi (Kelola Image Materi) .................................... 57

Gambar 4.22 Desain Halaman Materi (Kelola Video Materi) .................................... 58

Gambar 4.23 Desain Halaman Materi (Kelola Audio Materi) .................................... 58

Gambar 4.24 Desain Halaman Daftar Image Materi .................................................. 59

Gambar 4.25 Desain Halaman Daftar Video Materi ................................................... 59

Gambar 4.26 Desain Halaman Daftar Audio Materi .................................................. 60

Gambar 4.27 Desain Halaman Tes Latihan ................................................................ 61


xviii

Gambar 4.28 Desain Halaman Soal ............................................................................ 62

Gambar 4.29 Desain Halaman Soal (Lihat Soal) ........................................................ 63

Gambar 4.30 Desain Halaman Siswa (Daftar Siswa) ................................................. 64

Gambar 4.31 Desain Halaman Tambah Siswa ............................................................ 65

Gambar 4.32 Desain Halaman Utama Siswa .............................................................. 66

Gambar 4.33 Desain Halaman Utama Siswa (Ubah Profil) ........................................ 67

Gambar 4.34 Desain Halaman Materi Belajar (Lihat Gambar Materi) ...................... 67

Gambar 4.35 Desain Halaman Materi Belajar (Lihat Video Materi).......................... 68

Gambar 4.36 Desain Halaman Materi Belajar (Lihat Audio Materi) ......................... 68

Gambar 4.37 Desain Halaman Tes Latihan ................................................................ 69

Gambar 4.38 Desain Halaman Tes Latihan (Mengerjakan Soal) ............................... 69

Gambar 4.39 Desain Halaman Hasil Tes .................................................................... 70

Gambar 5.1 Halaman Utama Sistem ........................................................................... 73

Gambar 5.2 Halaman Login ........................................................................................ 74

Gambar 5.3 Halaman Utama Admin (Profil Admin) .................................................. 74

Gambar 5.4 Halaman Utama Admin (Ubah Profil) .................................................... 75

Gambar 5.5 Halaman Kategori Materi (Tambah Kategori Materi) ............................ 75

Gambar 5.6 Halaman Kategori Materi (Daftar Kategori Materi) ............................... 76

Gambar 5.7 Halaman Materi (Kelola Image Materi) .................................................. 77

Gambar 5.8 Halaman Materi (Kelola Video Materi) .................................................. 78

Gambar 5.9 Halaman Materi (Kelola Audio Materi) .................................................. 79

Gambar 5.10 Halaman Materi (Daftar Image Materi) ................................................ 80

Gambar 5.11 Halaman Materi (Daftar Video Materi) ................................................ 81

Gambar 5.12 Halaman Materi (Daftar Audio Materi) ................................................ 82

Gambar 5.13 Halaman Tes Latihan ............................................................................ 83

Gambar 5.14 Halaman Soal ........................................................................................ 84

Gambar 5.15 Halaman Soal (Lihat Soal) .................................................................... 85

Gambar 5.16 Halaman Siswa (Daftar Siswa) ............................................................. 86

Gambar 5.17 Halaman Siswa (Tambah Siswa)........................................................... 87

Gambar 5.18 Halaman Utama Siswa .......................................................................... 88

Gambar 5.19 Halaman Utama Siswa (Ubah Profil) .................................................... 88


xix

Gambar 5.20 Halaman Materi Belajar (Lihat Materi dan Gambar Materi) ................ 89

Gambar 5.21 Halaman Materi Belajar (Lihat Materi dan Video Materi) ................... 89

Gambar 5.22 Halaman Materi Belajar (Lihat Materi dan Audio Materi) ................... 91

Gambar 5.23 Halaman Tes Latihan ............................................................................ 91

Gambar 5.24 Halaman Tes Latihan (Mengerjakan Soal)............................................ 92

Gambar 5.25 Halaman Hasil Tes ................................................................................ 93

Gambar 6.1 Grafik Hasil Pertanyaan no.1 untuk siswa .............................................. 97



Gambar 6.4 Grafik Hasil Pertanyaan no.4 untuk siswa ............................................ 100



Gambar 6.7 Grafik Hasil Pertanyaan no.1 untuk guru .............................................. 105

Gambar 6.8 Grafik Hasil Pertanyaan no.2 untuk guru .............................................. 106

Gambar 6.9 Hasil Pertanyaan no.3 untuk guru ......................................................... 107

Gambar 6.10 Hasil Pertanyaan no.4 untuk guru ....................................................... 109


xx

DAFTAR TABEL

Tabel 4.1 Analisis Kebutuhan Pengguna .................................................................... 16

Tabel 4.2 Skenario Login ............................................................................................ 19

Tabel 4.3 Skenario Menambah Audio Materi ............................................................. 20

Tabel 4.4 Skenario Mengubah Audio Materi .............................................................. 21

Tabel 4.5 Skenario Menghapus Audio Materi ............................................................ 22

Tabel 4.6 Skenario Memutar Audio Materi ................................................................ 22

Tabel 4.7 Skenario Menambah Video Materi ............................................................. 23

Tabel 4.8 Skenario Mengubah Video Materi .............................................................. 24

Tabel 4.9 Skenario Menghapus Video Materi ............................................................ 25

Tabel 4.10 Skenario Memutar Video Materi .............................................................. 26

Tabel 4.11 Skenario Menambah Image Materi ........................................................... 26

Tabel 4.12 Skenario Mengubah Image Materi ............................................................ 27

Tabel 4.13 Skenario Menghapus Image Materi .......................................................... 28

Tabel 4.14 Skenario Melihat Image Materi ................................................................ 29

Tabel 4.15 Skenario Menambah Kategori Materi ....................................................... 29

Tabel 4.16 Skenario Menghapus Kategori Materi ...................................................... 30

Tabel 4.17 Skenario Melihat Kategori Materi ............................................................ 31

Tabel 4.18 Skenario Menambah Soal ......................................................................... 31

Tabel 4.19 Skenario Menghapus Soal ......................................................................... 32

Tabel 4.20 Skenario Melihat Soal ............................................................................... 33

Tabel 4.21 Skenario Menghapus Siswa ...................................................................... 34

Tabel 4.22 Skenario Melihat Siswa ............................................................................ 35

Tabel 4.23 Skenario Memutar Audio Materi .............................................................. 35

Tabel 4.24 Skenario Memutar Video Materi .............................................................. 36

Tabel 4.25 Skenario Melihat Image Materi ................................................................ 36

Tabel 4.26 Skenario Mengerjakan Tes Latihan .......................................................... 37

Tabel 4.27 Skenario Melihat Hasil Tes Latihan.......................................................... 38


xxi

Tabel 4.28 Struktur Tabel student ............................................................................... 49

Tabel 4.29 Struktur Tabel audio_course ..................................................................... 50

Tabel 4.30 Struktur Tabel image_course .................................................................... 50

Tabel 4.31 Struktur Tabel video_course ..................................................................... 50

Tabel 4.32 Struktur Tabel answers.............................................................................. 51

Tabel 4.33 Struktur Tabel questions ........................................................................... 51

Tabel 4.34 Struktur Tabel course_testresult................................................................ 51

Tabel 4.35 Struktur Tabel course_category ................................................................ 52

Tabel 6.1 Hasil Perhitungan Kuesioner untuk Pertanyaan no. 1................................. 97

Tabel 6.2 Hasil Perhitungan Kuesioner untuk Pertanyaan no. 2................................. 98

Tabel 6.3 Hasil Perhitungan Kuesioner untuk Pertanyaan no.3.................................. 99

Tabel 6.4 Hasil Perhitungan Kuesioner untuk Pertanyaan no. 4............................... 100






Tabel 6.10 Hasil Perhitungan Kuesioner untuk Pertanyaan no. 4............................. 108

Tabel 6.11 Rangkuman Hasil Uji Coba Program Pembelajaran Bahasa Inggris

terhadap

siswa......................................................................................................................... 110

Tabel 6.12 Rangkuman Hasil Uji Coba Program Pembelajaran Bahasa Inggris

terhadap guru ............................................................................................................. 110


1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Bahasa Inggris telah menjadi bahasa internasional yang digunakan hampir di

segala bidang kehidupan global. Bahasa Inggris juga telah menjadi bahasa dunia

yang mendominasi era komunikasi untuk menghubungkan dan mentransfer ilmu

ke seluruh dunia. Menurut Fromkin (1990: 259) Bahasa Inggris merupakan

kebutuhan yang penting bagi masyarakat modern sekarang ini, karena

memudahkan seseorang untuk memperluas pergaulannya di dunia internasional.

Pendidikan Bahasa Inggris sangat ideal dimulai sejak dini, terutama sebelum

anak memasuki umur 12 tahun. Pada usia tersebut merupakan periode emas

perkembangan kemampuan berbahasa pada anak.

Kemajuan teknologi pada era globalisasi telah meluas di berbagai bidang

serta menjadikan pengetahuan mudah diakses. Pada bidang pendidikan, siswa

dapat menggunakan gadget atau komputer sebagai sarana media pembelajaran.

Saat ini SD Tumbuh 1 Yogyakarta telah menggunakan CIPP/Cambridge

International Primary Program pada mata pelajaran IPA, matematika dan

Bahasa Inggris. SD Tumbuh juga telah menggunakan gadget dan komputer

dalam pendampingan pembelajaran bagi siswa-siswanya, salah satunya untuk

kegiatan listening di kelas 3 pada mata pelajaran Bahasa Inggris, SD Tumbuh

menggunakan komputer dan wajib menggunakan ipad untuk kegiatan minimal 1

pembuatan video proyek atau pemaparan 1 materi pembelajaran. Hal ini

melatarbelakangi penulis untuk membangun sebuah prototype media

pendamping pembelajaran Bahasa Inggris yang dapat digunakan untuk melihat.


2

materi pembelajaran melalui gambar, audio dan video serta dapat digunakan

untuk mengerjakan soal-soal latihan. Diharapkan dengan adanya sistem pembelajaran

ini dapat membantu siswa dan guru dalam belajar mengajar Bahasa Inggris di SD

Tumbuh 1 Yogyakarta.

Meninjau penelitian tentang sistem pembelajaran yang pernah dikerjakan

sebelumnya, yaitu :

- Anna (2017), peneliti membuat Sistem Pembelajaran PAUD tentang

Binatang dan Transportasi Menggunakan RPL Multimedia dengan

Metode Luther-Sutopo. Sistem pembelajaran ini membantu siswa-

siswa PAUD dalam belajar tentang binatang yang dilengkapi dengan

gambar binatang dan pemutar audio untuk mengenal suara binatang

dan penjelasan tentang transportasi.

- Venti (2015), peneliti membuat Sistem Pembelajaran Kebudayaan

Indonesia bagi Siswa Kelas 4 & 5 Sekolah Dasar dengan

Menggunakan Basis Data Multimedia. Dalam sistem pembelajaran

ini terdapat gambar, video dan audio serta penjelasan mengenai

rumah adat, pakaian adat, tarian daerah dan lagu daerah yang ada di

Indonesia. Sistem ini juga memiliki latihan soal sederhana yang dapat

membantu siswa-siswa dalam berlatih memahami kebudayaan-

kebudayaan Indonesia.

Dari latar belakang tersebut penulis tertarik untuk membangun suatu Sistem

Manajemen Pembelajaran Bahasa Inggris Berbasis Web untuk Siswa Kelas 1-3

Sekolah Dasar.

1.2 Rumusan masalah

1. Bagaimana membangun Sistem Manajemen Pembelajaran Bahasa Inggris

Berbasis Web untuk Siswa Kelas 1-3 Sekolah Dasar ?


3

2. Apakah Sistem Manajemen Pembelajaran Bahasa Inggris Berbasis Web ini

mudah digunakan (easy of use) dan bermanfaat (usefulness) dalam proses

belajar mengajar Bahasa Inggris bagi siswa dan guru ?

1.3 Batasan Masalah

Pada pembuatan Sistem Manajemen Pembelajaran Bahasa Inggris Berbasis Web

untuk Siswa Kelas 1-3 Sekolah Dasar ini terdapat batasan masalah yang terdiri

atas :

1. Materi Bahasa Inggris yang digunakan dalam pembelajaran ini yaitu

animals (binatang), fruits (buah-buahan) serta weather and season (musim

dan cuaca).

2. Fasilitas Sistem Manajemen Pembelajaran Bahasa Inggris Berbasis Web

ini meliputi : pengelolaan materi, pengelolaan latihan, pengelolaan soal

dan pengelolaan data siswa.

3. Sistem yang dibangun berbasis web dengan menggunakan JSP (Java

Server Pages) dan penyimpanan data materi (image, audio, video) dan

latihan soal menggunakan MySQL.

1.4 Tujuan penelitian

Tujuan dari penelitian ini yaitu membangun Sistem Manajemen Pembelajaran

Bahasa Inggris berbasis Web untuk Siswa Kelas 1-3 Sekolah Dasar yang

diharapkan mudah digunakan dan bermanfaat untuk membantu proses

pembelajaran Bahasa Inggris bagi siswa.


4

1.5 Manfaat Penelitian

Penelitian ini diharapkan dapat memberikan manfaat bagi beberapa pihak

diantaranya :

1. Bagi guru

Sistem pembelajaran ini diharapkan dapat membantu guru untuk

mengajar Bahasa Inggris.

2. Bagi siswa

Sistem pembelajaran ini diharapkan dapat membantu siswa dalam

mempelajari Bahasa Inggris.

1.6 Sistematika Penulisan

Sistematika penulisan tugas akhir ini terdiri atas tujuh bab sebagai berikut :

1. BAB I PENDAHULUAN

Bab ini membahas mengenai latar belakang masalah, rumusan masalah,

batasan masalah, tujuan penelitian, manfaat penelitian dan sistematika

penulisan.

2. BAB II LANDASAN TEORI

Bab ini membahas mengenai penelitian-penelitian sebelumnya terkait sistem

pembelajaran dan berisi dasar-dasar teori yang mendukung yaitu Sistem

Pembelajaran Berbasis Web, Data Multimedia, Model waterfall, JSP dan

MySQL.

3. BAB III METODOLOGI PENELITIAN

Bab ini membahas mengenai langkah-langkah penelitian dalam penyelesaian

rumusan masalah penelitian.


5

4. BAB IV ANALISIS DAN PERANCANGAN SISTEM

Bab ini membahas mengenai analisis dan perancangan sistem yang

digunakan untuk membangun sistem manajemen pembelajaran Bahasa

Inggris.

5. BAB V IMPLEMENTASI SISTEM

Bab ini membahas mengenai implementasi dari perancangan sistem yang

sudah dibuat dan dinyatakan ke dalam coding program menggunakan bahasa

pemrograman JSP dan MySQL.

6. BAB VI PENGUJIAN DAN ANALISIS HASIL

Bab ini membahas mengenai analisis hasil dari sistem yang telah dibangun.

Pada bab ini juga terdapat hasil pengujian dari sistem manajemen

Pembelajaran Bahasa Inggris Berbasis Web untuk Siswa Kelas 1-3 Sekolah

Dasar yang menjawab pertanyaan pada perumusan masalah dan evaluasi dari

sistem pembelajaran.

7. BAB VII PENUTUP

Bab ini membahas mengenai kesimpulan yang diambil dari analisa, desain

dan implementasi serta uji coba yang telah dilakukan terhadap sistem

manajemen Pembelajaran Bahasa Inggris. Bab ini juga berisi saran yang

bermanfaat dalam pengembangan sistem di masa yang akan datang.


6

BAB II

LANDASAN TEORI

2.1 Tinjauan Pustaka

Terdapat beberapa penelitian sebelumnya tentang penggunaan web sebagai

sebuah sarana pembelajaran diantaranya :

- Anna (2017), peneliti membuat Sistem Pembelajaran PAUD tentang

Binatang dan Transportasi Menggunakan RPL Multimedia dengan

Metode Luther-Sutopo. Sistem pembelajaran ini membantu siswa-

siswa PAUD dalam belajar tentang binatang yang dilengkapi dengan

gambar binatang dan pemutar audio untuk mengenal suara binatang

dan penjelasan tentang transportasi.

- Venti (2015), peneliti membuat Sistem Pembelajaran Kebudayaan

Indonesia bagi Siswa Kelas 4 & 5 Sekolah Dasar dengan

Menggunakan Basis Data Multimedia. Dalam sistem pembelajaran

ini terdapat gambar, video dan audio serta penjelasan mengenai

rumah adat, pakaian adat, tarian daerah dan lagu daerah yang ada di

Indonesia. Sistem ini juga memiliki latihan soal sederhana yang dapat

membantu siswa-siswa dalam berlatih memahami kebudayaan-

kebudayaan Indonesia.

2.2 Sistem Pembelajaran Berbasis Web

2.2.1 Pengertian Sistem

Sistem merupakan sekelompok elemen yang terintegrasi dengan

maksud yang sama untuk mencapai suatu tujuan. Sumber daya yang

mengalir dari elemen output dan untuk menjamin prosesnya berjalan


7

dengan baik, maka dihubungkan dengan mekanisme kontrol

(Mc.Leod, 1995).

2.2.2 Karakteristik Sistem

Sebuah sistem memiliki karakteristik atau sifat-sifat tertentu, yang

mencirikan bahwa hal tersebut dapat dikatakan sebagai suatu sistem.

Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu

(Jogianto,2005) :

1. Komponen

Suatu sistem terdiri atas bagian-bagian yang saling

berkaitan dan bervariasi yang bersama-sama mencapai

beberapa sasaran. Sistem bukanlah seperangkat unsur yang

tersusun secara teratur, tetapi terdiri atas unsur yang dapat

dikenal dan saling melengkapi karena suatu tujuan dan

sasaran.

2. Batasan Sistem

Batasan sistem merupakan daerah yang membatasi antara

sistem yang satu dengan sistem yang lainnya atau dengan

lingkungan luarnya.

3. Lingkungan Luar Sistem

Lingkungan Luar Sistem adalah apapun di luar dari batasan

sistem yang mempengaruhi operasi sistem.

4. Sistem Penghubung

Sistem Penghubung merupakan media penghubung antara

suatu subsistem dengan yang lainnya. Penghubung ini

memungkinkan sumber daya mengalir dari suatu sistem ke

sistem yang lainnya dengan melalui penghubung suatu

subsistem dapat berinteraksi dengan subsistem lainnya

membentuk suatu kesatuan.


8

5. Sistem Masukan (input)

Sistem Masukan merupakan energi yang dimasukkan ke

dalam sistem, masukan dapat berupa perawatan dan

masukan sinyal.

6. Sistem Keluaran (output)

Sistem keluaran merupakan energi yang diolah,

diklasifikasikan menjadi keluaran yang berguna untuk

subsistem lain.

7. Sistem Sasaran

Sistem Sasaran merupakan suatu sistem yang mempunyai

tujuan atau sasaran. Jika suatu sistem tidak mempunyai

batasan sasaran, maka operasi sistem tidak akan ada

gunanya.

2.2.3 Sistem Pembelajaran

Sistem pembelajaran adalah suatu kombinasi terorganisasi yang meliputi

unsur-unsur manusiawi, material, fasilitas, perlengkapan dan prosedur

yang berinteraksi untuk mencapai suatu tujuan. Unsur manusiawi dalam

sistem pembelajaran terdiri atas siswa, guru/pengajar, serta orang-orang

yang mendukung terhadap keberhasilan proses pembelajaran termasuk

pustakawan (Hamalik, 2003).

2.2.4 Pengertian Website

Menurut Hidayat (2010), website merupakan kumpulan halaman yang

digunakan untuk menampilkan informasi teks, gambar diam atau gerak,

animasi, suara atau gabungan dari semuanya, baik bersifat statis maupun

dinamis yang membentuk satu rangkaian bangunan yang saling terkait,

yang masing-masing dihubungkan dengan jaringan-jaringan halaman.


9

2.2.5 Pembelajaran Berbasis Web

Menurut Horton (2000), web-based-training atau pembelajaran berbasis

web merupakan aplikasi teknologi web dalam dunia pembelajaran untuk

sebuah proses pendidikan.

2.3 Data Multimedia

Menurut Vaughan (2004), multimedia merupakan kombinasi teks, seni, suara,

gambar, animasi dan video yang disampaikan dengan komputer atau

dimanipulasi secara digital dan dapat disampaikan secara interaktif. Hofstetter

(2001) menyebutkan bahwa multimedia adalah pemanfaatan komputer untuk

membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan

animasi) dengan menggabungkan link dan tool yang memungkinkan pemakai

melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi.

2.4 Model Waterfall

Menurut Pressman (2010) salah satu model pengembangan sistem adalah

dengan model waterfall. Waterfall model adalah model yang paling populer dan

sering dianggap sebagai pendekatan klasik yang bersifat dinamis, berurutan

dalam membangun software. Fase-fase dalam model waterfall menurut referensi

Pressman (2010) :

Gambar 2.1 Ilustrasi Model Waterfall


10

2.5 JSP

Java Server Pages (JSP) merupakan sebuah teknologi untuk pengembangan

halaman web yang mendukung konten dinamik. JSP dapat membantu para

pengembang dalam memasukkan kode java ke dalam halaman HTML

menggunakan tags special dari JSP, yang kebanyakan dimulai dengan <% dan

diakhiri dengan %> .Tag-tag dalam JSP juga dapat digunakan untuk berbagai

macam keperluan, misalnya untuk pemerolehan informasi dari database,

mengakses JavaBeans, berbagi informasi diantara request, dan lainnya.

2.5.1 Kelebihan dan Kelemahan JSP

Kelebihan JSP :

1. JSP mendukung multiplatform, sehinggan memungkinkan kode

dapat dipindah-pindahkan ke berbagai platform tanpa perlu

melakukan perubahan apapun pada kode tersebut.

2. JSP memilik performansi yang lebih baik, karena dilakukan

proses compile terlebih dahulu menjadi servlet yang berupa yang

berupa bytecode.

3. JSP didukung oleh kemapuan OOP dan memiliki tingkat

reusability.

4. Dapat menggunakan JavaBean untuk mengenkapsulasi kode-kode

Java.

Kelemahan JSP:

Proses compile dari halaman JSP mengakibatkan client harus

menunggu lebih lama pada saat pertama kali dilakukan loading, yang

menyebabkan kecepatan proses JSP secara menyeluruh berkurang.


11

2.6 MySQL

MySQL (My Structure Query Language) adalah sebuah perangkat lunak sistem

manajemen basis data SQL (Database Management System) atau DBMS dari

sekian banyak DBMS, seperti Oracle, MS SQL, Postagre SQL, dan lain-lain.

MySQL merupakan DBMS multithread, multiuser yang bersifat gratis dibawah

lisensi GNU General Public Licence (GPL).

Beberapa kelebihan MySQL adalah:

1. MySQL dapat bejalan pada berbagai sistem operasi, seperti

Windows, Linux, FreeBSD, Mac Os X Server, Solaris.

2. MySQL bersifat Open Source, didistribusikan secara gratis di

bawah lisensi GNU General Public Licence (GPL).

3. MySQL bersifat multiuser, dapat digunakan oleh beberapa

pengguna dalam waktu yang bersamaan tanpa mengalami masalah.

4. MySQL memiliki kecepatan yang baik dalam menangani query

(perintah SQL), yaitu dapat memproses lebih banyak SQL per

satuan waktu.

5. MySQL bersifat fleksibel dengan berbagai pemrograman, MySQL

juga memiliki interface (antarmuka) terhadap berbagai aplikasi dan

bahasa pemrograman dengan menggunakan fungsi API

(Application Programming Interface).


12

BAB III

METODOLOGI PENELITIAN

3.1 Sumber Data

Data yang digunakan pada penelitian ini adalah data gambar, audio dan video

Format data pada penelitian ini berekstensi .jpg dan .mp4.

3.2 Tahap – Tahap Penelitian

a. Survei Awal

Pada tahap ini, penulis melakukan survei dan wawancara ke SD Tumbuh 1

Yogyakarta untuk mengamati proses pembelajaran Bahasa Inggris di Kelas

3B SD Tumbuh 1 dan juga untuk mengetahui metode pembelajaran dan

kurikulum pembelajaran yang digunakan pada sekolah tersebut.

b. Studi Pustaka

Pada tahap ini, penulis mencari sumber-sumber tertulis dan literatur yang

terkait dengan sistem pembelajaran Bahasa Inggris siswa sekolah dasar.

c. Pembangunan Sistem

Menurut Pressman (2010) salah satu model pengembangan sistem adalah

dengan model waterfall. Waterfall model adalah model yang paling populer

dan sering dianggap sebagai pendekatan klasik yang bersifat dinamis,

berurutan dalam membangun software. Fase-fase dalam model waterfall

menurut referensi Pressman (2010) :

Gambar 3.1 Fase-fase Dalam Model Waterfall


13

1. Communication

Pada tahap ini penulis melakukan wawancara dengan guru Bahasa Inggris

dan pengamatan terhadap siswa kelas 3B untuk mengetahui proses belajar

Bahasa Inggris di SD Tumbuh 1 Yogyakarta.

2. Planning

Pada tahap ini dirancang dokumen user requirement (kebutuhan user)

dalam bentuk diagram use case, diagram konteks, diagram berjenjang dan

data flow diagram (DFD).

3. Modeling

Pada tahap ini akan dilakukan perancangan sistem yang diantaranya akan

merancang database dan user interface yang digunakan pada sistem.

4. Construction

Pada tahap ini akan dilakukan proses coding yang digunakan untuk

menterjemahkan desain sistem ke bahasa pemrograman PHP dan basis

data yang digunakan adalah MySQL.

5. Deployment

Setelah menjalankan semua langkah metode waterfall dijalankan dengan

baik, pada langkah ini akan dilakukan pengujian terhadap sistem dengan

menjalankan setiap modul agar dapat diketahui apakah sistem yang telah

dibuat dapat memenuhi kebutuhan pengguna.

d. Evaluasi & Analisis Hasil

Pada tahap ini, penulis melakukan evaluasi terhadap pengguna sistem , yaitu

siswa kelas 3B dan guru SD Tumbuh 1 Yogyakarta dengan meminta para

pengguna sistem untuk mengisi kuesioner setelah dilakukan pengujian

sistem. Evaluasi sistem yaitu berbasis user acceptance, easy of use and

usefulness untuk menganalisis apakah sistem pembelajaran ini mudah


14

digunakan dan bermanfaat dalam membantu pembelajaran Bahasa Inggris

bagi siswa dan guru.

3.3 Spesifikasi Alat

a. Spesifikasi Hardware

1. Prosessor Intel Core i3 6006U @ 2.00GHz

2. RAM 4GB

3. Harddisk 1 TB

b. Spesifikasi Software

1. Sistem Operasi Windows 10 64-bit

2. NetBeans 8.1

Software ini digunakan untuk membuat source code program serta

membuat tampilan antarmuka/interface dari program.

3. Basisdata yang digunakan adalah MySQL.


15

BAB IV

ANALISIS DAN PERANCANGAN SISTEM

4.1 Communication

Pada tahap ini penulis melakukan wawancara kepada guru Bahasa Inggris kelas

3B untuk mengetahui kurikulum pembelajaran yang digunakan dan proses belajar

Bahasa Inggris, penulis juga melakukan pengamatan kegiatan belajar Bahasa

Inggris di kelas 3B untuk mendapatkan gambaran fungsi sistem yang akan

dirancang.

4.2 Planning

Pada tahap ini dirancang dokumen kebutuhan pengguna pada sistem yang akan

dibangun dalam bentuk diagram use case, diagram konteks, diagram berjenjang

dan diagram aliran data.


16

4.2.1 Analisis Kebutuhan Pengguna

4.2.1.1 Tabel Analisis Kebutuhan Pengguna

Tabel 4.1 Analisis Kebutuhan Pengguna

No Aktor Wewenang

1 Administator / Guru

1. Melakukan proses login dan

logout

2. Menambah audio materi

3. Mengubah audio materi

4. Menghapus audio materi

5. Memutar video materi

6. Menambah video materi

7. Mengubah video materi

8. Menghapus video materi

9. Memutar video materi

10. Menambah image materi

11. Mengubah image materi

12.Menghapus image materi

13.Melihat image materi

14.Menambah kategori materi

15.Menghapus kategori materi

16.Melihat kategori materi

17.Menambah soal

18.Menghapus soal

19.Melihat soal

20.Menambah siswa

21.Menghapus siswa

22.Melihat siswa

2 Siswa

1.Melakukan proses login dan logout

2.Memutar audio materi

3.Memutar video materi

4.Melihat image materi

5.Mengerjakan tes latihan

6.Melihat hasil tes latihan


17

4.2.1.2 Diagram Use Case Sistem Manajemen Pembelajaran Bahasa Inggris

Gambar 4.1 Diagram Use Case Sistem Pembelajaran Bahasa Inggris


18

4.2.1.3 Rincian Diagram Use Case

Gambar 4.2 Diagram Use Case Untuk Administrator


19

Gambar 4.3 Diagram Use Case Untuk Siswa

4.2.1.4 Skenario Use Case

Tabel 4.2 Skenario Login

Nama Use Case : Login

Prioritas : Tinggi

Aktor Utama : Administrator dan siswa

Deskripsi Use Case

:

Use case ini menjelaskan tentang proses login yang

dilakukan oleh Administrator dan siswa

Kondisi Awal : Administrator dan Siswa membuka halaman login

Skenario Use Case : Aksi Aktor Reaksi Sistem

1.Mengisi username dan


20

password

2.Menekan Tombol Login

3.Mengecek validasi data

username dan password dari

database

4. Login sukses dan

menampilkan halaman

Administrator atau halaman

siswa

Kondisi Akhir : Pengguna berhasil login sebagai Administrator atau siswa

Tabel 4.3 Skenario Menambah Audio Materi

Nama Use Case : Menambah Audio Materi

Prioritas : Tinggi

Aktor Utama : Administrator

Deskripsi Use Case

:

Use case ini menjelaskan tentang bagaimana Administrator

menambahkan audio materi baru ke dalam database.

Kondisi Awal : Pengguna sudah login sebagai Administrator

Skenario Use Case :

Aksi Aktor Reaksi Sistem

1.Memilih menu “Materi”

2.Menekan submenu

“Kelola Audio Materi”

3.Menampilkan Halaman

Kelola Audio

4.Menginputkan data materi

berupa nama kategori, id

kategori, topik materi,

penjelasan materi dan file

gambar materi

5.Menekan Tombol

“Simpan”

6.Menyimpan data materi

baru ke dalam database

7. Menampilkan halaman

Daftar Audio Materi berisi

data audio materi yang telah

ditambahkan.


21

Kondisi Akhir : Data audio materi berhasil di simpan ke dalam database

Tabel 4.4 Skenario Mengubah Audio Materi

Nama Use Case : Mengubah Audio Materi

Prioritas : Tinggi


Deskripsi Use Case

:

Use Case ini menjelaskan tentang bagaimana

Administrator mengubah data audio materi

Kondisi Awal : Pengguna sudah berhasil login sebagai Administrator

Skenario Use Case :



2.Menekan submenu


3.Menampilkan halaman

Kelola Audio Materi

4.Menekan link “Lihat

Daftar Audio Materi”


Daftar Audio Materi

6.Menekan icon “Ubah Data

Audio” pada data audio

materi yang akan di ubah

7.Menampilkan data-data

audio yang dipilih ke dalam

form

8.Mengubah id kategori,

topik materi, penjelasan

materi dan memilih file

audio materi yang baru.

9.Menekan Tombol

“Simpan”

10.Menyimpan data audio

materi yang telah di ubah ke

dalam database

11.Menampilkan kembali

halaman Daftar Audio

Materi dengan data materi

yang telah di ubah


22

Kondisi Akhir : Data id kategori, topik materi ,penjelasan materi dan file

audio materi berhasil diubah

Tabel 4.5 Skenario Menghapus Audio Materi

Nama Use Case : Menghapus Audio Materi

Prioritas : Tinggi


Deskripsi Use Case: Use Case ini menjelaskan tentang bagaimana

Administrator menghapus audio materi dari database


Skenario Use Case :



2.Memilih submenu



Kelola Audio Materi


Daftar Audio Materi”


Daftar Audio Materi

6.Menekan icon “Hapus

Audio” pada audio materi

yang akan di hapus

7.Menghapus data audio

materi dari database


halaman Daftar Audio

Materi, dimana data audio

materi yang telah di hapus

sudah tidak muncul

Kondisi Akhir : Data audio materi berhasil di hapus dari database.

Tabel 4.6 Skenario Memutar Audio Materi

Nama User Case : Memutar Audio Materi

Prioritas : Tinggi


Deskripsi Use Case : Use case ini menjelaskan tentang bagaimana Administrator

memutar audio materi


23


Skenario Use Case :


1.Memilih Menu “Materi”

2.Menekan submenu



Kelola Audio Materi berisi

form-form untuk pengisian

data materi

4.Menekan Link “Klik

untuk lihat daftar audio “

5.Menampilkan daftar audio

materi

6.Menekan icon play audio

sesuai topik materi


sesuai topik materi

Kondisi Akhir : Audio materi berhasil diputar

Tabel 4.7 Skenario Menambah Video Materi

Nama User Case : Menambah Video Materi

Prioritas : Tinggi



menambahkan video materi baru ke dalam database


Skenario Use Case :



2.Menekan submenu

“Kelola Video Materi”


Kelola Video Materi berisi


data materi

4.Menginputkan data

materi berupa id kategori ,

nama kategori, topik video

materi dan file video


24

materi

5.Menekan Tombol “Simpan”

6.Menyimpan data materi baru ke dalam database

7.Menampilkan halaman Daftar Video Materi berisi

data video materi yang telah

ditambahkan

Kondisi Akhir : Data video materi berhasil di simpan ke dalam database

Tabel 4.8 Skenario Mengubah Video Materi

Nama Use Case : Mengubah Video Materi

Prioritas : Tinggi


Deskripsi Use Case : Use Case ini menjelaskan tentang bagaimana

Administrator mengubah data video materi


Skenario Use Case :


1.Memilih Menu “

Materi”

2.Menekan submenu



Kelola Video Materi


Daftar Video Materi”


Daftar Video Materi

6.Menekan icon “Ubah

Data Video Materi”

7.Menampilkan data video

materi yang di pilih ke dalam

form




video materi yang baru.


25

9.Menekan Tombol

“Simpan”

10.Menyimpan data video materi yang telah di ubah ke

dalam database


halaman Daftar Video Materi

dengan data video materi yang

telah di ubah


video materi berhasil diubah

Tabel 4.9 Skenario Menghapus Video Materi

Nama Use Case : Menghapus Video Materi

Prioritas : Tinggi



Administrator menghapus video materi dari database


Skenario Use Case :



2.Memilih submenu



Kelola Video Materi


Daftar Video Materi”


Daftar Video Materi


Video Materi” pada video

materi yang akan di hapus

7.Menghapus data video



halaman Daftar Video Materi,

dimana data video materi

yang telah di hapus sudah

tidak muncul


26

Kondisi Akhir : Data video materi berhasil di hapus dari database.

Tabel 4.10 Skenario Memutar Video Materi

Nama User Case : Memutar Video Materi

Prioritas : Tinggi



memutar video materi


Skenario Use Case :



2.Menekan submenu



Kelola Video Materi berisi


data materi


untuk lihat daftar video “

5.Menampilkan daftar video

materi

6.Menekan icon play video

sesuai topik materi


sesuai topik materi

Kondisi Akhir : Video materi berhasil diputar

Tabel 4.11 Skenario Menambah Image Materi

Nama User Case : Menambah Image Materi

Prioritas : Tinggi



menambahkan image materi baru ke dalam database


Skenario Use Case :


1.Memilih Menu “ Materi”


27

2.Memilih submenu

“Kelola Image Materi”

3.Menampilkan halaman Kelola Image Materi

4. Menginputkan data materi berupa id kategori,

nama kategori, topik

materi dan file image

materi

5.Menekan Tombol

“Simpan”

6.Menyimpan data materi



Daftar Image Materi berisi

data image materi yang telah

ditambahkan

Kondisi Akhir : Data image materi berhasil di simpan ke dalam database

Tabel 4.12 Skenario Mengubah Image Materi

Nama Use Case : Mengubah Image Materi

Prioritas : Tinggi



Administrator mengubah data image materi


Skenario Use Case :


1.Memilih menu “ Materi”

2.Menekan submenu

“Kelola Image Materi


Kelola Image Materi


Daftar Image Materi”


Daftar Image Materi

6.Menekan icon “Ubah Data

Image Materi”

7.Menampilkan data image

yang dipilih ke dalam form


28




image materi yang baru.

9.Menekan Tombol

“Simpan”

10.Menyimpan data image

materi yang telah di ubah ke

dalam database


halaman Daftar Image

Materi dengan data image

materi yang telah di ubah


image materi berhasil diubah

Tabel 4.13 Skenario Menghapus Image Materi

Nama Use Case : Menghapus Image Materi

Prioritas : Tinggi


Deskripsi Use Case

:

Use Case ini menjelaskan tentang bagaimana

Administrator menghapus image materi dari database


Skenario Use Case :



2.Memilih submenu “Kelola

Image Materi


Kelola Image Materi


Daftar Image Materi”


Daftar Audio Materi


Image Materi” pada image


7.Menghapus data image



29


halaman Daftar Image

Materi, dimana data image


sudah tidak muncul

Kondisi Akhir : Data image materi berhasil di hapus dari database.

Tabel 4.14 Skenario Melihat Image Materi

Nama User Case : Melihat Image Materi

Prioritas : Tinggi



melihat image materi


Skenario Use Case :



2.Menekan submenu

“Kelola Image Materi”


Kelola Image Materi berisi


data materi


untuk lihat daftar image “

5.Menampilkan daftar image

materi

6.Menekan icon lihat

gambar sesuai topik materi

7.Menampilkan image materi

sesuai topik materi

Kondisi Akhir : Image materi berhasil ditampilkan

Tabel 4.15 Skenario Menambah Kategori Materi

Nama Use Case : Menambah Kategori Materi

Prioritas : Tinggi


Deskripsi Use Case: Use Case ini menjelaskan tentang bagaimana Administrator


30

menambahkan kategori materi baru ke dalam database


Skenario Use Case :


1.Memilih menu “Kategori

Materi”


Kategori Materi berisi form

untuk pengisian data kategori

materi

3.Mengisi id, nama kategori

materi dan total marks

4.Menekan Tombol

“Simpan”

5.Menyimpan id kategori,

nama kategori dan total marks

ke dalam database


Daftar Kategori Materi berisi

data kategori materi yang

telah ditambahkan

Kondisi Akhir : Kategori materi baru berhasil di simpan ke dalam database

Tabel 4.16 Skenario Menghapus Kategori Materi

Nama Use Case : Menghapus Kategori Materi

Prioritas : Tinggi



Administrator menghapus kategori materi dari database

Kondisi Awal : Pengguna sudah berhasil login sebagai Administator

Skenario Use Case :



Materi”


Kelola Kategori Materi


Daftar Kategori”

4.Menampilkan daftar

kategori materi


31

5.Menekan Tombol

“Hapus” pada kategori


6.Menghapus data kategori



halaman Daftar Kategori

Materi, dimana kategori


sudah tidak muncul

Kondisi Akhir : Kategori materi berhasil di hapus

Tabel 4.17 Skenario Melihat Kategori Materi

Nama Use Case: Melihat Kategori Materi

Prioritas: Tinggi

Aktor Utama: Administrator

Deskripsi Use Case: Use Case ini menjelaskan tentang bagaimana Administrator

melihat kategori materi

Kondisi Awal: Pengguna sudah berhasil login sebagai Administrator

Skenario Use Case:



Materi”


Kategori Materi


Daftar Kategori”

4.Menampilkan daftar kategori

materi

Kondisi Akhir: Daftar kategori materi berhasil ditampilkan

Tabel 4.18 Skenario Menambah Soal

Nama Use Case : Menambah Soal

Prioritas : Tinggi



Administrator menambah soal baru ke dalam database


Skenario Use Case : Aksi Aktor Reaksi Sistem

1.Memilih menu “Soal”


32

2.Menampilkan halaman Soal

3.Mengisi data soal berupa

nama kategori materi,

pertanyaan, opsi jawab 1,

opsi jawab 2, opsi jawab 3,

opsi jawab 4, kunci

jawaban

4.Menekan Tombol

“Simpan”

5.Menambahkan data soal


Kondisi Akhir : Soal berhasil di tambahkan ke dalam database

Tabel 4.19 Skenario Menghapus Soal

Nama Use Case : Menghapus Soal

Prioritas : Tinggi



Administrator menghapus soal dari database


Skenario Use Case :



2.Menampilkan Halaman Soal

3.Memilih nama kategori

materi

4.Menekan Tombol

“Tampilkan”

5.Menampilkan daftar soal

berdarsarkan kategori materi

yang dipilih

6.Menekan Tombol

“Hapus” pada soal yang

akan di hapus

7.Menghapus soal dari

database


halaman soal, dimana soal

yang telah di hapus tidak


33

muncul kembali

Kondisi Akhir : Soal berhasil di hapus dari database

Tabel 4.20 Skenario Melihat Soal

Nama Use Case: Melihat Soal

Prioritas: Tinggi



Administrator melihat soal yang telah ditambahkan ke

database


Skenario Use Case:




Soal

3.Memilih kategori materi

soal yang akan ditampilkan

4.Menekan tombol

“Tampilkan”

5.Menampilkan daftar soal

sesuai dengan kategori

materi yang dipilih

Kondisi Akhir: Daftar soal berhasil ditampilkan

Tabel 4.21 Skenario Menambah Siswa

Nama Use Case : Menambah Siswa

Prioritas : Tinggi


Deskripsi Use Case :

Use Case ini mendeskripsikan tentang bagaimana

Administrator menambah akun siswa ke dalam

database


Skenario Use Case :


1.Menekan Menu”Siswa”


Siswa berisi daftar siswa-

siswa

3.Menekan Tombol


34

“Tambah Siswa”

4.Menampilkan form-

form untuk pengisian

data siswa

5.Mengisi Nama Depan,

Nama Belakang,

Username, Password, No

Telp, Kota dan Alamat

6.Menekan Tombol

“Tambah”

7.Menyimpan data siswa

ke dalam database

Kondisi Akhir : Data siswa berhasil disimpan ke dalam database

Tabel 4.21 Skenario Menghapus Siswa

Nama Use Case : Menghapus Siswa

Prioritas : Tinggi


Deskripsi Use Case :

Use Case ini mendeskripsikan tentang bagaimana

Administrator menghapus data akun siswa dari

database


Skenario Use Case :


1.Menekan Menu”Siswa”


Siswa berisi daftar siswa-

siswa

3.Menekan Tombol

“Hapus” pada data siswa

yang akan di hapus

4.Menghapus data siswa

dari database

5. Menampilkan kembali

halaman Siswa, dimana

data siswa yang telah di

hapus tidak muncul

kembali

Kondisi Akhir : Data siswa berhasil di hapus dari database


35

Tabel 4.22 Skenario Melihat Siswa

Nama Use Case: Melihat Siswa

Prioritas: Tinggi



Administrator melihat data siswa yang telah

ditambahkan ke database


Skenario Use Case:


1.Memilih menu “Siswa”

2.Menampilkan daftar

siswa yang telah

ditambahkan ke database

Kondisi Akhir: Daftar siswa berhasil ditampilkan

Tabel 4.23 Skenario Memutar Audio Materi

Nama Use Case : Memutar Audio Materi

Prioritas : Tinggi

Aktor Utama : Siswa

Deskripsi Use Case : Use Case ini mendeskripsikan tentang bagaimana

Siswa memutar audio materi pembelajaran

Kondisi Awal : Pengguna sudah berhasil login sebagai siswa

Skenario Use Case :


1.Memilih Menu “Materi

Belajar”

2.Menekan submenu

“Lihat Audio Materi “


Lihat Audio Materi

4.Menekan icon play audio

sesuai topik materi yang

diinginkan


sesua topik materi yang

dipilih siswa

Kondisi Akhir : Audio materi berhasil di putar


36

Tabel 4.24 Skenario Memutar Video Materi

Nama Use Case : Memutar Video Materi

Prioritas : Tinggi

Aktor Utama : Siswa


Siswa memutar video materi pembelajaran


Skenario Use Case :



Belajar”

2.Menekan submenu

“Lihat Video Materi “


Lihat Video Materi

4.Menekan icon play video

materi sesuai topik materi

yang diinginkan


sesua topik materi yang

dipilih siswa

Kondisi Akhir : Video materi berhasil di putar

Tabel 4.25 Skenario Melihat Image Materi

Nama Use Case : Melihat Image Materi

Prioritas : Tinggi

Aktor Utama : Siswa


Siswa melihat image materi pembelajaran


Skenario Use Case :



Belajar”

2.Menekan submenu

“Lihat Image Materi “


Lihat Image Materi

4.Menekan icon lihat

image materi sesuai topik

materi yang diinginkan


37

5.Menampilkan image

materi sesua topik materi

yang dipilih siswa

Kondisi Akhir : Image materi berhasil di putar

Tabel 4.26 Skenario Mengerjakan Tes Latihan

Nama Use Case : Mengerjakan Tes Latihan

Prioritas : Tinggi

Aktor Utama : Siswa


Siswa mengerjakan tes latihan


Skenario Use Case :


1.Menekan Menu “Tes

Latihan”


Tes Latihan

3.Memilih nama ketegori

tes latihan

4.Menekan Tombol

“Kerjakan Tes”

5.Menampilkan soal-soal

dan opsi jawaban untuk

siswa

6.Mengerjakan tes latihan

dengan memilih setiap

jawaban pada soal-soal

yang ada

7.Menekan Tombol

“Done” ketika telah selesai

mengerjakan tes latihan

8.Menampilkan hasil tes

siswa berupa Tanggal

Tes, Waktu Mulai, Nama

Kategori Materi, Obt

Marks, Total Marks, dan

Status

Kondisi Akhir : Rincian hasil tes dapat ditampilkan


38

Tabel 4.27 Skenario Melihat Hasil Tes Latihan

Nama Use Case : Melihat Hasil Tes Latihan

Prioritas : Tinggi

Aktor Utama : Siswa


siswa melihat hasil tes latihan


Skenario Use Case :


1.Menekan Menu “Hasil

Tes”


Hasil Tes berisi Tanggal

Tes, Nama Kategori

Materi, Waktu Tes,

Status dan link detail

jawaban

Kondisi Akhir : Rincian hasil tes dapat ditampilkan

4.2.1.5 Diagram Konteks

Gambar 4.4 Diagram Konteks


39

4.2.1.6 Diagram Berjenjang

Gambar 4.5 Diagram Berjenjang


40

4.2.1.7 Diagram Aliran Data

4.2.1.7.1 DFD Level 1

Gambar 4.6 Diagram DFD Level 1


41

4.2.1.7.2 DFD Level 2 Proses 1

Gambar 4.7 Diagram DFD Level 2 Proses 1


42




43




44




45




46



4.3 Modeling

Tahap ini menerjemahkan syarat kebutuhan kepada desain atau

perancangan sistem. Pada desain sistem ini akan dirancang database dan

user interface yang akan digunakan pada sistem. Pada bagian manajemen

data dirancang desain konseptual, desain logikal, dan desain logikal. Dan

pada desain antar muka pengguna akan dirancang user interface yang dapat

membantu pengguna dalam menggunakan sistem.


47

4.3.1 Desain Manajemen Data

4.3.1.1 Desain Basisdata Konseptual

Gambar 4.13 Desain Basisdata Konseptual


48

4.3.1.2 Desain Basisdata Logikal

Gambar 4.14 Desain Basisdata Logikal

4.3.1.3 Desain Basisdata Fisikal

1.Tabel student

Tabel 4.28 Struktur Tabel student

Nama Tipe Size Keterangan

student_id int 11 Berisi student id siswa

first_name varchar 45 Berisi nama depan siswa

last_name varchar 45 Berisi nama belakang siswa

user_name varchar 45 Berisi username siswa

password varchar 45 Berisi password siswa

user_type varchar 45 Berisi user type

contact_no varchar 45 Berisi nomor telepon siswa

city varchar 45 Berisi kota tempat tinggal siswa

address varchar 45 Berisi alamat siswa


49

2.Tabel audio_course

Tabel 4.29 Struktur Tabel audio_course


audio_id int 10 Berisi id audio materi

category_id int 10 Berisi id kategori materi

category_name varchar 50 Berisi nama kategori materi

topic_audio varchar 50 Berisi topik audio materi

explanation varchar 300 Berisi penjelasan dari audio

materi

audio_file mediumblob Berisi file audio materi

3.Tabel image_course

Tabel 4.30 Struktur Tabel image_course


image_id int 10 Berisi id image materi



topic_image varchar 50 Berisi topik image materi

explanation varchar 300 Berisi penjelasan dari image

materi

image_file mediumblob Berisi file image materi

4.Tabel video_course

Tabel 4.31 Struktur Tabel video_course


video_id int 10 Berisi id video materi



topic_video varchar 50 Berisi topik video materi

explanation varchar 300 Berisi penjelasan video

materi

video_file longblob Berisi file video materi


50

5.Tabel answers

Tabel 4.32Struktur Tabel answers


answer_id int 11 Berisi id jawaban

exam_id int 11 Berisi id tes latihan

question_id varchar 45 Berisi id pertanyaan

answer varchar 45 Bersisi jawaban siswa

status varchar 45 Berisi status jawaban siswa

(correct / incorrect)

6.Tabel questions

Tabel 4.33 Struktur Tabel questions


question_id int 11 Berisi id soal

question varchar 255 Berisi pertanyaan soal

opt1 varchar 85 Berisi opsi pilihan jawaban 1




correct_answer varchar 85 Berisi kunci jawaban

category_id int 10 Berisi id kategori

7.Tabel course_testresult

Tabel 4.34 Struktur Tabel course_testresult


exam_id int 11 Berisi id tes latihan

student_id varchar 45 Berisi id siswa

course_testname varchar 45 Berisi kategori materi tes

latihan

total_marks varchar 45 Berisi total skor maksimal

obt_marks varchar 45 Berisi skor yang diperoleh

siswa

date varchar 45 Berisi tanggal tes latihan

start_time varchar 45 Berisi waktu mulai tes latihan

end_time varchar 45 Berisi waktu selesai tes

latihan


51

exam_time varchar 45 Berisi durasi tes latihan

status varchar 45 Berisi status tes latihan siswa

(fail/pass)

8.Tabel course_category

Tabel 4.35 Struktur Tabel course_category



category_name varchar 50 Berisi nama kategori

materi

total_marks int 11 Berisi total skor maksimal

tes latihan


52

4.3.2 Desain Antarmuka

4.3.2.1 Halaman Utama Sistem

Halaman ini merupakan halaman utama dari Sistem Pembelajaran

Bahasa Inggris yang terdiri atas menu login dan menu tentang

sistem.

Gambar 4.15 Desain Halaman Utama Sistem

4.3.2.2 Halaman Login

Halaman ini merupakan form login untuk Administrator dan Siswa

yang berisi textfield untuk memasukkan username dan password.

Gambar 4.16 Desain Halaman Login


53

4.3.2.1 Halaman Utama Admin (Profil Admin)

Halaman ini merupakan halaman utama untuk Administrator, pada

halaman ini terdiri atas enam menu yaitu menu profil, menu kategori

materi, menu tes latihan, menu soal dan menu siswa. Pada menu

profil, Administrator dapat melihat dan mengubah data diri. Pada

halaman ini juga terdapat tombol ubah profil yang terhubung ke

halaman ubah profil admin apabila Administrator akan mengubah data

diri.

Gambar 4.17 Desain Halaman Utama Admin (Profil Admin)


54

4.3.2.2 Halaman Utama Admin (Ubah Profil Admin)

Halaman ini merupakan halaman untuk Administrator yang berisi form

dan textfield untuk mengubah data-data Administrator berupa nama

depan, nama belakang, username, password, no telp, kota dan alamat.

Gambar 4.18 Desain Halaman Utama Admin (Ubah Profil)

4.3.2.3 Halaman Kategori Materi (Tambah Kategori Materi)

Halaman ini merupakan halaman kategori materi yang berisi form

untuk menambah kategori materi. Halaman ini digunakan

Administrator untuk menambahkan nama kategori materi yang baru.


55

Gambar 4.19 Desain Halaman Kategori Materi (Tambah Kategori Materi)

4.3.2.4 Halaman Kategori Materi (Daftar Kategori Materi)

Halaman ini merupakan halaman daftar kategori yang dapat digunakan

oleh Administrator untuk melihat atau menghapus nama kategori

materi yang sudah ditambahkan ke dalam sistem pembelajaran.

Gambar 4.20 Desain Halaman Kategori Materi (Daftar Kategori Materi)


56

4.3.2.7 Halaman Materi (Kelola Image Materi)

Halaman ini merupakan halaman tambah image materi yang digunakan oleh

Administrator untuk menambahkan data gambar materi pembelajaran berupa

nama kategori materi, id kategori, topik materi, penjelasan, dan file image

materi.

Gambar 4.21 Desain Halaman Materi (Kelola Image Materi)

4.3.2.8 Halaman Materi (Kelola Video Materi)

Halaman ini merupakan halaman tambah video materi yang digunakan oleh

Administrator untuk menambahkan data video materi pembelajaran berupa

nama kategori materi, id kategori, topik materi, penjelasan, dan file video

materi.


57

Gambar 4.22 Desain Halaman Materi (Kelola Video Materi)

4.3.2.9 Halaman Materi (Kelola Audio Materi)

Halaman ini merupakan halaman tambah audio materi yang digunakan oleh

Administrator untuk menambahkan data audio materi pembelajaran berupa

nama kategori materi, id kategori, topik materi, penjelasan, dan file audio

materi.

Gambar 4.23 Desain Halaman Materi (Kelola Audio Materi)


58

4.3.2.10 Halaman Materi (Daftar Image Materi)

Halaman ini merupakan halaman daftar image materi yang digunakan oleh

Administrator untuk melihat, mengubah dan menghapus data-data image

materi pembelajaran.

Gambar 4.24 Desain Halaman Daftar Image Materi

4.3.2.11 Halaman Materi (Daftar Video Materi)

Halaman ini merupakan halaman daftar video materi yang digunakan oleh

Administrator untuk melihat, mengubah dan menghapus data-data video


Gambar 4.25 Desain Halaman Daftar Video Materi


59

4.3.2.12 Halaman Materi (Daftar Audio Materi)

Halaman ini merupakan halaman daftar audio materi yang digunakan oleh

Administrator untuk melihat, mengubah dan menghapus data-data audio


Gambar 4.26 Desain Halaman Daftar Audio Materi

4.3.2.13 Halaman Tes Latihan

Halaman ini merupakan halaman yang digunakan oleh Administrator untuk

menambahkan tes latihan siswa. Data tes latihan siswa yaitu nama kategori

materi dan total marks. Pada halaman ini, Administrator juga dapat

menghapus tes latihan siswa.


60

Gambar 4.27 Desain Halaman Tes Latihan

4.3.2.14 Halaman Soal

Halaman ini merupakan halaman yang digunakan oleh Administrator

untuk melihat pertanyaan tes latihan berdasar kategori materi, dan untuk

menambahkan pertanyaan tes latihan siswa.


61

Gambar 4.28 Desain Halaman Soal

4.3.2.15 Halaman Soal (Lihat Soal)


melihat dan menghapus soal-soal tes latihan.


62

Gambar 4.29 Desain Halaman Soal (Lihat Soal)

4.3.2.16 Halaman Siswa (Daftar Siswa)


untuk melihat data akun siswa, terdapat tombol Tambah Siswa yang

berfungsi untuk menambah akun siswa.


63

Gambar 4.30 Desain Halaman Siswa (Daftar Siswa)

4.3.2.17 Halaman Siswa (Tambah Siswa)


menambahkan data siswa berupa nama depan, nama belakang, username,

password, no telp, kota dan alamat siswa.


64

Gambar 4.31 Desain Halaman Tambah Siswa

4.3.2.18 Halaman Utama Siswa

Halaman ini merupakan halaman utama untuk siswa, halaman ini terdiri atas

empat menu yaitu menu profil, menu materi belajar, menu tes latihan, dan

menu hasil tes. Pada menu profil, siswa dapat melihat dan mengubah data

diri. Pada halaman ini juga terdapat tombol ubah profil yang terhubung ke

halaman ubah profil apabila siswa akan mengubah data diri.


65

Gambar 4.32 Desain Halaman Utama Siswa

4.3.2.19 Halaman Utama Siswa (Ubah Profil)

Halaman ini merupakan halaman untuk siswa yang berisi form dan textfield

untuk mengubah data-data siswa berupa nama depan, nama belakang,

username, password, no telp, kota dan alamat.


66

Gambar 4.33 Desain Halaman Utama Siswa (Ubah Profil)

4.3.2.20 Halaman Materi Belajar (Lihat Materi dan Gambar Materi)

Halaman ini merupakan halaman yang digunakan oleh siswa untuk melihat

gambar dan penjelasan materi.

Gambar 4.34 Desain Halaman Materi Belajar (Lihat Gambar Materi)


67

4.3.2.21 Halaman Materi Belajar (Lihat Materi dan Video Materi)


video dan penjelasan materi.

Gambar 4.35 Desain Halaman Materi Belajar (Lihat Video Materi)

4.3.2.22 Halaman Materi Belajar (Lihat Materi dan Audio Materi )


audio dan penjelasan materi.

Gambar 4.36 Desain Halaman Materi Belajar (Lihat Audio Materi)


68


Halaman ini merupakan halaman yang digunakan oleh siswa kelas 1-3 untuk

memilih tes latihan yang akan dikerjakan.

Gambar 4.37 Desain Halaman Tes Latihan

4.3.2.24 Halaman Tes Latihan (Mengerjakan Soal)

Halaman ini merupakan halaman yang digunakan oleh siswa kelas 1 -3

untuk mengerjakan soal tes latihan.

Gambar 4.38 Desain Halaman Tes Latihan (Mengerjakan Soal)


69

4.3.2.25 Halaman Hasil Tes


hasil tes latihan.

Gambar 4.39 Desain Halaman Hasil Tes


70

BAB V

IMPLEMENTASI SISTEM

5.1 Construction

Pada langkah ini akan dilakukan proses implementasi desain manajemen data dan

desain manajemen antarmuka, dan masuk ke proses coding yang menggunakan

bahasa pemrograman JSP dan basis data yang digunakan MySQL.

5.1.1 Implementasi Manajemen Data

Pada tahap ini dilakukan pembangunan database pada Sistem Manajemen

Pembelajaran Bahasa Inggris Berbasis Web Untuk Siswa Kelas 1-3

menggunakan MySQL untuk dapat menunjang sistem yang akan

dibangun. Berikut query untuk membuat database skripsi beserta tabel-

tabel yang ada di dalamnya :

- Tabel student

CREATE TABLE `student`(

`student_id` int(11) NOT NULL AUTO_INCREMENT,

`first_name` varchar(45) NOT NULL,

`last_name` varchar(45) DEFAULT NULL,

ùser_name` varchar(45) NOT NULL,

`password` varchar(45) NOT NULL,

ùser_type` varchar(45) NOT NULL,

`contact_no` varchar(45) DEFAULT NULL,

`city` varchar(45) DEFAULT NULL,

àddress` varchar(45) DEFAULT NULL,

PRIMARY KEY (`student_id`)

) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT

CHARSET=utf8;


71

- Tabel course_category

CREATE TABLE `course_category`(

`category_id` int(10) NOT NULL AUTO_INCREMENT,

`category_name` varchar(50) DEFAULT NULL,

‘total_marks’ int(11)

PRIMARY KEY(`category_id`)

) ENGINE=Inno DB AUTO_INCREMENT=5

DEFAULT CHARSET=utf8;

- Tabel audio_course

CREATE TABLE àudio_course`(

àudio_id` int(10) NOT NULL,

`category_id` int(10) DEFAULT NULL,


`topic_audio` varchar(50) DEFAULT NULL,

èxplanation` varchar(300) DEFAULT NULL,

àudio_file` mediumblob,

PRIMARY KEY(àudio_id`)

)ENGINE=Inno DB AUTO_INCREMENT=5

DEFAULT CHARSET=latin1;

- Tabel image_course

CREATE TABLE ìmage_course`(

ìmage_id` NOT NULL,



`topic_image` varchar(50) DEFAULT NULL,


ìmage_file` mediumblob,

PRIMARY KEY(ìmage_id`)




72

- Tabel video_course

CREATE TABLE `video_course`(

`video_id` NOT NULL,



`topic_video` varchar(50) DEFAULT NULL,


`video_file` longblob,

PRIMARY KEY(`video_id`)



- Tabel answers

CREATE TABLE ànswers`(

ànswer_id` int(11) NOT NULL,

èxam_id` int(11) NOT NULL,

`question_id` int(11) NOT NULL,

ànswer` varchar(45) NOT NULL,,

`status` varchar(45) NOT NULL,

PRIMARY KEY(ànswer_id`)


DEFAULT CHARSET=utf8;

- Tabel course_testresult

CREATE TABLE `course_testresult`(

èxam_id` int(11) NOT NULL AUTO_INCREMENT,

`student_id` varchar(45) NOT NULL,

`total_marks` varchar(45) NOT NULL,

òbt_marks` varchar(45) DEFAULT NULL,

`date` varchar(45) NOT NULL,

`start_time` varchar(45) NOT NULL,

ènd_time` varchar(45) DEFAULT NULL,

èxam_time` varchar(45) DEFAULT NULL,

`status` varchar(45) DEFAULT NULL,

`question_id` int(11) NOT NULL,

PRIMARY KEY (èxam_id`)

) ENGINE=InnoDB AUTO_INCREMENT=38 DEFAULT

CHARSET=utf8;


73

- Tabel questions

CREATE TABLE `questions` (

`question_id` int(11) NOT NULL AUTO_INCREMENT,

`category_id` int(11) NOT NULL,

`question` varchar(255) NOT NULL,

òpt1` varchar(85) NOT NULL,




`correct_answer` varchar(85) NOT NULL,

PRIMARY KEY (`question_id`)

)ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT

CHARSET=utf8;

5.1.2 Implementasi Manajemen Antarmuka

5.1.2.1 Halaman Utama Sistem

Halaman ini merupakan halaman pertama yang akan muncul, ketika

Administrator atau siswa membuka Sistem Pembelajaran Bahasa Inggris

ini. Halaman ini terdiri atas dua menu, yaitu Login dan Tentang Sistem.

Gambar 5.1 Halaman Utama Sistem


74

5.1.2.2 Halaman Login

Halaman ini merupakan halaman untuk login untuk Administrator dan

siswa, secara otomatis sistem akan mengetahui proses login dilakukan

sebagai Administrator atau sebagai siswa.

Gambar 5.2 Halaman Login

5.1.2.3 Halaman Utama Admin (Profil Admin)

Halaman ini merupakan halaman utama Administrator, terdapat enam

menu yang dapat digunakan oleh Administrator, yaitu menu Profil,

Kategori Materi, Materi, Tes Latihan, Soal, dan Siswa.

Gambar 5.3 Halaman Utama Admin (Profil Admin)


75

5.1.2.4 Halaman Utama Admin (Ubah Profil)

Halaman ini merupakan halaman utama Administrator untuk mengubah

profil.

Gambar 5.4 Halaman Utama Admin (Ubah Profil)

5.1.2.5 Halaman Kategori Materi (Tambah Kategori Materi)


untuk menambah kategori materi pembelajaran Bahasa Inggris.

Gambar 5.5 Halaman Kategori Materi (Tambah Kategori Materi)


76

5.1.2.6 Halaman Kategori Materi (Daftar Kategori Materi)


melihat nama kategori materi yang telah ditambahkan atau untuk

menghapus kategori materi.

Gambar 5.6 Halaman Kategori Materi (Daftar Kategori Materi)

5.1.2.7 Halaman Materi (Kelola Image Materi)


untuk menambahkan data gambar materi pembelajaran berupa nama

kategori materi, id kategori, topik materi, penjelasan, dan file image materi.


77

Gambar 5.7 Halaman Materi (Kelola Image Materi)

Berikut adalah listing program untuk insert data gambar materi:

String sql ="INSERT INTO

image_course(image_id,category_id,category_name,topic_image,explanation,image_file)"+

" VALUES(?,?,?,?,?,?);";

PreparedStatement ps = null;

try {

ps = konek.getKoneksiBasisData().prepareStatement(sql);

ps.setInt(1, Mtr.getIdImage());

ps.setInt(2,Mtr.getIdkategori());

ps.setString(3,Mtr.getKategoriMateri());

ps.setString(4, Mtr.getTopikImage());

ps.setString(5, Mtr.getPenjelasanImage() );

ps.setObject(6,Mtr.getImageMateri());

ps.executeUpdate();

}catch(SQLException ex){

System.out.println(ex.getMessage());

}catch(Exception ex){


}finally{

try{

ps.close();

konek.Disconnect();


78

5.1.2.8 Halaman Materi (Kelola Video Materi)


untuk menambahkan data video materi pembelajaran berupa nama kategori

materi, id kategori, topik materi, penjelasan, dan file video materi.

Gambar 5.8 Halaman Materi (Kelola Video Materi)

Berikut adalah listing program untuk insert data video materi :


video_course(video_id,category_id,category_name,topic_video,explanation,video_file)"+ "

VALUES(?,?,?,?,?,?);";


try {


ps.setInt(1, Mtr.getIdVideo());



ps.setString(4, Mtr.getTopikVideo());

ps.setString(5, Mtr.getPenjelasanVideo());

ps.setObject(6,Mtr.getVideoMateri());

ps.executeUpdate();





}finally{


79

try{

ps.close();

konek.Disconnect();

5.1.2.9 Halaman Materi (Kelola Audio Materi)


untuk menambahkan data audio materi pembelajaran berupa nama

kategori materi, id kategori, topik materi, penjelasan, dan file audio

materi.

Gambar 5.9 Halaman Materi (Kelola Audio Materi)

Berikut adalah listing program untuk insert data audio materi :


audio_course(audio_id,category_id,category_name,topic_audio,explanation,audio_file)"

+ " VALUES(?,?,?,?,?,?);";


try {


ps.setInt(1, Mtr.getIdAudio());



ps.setString(4, Mtr.getTopikAudio() );


80

ps.setString(5, Mtr.getPenjelasanAudio());

ps.setObject(6,Mtr.getAudioMateri());

ps.executeUpdate();





}finally{

try{

ps.close();

konek.Disconnect();

5.1.2.10 Halaman Materi (Daftar Image Materi)

Halaman ini merupakan daftar image materi yang digunakan oleh

Administrator untuk melihat, mengubah dan menghapus data-data

image materi pembelajaran.

Gambar 5.10 Halaman Materi (Daftar Image Materi)

Berikut adalah listing program untuk menampilkan gambar materi :

response.setContentType("image/jpg");

KoneksiBasisData con = new KoneksiBasisData();

PreparedStatement Ps = null;

ResultSet rs = null;

byte[] bait = null;

try{

int id = Integer.parseInt(request.getParameter("id"));

Ps=con.getKoneksiBasisData().prepareStatement("SELECT

image_file FROM image_course WHERE image_id = ?;");

Ps.setInt(1,id);

rs=Ps.executeQuery();


81

while(rs.next()){

bait=rs.getBytes(1);}

InputStream Input = new ByteArrayInputStream(bait);

int input = Input.available();

byte[] dImage = new byte[input];

Input.read(dImage, 0, input);

response.getOutputStream().write(dImage);

Input.close();

Ps.close();

rs.close();

con.Disconnect();

}catch (Exception ex) {

System.out.println(ex.getMessage());}}

5.1.2.11 Halaman Materi (Daftar Video Materi)

Halaman ini merupakan halaman daftar video materi yang digunakan

oleh Administrator untuk melihat, mengubah dan menghapus data-data

video materi pembelajaran.

Gambar 5.11 Halaman Materi (Daftar Video Materi)

Berikut adalah listing program untuk memutar video materi :

response.setContentType("video/mp4");




byte[] bait = null;

try{



video_file FROM video_course WHERE video_id = ?;");

Ps.setInt(1,id);



82

while(rs.next()){

bait=rs.getBytes(1);}






Input.close();

Ps.close();

rs.close();

con.Disconnect()



5.1.2.12 Halaman Materi (Daftar Audio Materi)

Halaman ini merupakan halaman daftar audio materi yang digunakan

oleh Administrator untuk melihat, mengubah dan menghapus data-data

audio materi pembelajaran.

Gambar 5.12 Halaman Materi (Daftar Audio Materi)

Berikut adalah listing program untuk memutar audio materi :

response.setContentType("audio/mp3");




byte[] bait = null;

try{



audio_file FROM audio_course WHERE audio_id = ?;");

Ps.setInt(1,id);


while(rs.next()){


83

bait=rs.getBytes(1)}






Input.close();

Ps.close();

rs.close();

con.Disconnect();





untuk menambahkan tes latihan siswa. Data tes latihan siswa yaitu

nama kategori materi dan total marks. Pada halaman ini,

Administrator juga dapat menghapus tes latihan siswa.

Gambar 5.13 Halaman Tes Latihan

5.1.2.14 Halaman Soal


untuk menambahkan pertanyaan tes latihan , untuk melihat pertanyaan

tes latihan berdasar kategori materi, Administrator harus mengklik

tombol Tampilkan.


84

Gambar 5.14 Halaman Soal

Berikut ini adalah listing program dari halaman soal:

<div class="title">Tambah Pertanyaan</div>

<table >

<tr>

<td><label>Nama Kategori</label></td>

<td colspan="3">

<select name="coursename" class="text">

<%

ArrayList list = pDAO.getAllCourses();

for (int i = 0; i < list.size(); i = i + 2) {

%>

<option value="<%=list.get(i)%>"><%=list.get(i)%></option>

<%

}

%>

</select>

</td>

</tr>

<tr>

<td><label>Pertanyaan</label></td>

<td colspan="4"><input type="text" name="question" class="text" placeholder="isi

pertanyaan disini" style="width: 420px;" ></td><br>

</tr> <tr>

<td><label>Opsi Jawaban</label></td>

<td><input type="text" name="opt1" class="text" placeholder="Opsi Jawab 1"


85

style="width: 130px;" ></td>







</tr><tr>

<td><label>Kunci Jawaban</label></td>

<td colspan="4"><center><input type="text" name="correct" class="text"

placeholder="Kunci" style="width: 130px;" ></center></td>

<tr>

<td colspan="5"><input type="hidden" name="page" value="questions">

<input type="hidden" name="operation" value="addnew">

<center><input type="submit" class="form-button" value="Simpan"

name="submit"></center></td>

</tr>

</table>

</form>

5.1.2.15 Halaman Soal (Lihat Soal)


untuk melihat dan menghapus soal-soal tes latihan dengan mengklik

tombol Hapus.

Gambar 5.15 Halaman Soal (Lihat Soal)


86

5.1.2.16 Halaman Siswa (Daftar Siswa)


untuk melihat data akun siswa, terdapat tombol Tambah Siswa yang

berfungsi untuk menambah akun siswa.

Gambar 5.16 Halaman Siswa (Daftar Siswa)

5.1.2.17 Halaman Siswa (Tambah Siswa)


untuk menambahkan data siswa berupa nama depan, nama belakang,

username, password, no telp, kota dan alamat siswa.


87

Gambar 5.17 Halaman Siswa (Tambah Siswa)

5.1.2.18 Halaman Utama Siswa

Halaman ini merupakan halaman utama untuk siswa, halaman ini terdiri atas

empat menu yaitu menu profil, menu materi belajar, menu tes latihan, dan

menu hasil tes. Pada menu profil, siswa dapat melihat dan mengubah data

diri. Pada halaman ini juga terdapat tombol ubah profil yang terhubung ke

halaman ubah profil apabila siswa akan mengubah data diri.


88

Gambar 5.18 Halaman Utama Siswa

5.2.1.19 Halaman Utama Siswa (Ubah Profil)

Halaman ini merupakan halaman untuk siswa yang berisi form dan

textfield untuk mengubah data-data siswa berupa nama depan, nama

belakang, username, password, no telp, kota dan alamat.

Gambar 5.19 Halaman Utama Siswa (Ubah Profil)


89

5.1.2.20 Halaman Materi Belajar (Lihat Materi dan Gambar Materi)


gambar dan penjelasan materi.

Gambar 5.20 Halaman Materi Belajar (Lihat Materi dan Gambar Materi)

5.1.2.21 Halaman Materi Belajar (Lihat Materi dan Video Materi)


video dan penjelasan materi.

Gambar 5.21 Halaman Materi Belajar (Lihat Materi dan Video Materi)


90

Berikut ini adalah listing program dari halaman video materi siswa:

<%

Materi_Video mtr = new Materi_Video();

QueryMateriPembelajaran QMtr = new QueryMateriPembelajaran();

ArrayList<Materi_Video> listvideo = QMtr.TampilDaftarVideoMateri();

%>

<center><h1>Lihat Materi dan Video Materi</h1></center>

<br>

<table class="table table-striped table-bordered table-hover" id="dataTables-

example">

<tr>

<th>Kategori Materi</th>

<th>Topik Materi</th>

<th>Penjelasan</th>

<th>Video</th>

</tr>

<%

if (listvideo.size() > 0) {

for (Materi_Video listvideo2 : listvideo) {

mtr = listvideo2;

%>

<tr>

<td><%=mtr.getKategoriMateri()%></td>

<td><%=mtr.getTopikVideo()%></td>

<td><%=mtr.getPenjelasanVideo()%></td>

<td>

<%

if (mtr.getVideoMateri1() != null) {

%>

<ahref="CtrlPutarVideo?id=<%=mtr.getIdVideo()%>"

target="_blank"><img src="Icons/play.png" title="icon"/>

<%

}else {

out.print("Tidak ada");

}

%>

</td></tr>

<%


91

5.1.2.22 Halaman Materi Belajar (Lihat Materi dan Audio Materi)


audio dan penjelasan materi.

Gambar 5.22 Halaman Materi Belajar (Lihat Materi dan Audio Materi)


Halaman ini merupakan halaman yang digunakan oleh siswa kelas 1-3 untuk

memilih tes latihan yang akan dikerjakan.

Gambar 5.23 Halaman Tes Latihan


92

5.1.2.24 Halaman Tes Latihan (Mengerjakan Soal)

Halaman ini merupakan halaman yang digunakan oleh siswa kelas 1 -3

untuk mengerjakan soal tes latihan.

Gambar 5.24 Halaman Tes Latihan (Mengerjakan Soal)

Berikut ini adalah listing program dari halaman tes latihan :

<%--Tampilkan Soal ke siswa--%>

<center>

<div class="question-panel">

<div class="question" >

<label class="question-label"><%=i + 1%></label>

<%=question.getQuestion()%>

</div>

<div class="answer">

<input type="radio" id="c1<%=i%>" name="ans<%=i%>" value=

"<%=question.getOpt1()%>"/><label for="c1<%=i%>">

<%=question.getOpt1()%></label>

<input type="radio" id="c2<%=i%>" name="ans<%=i%>" value=

"<%=question.getOpt2()%>" /><label for="c2<%=i%>">

<%=question.getOpt2()%></label>

<input type="radio" id="c3<%=i%>" name="ans<%=i%>"value=

"<%=question.getOpt3()%>" />

<label for="c3<%=i%>"><%=question.getOpt3()%></label>

<input type="radio" id="c4<%=i%>" name="ans<%=i%>" value="

<%=question.getOpt4()%>"/>


93

<label for="c4<%=i%>" ><%=question.getOpt4()%></label> </div>

</div>

<input type="hidden" name="question<%=i%>" value="

<%=question.getQuestion()%>">

<input type="hidden" name="qid<%=i%>"

value="<%=question.getQuestionId()%>">

<%

}

%>

<input type="hidden" name="page" value="exams">

<input type="hidden" name="operation" value="submitted">

<input type="submit" class="add-btn" value="Done">

</form>

5.1.2.25 Halaman Hasil Tes


hasil tes latihan.

Gambar 5.25 Halaman Hasil Tes


94

Berikut ini adalah listing program dari halaman hasil tes :

<div class="title">Semua Hasil Tes</div>

<table id="rounded-corner">

<thead>

<tr>

<th scope="col" class="rounded-company">Tanggal Tes</th>

<th scope="col" class="rounded-q1">Nama Kategori Materi</th>

<th scope="col" class="rounded-q2">Waktu Tes</th>

<th scope="col" class="rounded-q3">Status</th>

<th scope="col" class="rounded-q4">Jawabanmu</th>

</tr>

</thead>

<tbody>

<%

ArrayList list = pDAO.getAllResultsFromExams(Integer.parseInt(session.

getAttribute("userId").toString()));

for (int i = 0; i < list.size(); i++) {

Exams e = (Exams) list.get(i);

%>

<tr>

<td><%=e.getDate()%></td>

<td><%=e.getcName()%></td>

<td><%=e.getStartTime() + " - " + e.getEndTime()%></td>

<% if (e.getStatus() != null) {

if (e.getStatus().equals("Pass")) {%>

<td style="background: #00cc33;color:white"><%=e.getStatus()%></td>

<% } else {%>

<td style="background: #ff3333;color:white"><%=e.getStatus()%></td>

<% }

}else {%>

<td style="background: bisque ;">Terminated</td>

<%

}

%>

<td><a href="std-page.jsp?pgprt=2&eid=<%=e.getExamId()%>

">Lihat</a></td>

</tr>

<%

}

%>

</tbody>

</table>


95

BAB VI

PENGUJIAN DAN ANALISIS HASIL

6.1 Deployment

Pada tahap ini, peneliti melakukan pengujian terhadap Sistem Manajemen

Pembelajaran Bahasa Inggris Berbasis Web untuk Siswa Kelas 1-3 Sekolah Dasar

yang telah dibuat, kemudian dilanjutkan dengan melakukan analisa dari hasil

pengujian Sistem Pembelajaran Bahasa Inggris Berbasis Web untuk Siswa Kelas

1-3 Sekolah Dasar.

6.1.1 Analisa Hasil Uji Coba Sistem (Alpha Test)

Berdasarkan hasil implementasi dari Program Pembelajaran Bahasa

Inggris Berbasis Web untuk Siswa Kelas 1-3 Sekolah Dasar yang telah

dibangun oleh penulis, secara umum sistem dapat berfungsi dengan baik yang

meliputi admin dapat menambahkan audio, image dan video materi

pembelajaran dan dapat menambahkan soal-soal beserta tes latihan untuk

siswa. Selain itu, siswa dapat melihat audio, image dan video materi serta

dapat mengerjakan tes latihan dan siswa dapat melihat hasi tes latihan.

Kelebihan dan kekurangan dari Sistem Manajemen Pembelajaran Bahasa

Inggris untuk Siswa Kelas 1-3 Sekolah Dasar ini sebagai berikut:

Kelebihan Sistem:

1. Sistem Pembelajaran Bahasa Inggris ini dapat menyimpan dan

menampilkan gambar, audio dan video materi Bahasa Inggris berdasarkan

materi.

2. Sistem Pembelajaran Bahasa Inggris ini memiliki kemampuan untuk

menampilkan detail mengenai jawaban yang dipilih oleh siswa benar


96

atau salah dan sistem juga dapat menampilkan nilai tes latihan yang diperoleh

siswa.

Kekurangan Sistem :

1. Belum semua jawaban siswa pada latihan soal dapat tersimpan ke dalam

database.

2. Latihan soal belum dilengkapi gambar atau audio.

6.1.2 Analisa Hasil Uji Coba Sistem Terhadap Pengguna (Beta Test)

6.1.2.1 Hasil Uji Coba Sistem Terhadap Siswa

Setelah merancang Sistem Manajemen Pembelajaran Bahasa

Inggris Berbasis Web dan mengimplementasikannya, maka

penulis melakukan uji coba terhadap siswa dan guru. Uji coba ini

dilakukan untuk mengetahui:

“Apakah Sistem Manajemen Pembelajaran Bahasa Inggris

Berbasis Web ini mudah digunakan (easy of use) dan bermanfaat

(usefulness) dalam proses belajar mengajar Bahasa Inggris bagi

siswa dan guru?”

Proses pengumpulan data pendapat siswa dilakukan dengan

cara siswa mencoba Sistem Pembelajaran Bahasa Inggris Berbasis

Web kemudian siswa mengisi kuesioner. Hal – hal yang

ditanyakan dalam kuesioner kepada pengguna meliputi: tampilan,

tingkat kesulitan menggunakan sistem, dan kegunaan sistem

dalam membantu proses pembelajaran.

Kuesioner diisi oleh 6 orang responden yang merupakan siswa

kelas 3B SD Tumbuh 1 Yogyakarta, sehingga diperoleh hasil

sebagai berikut:

Total responden : 6

Siswa Kelas 3B : 6


97

1. Apakah kamu pernah belajar Bahasa Inggris menggunakan

komputer?

Tabel 6.1 Hasil Perhitungan Kuesioner untuk Pertanyaan no. 1

Jawaban Bobot Jawaban

(1-2)

Jumlah

Responden Hasil (1-2) Total

Pernah 2 3 6 50.00%

Belum Pernah 1 3 3 50.00%

Total 6 9

Rata-rata 1.5

Gambar 6.1 Grafik Hasil Pertanyaan no.1 untuk siswa

Analisis :

Dari perhitungan pada tabel 6.1 di atas , dapat diketahui bahwa 50%

siswa belum pernah belajar Bahasa Inggris menggunakan komputer.

0%

10%

20%

30%

40%

50%

60%

Pernah Belum Pernah

Hasil Pertanyaan no.1


98

2. Menurut kamu, apakah tampilan program belajar Bahasa

Inggris ini menarik ?


Jawaban

Bobot

Jawaban

(1-3)

Jumlah


Sangat Menarik 3 4 12 66.67%

Menarik 2 2 4 33.33%

Tidak Menarik 1 0 0 0%

Total 6 16

Rata-rata 2.6


0%

10%

20%

30%

40%

50%

60%

70%

80%

Sangat Menarik Menarik Tidak Menarik



99

Analisis :

Dari perhitungan pada tabel 6.2 di atas, dapat diketahui bahwa 66.67%

siswa menyatakan tampilan program pembelajaran Bahasa Inggris ini sangat

menarik dan 33.33% siswa menyatakan tampilan pembelajaran Bahasa Inggris

ini menarik.

3. Menurut kamu, apakah program belajar Bahasa Inggris ini

mudah digunakan ?

Tabel 6.3 Hasil Perhitungan Kuesioner untuk Pertanyaan no.3

Jawaban

Bobot

Jawaban

(1-3)

Jumlah


Sangat Mudah 3 4 12 66.67%

Mudah 2 2 4 33.33%

Sulit 1 0 0 0%

Total 6 16

Rata-rata 2.6


0%

10%

20%

30%

40%

50%

60%

70%

80%

Sangat Mudah Mudah Sulit



100

Analisis :

Dari hasil perhitungan pada tabel 6.3 di atas, dapat diketahui 66.67%

siswa menyatakan program belajar Bahasa Inggris ini sangat mudah untuk

digunakan dan 33.33% siswa menyatakan program belajar ini mudah

digunakan.

4. Apakah kamu dapat memahami materi-materi yang ada dalam

program belajar Bahasa Inggris ini?


Jawaban

Bobot

Jawaban

(1-3)

Jumlah


Sangat Paham 3 5 15 83.33%

Paham 2 0 0 0%

Kurang Paham 1 1 1 16.67%

Total 6 16

Rata-rata 2.6


0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

Sangat Paham Paham Kurang Paham



101

Analisis :


siswa sangat memahami materi-materi yang terdapat pada program

pembelajaran Bahasa Inggris ini, namun masih terdapat 16.67% siswa yang

kurang memahami materi dalam program pembelajaran ini.

5. Apakah kamu tertarik menggunakan program belajar Bahasa

Inggris ini untuk belajar ?


Jawaban

Bobot

Jawaban

(1-3)

Jumlah


Sangat Tertarik 3 3 9 50.00%

Tertarik 2 2 4 33.33%

Tidak Tertarik 1 1 1 16.67%

Total 6 14

Rata-rata 2.3


102


Analisis :

Dari hasil perhitungan pada tabel 6.5 di atas, dapat diketahui 50%

siswa sangat tertarik menggunakan program belajar Bahasa Inggris ini untuk

belajar, sebanyak 33.33% siswa tertarik untuk menggunakan program belajar

ini dan 16.67% siswa tidak tertarik untuk menggunakan program belajar.

6. Menurut kamu lebih mudah mengerti belajar Bahasa Inggris

dibantu dengan menggunakan program Belajar Bahasa Inggris

ini atau dengan menggunakan buku ?


Jawaban

Bobot

Jawaban

(1-2)

Jumlah


0%

10%

20%

30%

40%

50%

60%

Sangat Tertarik Tertarik Tidak Tertarik



103

Menggunakan

Program Belajar

Bahasa Inggris

2 5 10 83.33%

Menggunakan

Buku 1 1 1 16.67%

Total 6 11

Rata-rata 1.8


Analisis :


siswa lebih mudah mengerti belajar Bahasa Inggris dibantu dengan

menggunakan program Belajar Bahasa Inggris ini, namun masih terdapat

16.67% yang tertarik belajar Bahasa Inggris menggunakan buku.

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

Menggunakan ProgramBelajar Bahasa Inggris

Menggunakan Buku



104

7. Menurut kamu , apakah ada kekurangan tentang program

belajar Bahasa Inggris ini? Jika ada, tolong tulis saran atau

masukan untuk program belajar Bahasa Inggris ini

Responden siswa memiliki beberapa saran terhadap

program ini yaitu:

1. Lebih banyak gambar.

6.1.2.2 Hasil Uji Coba Sistem Terhadap Guru

Proses pengumpulan data pendapat guru dilakukan dengan

menyebarkan kuesioner kepada 2 orang guru. Hal – hal yang

ditanyakan kepada pengguna meliputi: tampilan, tingkat kesulitan

menggunakan sistem, kegunaan sistem dalam membantu proses

pembelajaran dan saran untuk perbaikan sistem.

Kuesioner diisi oleh 2 responden yang merupakan guru

Bahasa Inggris kelas 3B dan kepala sekolah SD Tumbuh 1

Yogyakarta, sehingga diperoleh hasil sebagai berikut:

Total responden : 2 guru

1. Menurut Bapak/Ibu, apakah tampilan program pembelajaran

Bahasa Inggris ini mudah dipahami ?


Jawaban

Bobot

Jawaban

(1-3)

Jumlah


Sangat Mudah 3 2 6 100%

Ragu-ragu 2 0 0 0%

Sulit 1 0 0 0%


105

Total 2 6

Rata-rata 3

Gambar 6.7 Grafik Hasil Pertanyaan no.1 untuk guru

Analisis :

Dari hasil perhitungan pada tabel 6.7 di atas, dapat diketahui bahwa

presentase responden guru yang menyatakan tampilan program pembelajaran

Bahasa Inggris ini sangat mudah dipahami yaitu sebesar 100%.

2. Menurut Bapak/Ibu, apakah program pembelajaran Bahasa

Inggris ini mudah untuk digunakan ?


Jawaban

Bobot

Jawaban

(1-3)

Jumlah


0%

20%

40%

60%

80%

100%

120%

Sangat Mudah Ragu - ragu Sulit



106


Ragu-ragu 2 0 0 0%

Sulit 1 0 0 0%

Total 2 6

Rata-rata 3

Gambar 6.8 Grafik Hasil Pertanyaan no.2 untuk guru

Analisis :


presentase responden guru yang menyatakan program pembelajaran Bahasa

Inggris ini sangat mudah untuk digunakan yaitu sebesar 100%.

0%

20%

40%

60%

80%

100%

120%




107

3. Menurut Bapak/Ibu, apakah program pembelajaran ini dapat

mempermudah dalam menyampaikan materi Bahasa Inggris

kepada siswa ?


Jawaban

Bobot

Jawaban

(1-3)

Jumlah



Ragu-ragu 2 0 0 0%

Sulit 1 0 0 0%

Total 2 6

Rata-rata 3

Gambar 6.9 Hasil Pertanyaan no.3 untuk guru

0%

20%

40%

60%

80%

100%

120%




108

Analisis :


presentase responden guru yang menyatakan program pembelajaran ini sangat

mempermudah dalam menyampaikan materi yaitu sebesar 100%.

4. Menurut Bapak/Ibu, apakah dengan adanya program

pembelajaran Bahasa Inggris ini dapat membantu dalam

proses belajar mengajar ?


Jawaban

Bobot

Jawaban

(1-3)

Jumlah


Sangat

Membantu 3 2 6 100%

Ragu-ragu 2 0 0 0%

Tidak Membantu 1 0 0 0%

Total 2 6

Rata-rata 3


109

Gambar 6.10 Hasil Pertanyaan no.4 untuk guru

Analisis :


presentase responden guru yang menyatakan program pembelajaran ini sangat

membantu dalam proses belajar mengajar yaitu sebesar 100%.

0%

20%

40%

60%

80%

100%

120%

Sangat Membantu Ragu - ragu Tidak Membantu



110

6.1.2.3 Rangkuman Hasil Uji Program Pembelajaran Bahasa Inggris

Tabel 6.11 Rangkuman Hasil Uji Coba Program Pembelajaran

Bahasa Inggris terhadap siswa

No Rangkuman Skor

(Skala 3)

1. Tampilan Program Pembelajaran Bahasa

Inggris menarik 2.6

2. Program Pembelajaran Bahasa Inggris mudah

digunakan 2.6

3. Memahami materi-materi yang ada dalam

Program Belajar Bahasa Inggris 2.6

4. Tertarik menggunakan Program Belajar

Bahasa Inggris 2.3

5. Lebih mudah mengerti menggunakan

Program Belajar Bahasa Inggris 1.8

Tabel 6.12 Rangkuman Hasil Uji Coba Program Pembelajaran Bahasa

Inggris terhadap guru

No Rangkuman Skor

(Skala 3)

1. Tampilan program pembelajaran Bahasa Inggris

ini mudah dipahami 3

2. Program pembelajaran Bahasa Inggris ini mudah

untuk digunakan 3

3. Program pembelajaran Bahasa Inggris

mempermudah dalam menyampaikan materi 3

4. Program pembelajaran Bahasa Inggris membantu

dalam proses belajar mengajar 3


111

BAB VII

PENUTUP

7.1 Kesimpulan

Berdasarkan hasil desain, implementasi sistem, pengujian dan analisis hasil

Sistem Manajemen Pembelajaran Bahasa Inggris Berbasis Web untuk Siswa

Kelas 1-3 Sekolah Dasar ini dapat disimpulkan :

1. Sistem Manajemen Pembelajaran Bahasa Inggris Berbasis Web untuk

Siswa Kelas 1-3 Sekolah Dasar telah berhasil dibangun dengan

menggunakan bahasa pemrograman JSP dan MySQL.

2. Hasil uji coba sistem pembelajaran terhadap siswa kelas 3B menunjukkan

bahwa siswa dapat memahami materi-materi Bahasa Inggris yang ada

dalam sistem, tampilan sistem pembelajaran menarik untuk siswa dan

sistem pembelajaran ini mudah untuk digunakan. Hasil uji coba juga

menunjukkan siswa cukup tertarik dan mudah mengerti dalam belajar

Bahasa Inggris dengan menggunakan Sistem Manajemen Pembelajaran

Bahasa Inggris ini.

3. Hasil uji coba sistem pembelajaran terhadap kepala sekolah dan guru

Bahasa Inggris kelas 3B menunjukkan bahwa tampilan dari sistem

pembelajaran ini sangat mudah dipahami dan sangat mudah untuk

digunakan. Hasil uji coba yang lebih penting yaitu menunjukkan bahwa

sistem pembelajaran ini dapat mempermudah dalam menyampaikan materi

dan sangat membantu dalam proses belajar mengajar Bahasa Inggris.


112

7.2 Saran

Saran dari penulis dalam pengembangan sistem pembelajaran ini adalah latihan

soal dapat dilengkapi gambar atau audio agar siswa merasa tertarik dan tidak

kesulitan dalam mengerjakan latihan soal.


113

DAFTAR PUSTAKA

Ardiani, Anna Pradita. 2017 . Sistem Pembelajaran PAUD Tentang Binatang

dan Transportasi Menggunakan RPL Multimedia Dengan Metode Luther-

Sutopo. Skripsi. Program Studi Tekink Informatika Fakultas Sains dan


Binanto, Iwan. 2010. Multimedia Digital – Dasar Teori dan Pengembangannya.

Yogyakarta : Andi.

Lawanto, O. (2001). Pembelajaran Berbasis Web Sebagai Metode Komplemen

Kegiatan dan Pelatihan. Vol. 9, No.1 : 44-58.

Mulyani, Sri. 2016. Metode Analisis dan Perancangan Sistem. Bandung: Abdi

Sistematika.

Muslihudin, M.,& Okianto. Analisis dan Perancangan Sistem Informasi

Menggunakan Model Terstruktur dan UML.Yogyakarta : Andi.

Pressman, R.S. 2010. Software Engineering : a practitioner’s approach.

New York : McGraw-Hill.

Suyanto, M. 2003. Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing.

Yogyakarta : Andi.

Trimuriyatin, Venti. 2015. Sistem Pembelajaran Kebudayaan Indonesia (Rumah

Adat, Pakaian Adat, Tarian Daerah, Lagu Daerah) Bagi Siswa Kelas 4&5

Sekolah Dasar Dengan Menggunakan Basis Data Multimedia Studi Kasus:

SD Negeri 1 Dukuh.

Tutorialspoint. JSPOverview. Diperoleh 20 April 2018, dari

https://www.tutorialspoint.com /jsp/jsp_overview.html


114

LAMPIRAN

KUESIONER SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS


SD TUMBUH 1 YOGYAKARTA

Data Responden

Nama :

Kelas :

Berilah tanda (x) pada salah satu jawaban yang sesuai.

1. Apakah kamu pernah belajar Bahasa Inggris menggunakan komputer?

Pernah ( )

Belum Pernah ( )

2. Menurut kamu, apakah tampilan program belajar Bahasa Inggris ini

menarik ?

Sangat Menarik ( )

Menarik ( )

Tidak Menarik ( )

3. Menurut kamu, apakah program belajar Bahasa Inggris ini mudah

digunakan ?

Sangat Mudah ( )

Mudah ( )

Sulit ( )


115

4. Apakah kamu dapat memahami materi-materi yang ada dalam program

belajar Bahasa Inggris ini?

Kurang paham ( )

Paham ( )

Sangat Paham ( )

5. Apakah kamu tertarik menggunakan program belajar Bahasa Inggris ini

untuk belajar ?

Sangat Tertarik ( )

Tertarik ( )

Tidak Tertarik ( )

6. Menurut kamu lebih mudah mengerti belajar Bahasa Inggris dibantu dengan

menggunakan program Belajar Bahasa Inggris ini atau dengan

menggunakan buku ?

Menggunakan Buku ( )

Menggunakan Program Belajar Bahasa Inggris ( )

7. Menurut kamu , apakah ada kekurangan tentang program belajar Bahasa

Inggris ini? Jika ada, tolong tulis saran atau masukan untuk program belajar

Bahasa Inggris ini

Saran :

………………………………………………………………………….......

…………………………………………………………………………......

………………………………………………………………………….......

………………………………………………………………………….......

…………………………………………………………………………......


116

KUESIONER SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS

BERBASIS WEB UNTUK GURU SEKOLAH DASAR

SD TUMBUH 1 YOGYAKARTA

Berilah tanda (x) pada salah satu jawaban yang sesuai.

1. Menurut Bapak/Ibu, apakah tampilan program pembelajaran Bahasa Inggris

ini mudah dipahami ?

Sangat Mudah ( )

Ragu-ragu ( )

Sulit ( )

2. Menurut Bapak/Ibu, apakah program pembelajaran Bahasa Inggris ini mudah

untuk digunakan ?

Sangat Mudah ( )

Ragu – ragu ( )

Sulit ( )

3. Menurut Bapak/Ibu, apakah program pembelajaran ini dapat mempermudah

dalam menyampaikan materi Bahasa Inggris kepada siswa ?

Sangat Mudah ( )

Ragu – Ragu ( )

Sulit ( )


117

4. Menurut Bapak/Ibu, apakah dengan adanya program pembelajaran Bahasa

Inggris ini dapat membantu dalam proses belajar mengajar ?

Sangat Membantu ( )

Ragu – ragu ( )

Tidak Membantu ( )

Saran/masukan untuk program pembelajaran Bahasa Inggris ini :

…………………………………………………………………………….........

…………………………………………………………………………….........

…………………………………………………………………………….........

…………………………………………………………………………….........

…………………………………………………………………………….........

…………………………………………………………………………….........


118


SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS … · SISTEM MANAJEMEN PEMBELAJARAN BAHASA INGGRIS BERBASIS WEB UNTUK SISWA KELAS 1-3 SEKOLAH DASAR Studi Kasus : SD Tumbuh 1 Yogyakarta

Documents