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