RANCANG BANGUN PERMAINAN EDUKASI PENGENALAN SAMPAH UNTUK SISWA SEKOLAH DASAR BERBASIS MULTIMEDIA ABSTRAK

Transkripsi

1 RANCANG BANGUN PERMAINAN EDUKASI PENGENALAN SAMPAH UNTUK SISWA SEKOLAH DASAR BERBASIS MULTIMEDIA Muhamad Barnabas 1) Dra. Sri Setyaningsih, M.Si. 2) Dr. Herfina, S.Kom, M.Pd. 2) Program Studi Ilmu Komputer FMIPA Universitas Pakuan ABSTRAK Permainan Edukasi Pengenalan Sampah Untuk Siswa Sekolah Dasar Berbasis Multimedia menggunakan Metode drag & drop adalah permainan untuk memperkenalkan jenis-jenis sampah yaitu organik dan anorganik. Proses perancangan aplikasi menggunakan metode pengembangan multimedia. Permainan Edukasi Pengenalan Sampah ini dibagi 3 babak permainan yaitu, babak ke-1, babak ke-2 dan babak ke-3. Masing-masing babak memiliki latar belakang berbeda. Babak ke-1 memiliki latar belakang di dalam rumah dan objek sampah yang tersebar. Babak ke-2 memiliki latar belakang di luar rumah. Babak selanjutnyapun sama dengan babak sebelumnya, tetapi setiap bertambah babak maka bertambah pula objek sampah. Pembuatan permainan ini menggunakan metode drag & drop. Sistem yang telah dibuat diuji coba dengan uji coba struktural, uji coba fungsional, uji coba validasi dan uji coba aplikasi (Kuesioner) uji coba tersebut dilakukan guna untuk memastikan aplikasi yang dibuat layak dan baik digunakan terutama untuk siswa sekolah dasar kelas 5 dan 6 berbasis desktop. Kata Kunci: Drag and Drop, Permainan Edukasi Pengenalan Sampah PENDAHULUAN Memasuki era globalisasi sekarang ini, pemakaian teknologi komputer dalam segala bidang kehidupan sehari-hari tidak dapat dihindari. Pemanfaatan teknologi jaringan komputer sebagai media komunikasi data hingga saat ini semakin meningkat. Kebutuhan atas penggunaan bersama yang ada dalam jaringan baik software maupun hardware telah mengakibatkan timbulnya berbagai pengembangan teknologi itu sendiri baik untuk instansi / perusahaan maupun untuk masyarakat umum. Dunia pendidikan dan edukasi saat ini masih dibutuhkan visualisasi teknologi dalam metode pembelajaran bagi anak sekolah dasar pada umumnya. Agar tepat sasaran yang dituju secara optimal, hal ini akan memudahkan dan membiasakan diri bagi anak untuk melakukan hal hal yang benar. Aplikasi pembelajaran saat ini berkembang pesat dan sudah tidak asing lagi bagi masyarakat umum dari berbagai kalangan usia. Sampah merupakan konsekuensi dari adanya aktifitas manusia. Jumlah atau volume sampah sebanding dengan tingkat konsumsi terhadap barang/material yang digunakan sehari-hari. Demikian juga dengan jenis sampah, sangat tergantung dari jenis material yang dikonsumsi. Jumlah sampah yang semakin besar memerlukan pengelolaan yang harus dilakukan secara bertanggung jawab. Selama tahapan penanganan sampah banyak kegiatan dan fasilitas yang bila tidak dilakukan / disediakan dengan benar 1) Penulis Utama 2) Pembimbing 1

