Animasi Interaktif Berbasis Android Untuk Mengenal Huruf Hiragana Katakana Nunung Hidayatun 1), Mia Rosmiati 2), M.

Transkripsi

1 Animasi Interaktif Berbasis Android Untuk Mengenal Huruf Hiragana Katakana Nunung Hidayatun 1), Mia Rosmiati 2), M. Reggy Purnama 3) 1) Manajemen Informatika, AMIK BSI Jakarta 2) Manajemen Informatika, AMIK BSI Pontianak 3) Sistem Informasi, STMIK Nusa Mandiri Jakarta Description: In today's era where technology has grown rapidly and can be accessed anytime and anywhere, in learning if not offset by technological advances, relying only on stationery such as books, paper, pencils or pens in the teaching and learning process leads to the occurrence saturation for students. In Japanese subjects learning hiragana and letters are a must. The phenomenon that occurs in SMK Kartika is the process of learning to teach Japanese language subjects are still done like teaching past when technology is still not developed. This paper aims to facilitate students in learning the letters hiragana and. The software development process model used is the waterfall model. The results of this study is an interactive animation application based on android that provides facilities for students and teachers in the learning process to make it more interesting and fun. Keywords: animation, interactive, android. Deskripsi : Di era sekarang ini dimana teknologi sudah berkembang dengan pesat dan dapat diakses kapan pun serta dimana pun, dalam pembelajaran apabila tidak diimbangi dengan kemajuan teknologi, yang hanya mengandalkan alat-alat tulis seperti buku, kertas, pensil atau pena dalam proses belajarmengajar menyebabkan terjadinya kejenuhan bagi siswa. Pada mata pelajaran bahasa Jepang belajar Huruf hiragana dan merupakan suatu keharusan. Fenomena yang terjadi pada SMK Kartika adalah proses belajar mengajar mata pelajaran bahasa jepang masih dilakukan seperti pengajaran tempo dulu saat teknologi masih belum berkembang. Paper ini bertujuan untuk memudahkan siswa dalam mempelajari huruf hiragana dan. Model proses pengembangan perangkat lunak yang digunakan adalah model waterfall. Hasil penelitian ini adalah sebuah aplikasi animasi interaktif berbasis android yang menyediakan fasilitas bagi para siswa dan guru dalam proses belajar mengajar menjadi lebih menarik dan menyenangkan. Kata Kunci: animasi, interatif, android. 1. Latar Belakang Pengajaran bahasa jepang di lembaga pendidikan menengah saat ini dilaksanakan dengan berbagai strategi dan metode. Pengajaran bahasa Jepang akan menarik bagi peserta didik apabila pengajar mampu menyampaikan materi pelajarannya dengan menarik dan menyenangkan. Pemilihan media pembelajaran yang tepat merupakan salah satu hal yang perlu dipersiapkan oleh pengajar bahasa Jepang (Bakry dan Benny, 2014). Dalam pembelajaran bahasa jepang khususnya pada huruf hiragana dan terdapat berbagai permasalahan dan kendala. Permasalahan dan kendala juga dialami oleh kelas X pada SMK Kartika X-2 Jakarta. Banyak siswa yang mengeluh dan merasa kesulitan dalam mempelajari huruf hiragana dan. Kegiatan belajar mengajar yang hanya mengandalkan alat tulis, buku, atau kartu huruf hiragana dan sebagai penghafal kadang membuat siswa merasa jenuh, tidak fokus dan sulit menghafal apa yang diajarkan guru, sedikitnya waktu dan banyaknya materi bahasa Jepang (Bakry dan Benny, 2014). Berdasarkan observasi yang didapatkan, maka dipandang perlu adanya penggunaan multimedia dalam proses pembelajaran (Permana, Sudarma Dan Sudhita, 2014). Informasi berbentuk multimedia lebih menarik dibandingkan dengan berbentuk teks, dengan demikian dibutuhkan perangkat lunak penunjang animasi (Noviyanto, 2008). Paper ini bertujuan untuk membangun sebuah animasi interaktif berbasis android untuk meningkatkan intensitas dan efesiensi penyampaian, menggunakan media pembelajaran yang menarik dan interaktif dalam pembelajaran mengenalkan aksara jepang yang dapat membantu proses belajar membaca huruf hiragana dan ISSN : (Print) (Online) (CDROM) 1

