Institutional Repository | Satya Wacana Christian University: Game Edukasi Pembelajaran Budaya Jawa untuk Anak TK dan SD Berbasis HTML 5
GAME EDUKASI PEMBELAJARAN
BUDAYA JAWA UNTUK ANAK TK DAN SD
BERBASIS HTML 5
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Ahli Madya Komputer
Oleh:
Lilin Arista
562013006
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2016
GAME EDUKASI PEMBELAJARAN
BUDAYA JAWA UNTUK ANAK TK DAN SD
BERBASIS HTML 5
Laporan Tugas Akhir
Oleh:
Lilin Arista
562013006
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2016
i
ii
iii
iv
Kata Pengantar
Segala puji syukur panjatkan kehadirat Tuhan Yang Maha
Esa atas segala berkat dan anugerahnya yang sangat luar biasa
sehingga penulis dapat menyelesaikan penulisan laporan Tugas
Akhir ini dengan baik. Penulisan laporan Tugas Akhir ini
dimaksudkan untuk memenuhi sebagian dari syarat dalam
rangka meraih gelar Ahli Madya Komputer pada Program
Studi
Diploma
Teknik
Informatika
Fakultas
Teknologi
Informasi Universitas Kristen Satya Wacana Salatiga.
Penulis juga menyadari bahwa terselesaikannya laporan
Tugas Akhir dengan lancar tidak terlepas juga karena bantuan
dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis
ingin menyampaikan terimakasih kepada
:
1. Dr. Dharmaputra T. Palekahelu sebagai Dekan Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
2. Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs sebagai
Ketua Program Studi Teknik Informatika, Diploma
Fakultas Teknologi Informasi, Universitas Kristen Satya
Wacana.
3. Bapak Drs.Prihanto Ngesti Basuki, M.Kom, selaku Dosen
Pembimbing Laporan Tugas Akhir yang telah berkenan
meluangkan waktu untuk memberikan bimbingan dan
dukungan dalam penyusunan Tugas Akhir ini.
v
vi
DAFTAR ISI
Judul ................................................................................................. i
Lembar Pengesahaan ....................................................................... ii
Lembar Bebas Plagiasi ..................................................................... iii
Lembar Pernyataan Persetujuan Publikasi ....................................... iv
Kata Pengantar ................................................................................. v
Daftar Isi .......................................................................................... vii
Daftar Gambar ................................................................................. ix
Daftar Tabel ..................................................................................... xi
BAB 1 PENDAHULUAN ............................................................... 1
1.1 Latar belakang ....................................................................... 1
1.2 Tujuan ................................................................................... 2
1.2.1 Tujuan umum ................................................................ 2
1.2.2 Tujuan khusus ............................................................... 3
1.3 Rumusan masalah ................................................................. 4
1.4 Batasan masalah .................................................................... 4
1.5 Metodologi ............................................................................ 5
1.6 Jadwal Progres Proyek .......................................................... 6
BAB II TINJAUAN PUSTAKA ..................................................... 12
2.1 Penelitian terdahulu .............................................................. 12
2.2 Landasan teori ....................................................................... 14
2.3 Aplikasi Multimedia .............................................................. 15
BAB III PERANCANGAN SISTEM .............................................. 17
3.1 Pengumpulan kebutuhan ........................................................ 17
3.2 Ruang Lingkup Aplikasi/Sistem ............................................ 18
3.3 Konsep Perancangan Sistem .................................................. 18
vii
3.3.1 Gambaran Umum ........................................................ 18
3.3.2 Pengguna Aplikasi ...................................................... 19
3.4 Perancangan Antar Muka Aplikasi ........................................ 20
3.4.1 Storyboard ................................................................... 20
3.4.2 Tampilan Jaringan Simantik ....................................... 27
3.5 Perancangan Proses Bisnis..................................................... 28
3.5.1 Use Case Diagram Proses Bisnis ................................ 28
3.6 Flowchart ............................................................................... 29
3.7 Pemodelan Penyimpanan Data .............................................. 31
BAB IV HASIL DAN ANALISIS ................................................... 32
4.1 Hasil karya / Implementasi ................................................... 32
4.2 Hasil pengujian ..................................................................... 47
4.3 Analisis ................................................................................. 48
BAB V PENUTUP .......................................................................... 49
5.1 Kesimpulan ........................................................................... 49
5.2 Saran ..................................................................................... 50
Daftar Pustaka .................................................................................. 51
Lampiran .......................................................................................... 53
viii
DAFTAR GAMBAR
Gambar 3.2 tampilan awal home...............................................20
Gambar 3.3 Design level ...........................................................21
Gambar 3.4 Design tampilan permainan ...................................22
Gambar 3.5 Design tampilan pembelajaran1 ............................23
Gambar 3.6 Design tampilan pembelajaran2 ............................24
Gambar 3.7 Design tampilan bantuan .......................................25
Gambar 3.8 Design tampilan keluar..........................................26
Gambar 3.9 Jaringan simantik tampilan....................................27
Gambar 3.10 Use case diagram proses bisnis ...........................28
Gambar 3.11 Flowchart perancangan aplikasi ..........................29
Gambar 3.12 Flowchart proses objek menabrak poin ...............30
Gambar 3.13 Contoh kerja events .............................................31
Gambar 4.1Tampilan awal ........................................................32
Gambar 4.2Tampilan pilihan level ............................................33
Gambar 4.3 Tampilan game level 1 ..........................................34
Gambar 4.4 Tampilan game level 2 ..........................................35
Gambar 4.5 Tampilan game level 3 ..........................................36
Gambar 4.6 Tampilan game level 4 ..........................................37
Gambar 4.7 Tampilan game level 5 ..........................................38
Gambar 4.8 Tampilan pembelajaran 1 ......................................39
Gambar 4.9 Tampilan pembelajaran 2 ......................................40
Gambar 4.10 Tampilan pembelajaran3 .....................................41
Gambar 4.11 Tampilan pembelajaran 4 ....................................42
ix
Gambar 4.12 Tampilan pembelajaran 5 ....................................44
Gambar 4.13 Tampilan petunjuk permainan .............................45
Gambar 4.14 Tampilan peringatan keluar ................................46
x
DAFTAR TABEL
Tabel 1.1 tabel jadwal progress proyek ....................................6
Tabel 3.1 tabel hak akses user...................................................19
Tabel 4.1 tabel hasil pengujian..................................................47
xi
BUDAYA JAWA UNTUK ANAK TK DAN SD
BERBASIS HTML 5
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Ahli Madya Komputer
Oleh:
Lilin Arista
562013006
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2016
GAME EDUKASI PEMBELAJARAN
BUDAYA JAWA UNTUK ANAK TK DAN SD
BERBASIS HTML 5
Laporan Tugas Akhir
Oleh:
Lilin Arista
562013006
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2016
i
ii
iii
iv
Kata Pengantar
Segala puji syukur panjatkan kehadirat Tuhan Yang Maha
Esa atas segala berkat dan anugerahnya yang sangat luar biasa
sehingga penulis dapat menyelesaikan penulisan laporan Tugas
Akhir ini dengan baik. Penulisan laporan Tugas Akhir ini
dimaksudkan untuk memenuhi sebagian dari syarat dalam
rangka meraih gelar Ahli Madya Komputer pada Program
Studi
Diploma
Teknik
Informatika
Fakultas
Teknologi
Informasi Universitas Kristen Satya Wacana Salatiga.
Penulis juga menyadari bahwa terselesaikannya laporan
Tugas Akhir dengan lancar tidak terlepas juga karena bantuan
dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis
ingin menyampaikan terimakasih kepada
:
1. Dr. Dharmaputra T. Palekahelu sebagai Dekan Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
2. Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs sebagai
Ketua Program Studi Teknik Informatika, Diploma
Fakultas Teknologi Informasi, Universitas Kristen Satya
Wacana.
3. Bapak Drs.Prihanto Ngesti Basuki, M.Kom, selaku Dosen
Pembimbing Laporan Tugas Akhir yang telah berkenan
meluangkan waktu untuk memberikan bimbingan dan
dukungan dalam penyusunan Tugas Akhir ini.
v
vi
DAFTAR ISI
Judul ................................................................................................. i
Lembar Pengesahaan ....................................................................... ii
Lembar Bebas Plagiasi ..................................................................... iii
Lembar Pernyataan Persetujuan Publikasi ....................................... iv
Kata Pengantar ................................................................................. v
Daftar Isi .......................................................................................... vii
Daftar Gambar ................................................................................. ix
Daftar Tabel ..................................................................................... xi
BAB 1 PENDAHULUAN ............................................................... 1
1.1 Latar belakang ....................................................................... 1
1.2 Tujuan ................................................................................... 2
1.2.1 Tujuan umum ................................................................ 2
1.2.2 Tujuan khusus ............................................................... 3
1.3 Rumusan masalah ................................................................. 4
1.4 Batasan masalah .................................................................... 4
1.5 Metodologi ............................................................................ 5
1.6 Jadwal Progres Proyek .......................................................... 6
BAB II TINJAUAN PUSTAKA ..................................................... 12
2.1 Penelitian terdahulu .............................................................. 12
2.2 Landasan teori ....................................................................... 14
2.3 Aplikasi Multimedia .............................................................. 15
BAB III PERANCANGAN SISTEM .............................................. 17
3.1 Pengumpulan kebutuhan ........................................................ 17
3.2 Ruang Lingkup Aplikasi/Sistem ............................................ 18
3.3 Konsep Perancangan Sistem .................................................. 18
vii
3.3.1 Gambaran Umum ........................................................ 18
3.3.2 Pengguna Aplikasi ...................................................... 19
3.4 Perancangan Antar Muka Aplikasi ........................................ 20
3.4.1 Storyboard ................................................................... 20
3.4.2 Tampilan Jaringan Simantik ....................................... 27
3.5 Perancangan Proses Bisnis..................................................... 28
3.5.1 Use Case Diagram Proses Bisnis ................................ 28
3.6 Flowchart ............................................................................... 29
3.7 Pemodelan Penyimpanan Data .............................................. 31
BAB IV HASIL DAN ANALISIS ................................................... 32
4.1 Hasil karya / Implementasi ................................................... 32
4.2 Hasil pengujian ..................................................................... 47
4.3 Analisis ................................................................................. 48
BAB V PENUTUP .......................................................................... 49
5.1 Kesimpulan ........................................................................... 49
5.2 Saran ..................................................................................... 50
Daftar Pustaka .................................................................................. 51
Lampiran .......................................................................................... 53
viii
DAFTAR GAMBAR
Gambar 3.2 tampilan awal home...............................................20
Gambar 3.3 Design level ...........................................................21
Gambar 3.4 Design tampilan permainan ...................................22
Gambar 3.5 Design tampilan pembelajaran1 ............................23
Gambar 3.6 Design tampilan pembelajaran2 ............................24
Gambar 3.7 Design tampilan bantuan .......................................25
Gambar 3.8 Design tampilan keluar..........................................26
Gambar 3.9 Jaringan simantik tampilan....................................27
Gambar 3.10 Use case diagram proses bisnis ...........................28
Gambar 3.11 Flowchart perancangan aplikasi ..........................29
Gambar 3.12 Flowchart proses objek menabrak poin ...............30
Gambar 3.13 Contoh kerja events .............................................31
Gambar 4.1Tampilan awal ........................................................32
Gambar 4.2Tampilan pilihan level ............................................33
Gambar 4.3 Tampilan game level 1 ..........................................34
Gambar 4.4 Tampilan game level 2 ..........................................35
Gambar 4.5 Tampilan game level 3 ..........................................36
Gambar 4.6 Tampilan game level 4 ..........................................37
Gambar 4.7 Tampilan game level 5 ..........................................38
Gambar 4.8 Tampilan pembelajaran 1 ......................................39
Gambar 4.9 Tampilan pembelajaran 2 ......................................40
Gambar 4.10 Tampilan pembelajaran3 .....................................41
Gambar 4.11 Tampilan pembelajaran 4 ....................................42
ix
Gambar 4.12 Tampilan pembelajaran 5 ....................................44
Gambar 4.13 Tampilan petunjuk permainan .............................45
Gambar 4.14 Tampilan peringatan keluar ................................46
x
DAFTAR TABEL
Tabel 1.1 tabel jadwal progress proyek ....................................6
Tabel 3.1 tabel hak akses user...................................................19
Tabel 4.1 tabel hasil pengujian..................................................47
xi