2 akan menimbulkan dampak yang berpotensi mengganggu lingkungan. Penelitian sebelumnya telah dilakukan oleh (Yulian 2009) Pembangunan Game Edukasi Lindungi Kebersihan Laut dijelaskan bagaimana cara membuat game edukasi mengenai kebersiahan laut yang interaktif dan menarik, sehingga dapat dijadikan media pembelajaran. Apliaksi ini menggunakan model pengembangan waterfall dan menggunakan software Construct 2 berbasis desktop. Penelitian ini dibuat untuk membantu visualisasi agar dapat lebih optimal dalam penggunaan teknologi, dan akan dibuat suatu fasilitas khususnya untuk siswa sekolah dasar agar dapat memilih dengan benar jenis sampah. Dengan adanya pembuatan aplikasi ini diharapkan mampu membedakan mana sampah organik (biasa disebut sampah basah) dan sampah anorganik (biasa disebut sampah kering) secara visual dan mendapatkan pembelajaran yang optimal. METODOLOGI PENELITIAN Metode penelitian yang akan terapkan pada aplikasi game ini yaitu menggunakan metode drad & drop Ada enam tahap yang digunakan pada metode penelitian multimedia yaitu: Konsep, Perancangan, Pengumpulan Bahan, Pembuatan, Uji Coba dan Distribusi. 1. Konsep 6. Distribusi 2. Perancangan 5. Uji Coba 3. Pengumpulan Bahan 4. Pembuatan Gambar 1. Tahap Pengembangan Multimedia Tahap Konsep a. Menentukan Tujuan Pada tahap ini ditentukan tujuan dari multimedia, serta Audiens yang menggunakan. Tujuan dan Audiens berpengaruh pada unsur multimedia. Sebagai pencerminan identitas yang mengingikan informasi sampai kepada audiens. Pada penelitian ini sasaran audiens adalah Siswa Sekolah Dasar. b. Memahami Karakter pengguna Mayoritas audiens suka dengan gambar-gambar, animasi dan suara. Sehingga tidak membuat audiens cepat bosan dan menciptakan proses bermain sambil belajar menjadi lebih efektif.. Aplikasi ini dirancang untuk membatu audiens khususnya siswa dalam proses belajar dan mempermudah penerapan materi dengan sistem animasi dan audio. Tabel 1. Konsep Halaman Aplikasi Judul Audie ns Image Audio Video Anim asi Jenis Aplik asi Softw are Rancang Bangun Permainan Edukasi Pengenalan Sampah untuk Siswa Sekolah Dasar Berbasis Multimedia. Siswa Sekolah Dasar kelas 5 dan 6 Objek dan gambar later menggunakan format file.jpg dan.png Efek suara dan music instrument.mp3 dan.wav Edukasi membuang sampah menggunakan format file.flv Animasi Movie Clip dan visual novel. Permainan Edukasi Adobe Flash CS6, Adobe Photoshop CS6, Adobe Ilustrator CS6 dan Fruity Loops Studio Mobile. 2

3 Tahap Perancangan Perancangan adalah membuat spesifikasi secara rinci mengenai arsitektur program, gaya, tampilan dan kebutuhan material / bahan untuk program. Spesifikasi dibuat cukup rinci sehingga pada tahap berikutnya. Storyboard Tabel 2. Storyboard Flowchart Sytem Flowchart sytem mengambarkan tahap proses aplikasi berbasis multimedia. Pada aplikasi ini alur flowchart. Awal aplikasi ini terdapat menu utama yang berisi info yaitu info dasar tentang jenisjenis sampah, petunjuk yang berisi tentang petunjuk menggunakan aplikasi dan cara bermain, main adalah menu untuk menuju permainan edukasi, penghargaan merupakan record nama dari pemain yang terakhir kali menyelesaikan semua permainan dan keluar untuk mengakhiri aplikasi. Dibawah ini adalah rancangan flowchart sistem. Gambar 3. Flowchart System 3

4 Struktur Navigasi Berikut ini adalah struktur navigasi aplikasi. Pada halaman utama terdapat menu info yang berisi jenis sampah organik dan anorganik, menu petunjuk, menu main yang terdapat 3 babak permainan yang berakhir pada username untuk memasukkan pemain yang telah berhasil menyelesaikan semua babak permainan, menu penghargaan dan keluar aplikasi. Babak ke-1 (Waktu) (Lata Belakang di dalam rumah) Gambar 6. Tampilan Babak Musik c. Tampilan Berhasil Tampilan berhasil merupakan halaman trasisis setelah user berhasil menyelesaikan babak, dan akan dapat melanjutkan kebabak selanjutnya. Berikut adalah tampilan permainan pada Gambar 7. SELAMAT KAMU BERHASIL Gambar 4. Srtuktur Navigasi Perancangan Tampilan Pada tahapan ini dilakukan perancangan tampilan (interface), berikut adalah perancangan tampilan : a. Tampilan Menu Utama Tampilan menu utama adalah halaman awal yang dapat mengakses beberapa menu seperti info, petunjuk, main, penghargaan dan keluar. Menu utama dapat dilihat pada gambar 5. Penghargaan (Gambar Latar) Info Petunjuk Main Keluar Musik Gambar 5. Menu Utama b. Tampilan Babak Tampilan babak merupakan tampilna proses permainan yang terdapat waktu untuk perhitungan mundur dari 40 detik sampai 0. Jika melebihi dari waktu yang ditentukan maka user gagal. Tampilan babak pada gambar 6. Gambar latar Gambar 7. Tampilan Berhasil d. Tampilan Gagal Jika user gagal pada setiap babak maka akan tampil halaman gagal dan user dapat memilih untuk ulangi atau kembali ke menu. Dapat dilihat pada gambar 8. Waktu Kamu Habis Gambar latar Ayo Coba Lagi Ulangi Menu Gambar 8. Tampilan Gagal e. Tampilan Username Jika user telah berhasil menyelesaikan semua babak maka berhak untuk mengisi nama yang akan disimpan pada tampilan penghargaan sebagai apresiasi keberhasilan user. 4

