e-ISSN: 2722 Ae 290X Vol. 1 No. 2 (November 2. Page: 153 Ae 164 Animasi Interaktif Pengenalan Negara ASEAN Menggunakan Metode Multimedia Development Life Cycle Panggi Anwar Saputra 1. Endang Retnoningsih 1,* * Korespondensi: e-mail: endang. retnoningsih@binainsani. Program Studi SIstem Informasi. Universitas Bina Insani. Jl. Siliwangi No. 6 Rawa Panjang Bekasi Timur 17144 Indonesia, telp . 824 36 886 / . 824 36 Fax. e-mail: digital@gmail. retnoningsih@binainsani. Submitted: 10 Oktober 2020 Revised: 31 Oktober 2020 Accepted: 14 November 2020 Published: 30 November 2020 Abstract The use of technology automatically makes it easy to convey information. In this research, the use of technology can be done by using interactive animation to convey knowledge about ASEAN countries. The problem is that conventional methods are still used, namely only using books as a way of delivering learning Therefore, a learning medium is made using interactive animation, as a support in the delivery of learning material so that students are more enthusiastic about learning. The purpose of making this learning media is to help students get to know more deeply about ASEAN countries developed with Adobe Flash Professional CC 2015. This research uses the Multimedia Development Life Cycle (MDLC) method with six stages, namely: Concept. Design. (Desig. Material Collecting. Assembly. Testing, and Distribution. The result of this research is an application to introduce ASEAN countries which is equipped with materials, games, videos and quizzes to train students' abilities. Keywords: ASEAN. Interactive Animation. History. MDLC Abstrak Pemanfaatan teknologi secara otomatis memberi kemudahan dalam penyampaian sebuah informasi. Dalam penelitian ini pemanfaatan teknologi dapat dilakukan dengan menggunakan animasi interaktif untuk menyampaikan pengetahuan tentang negara-negara ASEAN. Permasalahan yang ada adalah masih menggunakan buku sebagai salah satu cara penyampaian materi pembelajaran. Oleh karena itu, di buatlah suatu media pembelajaran dengan mengunakan penyampaian materi pembelajaran agar siswa lebih semangat untuk belajar. Tujuan dari pembuatan media pembelajaran ini adalah untuk membantu siswa lebih mengenal secara dalam mengenai negara-negara ASEAN yang dikembangkan dengan Adobe Flash Profesional CC 2015. Penelitian ini mengunakan metode Multimedia Development Life Cycle (MDLC) dengan enam tahapan yaitu: Konsep (Concep. Perancangan (Desig. Pengumpulan Bahan (Material Collectin. Pembuatan (Assembl. Pengujian (Testin. , dan Distribusi (Distributio. Hasil dari penelitian ini adalah sebuah aplikasi pengenalan negara-negara ASEAN yang dilengkapi dengan materi, permainan, video dan kuis untuk melatih kemampuan siswa. Kata kunci: ASEAN. Animasi Interaktif. Sejarah. Multimedia Develompment Life Cycle Available Online at http://ejurnal. id/index. php/JSRCS Panggi Anwar Saputra. Endang Retnonigsih Pendahuluan Penyampaian materi dalam pembelajaran menggunakan metode konvensional biasanya dilakukan dengan cara guru menyampaikan materi kepada muridnya di depan kelas dengan menggunakan media papan tulis dalam menyampaikan materi dan penjelasan secara lisan, hal ini yang menyebabkan siswa kurang paham dalam penyampaian materi karena kurangnya visualisasi dari materi yang disampaikan. Pada pelajaran mengenai pengenalan negara-negara ASEAN khususnya kelas 6 Sekolah Dasar, materi pelajaran berupa teks dan gambar dapat membuat siswa merasa pemahaman terhadap materi pelajaran kurang. Selain itu, belum adanya media pembelajaran berbasis multimedia mengenai materi negara-negara ASEAN yang bisa digunakan sebagai media penyampaian materi secara maksimal, mudah dipahami dan lebih interaktif. Penyampaian pembelajaran yang bersifat klasikal dapat menyebabkan siswa bosan (Hardayani & Herlawati, 2. Penggunaan animasi interaktif merupakan solusi yang terbaik untuk memecahkan permasalahan yang ada, selain dapat digunakan sebagai media pembelajaran, animasi interaktif juga dapat menghilangkan rasa bosan terhadap aktivitas anak sehari-hari (Ariyati & Misriati, 2. Dalam pembuatan animasi agar menarik, haruslah memenuhi prinsip-prinsip animasi, seperti adanya efek peningkatan kecepatan terjadi distorsi bentuk, pengadegan dengan menempatkan satu objek atau lebih dalam satu frame yang disebut staging, dan aspek paling krusial pada penggarapan animasi adalah unsur timing (Soenyoto, 2. Penggunaan media pembelajaran sebagai hal penting untuk memotivasi siswa, keunggulannya lebih interaktif, animasi yang menarik karena audiovisual sehingga tidak bosan (Murawan, 2. Sebuah perangkat multimedia interaktif yang mampu menggabungkan teks, gambar, audio dan animasi dalam satu kesatuan didalam smartphone android, dapat mendukung proses belajar menjadi dinamis dan interaktif untuk pembelajaran yang sifatnya individual, dapat menarik minat belajar siswa dengan menggunakan multimedia interaktif (Indarti, 2. Aplikasi animasi interaktif yang menyediakan fasilitas bagi para siswa dan guru dalam proses belajar mengajar menjadi lebih menarik dan menyenangkan (Hidayatun. Rosmiati, & Purnama, 2. Suatu media yang dihadirkan dengan memanfaatkan teknologi komputer berbentuk multimedia interaktif, perangkat lunak dan keras yang mendukung dalam penerapannya adalah Adobe Flash Profesional CS6 (Fitria & Septiana, 2. Media sebagai alat memindahkan informasi atau pesan dari sumber melaui perangkat kepada penerima pesan (Wibawanto, 2. Pengenalan profil negara ASEAN menggunakan media pembelajaran buku sebagai media pemelajaran dirasa kurang memberikan informasi secara maksimal, oleh karenanya perlu dirancang aplikasi menggunakan library Vuforia dengan menggunakan marker sebagai tempat tampilnya objek 3 dimensi. Aplikasi pengenalan profil negara di ASEAN dibuat melalui beberapa tahapan yaitu pembuatan objek 3 dimensi, pembuatan marker dan pengembangan Objek bangunan masing-masing negara di ASEAN terdapat 10 ikon dari 10 negara. Hasil kerja aplikasi augmented reality ASEAN yaitu dalam media cetak berupa buku yang Jurnal JSRCS 1 . : 153 Ae 164 (November 2. Animasi Interaktif Pengenalan Negara ASEAN Menggunakan Metode Multimedia Development Life Cycle berisikan marker yang dapat menampilkan objek 3 dimensi serta narasi berupa suara penjelasan ikon negara di negara ASEAN (Astridefi. Sasmita, & Rusjayanthi, 2. Metode Penelitian Dalam penelitian ini metode yang digunakan adalah Multimedia Development Life Cycle, dimana metode ini memiliki enam tahapan, yaitu concept, design, material collecting, assembly, testing dan distribution, seperti gambar 1 (Munir, 2. Sumber: (Munir, 2. Gambar 1. Metodologi Pengembangan Multimedia Teknik pengumpulan data dilakukan dengan kegiatan observasi ke SDN Harapan Baru II Bekasi yang beralamat di Jalan perjuangan No. 29 Kelurahan Harapan Baru Kecamatan Bekasi Utara yang berada di wilayah pemerintahan kota Bekasi Provinsi Jawa Barat. Kegiatan yang di lakukan adalah mengamati proses pembelajaran mengenai materi pengenalan negaranegara ASEAN pada kelas 6, mengamati suasana kelas saat guru memberikan materi, dan mencatat masalah yang dihadapi saat proses belajar mengajar. Selain observasi juga dilakukan kegiatan wawancara kepada Guru pengajar mata pelajaran Ilmu Pengetahuan Sosial (IPS) untuk Kelas 6. Studi pustaka dilakukan untuk mempelajari dan mengumpulkan informasi melalui buku-buku, jurnal, internet dan sumber-sumber lainnya. Kerangka pemikiran menggambarkan langkah-langkah yang akan dilakukan dalam penyelesaian masalah, adapun kerangka kerja penelitian yang digunakan seperti terlihat pada Gambar 2. Pertama tahap konsep . adalah tahap untuk menentukan tujuan dan siapa pengguna program . dentifikasi audienc. Selain itu menentukan macam aplikasi . resentasi, interaktif, dan lain-lai. Kedua perancangan . tahap membuat spesifikasi mengenai Copyright A 2020 Jurnal JSRCS 1 . : 153 - 164 (November 2. Panggi Anwar Saputra. Endang Retnonigsih arsitektur program, gaya, tampilan dan kebutuhan material/bahan untuk program. Ketiga pengumpulan bahan materi . aterial collectin. tahap dimana pengumpulan bahan yang sesuai dengan kebutuhan dilakukan, tahap ini dapat dikerjakan paralel dengan tahap assembly. Pada beberapa kasus, tahap Material Collecting dan tahap Assembly akan dikerjakan secara linear dan paralel. Kelima pembuatan . tahap dimana semua objek atau bahan multimedia Pembuatan aplikasi didasarkan pada tahap design. Keenam pengujian . , dilakukan setelah selesai tahap pembuatan . dengan menjalankan aplikasi/program dan dilihat apakah ada kesalahan atau tidak. Tahap ini disebut juga sebagai tahap pengujian alpha . lpha tes. dimana pengujian dilakukan oleh pembuat atau lingkungan pembuatnya sendiri (Munir, 2. Sumber: Hasil Penelitian . Gambar 2. Desain Kerangka Pemikiran Jurnal JSRCS 1 . : 153 Ae 164 (November 2. Animasi Interaktif Pengenalan Negara ASEAN Menggunakan Metode Multimedia Development Life Cycle Hasil dan Pembahasan Sesuai dengan tahapan pada metode Multimedia Development Life Cycle (MDLC) dengan enam tahapan yaitu: Konsep (Concep. Perancangan (Desig. Pengumpulan Bahan (Material Collectin. Pembuatan (Assembl. Pengujian (Testin. , dan Distribusi (Distributio. , berikut tahapan penelitian dalam pembuatan animasi interaktif pengenalan negara ASEAN. Konsep (Concep. Dalam proses ini menjelaskan tentang pelaksanaan pembelajaran ilmu pengetahuan sosial (IPS) tentang pengenalan negara-negara ASEAN. Dalam bentuk evaluasi belajar siswa, siswa diharuskan mengingat pelajaran yang ada dibuku dalam bentuk teks, jika siswa tidak memiliki minat membaca yang kuat maka dalam proses pembelajaran tidak akan memuaskan. Pada proses ini, guru menyampaikan materi sesuai kompetensi dasar dan indikator yang telah Buku Soal diberikan ketika materi sampai pada akhir penyampaian . khir ba. Guru dapat menyampaikan kembali materi yang belum dipahami siswa sebagai bentuk Hal ini dapat diukur dan dilihat dari persentase nilai akhir yang di dapat oleh siswa pada soal yang telah diberikan. 2 Perancangan (Desig. Pada tahap ini membuat dapat dimulai dengan membuat use case diagram dan Gambar 3 adalah Use Case Diagram animasi interaktif pengenalan negara-negara ASEAN: Sumber: Hasil Penelitian . Gambar 3. Use Case Diagram Animasi Interaktif Perancangan menggunakan use case diagram akan memberi gambaran bagaimana fungsi-fungsi yang ada di dalam sistem akan berinteraksi dengan pengguna, sedangkan perancangan storyboard menjelaskan bagaimana aplikasi berjalan. Use case diagram menggambarkan cara user berkomunikasi dengan sistem yang berjalan dan berfungsi untuk mengetahui fungsi-fungsi yang ada didalam sistem. Copyright A 2020 Jurnal JSRCS 1 . : 153 - 164 (November 2. Panggi Anwar Saputra. Endang Retnonigsih Scenario use case dibuat sesuai dengan use case diagram yang dibuat pada animasi interaktif terdiri dari membuaka menu awal, membuka menu materi, membuka menu kuis, membuka menu permainan, membuaka menu video, dan membuaka menu biodata. Menu Awal menggambarkan proses dimana pengguna baru membuka dan menjalankan aplikasi, yang mengarah langsung untuk masuk ke menu utama. Menu awal sendiri adalah halaman pertama yang tampil sebelum user/pengguna memulai dan masuk ke menu utama aplikasi dimana terdapat menu-menu yang akan dipilih oleh pengguna. Tabel 1 menunjukkan scenario use case halaman utama. Tabel 1. Scenario use case Menu Utama Nama Use Case Menu Awal Aktor Siswa Deskripsi Proses dimulai ketika siswa membuka aplikasi Pre-condition Aktor telah menjalankan program Aktor Skenario Normal Sistem Membuka Apikasi Menampikan Menu Awal Masuk Menu Utama Mengklik button Masuk Post-condition Aktor kembali membuka aplikasi Sumber: Hasil Penelitian . Berikut storyboard pada pembuatan animasi pengenalan negara ASEAN mulai dari menu awal, menu utama, materi, kuis, video, permainan dan biodata. Tabel 2. Storyboard Animasi Interaktif Pengenalan Negara-Negara ASEAN Tampilan Menu 1 Awal Isi Berisi judul yang menunjukan aplikasi apa yang sedang dibuka dengan tampilan pembuka atau intro, dan terdapat tombol mulai untuk masuk ke menu utama. Menu 2 Utama Terdiri dari materi, kuis, permainan, video yang akan disajikan di animasi interaktif ini. Jurnal JSRCS 1 . : 153 Ae 164 (November 2. Animasi Interaktif Pengenalan Negara ASEAN Menggunakan Metode Multimedia Development Life Cycle Tampilan Materi Isi Menu Materi berisikan tiga materi pokok, materi ini dipilih berdasarka apa yang terdapat pada buku pelajaran IPS mengenai ASEAN. Terdiri dari letak geografis, posisi geografis, kondisi keruangan. Kuis4 Menu Kuis berisikan soal-soal yang dijawab secara pilihan ganda, di dalam kuis ini terdapat beberapa soal yang berkaitan dengan materi. Siswa harus terus menjawab benar untuk dapat lanjut ke soal berikutnya. Video Menu Video berisikan sepuluh video dari negaranegara ASEAN yang juga berisikan materi-materi ASEAN. Permainan Menu Permainan berisikan permainan tebak gambar. Dimana siswa harus menebak gambar apa yang ditampilkan secara random dan diberikan kisi-kisinya. Terdapat permainan tebak gambar dari sepuluh negara berbeda. Sumber: Hasil Penelitian . Copyright A 2020 Jurnal JSRCS 1 . : 153 - 164 (November 2. Panggi Anwar Saputra. Endang Retnonigsih 3 Pengumpulan Bahan (Material Collectin. Tahap pengumpulan bahan yang sesuai dengan kebutuhan seperti sumber untuk menyusun materi dalam animasi interaktif pengenalan negara ASEAN harus sesuai dengan kurikulum yang digunakan di Sekolah Dasar untuk kelas 6 yang berlaku secara nasional. Materi pembelajaran yang diberikan guru dalam bentuk kompetensi dasar dan indikator pembelajaran dalam periode satu tahun, pada penelitian ini digunakan kurikulum 2013 yaitu buku yang digunakan untuk membuat material animasi yang didalamnya terdapat penjelasan terkait negara-negara ASEAN yang akan di bahas dalam aplikasi yaitu Brunai. Kamboja. Indonesia. Vietnam. Laos. Malaysia. Myanmar. Filipina. Thailand. Singapura. 4 Pembuatan (Assembl. Pada tahap dibuat animasi interaktif pengenalan negara-negara ASEAN, aplikasi dijalankan dalam format . swf dengan bahasa pemrograman ActionScript 3. Gambar dan audio di unduh dan disempurnakan dengan software pendukung yang digunakan. Tabel 3 hasil pembuatan yang dilakukan. Table 3. Hasil Pembuatan Animasi Interaktif Tampilan Penjelasan Tampilan Halaman Awal. Halaman yang pertama kali muncul ketika kita membuka aplikasi, halaman ini berisi judul dan gambaran awal mengenai aplikasi animasi interaksi. Tampilan Menu Utama. Halaman menu utama adalah halaman utama yang di dalamnya terdapat 4 sub Kita bisa memilih tiap menu dengan mengklik tombol pada masingmasing menu. Tampilan Halaman Materi Kondisi Keruangan. Halaman materi-materi mengenai kondisi keruangan yang ada di negara ASEAN. Mayoritas materi diambil dari buku materi pelajaran IPS kelas 6. Isi dari halaman materi kondisi keruangan Jurnal JSRCS 1 . : 153 Ae 164 (November 2. Animasi Interaktif Pengenalan Negara ASEAN Menggunakan Metode Multimedia Development Life Cycle Tampilan Penjelasan terdiri dari beberapa halaman sebagai Halaman Menu Kuis Halaman ini merupakan halaman awal Kuis sebelum masuk ke isi kuis yang Halaman Menu Video Halaman ini adalah halaman dimana kita dapat melihat materi yang di buat melalui video animasi interaktif. Halaman Menu permainan Pada Halaman permainan ini. Terdapat gambar, kisi-kisi serta kata kunci untuk menjawab permainan dari tebak gambar ini. Sumber: Hasil Penelitian . 5 Pengujian (Testin. Pengujian Pogram merupakan hal terpenting yang bertujuan untuk menemukan kesalahan-kesalahan atau kekurangan-kekurangan pada perangkat lunak yang akan diuji, dengan menggunakan metode blackbox dan whitebox sistem akan menjadi lebih baik dan temuan kesalahan dapat diminimalisir. Berikut adalah proses pengujian program yang telah Pengujian Blackbox Dilakukan pada dua perangkat berbeda, yaitu PC dan Laptop. Pengujian dilakukan pada setiap menu yang terdapat dalam aplikasi, contoh pada tabel 4 pengujian menu awal dilakukan untuk melihat kesesuaian fungsi pada program awal. Halaman ini adalah halaman awal yang muncul saat menjalankan program. Tabel 4 pengujian blackbox dari menu awal pada aplikasi animasi interaktif pengenalan negara-negara ASEAN. Copyright A 2020 Jurnal JSRCS 1 . : 153 - 164 (November 2. Panggi Anwar Saputra. Endang Retnonigsih Tabel 4. Pengujian Blackbox Menu Awal Skenario Pengujian Menjalankan Program Masuk menu utama Test Case Pengguna Hasil yang diharapkan Hasil Tampil Halaman awal Sesuai Pengguna menekan tombol Tampil Halaman menu Masuk Sesuai Sumber: Hasil Penelitian . Pengujian WhiteBox Secara sekilas dapat diambil kesimpulan whitebox testing merupakan petunjuk untuk mendapatkan program yang benar. Pengujian whitebox berfokus pada struktur kontrol program sebagaimana pada gambar 4. Sumber: Hasil Penelitian . Gambar 4. Grafik Alir Menu Materi Kompleksitas Siklomatis . engukuran kuantitatif terhadap kompleksitas logis suatu progra. dari grafik alir dapat diperoleh dengan perhitungan: V(G) = E Ae N 2 E = Jumlah edge grafik alir yang ditandakan dengan gambar panah N = Jumlah simpul grafik alir yang ditandakan dengan gambar lingkaran Sehingga kompleksitas siklomatisnya V(G)= 11 Ae 9 2 = 4 Jurnal JSRCS 1 . : 153 Ae 164 (November 2. Animasi Interaktif Pengenalan Negara ASEAN Menggunakan Metode Multimedia Development Life Cycle Basis set yang dihasilkan dari jalur independent secara linier adalah jalur sebagai . 1 Ae 2 Ae 3 Ae 4. 1-2-3-5-6-7-4. 1-2-3-5-6-8-4. 1-2-3-5-6-9-4. Ketika aplikasi dijalankan, maka terlihat bahwa salah satu basis set yang dihasilkan adalah 1 Ae 2 Ae 3 Ae 4 Ae 5, dan terlihat bahwa simpul telah dieksekusi satu kali. Dengan ketentuan tersebut dari kelayakan software, sistem menu ini telah memenuhi syarat. 6 Distribusi (Distributio. Tahap dimana aplikasi disimpan dalam suatu media penyimpanan, seperti hardisk dan CD yang sebelumnya sudah dijadikan file autoplay. Tahap merupakan tahap akhir dimana media . alam bentuk CD) telah siap untuk dioperasikan maupun digandakan untuk File-file disimpan dalam bentuk *. lash CS6 documen. Setelah aplikasi selesai dibuat, aplikasi di-export menjadi file *. exe, agar aplikasi tersebut dapat dijalankan dengan mudah di perangkat komputer. Kesimpulan Setelah melakukan penelitian mengenai proses pembelajaran dan mengajar yang selama ini dilakukan secara konvensional menjadi berbasis komputer dengan menggunakan media pembelajaran animasi interaktif. Dengan adanya animasi interaktif ini memudahkan siswa dalam memahami mata pelajaran ilmu pengetahuan sosial. Menjadi lebih semangat, terfokus dan terpacu untuk melihat isi tampilan pada animasi interaktif ini. dengan animasi yang bersifat user friendly memudahkannya secara cepat pada anak. Dengan diterapkannya animasi interaktif dalam proses belajar mengajar, dapat memotivasi para pengajar agar selalu kreatif dan mencapai tujuan pembelajaran dengan hasil yang maksimal. Dalam perancangan animasi interaktif ini dengan menggunakan visualisasi gambar, suara, grafik dengan tampilan yang tidak monoton, dan memasukan video akan membuat animasi interaktif yang disampaikan lebih mudah untuk meningkatkan daya ingat atau daya tangkap pada siswa. Saran untuk penelitian selanjutnya di harapkan adanya pembuatan aplikasi animasi interaktif dengan mata pelajaran lain, diharapkan adanya pembuatan permainan yang lebih banyak lagi dan mengarah pada materi pembelajaran, materi harus lebih banyak menggunakan gambar-gambar yang lebih Daftar Pustaka