2 2. Metode Penelitian Adapun metode penelitian yang penulis gunakan antara lain: 2.1. Teknik pengumpulan data Metode pengumpulan data yang dilakukan oleh penulis yaitu (i) observasi, proses belajar mengajar bahasa jepang di SMK Kartika X-2 Pesanggrahan Jakarta Selatan, (ii) wawancara, langsung dengan pak R.Adji Sansongko selaku kepala sekolah dan Ibu Nia salah satu guru Bahasa Jepang yang mengajar di SMK Kartika X- 2, (iii) studi pustaka, dengan mengumpulkan informasi atau referensi mengenai topik terkait melalui buku-buku, jurnal-jurnal, e-book dan Internet, (iv) kuesioner, penyebaran kuesioner menggunakan teknik random sampling dengan jumlah peserta didik sebanyak dua puluh lima orang Model pengembangan sistem Model dalam pengembangan sistem menggunakan System Development Life Cycle (SDLC) dengan model air terjun (Rosa, & M. Shalahuddin, 2014). Bagaimana membuat suatu media pembelajaran yang dapat membantu siswa untuk mudah mengingat pelajaran sehingga proses belajar mengajar menjadi efektif? Bagaimana membuat sebuah animasi interaktif untuk media pembelajaran pengenalan huruf jepang sebagai media yang menarik bagi siswa? Bagaimana Membuat media edukasi berbasis animasi untuk membantu memudahkan guru dan siswa dalam proses belajar mengenal huruf hiragana dan? Requirement analysis Kebutuhan software Kebutuhan hardware Design Storyboard User interface State transition diagram Testing & implementation White box testing Black box testing Sumber: hasil penelitian (2017) Gambar 1. Kerangka Penelitian Berdasarkan kerangka penelitan pada gambar 1. analisa kebutuhan software disesuaikan dengan aspek-aspek yang dibutuhkan dalam pembuatan animasi, dilanjutkan dengan desain/perancangan perangkat lunak, lalu diimplementasikan dengan dilakukan pengujian menggunakan black box testing & white box testing. 3. Hasil Dan Pembahasan 3.1. Analisa Kebutuhan Perancangan animasi interaktif ini membutuhkan serangkaian peralatan untuk mendukung kelancaran proses pembuatan dan pengujian pembelajaran animasi interaktif. Berikut aspek-aspek yang di butuhkan dalam pembuatan pembelajaran animasi interaktif. a. Kebutuhan perangkat lunak Adapun software yang dibutuhkan dalam perancangan animasi interaktif belajar huruf hiragana yaitu: sistem operasi yang digunakan minimal windows 7, aplikasi pembuatan animasi menggunakan adobe flash CS6, aplikasi pendukung untuk pengolahan gambar yang digunakan Adobe photoshop CS6, aplikasi pendukung untuk pengolahan suara menggunakan Cool Edit Pro 2.1 b. Kebutuhan perangkat keras Adapun hardware yang dibutuhkan yaitu hardisk minimal 500 Gb, memory 4 Gb, processor minimal AMD 3.2. Desain Setelah analisis kebutuhan, maka dilanjutkan pada tahap desain. Desain Merupakan penggambaran perencanaaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke salah satu kesatuan yang utuh dan mempunyai fungsi. Tahap desain ini akan menghasilkan naskah storyboard, dan desain user interface Perancangan Storyboard Perancangan storyboard dalam animasi interaktif belajar huruf hiragana yang penulis buat yaitu: storyboard opening, storyboard menu utama, storyboard mengenal huruf hiragana, storyboard mengenal huruf, dan storyboard latihan soal. Berikut adalah gambar 2. storyboard dari Menu Utama: ISSN : (Print) (Online) (CDROM) 2

