PERANCANGAN GAME EDUKASI PENGENALAN TOKOH PAHLAWAN NASIONAL UNTUK ANAK SEKOLAH DASAR SKRIPSI Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I pada Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta Oleh : Rias Indah Purwatiningsih NIM : L200100149 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA 2014 i
ii
iii
DAFTAR KONTRIBUSI Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka. Berikut saya sampaikan daftar kontribusi dalam penyusunan skripsi : 1. Pembuatan script program aplikasi dibuat sendiri dengan referensi dari buku, internet dan saat terjadi error program dibantu teman. 2. Program pendukung yang saya gunakan untuk membuat aplikasi ini ialah Notepad ++, Google Chrome 32.0 dan Mozilla Firefox 24.0. 3. Saya menggunakan laptop dengan spesifikasi Processor Intel Core i3-2350m Processor 2.3 GHz untuk membuat aplikasi ini. 3. Desain tampilan dalam aplikasi ini dibuat menggunakan software Corel Draw X5 dan Adobe Photoshop CS4. Sound didapatkan dari internet, sedangkan foto dan materi tentang tokoh pahlawan nasional didapatkan dari buku dan internet yang dilampirkan pada daftar pustaka. Demikian pernyataan dan daftar kontribusi ini saya buat dengan sejujurnya. Saya bertanggung jawab atas isi dan kebenaran daftar di atas. iv
Surakarta, 15 April 2014 Rias Indah Purwatiningsih Pembimbing. Mengetahui, Husni Thamrin, S.T., M.T., Ph.D NIK : 706 v
MOTTO DAN PERSEMBAHAN MOTTO : KEAJAIBAN adalah kata lain dari KERJA KERAS (Rias Indah Purwatiningsih) "Ga penting apa yang dirasakan.. mau sedih, mau senang, mau dongkol.. semua harus selalu usahain ditutup dengan #smile.. hidup cuma sekali jangan sampek matinya mrengut.. " (Mawardi Ganda Negara) PERSEMBAHAN : Sebagai rasa syukur dan terima kasih saya persembahkan karyaku ini kepada : 1. Keluarga kecilku yang begitu sederhana, Bapak yang begitu sabar, Ibuk yang cerewet dan Adek yang sudah menjadi Calon Sarjana Teknik (Kimia), untuk setiap Do a yang tertuah ketika tangan menengadah serta semua dukungan dalam bentuk apapun itu yang mungkin tak akan pernah terbalaskan. 2. Teman-teman kelas E KEPOMPONG yang selalu menemani saat menjadi mahasiswa, walaupun sempat berpisah sementara di akhir semester karena berbeda konsentrasi. 3. Teman-teman HIMATIF UMS dan FOSTI UMS yang telah memberikan kesempatan untuk mengembangkan softskill. 4. Keluarga Besar Assiten Praktikum Laboratorium Teknik Informatika UMS atas semua hal yang telah diberikan dan tempatku bertukar ilmu. vi
5. Keluarga Besar Istana Herbal Group yang telah memberikan kesempatan untuk mengembangkan bakat design. 6. Keluarga Besar dbc-network Keluarga Manfaat yang selalu mengajariku untuk selalu membukakan pintu rezeki orang lain #Indahnya Berbagi. 7. Sahabat terhebaattt, Intan, Ummi, NugNug, Viky, Dzuzu, Layla, Linda, Nisa, Niken, Vera, Devi, Mas Septi, Nega, Adit, Mas Geger, Mas Ozan, Agus, Mas Yogha, Benny, Dawud, dan Pak Wury serta Mas Jayus & Wakhid yang sudah membantu dalam membantu coding script yang amaat syussaahhh ini -_-. Kalian seperti Pelangi, yang mewarnaiku hari-hariku semasa di kampus hijau. 8. Sahabat terbaiiiiik, Mbak Wiwit, Jeng Kelin, Mas Fuad dan Mas Doddy yang selalu memberiku motivasi dan semangat kehidupan. 9. Semua pihak yang selalu ada di sekelilingku yang tidak bisa kusebutkan satu persatu. vii
KATA PENGANTAR Alhamdulillah, kami panjatkan syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan skripsi ini dengan judul Perancangan Game Edukasi Pengenalan Tokoh Pahlawan Nasional untuk Anak Sekolah Dasar. Skripsi ini disusun untuk memenuhi kurikulum pada Program Studi Teknik Informatika Universitas Muhammadiyah Surakarta, sebagai kewajiban mahasiswa dalam rangka menyelesaikan program sarjana. Penulis menyadari bahwa skripsi ini masih jauh dari kesempurnaan, oleh karena itu kritik saran yang membangun dari berbagai pihak sangat penulis harapkan demi perbaikan-perbaikan ke depan. Terwujudnya skripsi ini tidak lepas dari bantuan berbagai pihak. Oleh karena itu dalam kesempatan ini penulis ingin mengucapkan terima kasih yang sebesarbesarnya kepada : 1. Bapak Husni Thamrin, S.T, MT., Ph.D. selaku Dekan Fakultas Komunikasi dan Informatika Universitas Muhammadiayah Surakarta dan pembimbing skripsiku satu-satunya ( ) yang telah memberikan bimbingan dan pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini. 2. Bapak Dr. Heru Supriyono, S.T., M.Sc. selaku Ketua Jurusan Teknik Informatika Universitas Muhammadiayah Surakarta. viii
3. Segenap dosen dan karyawan prodi Teknik Informatika atas bantuan dan ilmu yang diberikan kepada penulis selama masa perkuliahan hingga dinyatakan mendapat gelar Strata 1. 4. Kepada keluarga kecilku yang selalu memberikan do a, semangat dan motivasi dengan tiada hentinya kepada penulis. 5. Semua pihak yang tidak bisa disebutkan satu-persatu yang telah membantu hingga terselesainya skripsi ini. Akhirnya penulis berharap semoga skripsi ini berguna bagi semua pihak dan bermanfaat bagi penulis khususnya dan pembaca pada umumnya dalam menambah pengetahuan dan wawasan ilmu. Amiin. Surakarta, 15 April 2014 Penulis ix
DAFTAR ISI Halaman Judul... i Halaman Persetujuan... ii Halaman Pengesahan... iii Daftar Kontribusi... iv Motto dan Persembahan... vi Kata Pengantar... viii Daftar Isi... x Daftar Tabel... xiii Daftar Gambar... xiv Abstraksi... xvi BAB I PENDAHULUAN... 1 1.1. Latar Belakang Masalah... 1 1.2. Rumusan Masalah... 3 1.3. Batasan Masalah... 3 1.4. Tujuan Penelitian... 4 1.5. Manfaat Penelitian... 4 1.6. Sistematika Penulisan... 4 BAB II TINJAUAN PUSTAKA... 6 2.1. Telaah Penelitian... 6 2.2. Landasan Teori... 9 2.2.1 Game Edukasi... 9 2.2.2 Pahlawan Nasional... 9 x
2.2.3 HTML5... 10 2.2.4 Javascript... 11 2.2.5 JQuery... 11 2.2.6 CSS3... 12 2.2.7 Mozilla Firefox... 13 2.2.8 Google Chrome... 13 2.2.9 Notepad ++... 13 2.2.10 Adobe Photoshop CS4... 14 2.2.11 Corel Draw X5... 14 2.2.12 Storyboard... 14 BAB III METODE PENELITIAN... 15 3.1. Waktu dan Tempat Penelitian... 15 3.1.1 Waktu Penelitian... 15 3.1.2 Tempat Penelitian... 15 3.2 Peralatan Utama dan Pendukung... 16 3.2.1 Perangkat Keras... 16 3.2.1 Perangkat Lunak... 16 3.3 Metodologi Penelitian... 17 3.4 Perancangan Aplikasi... 20 3.4.1 Storyboard... 20 3.4.2 Rancangan User Interface... 24 BAB IV HASIL DAN PEMBAHASAN... 33 4.1 Hasil Penelitian... 33 xi
4.1.1 Tampilan Halaman Play... 33 4.1.2 Tampilan Halaman Pintu Pulau Pahlawan... 34 4.1.3 Tampilan Halaman Pulau Pahlawan... 35 4.1.4 Tampilan Halaman Utama Game Pahlawan Sebelum Kemerdekaan... 37 4.1.5 Tampilan Halaman Petunjuk Game Pahlawan Sebelum Kemerdekaan... 41 4.1.6 Tampilan Halaman Informasi Game Pahlawan Sebelum Kemerdekaan... 42 4.1.7 Tampilan Halaman Misi Berhasil Game Pahlawan Sebelum Kemerdekaan... 43 4.1.8 Tampilan Halaman Utama Game Pahlawan Pergerakan Kemerdekaan... 44 4.1.9 Tampilan Halaman Informasi Game Pahlawan Pergerakan Kemerdekaan... 47 4.1.10 Tampilan Halaman Misi Berhasil Game Pahlawan Pergerakan Kemerdekaan.. 48 4.1.11 Tampilan Halaman Utama Game Pahlawan Setelah Kemerdekaan... 49 4.1.12 Tampilan Halaman Petunjuk Game Pahlawan Setelah Kemerdekaan... 52 4.1.13 Tampilan Halaman Informasi Game Pahlawan Setelah Kemerdekaa... 53 4.1.14 Tampilan Halaman Misi Berhasil Game Pahlawan Setelah Kemerdekaan... 53 4.1.15 Tampilan Halaman Kuis Game Tokoh Pahlawan Nasional... 54 4.2 Analisa Penelitian... 56 4.3 Analisa dan Pembahasan... 68 BAB V PENUTUP... 69 5.1. Kesimpulan... 69 5.2. Saran... 70 DAFTAR PUSTAKA... 71 LAMPIRAN xii
DAFTAR TABEL Tabel 4.1 : Hasil Rekapitulasi Pre Test dan Post Test... 59 Tabel 4.2 : Mean Pre Test... 59 Tabel 4.3 : Mean Post Test... 60 Tabel 4.4 : Hasil Pengisian Kuisioner pada Guru... 53 Tabel 4.5 : Hasil Skoring Kuisioner pada Guru... 63 Tabel 4.6 : Hasil Pengisian Kuisioner pada Siswa... 67 Tabel 4.7 : Hasil Skoring Kuisioner pada Siswa... 67 xiii
DAFTAR GAMBAR Gambar 3.1 : Flowchart Penelitian... 17 Gambar 3.2 : Storyboard... 20 Gambar 3.3 : Perancangan Halaman Utama Game Tokoh Pahlawan Nasional... 24 Gambar 3.4 : Perancangan Halaman Pintu Pahlawan... 25 Gambar 3.5 : Perancangan Halaman Pulau Pahlawan... 25 Gambar 3.6 : Perancangan Hal. Utama Game Pahlawan Sebelum Kemerdekaan... 26 Gambar 3.7 : Perancangan Hal. Petunjuk Game Pahlawan Sebelum Kemerdekaan... 27 Gambar 3.8 : Perancangan Hal. Informasi Game Pahlawan Sebelum Kemerdekaan... 27 Gambar 3.9 : Per. Hal. Misi Berhasil Game Pahlawan Sebelum Kemerdekaan... 28 Gambar 3.10 : Perancangan Hal. Utama Game Pahlawan Pergerakan Kemerdekaan... 29 Gambar 3.11 : Per. Hal. Informasi Game Pahlawan Pergerakan Kemerdekaan... 29 Gambar 3.12 : Perancangan Hal. Utama Game Pahlawan Setelah Kemerdekaan... 30 Gambar 3.13 : Perancangan Hal. Petunjuk Game Pahlawan Setelah Kemerdekaan... 31 Gambar 3.14 : Perancangan Hal. Informasi Game Pahlawan Setelah Kemerdekaan... 31 Gambar 3.15 : Per. Hal. Misi Berhasil Game Pahlawan Setelah Kemerdekaan... 32 Gambar 3.16 : Perancangan Halaman Kuis... 32 Gambar 4.1 : Halaman Play... 33 Gambar 4.2 : Halaman Pintu Pulau Pahlawan... 34 Gambar 4.3 : Halaman Pulau Pahlawan... 35 Gambar 4.4 : Halaman Preview Game... 37 Gambar 4.5 : Halaman Utama Game Pahlawan Sebelum Kemerdekaan... 37 Gambar 4.6 : Halaman Petunjuk Game Pahlawan Sebelum Kemerdekaan... 41 xiv
Gambar 4.7 : Halaman Informasi Game Pahlawan Sebelum Kemerdekaan... 42 Gambar 4.8 : Halaman Misi Berhasil Game Pahlawan Sebelum Kemerdekaan... 43 Gambar 4.9 : Halaman Utama Game Pahlawan Pergerakan Kemerdekaan... 44 Gambar 4.10 : Halaman Informasi Game Pahlawan Pergerakan Kemerdekaan... 47 Gambar 4.11 : Halaman Misi Berhasil Game Pahlawan Pergerakan Kemerdekaan... 48 Gambar 4.12 : Halaman Utama Game Pahlawan Setelah Kemerdekaan... 48 Gambar 4.13 : Tampilan Kartu Terbalik Game Pahlawan Setelah Kemerdekaan... 49 Gambar 4.14 : Halaman Petunjuk Game Pahlawan Setelah Kemerdekaan... 52 Gambar 4.15 : Halaman Informasi Game Pahlawan Setelah Kemerdekaan... 53 Gambar 4.16 : Halaman Misi Berhasil Game Pahlawan Setelah Kemerdekaan... 53 Gambar 4.17 : Halaman Kuis Game Tokoh Pahlawan Nasional... 54 Gambar 4.18 : Presentase Responden Guru... 61 Gambar 4.19 : Presentase Responden Siswa... 66 xv
ABSTRAKSI Sejarah adalah mata pelajaran wajib yang perlu dipelajari oleh semua siswa. Dengan mempelajari sejarah, diharapkan siswa dapat mengetahui sejarah dan menghargai jasa para pahlawan terdahulu. Namun selama ini mata pelajaran sejarah di identikan sebagai pembelajaran yang membosankan di kelas karena metode pembelajaran yang monoton manakala guru hanya mengajar dengan buku dan ceramah. Di sisi lain, game bagi anak mampu mempercepat terjadinya myelinasi yang dapat meningkatkan kemampuan kognitif dan motorik serta dapat memancing minat belajar. Peneliti merancang game edukasi yang disertai dengan audio, animasi dan grafis yang menarik untuk meningkatkan ketertarikan dan membantu anak dalam belajar mengenal tokoh pahlawan nasional. Metode pembuatan game edukasi menggunakan metode SDLC (System Development Life Cycle) yang dilakukan dengan proses pembuatan storyboard, rancangan user interface dan diimplementasikan menggunakan menggunakan bahasa pemrograman HTML5 untuk antarmuka, jquery untuk animasi serta CSS3 untuk grafiknya. Hasil yang didapat dalam penilaian melalui kuisioner yang telah diujikan di SD N 1 Nangsri, Kebakkramat, Karanganyar, Jawa Tengah dapat ditarik kesimpulan lebih dari 86% guru dan siswa setuju bahwa game edukasi dapat meningkatkan ketertarikan anak usia sekolah dasar dalam mengenal tokoh pahlawan nasional dan dapat digunakan oleh guru sebagai media belajar tambahan dalam mengenal tokoh pahlawan nasional serta membantu siswa dalam belajar mengenal tokoh pahlawan nasional yang telah dibuktikan pada hasil pretest dan post-test. Kata kunci : tokoh pahlawan nasional, game edukasi, jquery xvi