5 (Masukkan Nama Kamu) Kirim Gambar 9. Tampilan username f. Tampilan Penghargaan Tampilan penghargaan adalah tempat record nama dari hasil permainan bagi user yang telah menyelesaikan semua babak permainan. Nama Ucapan Penghargaan 4. Pilih gambar yang di inginkan lalu pindahkan Adobe Flash Professional CS6 5. Blok gambar yang di inginkan lalu Tarik gambar yang terdapat pada ai kedalam flash 6. Kemudian terdapat pemeberitahuan paste lalu klik OK Gambar 11. Pemberitahuan Paste 7. Atur tempat yang di inginkan Home Gambar 10. Tampilan Penghargaan Tahap Pengumpulan Bahan Pengumpulan bahan seperti gambar vector, audio, animasi huruf yang diperlukan pada tahap selanjutnya. Tahap pembuatan gambar Tahap pembuatan gambar animasi atau background adalah tahap awal yang diperlukan untuk membuat aplikasi ini dengan cara sebagai berikut : 1. Download gambar berupa vector 2. Gambar berekstensi.ai 3. Edit gambar sesuai yang diingikan menggunakan Adobe Ilustrator CS6 2.2 Tahap Pembuatan Gambar 12. Tampilan Gambar Adobe Flash Professional CS6 Tahap pembuatan adalah tahap dimana semua objek atau bahan multimedia disusun berdasarkan storyboard, bagan alir ( flowchart), dan struktur navigasi yang berasal pada tahap design. Pembuatan Fungsi Drag & Drop Pembuatan drag & drop pada aplikasi ini yaitu pembuatan untuk mencocokan gambar pembuatan dilakukan dengan software Adobe Flash Professional CS6. 1. Buka aplikasi Adobe Flash Professional CS6 pilih file lalu klik New Pilih Action Script 2.0 atur ukuran lalu ok. Gambar 11. Tahap pembuatan gambar 5

6 Gambar 15. Source code 5. Kemudian klik debug lalu pilih debug movie pilih debug program selsai dibuat. Gambar 13. Tampilan awal Adobe Flash Professional CS6 2. Setelah muncul tampilan document, ambil desain sampah pada Adobe Illustrator copy atau import gambar ke Adobe Flash Professional CS6, lalu ubah gambar menjadi movie clip ubah namanya menjadi or1. 3. Kemudian buat tempat sampah jadikan movie clip dan atur jangkauan sebagai target objek sampah. HASIL DAN PEMBAHASAN Hasil Pada tahapan sebelumnya telah dijelaskan mengenai rancangan yang akan diimplementasikan pada aplikasi game. Berikut ini merupakan hasil beserta bentuk-bentuk uraian sistem yang telah diimplementasikan. Tampilan Menu Utama Pada tampilan menu utama ini terdapat logo serta sound effect kemudian tampil animasi anak-anak menggunakan animasi Create Motion Tween. Kemudian terdapat pilihan Info, Petunjuk, Main, Penghargaan dan Keluar. Gambar 14. Pembuatan drag & drop 4. Tambah layar klik pada frame 1 kemudian tekan f9 masukan source code. Gambar 16. Tampilan Menu Utama Tampilan Info Tampilan Info merupakan salah satu pilihan yang terdapat pada menu utama yang berisi konten klasifikasi jenis-jenis sampah. Bertujuan untuk memberi informasi dasar bagi pengguna aplikasi. 6