3 VISUAL SKETSA AUDIO Tampil menu utama terdapat 3 (tiga) pilihan: Jika di klik tombol mengenal Huruf Hiragana maka akan masuk ke menu huruf hiragana. Jika di klik tombol Mengenal huruf Katakana maka akan masuk ke menu. Jika di klik tombol Latihan soal maka akan masuk ke menu Latihan soal Jika di klik tombol keluar maka akan keluar dari menu pembelajaran animasi interaktif Mengenal Huruf Hiragana Mengenal Huruf Katakaa Latihan Soal Keluar Gambar 2. Storyboard Menu Utama Musik Perancangan User interface User interface merupakan sebuah tampilan dari sebuah kerangka dasar menjadi desain yang baik digunakan oleh user. Tahap perancangan user interface menjadi hal yang sangat penting dalam, karena dibutuhkan sebuah user interface yang komunikatif dan user friendly (Pratiwi dan Herlawati, 2015). Tampilan user interface pada aplikasi ini yaitu: a. Tampilan opening Gambar 4 merupakan tampilan menu utama, user hanya mengklik menu-menu yang teridiri atas huruf hiragana, huruf, dan latihan soal. Jika sudah selesai bisa mengklik tombol keluar. c. Tampilan semua huruf hiragana Gambar 5. Tampilan semua huruf hirgana Gambar 5 ini berisi semua bagian huruf hiragana. Jika diklik sekali pada salah satu huruf maka akan tampil satu huruf hiragana diikuti suara pengejaan huruf tersebut. d. Tampilan semua huruf Gambar 3. Tampilan opening Gambar 3 merupakan tampilan opening berupa loading untuk masuk ke dalam aplikasi animasi interaktif mengenal huruf hiragana dan. b. Tampilan menu utama Gambar 6. Tampilan semua huruf Gambar 6 menunjukkan semua huruf, apabila diklik pada salah satu huruf maka akan tampil satu huruf diikuti dengan suara pengejaannya. e. Tampilan menu latihan soal hiragana dan Gambar 4. Tampilan menu utama

4 Gambar 6 adalah tampilan dari menu awal latihan soal, yang terdiri dari latihan soal huruf hiragana dan latihan soal huruf. Klik satu kali maka akan tampil ke halaman latihan soal masing kategori tersebut. Gambar 6. Tampilan latihan soal hiragana dan Opening Menu utama Huruf hiragana Huruf Latihan soal keluar output Soal huruf hiragana Soal huruf Output nilai Gambar 7. State Transition Diagram Pengenalan Huruf Hiragana Katakana Gambar 7 menggambarkan keseluruhan scene yang terdapat pada animasi pengenalan huruf hiragana yang diawali dengan opening, setelah itu akan tampil menu utama yang berisi pilihan huruf hiragana, huruf, latihan soal, dan keluar. Pada tombol latihan soal terdapat dua menu latihan jika user mendapat nilai tertinggi setelah mengerjakan soal akan tampil pesan kamu berhasil ke level selanjutnya, jika mendapat nilai rendah maka tidak bisa melanjutkan ke level selanjutnya Testing Aplikasi game yang telah dibuat, State Transition Diagram State Transition Diagram digunakan untuk menggambarkan perubahan stauts atau transisi status dari sebuah mesin atau sistem atau objek (Rosa, & M. Shalahuddin, 2014). Pemodelan ini juga penulis gunakan dalam menjelaskan aluralur dari aplikasi yang penulis rancang. selanjutnya diuji melalui teknik pengujian perangkat lunak yang meliputi pengujian white box dan black box Pengujian white box Yang dimaksud Metode White Box adalah suatu metode desain test case yang menggunakan struktur kontrol desain prosedural untuk memperoleh test case. Dengan menggunakan metode pengujian White Box, perekayasaan sistem dapat melakukan test case yang dapat: a. Memberikan jaminan bahwa semua jalur independen pada suatu modul telah digunakan paling tidak satu kali. b. Menggunakan semua keputusan logis pada sisi true dan false. c. Mengeksekusi semua loop (perulangan) pada batasan mereka dan pada batas. d. operasional pengguna aplikasi Tidak semua hal pengujian dilakukan terhadap keseluruhan program secara utuh, namun dalam hal ini dilakukan sampel pengujian terhadap level tertentu yang dijalankan. Gambar 8 merupakan gambar bagan alir Menu Utama animasi interaktif pembelajaran huruf hiragana : ISSN : (Print) (Online) (CDROM) 4

