APLIKASI ELEARNING SINAU AKSARA JAWA UNTUK SISWA SMP

BERBASIS WEB MENGGUNAKAN HTML5

SKRIPSI

Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata I

Pada Program Studi Informatika Fakultas Komunikasi dan Informatika

Universitas Muhammadiyah Surakarta

Oleh:

Agung Ardhi Wijayanto

NIM : L200110139

PROGRAM STUDI INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

JULI 2015

ii

iii

iv

MOTTO DAN PERSEMBAHAN

MOTTO :

وهو خير لكم وعسى أن تحبوا شيئا وهو شر لكم وهللا يعلم وعسى أن تكرهوا شيئا

وأنتم ل

علمون (612: البقرة)

…tetapi boleh jadi kamu membenci sesuatu, padahal itu baik bagimu, dan boleh jadi kamu

menyukai sesuatu, padahal itu tidak baik bagimu,

ALLAH Maha Mengetahui, sedang kamu tidak mengetahui.

~ Q.S Al Baqarah : 216 ~

Seseorang yang tidak pernah berbuat kesalahan tidak pernah mencoba sesuatu yang baru.

(Albert Einstein)

Tidak ada yang mudah, tapi tidak ada yang tidak mungkin.

(Napoleon Bonaparte)

Sukses iku diwiwiti kanthi niat, diwujudake kanthi laku, lan dibarengi kanthi donga. ~penulis~

Tidak ada kata terlambat untuk meraih mimpi, bangun dari tidurmu lakukan apapun untuk

menggapai mimpimu,

~ Penulis ~

v

PERSEMBAHAN :

1. Ayah dan ibu tercinta yang selalu membimbing, mendoakan, membiayai, dan

memberikan motivasi serta selalu berharap semoga kelak aku bisa menjadi insan

yang berbakti kepada agama, orang tua, bangsa, dan negara.

2. Adikku tercinta Ary Ardhi, semoga lulus dengan nilai yang memuaskan dan

dapat diterima di SMA yang dikehendaki. Dan tidak lupa adikku yang paling

kecil Auamara Ardhi jangan nakal, semangat terus belajarnya.

3. Segenap keluarga penulis yang tidak dapat disebutkan satu-persatu yang selalu

memberikan semangat untuk cepat wisuda, terima kasih atas doa dan

dukungannya.

4. Keponakan yang paling lucu Arga & Argy, terimakasih telah menjadi penghibur

dikala aku sudah jenuh dengan revisi. Semoga kelak tumbuh menjadi anak yang

pintar, sholeh dan berbakti kepada kedua orang tua.

5. Para sahabatku, Nur Ali, Rahmat, Yuwan, Doni, Deni, Rifki, Dayat, yang selalu

ada buatku, selalu berbagi ilmu dan menghabiskan waktu bersama dengan penuh

keceriaan.

6. Temen-temen Informatika khususnya angkatan 2011 yang tidak dapat

disebutkan satu-persatu, terima kasih telah bersedia berbagi ilmu dan

pengalamannya.

7. Semua pihak yang telah membantuku yang tidak dapat aku sebutkan satu-

persatu.

vi

vii

KATA PENGANTAR

Puji syukur penulis panjatkan ke hadirat Allah SWT, yang telah

melimpahkan taufik, hidayah dan rahmat-Nya sehingga skripsi dengan judul

“Aplikasi E-Learning Sinau Aksara Jawa Untuk Siswa SMP Berbasis Web

Menggunakan HTML5” dapat diselesaikan dengan baik. Skripsi ini dapat

terselesaikan berkat bantuan dari berbagai pihak, oleh karena itu pada kesempatan

ini penulis menyampaikan terima kasih dan penghargaan kepada :

1. Bapak Husni Thamrin, S.T, M.T., Ph.D. selaku Dekan Fakultas Komunikasi

dan Informatika yang telah melayani dan memberikan fasilitas bagi

kelancaran studi.