7 Gambar 17. Tampilan Info Tampilan Petunjuk Tampilan petunjuk merupakan salahsatu pilihan yang terdapat pad menu utama yang berisi konten teks mengenai petunjuk dan peraturan bermain game. Tampilan Babak Tampilan Babak ke-1, ke-2 dan ke-3 merupakan suatu proses permainan yang terdapat konten sampah organik dan anorganik, tempat sampah organik dan anorganik dan display waktu yang menghitung mundur dari 40 detik hingga 0. Latar belakang setiap babak berbeda. Tahap ini merupakan proses permainan edukasi bagi pengguna aplikasi Gambar 20. Tampilan Babak ke-1 Gambar 18. Tampilan Petunjuk Tampilan Visual Novel Tampilan visual novel merupakan sebuah alur cerita pengetahuan dasar yang menggambarkan akibat, dampak dan solusi untuk menghimbau pengguna agar tetap membuang sampah pada tempat yang seharusnya. Tampilan ini akan muncul ketika pengguna memilih menu main. Gambar 21. Tampilan Babak ke-2 Gambar 19. Tampilan Visual Novel Gambar 22. Tampilan Babak ke-3 7

8 Tampilan Berhasil Tampilan berhasil merupakan sebuah pernyataan bahwa pengguna aplikasi telah menyelesaikan babak ke-1 permainan dan dapat menlanjutkan ke babak selanjutnya atau mengisi formulir nama setelah menyelesaikan babak ke-3. nantinya akan ditampilkan pada tampilan sertifikat dan penghargaan. Gambar 25. Tampilan Username Gambar 23. Tampilan Berhasil Tampilan Gagal Tampilan gagal merukapan pernyataan bahwa pengguna aplikasi belum menyelesaikan tantangan yang ada pada babak tersebut karena waktu telah mencapai 0 detik sebelum semua sampah dimasukkan ke tempat sampah yang seharusnya. Pada tampilan ini pemain dapat memilih ulangi permainan atau kembali ke menu utama. Tampilan Penghargaan Tampilan penghargaan bermaksud untuk memberikan apresiasi terhadap pemain yang telah menyelesaikan seluruh permainan dan memberikan sebuah kalimat positif. Tampilan ini akan menyimpan nama pemain. Gambar 26. Tampilan Penghargaan Gambar 24. Tampilan Gagal Tampilan Username Tampilan formulir username merupakan sebuah proses memaskkan nama pemain yang telah menyelesaikan permainan secara keseluruhan sehingga Uji Coba Tahap Testing (uji coba) ini merupakan tahap untuk memastikan bahwa suatu sistem terbebas dari kesalahan. Pengujian yang dilakukan terbagi menjadi 3 tahap, yaitu : uji coba struktural, uji coba fungsional dan uji coba validasi. Uji Coba Struktural Uji coba struktural dilakukan untuk memastikan hasil akhir aplikasi telah sesuai dengan konsep dan perencanaan atau tidak. Uji coba dilakukan dengan 8

9 menjalankan form yang ada pada aplikasi yang telah dibuat. Tabel 3. Uji Coba Struktural Uji Coba Validasi Uji coba validasi merupakan uji coba untuk mengetahui keakuratan hasil yang telah dimasukkan kedalam aplikasi. Berikut ini adalah hasil uji coba validasi aplikasi: Tabel 5. Uji Coba Aplikasi Uji Coba Fungsional Uji coba fungsional bertujuan untuk mengetahui proses dari bagianbagian aplikasi telah berjalan baik dan sesuai dengan fungsinya atau tidak. Uji coba fungsional ini dilakukan pada seluruh form aplikasi. Tabel 4. Uji Coba Fungsional Uji Coba Aplikasi Tahap ini aplikasi telah selesai dibuat. Uji coba dilakukan dengan cara melakukan survey pada audiens yang dituju yaitu siswa Sekolah Dasar kelas 5 dan 6. Tampilan hasil survey terlihat presentatif setiap aspek untuk syarat sebagai perbaikan aplikasi dimana survey ini dilakukan kepada 10 orang responden. Presentase hasil survey ditujukan pada tabel. Tabel 6. Uji Coba Aplikasi Berdasarkan tabel 8 terdapat 3 pertanyaan yang mengandung aspek pengetahuan dasar yaitu pertanyaan nomor 1, 2 dan 3, 3 pertanyaan mengandung aspek kemudahan aplikasi yaitu pertanyaan nomor 4, 5 dan 6, lalu 1 pertanyaan mengandung kemudahan 9