5 Gambar 8. Path Menu Utama Sehingga didapat kompleksitas siklomatisnya V(G)= =5. Terdapat 5 jalur basic path yang dihasilkan dari jalur independent secara linier, yaitu: a b c d e Ketika aplikasi dijalankan, maka terlihat bahwa salah satu basis set yang dihasilkan adalah dan terlihat bahwa simpul telah dieksekusi satukali. Berdasarkan pengamatan ketentuan tersebut dari segi kelayakan software,sistem ini telah memenuhi syarat Pengujian Black Box Pengujian ini dilakukan untuk memastikan bahwa suatu masukan akan menjalankan proses yang tepat dan menghasilkan output yang sesuai dengan rancangan. Tabel 1. Hasil pengujian black box SCENE INPUT/EVENT PROSES OUTPUT/NEXT STAGE Opening Menu utama Pembelajaran animasi interaktif huruf Hiragana huruf Katakana gotoandstop("menu.swf");} loadmovie("hurufhiragana.swf ",0);} loadmovie("huruf.swf ",0);} Opening pembelajaran animasi interaktif Huruf Hiragana Huruf Katakana HASIL PENGUJIAN

6 latihan soal loadmovie("latihansoal.swf",0) ;} Latihan soal Keluar on (release){ fscommand("quit");} Keluar Hiragana loadmovie("hurufhiragana.swf ",0);} Halaman hiragana Huruf Utama Menu loadmovie("menu.swf",0);} Menu Utama Huruf hiragana Tampilan Ubah gotoandstop("belajarall");} Halaman huruf hiragana secara 1 huruf Petunjuk gotoandstop("petunjuk");} Petunjuk Katakana loadmovie("huruf.swf ",0);} Halaman Huruf Utama Menu loadmovie("menu.swf",0);} Menu Utama Huruf Tampilan Ubah gotoandstop("tunggal");} Halaman huruf hiragana secara 1 huruf Petunjuk gotoandstop("petunjuk");} Petunjuk Latihan Soal loadmovie("latihansoal.swf",0) ;} Halaman soal Utama Menu loadmovie("menu.swf",0);} Menu Utama Latihan soal Petunjuk gotoandstop("petunjuk");} Petunjuk Kembali gotoandstop("pilih");} Halaman Mengenal Hiragana dan ISSN : (Print) (Online) (CDROM) 6

7 Menjawab soal stop(); onenterframe = function () { skor = +score;}; kodok_benar.onpress = function() { score +=6.6; nextframe(); }; kodok_salah.onpress = function() { Hasil Score Nilai }; nextframe(); 3.4. Hasil Pengolahan Data Kuesioner Untuk dapat mengetahui apakah aplikasi ini baik atau tidaknya digunakan, maka siswa/siswi diberikan lembar kuisioner untuk diisi setelah menjalankan aplikasi ini. Kuisioner diberikan kepada 25 siswa/siswi dimana setiap lembar kuisioner terdiri dari 10 pertanyaan. Berikut ini adalah bagan perhitungan kuisioner animasi interaktif belajar mengenal huruf hiragana dan pada SMK Kartika X- 2: Gambar 9. Tampilan Grafik Kuisioner Pengenalan Huruf Katakana dan Hiragana Dari hasil kuisioner pada gambar 9, diperoleh perhitungan persentase 94% menjawab ya dan 6% menjawab tidak. Sehingga dapat diambil kesimpulan bahwa siswa-siswi dapat dengan mudah menggunakan aplikasi ini, menjadi lebih tertarik untuk belajar huruf hiragana dan dan dapat digunakan sebagai alat bantu yang dapat membantu siswa siswi dalam belajar mengenal huruf hiragana dan sehingga belajar jadi tidak membosankan. 4. Penutup 4.1. Kesimpulan Berdasarkan analisis dan penelitian yang penulis lakukan, berikut simpulan yang dapat penulis uraikan: a. Dengan adanya aplikasi animasi interaktif mengenal aksara Jepang hiragana dan ini dapat membantu siswa untuk mengingat pelajaran dengan mudah sehingga proses belajar mengajar menjadi lebih efektif b. Dengan adanya aplikasi animasi interaktif mengenal aksara Jepang hiragana dan ini merupakan media pembelajaran yang menarik bagi siswa/siswi c. Dengan adanya aplikasi animasi interaktif mengenal aksara Jepang hiragana dan ini dapat memudahkan guru dan siswa dalam proses belajar mengajar.