2. Bapak Dr. Heru Supriyono, M.Sc selaku Pembimbing selaku Ketua Program

Studi Informatika yang penuh kesabaran di sela-sela kesibukannya selalu

memberi petunjuk, bimbingan, saran-saran, serta dorongan bagi penyelesaian

skripsi ini.

3. Segenap dosen penguji pada seminar proposal dan pra pendadaran yang telah

memberikan saran dan masukan dalam penyusunan skripsi ini.

4. Bapak dan ibu dosen pengampu mata kuliah pada Program Studi

Informatikan yang telah memberikan bekal ilmu yang sangat bermanfaat bagi

penulis.

5. Segenap Staf / Karyawan pada Program Studi Informatika yang telah

melayani dan memberikan fasilitas bagi kelancaran studi.

viii

6. Rekan-rekan Informatika khususnya angkatan 2011 yang tiada henti

memberikan dorongan dan dukungan.

Semoga Allah SWT berkenan untuk memberikan balasan yang sesuai

dengan budi baik yang telah mereka berikan. Penulis berharap semoga skripsi ini

dapat bermanfaat bagi pengembangan pendidikan dan kesehatan baik dalam hal

Sistem Pakar Diagnosa Penyakit maupun di bidang Teknologi Informasi.

Surakarta, Juni 2015

Penulis

ix

DAFTAR ISI

Halaman Judul ............................................................................... i

Halaman Persetujuan ..................................................................... ii

Halaman Pengesahan ..................................................................... iii

Moto dan Persembahan ................................................................. iv

Daftar Kontribusi ........................................................................... vi

Kata Pengantar .............................................................................. vii

Daftar isi ........................................................................................ ix

Daftar Tabel ................................................................................... xi

Daftar Gambar ............................................................................... xii

Daftar Lampiran ............................................................................ xiv

Abstraksi ........................................................................................ xv

BAB 1 PENDAHULUAN

1.1 Latar Belakang Masalah ..................................................... 1

1.2 Rumusan Masalah .............................................................. 2

1.3 Batasan Masalah................................................................. 3

1.4 Tujuan Penelitian ............................................................... 5

1.5 Manfaat Penelitian ............................................................ 5

1.6 Sistematika Penulisan........................................................ 6

BAB 2 TINJAUAN PUSTAKA

2.1. Telaah Penelitian. .............................................................. 8

2.2. Landasan Teori ................................................................. 10

2.2.1 Pengertian Aksara Jawa .................................................. 10

2.2.2 Pengertian Tembang Macapat .......................................... 13

2.2.3 Pengertian Sistem ............................................................. 14

2.2.4 Pengertian Internet ........................................................... 14

2.2.5 Pengertian HTML5 .......................................................... 14

2.2.6 Pengertian Hypertext Preprocessor (PHP) ...................... 15

2.2.7 Pengertian CSS ................................................................. 15

2.2.8 Pengertian MySQL ............................................................ 15

x

2.2.9 Pengertian Xampp ............................................................ 16

2.2.10 Pengertian Dreamweaver CS6 ......................................... 16

2.2.11 Pengertian Notepad++ ..................................................... 16

2.2.12 Pengertian Google Chrome .............................................. 17

BAB 3 METODOLOGI

3.1. Waktu dan Tempat Penelitian .......................................... 18

3.2. Gambaran Sistem ............................................................. 18

3.3. Alur Penelitian ................................................................. 19

3.4. Langkah Penelitian ........................................................... 21

3.4.1 Analisis Kebutuhan ........................................................... 21

3.4.1.1 Pengumpulan Data ........................................................... 22

3.4.1.2 Analisis Kebutuhan Sistem .............................................. 23

3.4.2 Perancangan Sistem .......................................................... 23

3.4.2.1 Data Flow Diagram (DFD) .............................................. 23

3.4.2.2 Diagram Alir Sistem ......................................................... 28

3.4.3 Rancangan Use Case ........................................................ 31

3.4.3.1. Use Case Diagram Admin ................................................ 32