10 pemahaman materi yaitu pertanyaan nomor 8. Berikut total persentasi yang didapat dari setiap aspek. 1. Kemudahan aplikasi % % : = 95% 2. Pemahaman materi : % % = 100% 3. Ketertarikan tampilan : 90% Dari hasil diatas dapat disimpulkan bahwa Aplikasi permainan edukasi tentang pengenalan jenis-jenis sampah berbasis multimedia ini layak diterapkan untuk siswa Sekolah Dasar kelas 5 dan 6. Selain itu berdasarkan pertanyaan nomor 7 sebagian besar responden belum pernah mencoba aplikasi seperti ini sebelumnya. Tahap Distribution Tahap distribution adalah tahap aplikasi disimpan dalam suatu media penyimpanan Seperti Compact Disk. KESIMPULAN Kesimpulan Aplikasi permainan edukasi tentang pengenalan jenis-jenis sampah untuk Siswa Sekolah Dasar kelas 5 dan 6 ini berbasis desktop dengan menggunakan software Adobe Flash CS 6 dan software pendukung lainnya seperti Adobe Ilustrator CS 6, Adobe Photoshop CS 6 dan Fruity Loops Mobile Studio. Berdasarkan hasil implementasi dan pengujian yang dilakukan pada permainan edukasi pengenalan sampah organik dan anorganik untuk Siswa Sekolah dasar berbasis multimedia ini dapat diambil kesimpulan adalah sebagai berikut : 1. Memberikan pembelajaran tentang kebersihan lingkungan, khususnya dalam membuang sampah berdasarkan jenisnya secara visual dan optimal. 2. Memudahkan siswa mengenal sampah organik dan anorganik serta memberikan kesan menyenagkan pada saat bermain. 3. Membentuk pola pikir masyarakat sejak dini untuk membuang sampah pada tempatnya. Aplikasi permainan edukasi ini menggunakan metode pengembangan multimedia yang terdiri dari konsep, perancangan, pengumpulan bahan, pembuatan, pengujian dan distribusi. Saran Aplikasi permainan edukasi ini masih memiliki beberapa kekurangan. Maka dari itu aplikasi ini memerlukan pengembangan dikemudian harinya. Adapun saran dari penulis adalah : 1. Aplikasi permainan edukasi dibuat unutk media desktop PC, diharapkan pada penelitian selanjutnya aplikasi ini bisa dikembangkan unutk perangkat mobile ataupun website. 2. Ketepatan dalam menggeser (dragging) terkadang masih belum sempurna. DAFTAR PUSTAKA Aditia, Agung dan Muhammad Raffi Tutorial FL Studio Bagi Pemula. Serpong. Surya University. (Diunduh pada tanggal 2 April 2015). Andi Adobe Flash Professional CS6 Untuk Pemula. Madiun. Madcoms. Ireachid Ireachild. (Diakses pada tanggal 22 Juli 2015). Nofiantoro, Arix Analisis dan Perancangan Game Bermain Bersama Dito & Dola. Yogyakarta. 10

11 Noviyanto, Fiftin, Hasanuddin Pemrograman Actionscript Dengan Flash 5 Dan Aplikasinya. Yogyakarta. ANDI. (Diunduh pada tanggal 2 April 2015). Program Studi S1 Ilmu Komputer dan D3 Komputer, Buku Panduan Penulisan Karya Ilmiah.Bogor. Rifki Al Casdy Son, Loan Pembangunan Game Edukasi 2D Cara Membuang Sampah Yang Baik Dan Benar. Bandung. Suherneti, Nita & Aan sujana Pendidikan Lingkungan Hidup, Untuk SD/MI Kelas 6. Jakarta. Grasindo. Vector,Free Gambar-gambar vector (Diakses pada tanggal 6 Juli 2015). Yulian, Ane Pembangunan Game Edukasi Lindungi Kebersihan Laut. Bandung. Zaman, Saeful Game Kreatif Pilihan Untuk Meningkatkan Potensi Diri dan Kelompok. Jakarta. Gagas Media. mgm (Diakses pada tanggal 7 Agustus 2015). 11