8 4.2. Saran Pembuatan animasi interaktif ini masih sangat sederhana, masih sangat mungkin untuk dikembangkan agar menjadi lebih baik lagi. Saran atau masukkan dapat penulis berikan untuk pengembangan program selanjutnya sebagai berikut: a. Untuk membuat animasi interaktif ini sebaiknya dilakukan sebuah pengujian yang berulang-ulang agar dapat mengetahui kekurangan serta baik atau tidaknya progam ini. b. Perlu diperhatikan membuat animasi untuk siswa/i buatlah perpaduan warna yang baik untuk penglihatan siswa/i dan memilih objek gambar, suara, musik yang dapat menarik minat siswa/i untuk belajar dan dapat memacu siswa/i untuk kreatif dalam berfikir. 5. Pustaka [1] Bakry dan Benny, 2014, Analisis Verba Noru, Noboru, dan Agaru, Journal of Japanese Learning and Teaching 3(1) 2014, hal [2] Darjat, 2009, Cepat Belajar Bahasa Jepang Untuk Bisnis, Hotel & Parawisata, Jakarta: Mediakita. [3] Darma, Jarot dan Shenia, 2009, Buku Pintar Menguasai Multimedia, Jakarta: Mediakita. [4] Kompute, Wahana, 2012, Adobe Flash CS6, Yogyakarta: Andi. [5] Madcoms, 2012, Adobe Photoshop CS6, Yogyakarta: Andi. [6] Noviyanto, fiten, 2008, Membangun system pembelajaran pengenalan bentuk untuk anak berbasis mulitmedia dan game interaktif, Jurnal informatika Vol 2 No.1 Januari 2008, Page [7] Permana, Sudarma Dan Sudhita, 2014, Pengembangan Multi Media Interaktif Bahasa Jepang Siswa Kelas XI IPB 1 di SMA Negeri Dawan, Edutech Universitas Pendidikan Ganesha Jurusan Teknologi Pendidikan, Vol 2 No [8] Pratiwi dan Herlawati, 2015, Animasi Interaktif Pengenalan Pembelajaran Sisem Peredaran Darah pada SD Widya Bhakti Bekasi, Bina Insani ICT Journal, Vol 2 No 1, hal [9] Pressman Rekayasa Perangkat Lunak-Buku Satu, Pendekatan Praktisi (Edisi 7). Yogyakarta: ANDI. [10] Rosa, A. S., &Muhammad Shalahuddin Rekayasa Perangkat Lunak. Bandung: Informatika. [11] Santi. Isma Trisna Pembuatan Game Pembelajaran Pengenalan Huruf Hijaiyah Di Taman Kanan-kanak (TK) Az-Zalfa Sidoharji Pacitan. Volume 11 No [12] Sudjianto. Dahidi dan Yoko Kanji Dasar Bahasa Jepang. Jakarta: Kesaint Blanc. [13] Susilana dan Riyana Media Pembelajaran Hakikat, Pengembangan, Pemanfaatan, dan Penilaian. Bandung: CV Wacana Prima ISSN : (Print) (Online) (CDROM) 8