3.4.3.1. Use Case Diagram Siswa ................................................. 33

3.4.3.1. Use Case Diagram Guru ................................................... 34

3.4.4 Rancangan Basis Data ...................................................... 35

3.4.4.1 Rancangan ERD ............................................................... 35

3.4.4.2 Tabel Basis Data ............................................................... 36

3.4.5 Desain Dialog Layar ......................................................... 42

BAB 4 HASIL DAN PEMBAHASAN

4.1. Hasil Penelitian ................................................................ 46

4.2. Analisa dan Pembahasan .................................................. 46

BAB 5 KESIMPULAN DAN SARAN

5.1. Kesimpulan ....................................................................... 70

5.2. Saran ................................................................................. 70

DAFTAR PUSTAKA

LAMPIRAN

xi

DAFTAR TABEL

Tabel 2.1. Tabel Aksara Dasar ................................................................. 12

Tabel 2.2. Tabel Aksara Mati .................................................................... 12

Tabel 2.3. Tabel Aksara Swara ................................................................. 13

Tabel 2.4. Tabel Aksara Wilangan ............................................................ 13

Tabel 2.5. Tabel Aksara Rekan ................................................................. 13

Tabel 2.6. Tabel Pasangan........................................................................ 14

Tabel 3.1. Tabel Berita .............................................................................. 41

Tabel 3.2. Tabel Macapat .......................................................................... 42

Tabel 3.3. Tabel Nilai................................................................................ 43

Tabel 3.4. Tabel Soal_isian ....................................................................... 43

Tabel 3.5. Tabel Soal_macapat ................................................................. 44

Tabel 3.6. Tabel Soal_pilihan ................................................................... 45

Tabel 3.7. Tabel Soal_pilihanaksara ......................................................... 46

Tabel 3.8. Tabel User ................................................................................ 47

Tabel 4.1. Black Box Halaman User ......................................................... 69

Tabel 4.2. Black Box Halaman Admin ..................................................... 69

Tabel 4.3. Black Box Halaman Guru ........................................................ 69

Tabel 4.4. Black Box Halaman Siswa ....................................................... 70

Tabel 4.5. Hasil Penilaian Menurut Jawaban Kuesioner .......................... 71

xii

DAFTAR GAMBAR

Gambar 3.1. Diagram alir penelitian ......................................................... 20

Gambar 3.2. Diagram Konteks.................................................................. 26

Gambar 3.3. DFD level 0 .......................................................................... 28

Gambar 3.4. DFD level 1 Proses 1 (Data Berita) ...................................... 29

Gambar 3.5. DFD level 1 Proses 2 (Tembang Macapat) .......................... 30

Gambar 3.6. DFD level 1 Proses 3 (Registrasi User) ............................... 30

Gambar 3.7. DFD level 1 Proses 4 (Input Soal) ....................................... 31

Gambar 3.8. DFD Level 1 Proses 5 (Input Jawaban) ............................... 31

Gambar 3.9. Diagram Alir Sistem Admin ................................................ 32

Gambar 3.10. Diagram Alir Sistem Guru ................................................. 33

Gambar 3.11. Diagram Alir Sistem Siswa ................................................ 34

Gambar 3.12. Use Case Diagram Admin ................................................. 35

Gambar 3.13. Use Case Diagram Siswa ................................................... 37

Gambar 3.14. Use Case Diagram Guru ..................................................... 38

Gambar 3.15. Entity Relationship Diagram (ERD) .................................. 40

Gambar 3.16. Halaman Utama .................................................................. 49

Gambar 3.17. Halaman Aksara Jawa & tembang macapat ....................... 50

Gambar 3.18. Halaman login user ............................................................ 51

Gambar 4.1. Halaman Home ..................................................................... 53

Gambar 4.2. Halaman Login User ............................................................ 53

Gambar 4.3. Halamana Register ............................................................... 54

Gambar 4.4. Halaman Aksara ................................................................... 55

Gambar 4.5. Halaman Belajar Aksara Popup Cara Penulisan .................. 55

