JURNAL INFORMATIKA
IMPLEMENTASI MODEL CMIFED PADA MULTIMEDIA INTERAKTIF UNTUK PEMBELAJARAN ANAK USIA TK DAN PLAYGROUP
Youllia Indrawaty Nurhasanah[1], Senyelda Destyany[2] Jurusan Teknik Informatika Institut Teknologi Nasional Bandung ABSTRAK Multimedia pembelajaran merupakan komponen sistem penyampaian pengajaran yang dapat digunakan dalam mendukung proses pembelajaran. Model pembelajaran dengan menggunakan perangkat komputer cenderung lebih digemari oleh anak-anak. Aplikasi multimedia interaktif ini menggunakan metodologi pengembangan sistem Dastbaz yaitu model perancangan dan pengembangan sistem multimedia interaktif. Sedangkan metodologi pembangunan animasi menggunakan CMIFed. Pembuatan aplikasi ini menggunakan Adobe Flashyang merupakan software design grafis untuk membuat aplikasi animasi dalam efek yang spektakuler. Flash biasanya digunakan untuk membuat web interaktif, film animasi kartun, presentasi kegiatan dan bisnis, organization profil dan game flash. Menurut hasil pengujian pada tabel 6 dan tabel 7 dapat disimpulkan bahwa aplikasi multimedia pembelajaran ini sudah sesuai dengan model skenario CMIFed dan sudah diterapkan sesuai dengan model pengembangan Dastbaz. Kata Kunci : multimedia Interaktif, multimedia pembelajaran, metodologi Datzbaz, CMIFed.
ABSTRACT Multimedia learning is a component of the delivery system can be used in teaching learning process. Learning model using computer devices tend to be more popular with the children. This interactive multimedia applications using Dastbaz system development methodology is model design and development of interactive multimedia systems. While the animation development methodology using CMIFed. Making these applications using Adobe Flash which is a graphic design software to create animation applications in spectacular effect. Flash is usually used to create interactive web, cartoon animation, presentations and business activities, organization profiles and flash games. According to the test results in Table 6 and Table 7 it can be concluded that the application of multimedia learning is in conformity with the model scenario CMIFed and has been applied in accordance with the model development Dastbaz. Keywords: Interactive multimedia, multimedia learning, methodology Datzbaz, CMIFed.
No.2 , Vol. 2, Mei – Agustus 2011
1
JURNAL INFORMATIKA
PENDAHULUAN Latar Belakang Berpikir mengenai anak selalu menimbulkan asosiasi mengenai bermain. Bermain merupakan suatu bentuk tingkah laku yang dipengaruhi oleh proses pemasakan dan belajar (Monks 14). Bermain merupakan pendekatan dalam melaksanakan kegiatan pembelajaran pada anak usia TK dan Playgroup. Upaya-upaya pendidikan yang diberikan oleh pendidik hendaknya dilakukan dalam situasi yang menyenangkan dengan menggunakan strategi, metode, materi atau bahan dan media yang menarik serta mudah diikuti oleh anak (Kamus Besar Bahasa Indonesia 11). Multimedia pembelajaran merupakan komponen sistem penyampaian pengajaran yang dapat digunakan dalam mendukung proses pembelajaran. Pengembangan multimedia dilandasi oleh persepsi bahwa pembelajaran akan berlangsung dengan baik, efektif, dan menyenangkan jika didukung oleh media pembelajaran yang dapat menarik minat dan perhatian siswa. Metode pembelajaran dengan menggunakan perangkat komputer cenderung lebih digemari oleh anak-anak. Oleh karena itu dilakukan penelitian untuk merancang suatu aplikasi multimedia untuk membantu belajar pada anak usia TK dan Playgroup. Untuk membantu proses belajar pada anak usia TK dan Playgroup dibutuhkan suatu aplikasi pembelajaran dengan media komputer sebagai alat bantunya. Aplikasi pengembangan multimedia interaktif ini dibuat untuk membantu para pendidik agar lebih mudah untuk menerapkan sistem belajar sambil bermain di dalam kelas. Di No.2 , Vol. 2, Mei – Agustus 2011
dalam aplikasi ini terdapat menu matching game, mewarnai gambar, menyusun pola, puzzle dan acak kata yang diharapkan dapat membantu menumbuhkan daya ingat dan keterampilan anak. Menurut Lilis Komariah, M. Psi1 membahas tentang pertumbuhan anak sangat erat kaitannya dengan teori multiple intelligence yaitu sebuah kecerdasan adalah kemampuan untuk memecahkan masalah, atau untuk membuat produk, yang dinilai dalam satu atau lebih budaya pengaturan (Howart Gardner 1983). Pengembangan aplikasi multimedia interaktif menggunakan model CMIFed. CMIFed merupakan kepanjangan dari CMIF editor. CMIF (CWI Multimedia Interchange Format) ditujukan untuk mengembangkan solusi untuk hypermedia yang menggabungkan struktur dokumen, penjadwalan yang fleksibel dan penggunaan hyperlink. CMIFed digunakan untuk mengedit satu presentasi untuk dokumen yang didalamnya terdapat campuran antara teks, gambar, audio, dan video (dan beberapa media lainnya) yang digabungkan dengan interaksi dari user. Tidak seperti sistem yang digunakan pada timeline atau script untuk mengatur satu presentasi, CMIFed merupakan sistem yang memanipulasi event dan penempatan waktu diantara satu event tertentu. Rumusan Masalah Rumusan masalah yang terdapat pada aplikasi ini adalah sebagai berikut : a. Bagaimana mengembangkan aplikasi multimedia interaktif pembelajaran 1 Psikolog anak pendiri dan pemilik sekolah TK dan Playgroup Anak Langit di LIPI Ciumbuleuit Bandung 2
JURNAL INFORMATIKA
untuk anak usia TK dan Playgroup menggunakan model skenario CMIFed? b. Bagaimana menerapkan aplikasi multimedia interaktif pembelajaran untuk anak usia TK dan Playgroup dengan menggunakan metode pengembangan Dastbaz? Tujuan Tujuan dari penelitian ini adalah untuk mengembangkan dan menerapkan aplikasi multimedia interaktif pembelajaran untuk anak usia TK dan Playgroup dengan menggunakan model skenario CMIFed dan metode pengembangan Dastbaz. Batasan Masalah Adapun pembatasan masalah perancangan ini adalah :
dalam
a. Aplikasi multimedia interaktif pembelajaran untuk anak usia TK dan Playgroup ini hanya menggunakan model skenario CMIFed dan metode pengembangan Dastbaz. b. Aplikasi ini berisi game yang terdiri dari matching game, mewarnai gambar, acak kata, menyusun pola (bentuk), dan puzzle. DASAR TEORI Multimedia[1] Multi artinya banyak (many/ much/ multiple). Media artinya perantara yang dapat mengirimkan sesuatu, misalnya radio, televisi, surat kabar, dan majalah. Jadi arti dari multimedia secara keseluruhan adalah beberapa gabungan atau kombinasi dari teks, grafik, image/citra, suara/audio, animasi dan video yang disampaikan atau dikirimkan oleh komputer sebagai perangkat bantu No.2 , Vol. 2, Mei – Agustus 2011
kepada pemakai (user). Multimedia terbagi menjadi dua kategori, yaitu multimedia linier dan multimedia interaktif. Storyboard[2] Storyboard adalah area berseri dari sebuah gambar sketsa yang digunakan sebagai alat perencanaan untuk menunjukkan secara visual bagaimana aksi dari sebuah cerita berlangsung. Storyboard merupakan naskah yang dituangkan dalam bentuk gambar atau sketsa yang berguna untuk lebih memudahkan cameraman dalam pengambilan gambar. Storyboard secara harfiah berarti dasar cerita, storyboard adalah penjelasan bagaimana cara seseorang akan membuat suatu proyek. Jika diumpamakan sebagai pembuatan film, maka bisa dibilang bahwa storyboard adalah skenario film tersebut. Model Skenario CMIFed[3] CMIFed yang merupakan kependekan dari CWI Mulimedia Interchange Format editor, yang digunakan untuk mengubah lingkungan penyajian untuk dokumen yang berisi gabungan dari teks, gambar, audio, dan video (dan mungkin media lain), yang ditambah dengan interaksi user. CMIFed memungkinkan seorang pembuat untuk menampilkan media apa dan kapan media tersebut akan ditampilkan. Tidak seperti sistem yang menggunakan sebuah timeline untuk mengendalikan tampilan, pada CMIFed pengguna dapat mengubah kumpulan dari event dan penempatan waktu untuk event tersebut. Metode Lunak[4]
Pengembangan
Perangkat
Untuk menyelesaikan masalah aktual dalam sebuah rekayasa perangkat lunak 3
JURNAL INFORMATIKA
diperlukannya strategi untuk pengembangan yang melengkapi lapisan proses dan metode. Model proses untuk rekayasa perangkat lunak dipilih
berdasarkan sifat aplikasi dan proyeknya yaitu perancangan dan pengembangan sistem multimedia interaktif.
Gambar 1 Tahapan Metode Dastbaz
1. Kebutuhan Requirements)
Sistem
(System
Pada tahap ini penulis mengumpulkan bahan seperti gambar-gambar yang akan digunakan. 2. Pertimbangan Perancangan (Design Considerations) Pada tahap ini penulis membuat design yang akan digunakan untuk pembuatan aplikasi seperti storyboard, storyline, flowchart, sitemap dan skenario multimedia.
Pada tahap ini aplikasi telah selesai dan siap untup di uji kepada user. 4. Evaluasi (Evaluation) Pada tahap ini sistem akan di nilai berdasarkan tujuan awal yang telah direncanakan. Jika sudah sesuai dengan tujuan awal maka selesai pada tahap ini, tapi jika belum sampai pada tujuan awal yang telah disepakati maka akan kembali ke tahap awal.
3. Implementasi (Implementation)
No.2 , Vol. 2, Mei – Agustus 2011
4
JURNAL INFORMATIKA
KEBUTUHAN SISTEM DAN PERTIMBANGAN PERANCANGAN
tujuan awal yang telah disepakati maka akan kembali ke tahap awal.
PENDAHULUAN
STORYLINE
Untuk menyelesaikan masalah aktual dalam sebuah rekayasa perangkat lunak diperlukannya strategi untuk pengembangan yang melengkapi lapisan proses dan metode. Model proses untuk rekayasa perangkat lunak dipilih berdasarkan sifat aplikasi dan proyeknya yaitu perancangan dan pengembangan sistem multimedia interaktif. Metodologi yang digunakan pada aplikasi ini adalah metode dastbaz. Tahap-tahap pada Model Dastbaz
Story line dibuat dari pengembangan ide cerita yang didasarkan pada gagasan dasar (big idea) dan disesuaikan dengan panduan dari creative work plan. Story line adalah suatu panduan kerja dalam proses pembuatan sebuah informasi yang berisi konsep naskah dari informasi yang akan dikerjakan, sehingga penerapan informasi menjadi suatu perancangan dan implementasi mempunyai panduan yang jelas. Desain dari setiap halaman memiliki unsur dasar desain anak-anak. Melingkupi gambar, animasi, warna dan bentuk teks lainnya.
1. Kebutuhan Requirements)
Sistem
(System
Pada tahap ini penulis mengumpulkan bahan seperti gambar-gambar yang akan digunakan. 2. Pertimbangan Perancangan (Design Considerations) Pada tahap ini penulis membuat design yang akan digunakan untuk pembuatan aplikasi seperti storyboard, storyline, flowchart, sitemap dan skenario multimedia. 3. Implementasi (Implementation) Pada tahap ini aplikasi telah selesai dan siap untup di uji kepada user. 4. Evaluasi (Evaluation) Pada tahap ini sistem akan di nilai berdasarkan tujuan awal yang telah direncanakan. Jika sudah sesuai dengan tujuan awal maka selesai pada tahap ini, tapi jika belum sampai pada No.2 , Vol. 2, Mei – Agustus 2011
Pembuatan aplikasi ini terdiri dari 7 halaman utama yaitu : 1. Halaman Utama Berisi judul aplikasi, nama dan tombol masuk untuk melanjutkan ke halaman selanjutnya. 2. Halaman Home Berisi judul aplikasi, tombol kembali untuk kembali ke menu utama, terdapat lima tombol pilihan game yaitu matching game, mewarnai, acak kata, menyusun pola, dan puzzle. 3. Halaman Matching Game Berisi enam pasang gambar yang harus dicocokkan dengan gambar yang sama. 4. Halaman Mewarnai Berisi gambar yang harus diwarnai oleh user, disediakan pallete warna 5
JURNAL INFORMATIKA
yang dapat digunakan untuk mewarnai gambar yang telah disediakan. 5. Halaman Acak Kata Terdapat kata yang sudah diacak, user diperintahkan untuk menyusun kata yang telah diacak menjadi sebuah kata yang sesuai dengan gambar yang dicantumkan. 6. Halaman Menyusun Pola Terdapat gambar yang polanya diacak, user diperintahkan untuk menyusun pola yang telah diacak menjadi gambar yang telah dicontohkan.
7. Halaman Puzzle Terdapat gambar yang telah dicontohkan, lalu gambar tersebut dipotong-potong, user diperintahkan untuk menyusun potongan gambar tadi menjadi gambar yang dicontohkan sebelumnya. STORYBOARD Storyboard adalah uraian yang berisi visual dan audio penjelasan dari masing-masing alur dalam flowchart. Satu kolom dalam storyboard mewakili satu tampilan di layar monitor.
Tabel 1 Storyboard
Frame
Gambar
1
No.2 , Vol. 2, Mei – Agustus 2011
Keterangan Tampilan Matching Game. Kotak-kotak yang berisi gambar masih tertutup.
6
JURNAL INFORMATIKA
2
Tampilan Matching Game. Pada saat kotakkotak sudah di klik dan di cocokkan gambarnya.
3
Tampilan Matching Game. Pada saat permainan selesai.
No.2 , Vol. 2, Mei – Agustus 2011
7
JURNAL INFORMATIKA
Flowchart 1. Flowchart Matching Game
Gambar 3 Flowchart Matching Game
Pada gambar 3 menjelaskan tentang alur dari menu matching game, yaitu tombol start untuk memulai permainan lalu klik button mulai lalu masuk ke menu matching game. Pada menu matching game user diperintahkan untuk mencocokkan gambar diantara dua gambar yang sama, jika sudah selesai menuju ke end.
Skenario Multimedia Skenario multimedia merupakan alur komponen multimedia dari awal multimedia dimulai sampai ke multimedia selesai. Sehingga dapat menghasilkan suatu tampilan yang interaktif, artinya, tampilan tersebut dapat menyajikan informasi dalam beberapa bentuk, karena media yang digunakan lebih dari satu dan bekerja bersama-sama (paralel).
1. Skenario Multimedia Matching Game
No.2 , Vol. 2, Mei – Agustus 2011
8
JURNAL INFORMATIKA
Gambar 4 Skenario Multimedia Matching Game
Skenario multimedia matching game yaitu pada saat user masuk ke dalam menu ini yang akan muncul adalah audio 1 (suara), audio 2 (backsound) bisa di on/off kan, teks, background, gambar 1, gambar 2, gambar 3, gambar 4, gambar 5, gambar 6 dan tombol kembali yang muncul secara bersamaan, dan pada detik ke-10 suara berhenti, sedangkan yang lainnya tetap berjalan. (gambar terlampir)
IMPLEMENTASI DAN EVALUASI Tampilan Matching Game Gambar 5 merupakan gambar pada menu permainan matching game. Halaman ini merupakan tampilan utama pada saat user membuka aplikasi permainan ini. Dimana di dalamnya terdapat 12 kotak yang berisi gambar untuk dicocokkan satu sama lainnya.
Gambar 5 Tampilan Menu Matching Game 1
No.2 , Vol. 2, Mei – Agustus 2011
9
JURNAL INFORMATIKA
Gambar 6 merupakan gambar menu matching game pada saat gambar-gambar sudah di klik dan dicocokkan dengan gambar yang sama.
Gambar 6 Menu Tampilan Matching Game 2
Gambar 7 merupakan gambar tampilan jika sudah menyelesaikan permainan ini dan sudah berhasil menyocokkan semua gambar yang telah tersedia.
Gambar 7 Tampilan Menu Matching Game 3
No.2 , Vol. 2, Mei – Agustus 2011
10
JURNAL INFORMATIKA
Tabel Pengujian Sistem Hal yang diuji
Yang diharapkan
Pengamatan
Kesimpulan
Tombol tutup
Ada
Ada
Berhasil
Tombol masuk
Ada
Ada
Berhasil
Tombol home di setiap halaman
Ada
Ada
Berhasil
Tombol matching game
Ada
Ada
Berhasil
Tombol menyusun pola
Ada
Ada
Berhasil
Tombol mewarnai
Ada
Ada
Berhasil
Tombol acak kata
Ada
Ada
Berhasil
Tombol puzzle
Ada
Ada
Berhasil
Ucapan selamat telah menyelesaikan game
Ada
Ada
Berhasil
Tombol pola 1
Ada
Ada
Berhasil
Tombol pola 2
Ada
Ada
Berhasil
Tombol pola 3
Ada
Ada
Berhasil
Tombol mewarnai kucing
Ada
Ada
Berhasil
Tombol mewarnai kelinci
Ada
Ada
Berhasil
Tombol acak kata apel
Ada
Ada
Berhasil
Tombol acak kata jeruk
Ada
Ada
Berhasil
Tombol puzzle 1
Ada
Ada
Berhasil
Tombol puzzle 2
Ada
Ada
Berhasil
Tombol puzzle 3
Ada
Ada
Berhasil
Musik yang berbeda di setiap halaman
Ada
Ada
Berhasil
Suara pada saat masuk ke setiap halaman
Ada
Ada
Berhasil
Menurut teori multiple intelligence Howart Gardner aplikasi multimedia pembelajaran ini termasuk ke dalam verbal linguistic intelligence untuk permainan acak kata yang bisa digunakan untuk anak usia 4-6 tahun, mathematical logical No.2 , Vol. 2, Mei – Agustus 2011
intelligence untuk permainan menyusun pola yang bisa digunakan anak usia 5 tahun, dan visual spatial intelligence untuk permainan mewarnai, puzzle, dan matching game yang bisa digunakan untuk anak usia 4-6 tahun. 11
JURNAL INFORMATIKA
Tabel Pengujian Beta Nama Anak
Usia
Matching Game
Menyusun Pola
Mewarnai Gambar
Acak Kata
Puzzle
Arvin
5 Sangat tahun menguasai
Sangat menguasai
Sangat menguasai
Sangat menguasai
Sangat menguasai
Dhemian
4 Kurang tahun menguasai
Menguasai
Menguasai
Menguasai
Kurang Menguasai
Farid
3 Kurang tahun menguasai
Menguasai
Menguasai
Kurang menguasai
Menguasai
Annisa
4 Menguasai tahun
Menguasai
Menguasai
Menguasai
Menguasai
Farinka
5 Menguasai tahun
Sangat menguasai
Sangat menguasai
Menguasai
Sangat menguasai
merupakan hasil pengujian pada sekolah TK dan Playgroup Anak Kecil di Komplek LIPI Ciumbuleuit Bandung. Tabel
7
PENUTUP KESIMPULAN Menurut hasil pengujian pada tabel 6 dan tabel 7 penulis dapat menyimpulkan bahwa sesuai dengan tujuan yang telah dibuat pada laporan penelitian yaitu mengembangkan dan menerapkan aplikasi multimedia interaktif pembelajaran untuk anak usia TK dan Playgroup dengan menggunakan model skenario CMIFed dan metode pengembangan Dastbaz, aplikasi yang dibuat sudah sesuai dengan model skenario CMIFed dan sudah diterapkan sesuai dengan model pengembangan Dastbaz.
No.2 , Vol. 2, Mei – Agustus 2011
DAFTAR PUSTAKA 1. Indrawaty, Youllia, 2009, Pengantar Kecerdasan Buatan : Multimedia (PPT), Institut Teknologi Nasional : Bandung. (Tidak Dipublikasikan) 2. Indrawaty, Youllia, 2011, Teknik Multimedia : Pertemuan 5 (PPT), Institut Teknologi Nasional : Bandung. (Tidak Dipublikasikan) 3. Rossum, Guido van., Jansen, Jack., Mullender, K. Sjoerd., Bulterman, Dick C.A. 1993, CMIFed : A Presentation Environment for Portable Hypermedia Documents, ACM Multimedia : California USA. 4. Senyelda Destyany, Youllia I. N., 2012. “Data Pembelajaran Multimedia Interaktif Untuk Anak Usia TK dan Playgroup (Tidak untuk dipublikasikan
12