Gambar 4.6. Halaman Belajar Aksara Popup Contoh .............................. 56

Gambar 4.7. Halaman Tembang Macapat Deskripsi ................................ 56

Gambar 4.8. Halaman Tembang Macapat Contoh .................................... 57

Gambar 4.9. Halaman Menu Admin .......................................................... 57

Gambar 4.10. Halaman List Berita ........................................................... 58

Gambar 4.11. Halaman Tambah Berita..................................................... 58

xiii

Gambar 4.12. Halaman List Tembang Macapat........................................ 59

Gambar 4.13. Halaman Tambah Tembang Macapat ................................ 59

Gambar 4.14. Halaman Managemen User Guru ....................................... 60

Gambar 4.15. Halaman Managemen User Siswa ..................................... 60

Gambar 4.16. Halaman Managemen Soal................................................. 61

Gambar 4.17. Halaman Menu Guru .......................................................... 61

Gambar 4.18. Halaman Managemen Soal................................................. 62

Gambar 4.19. Halaman Rincian Soal ........................................................ 62

Gambar 4.20. Halaman Tambah Soal ....................................................... 63

Gambar 4.21. Halaman Nilai .................................................................... 64

Gambar 4.22. Halaman Print Preview ...................................................... 64

Gambar 4.23. Halaman Mengerjakan Soal Pilihan ................................... 65

Gambar 4.24. Halaman Koreksi Jawaban ................................................. 66

Gambar 4.25. Halaman Mengerjakan Soal Isian ...................................... 67

Gambar 4.26. Halaman Nilai .................................................................... 68

Gambar 4.27. Tampilan Pada Google Chrome ......................................... 72

Gambar 4.28. Tampilan Pada UC Browser ............................................... 73

Gambar 4.29. Tampilan Pada Mozilla Firefox .......................................... 73

xiv

DAFTAR LAMPIRAN

Lampiran I Source Code Aplikasi

Lampiran II Kuesioner

Lampiran III Foto Dokumentasi

Lampiran IV Surat Keterangan

xv

ABSTRAKSI

Aksara Jawa merupakan salah satu dari sekian banyaknya budaya yang

terdapat di Indonesia. Mata pelajaran Bahasa Jawa adalah mata pelajaran wajib

sesuai dengan kurikulum muatan lokal. Dalam Perda Provinsi Jawa Tengah

Nomor 9 Tahun 2012 menyebutkan bahwa Kurikulum Muatan Lokal Jawa

Tengah, membaca Aksara Jawa merupakan salah satu standar kompetensi yang

harus dimiliki siswa sekolah dasar dan menengah. Standar isi Bahasa Jawa ini

dalam aspek membaca aksara jawa adalah siswa dapat membaca aksara jawa

nglegena.

Pada penelitian ini akan dibuat sebuah media pembelajaran Aksara Jawa

berbasis website sehingga dapat diakses oleh siapa saja dan dimana saja dengan

adanya koneksi internet. Fitur yang terdapat pada website Sinau Aksara Jawa ini

adalah seperti daftar huruf Aksara Jawa dan Tembang macapat. Terdapat juga

kuis pilihan gandan dan esay yang dapat dikerjakan oleh user.

Metode yang digunakan dalam penelitian ini adalah mulai dari

pengumpulan data yang dilakukan dengan cara studi kepustakaan, wawancara.

Pengujian dilakukan dengan cara pengujian internal dan pengujian external.

Pengujian internal dilakukan menggunakan pengujian Black Box sedangkan

pengujian external dilakukan melalui praktek secara langsung dan pengisian

quesioner yang dilakukan di SMPN 1 Colomadu.

Hasil pengujian menunjukkan 80% siswa menyatakan sangat bermanfaat,

80% sangat mudah mengoperasikan dan 40% menyatakan materi yang terdapat di

dalam website Sinau Aksara Jawa sangat lengkap.

Kata Kunci : E-learning, Aksara Jawa, PHP, HTML