PENGEMBANGAN MEDIA PEMBELAJARAN INTERAKTIF

Diajukan untuk Memenuhi Salah Satu Tugas Mata Kuliah Media Pembelajaran

Oleh
TIA INSAN NURFADILLAH
198102010

PROGRAM STUDI PENDIDIKAN MATEMATIKA

PROGRAM PASCA SARJANA
UNIVERSITAS SILIWANGI
2020
1. Mencari, membaca dan mempelajari beberapa aplikasi/sofware tersebut.
Kemuadian simpanlah seluruh hasil telaahan tersebut dalam folder khusus dan
berinama "sofware/aplkasi PMPI".
Tanggapan soal no 1 :
Pengertian Media Pembelajaran Interaktif 
Media Pembelajaran Interaktif adalah alat bantu berbasis multimedia yang dapat
menjabarkan pesan atau informasi dari guru ke siswa yang dalam prosesnya terjadi
komunikasi aktif dua arah antara multimedia dengan pengguna (siswa) yang   bertujuan
mempermudah proses pembelajaran.

Jenis Media Pembelajaran Interaktif

Ada 3 jenis media pembelajaran interaktif yakni multimedia pembelajaran interaktif
berbasis e-learning, media pembelajaran website pendidikan situs belajar online, media
interaktif berbasis software dan media belajar interaktif berbasis aplikasi android
2. Tuliskan rangkuman atau beri komentar terhadap apa yang Anda baca tersebut.
Tanggapan soal no 2 :
 Media pembelajaran interaktif berbasis software diantaranya:
o Rekentest : Software Pendidikan Gratis Untuk Praktek Keterampilan
aritmatika dengan konsep kuis.
o Software Kalkulator Ilmiah Sicyon Lite : Software Kalkulator ilmiah dengan
fitur formula yang sangat lengkap.
o Animals for Kids 2.1 : Software pendidikan berbasis flash card tentang
ensiklopedia hewan secara lengkap.
o Chinese Toolbox FREE 9.1.2 : Software Chinese Toolbox hadir sebagai alat
bantu mempelajari bahasa china dengan baik mulai dari tingkat dasar.
o ChemDigit :Software kalkulator kimia tentang perhitungan kimia lengkap.
o Portable Balabolka 1.32.0.463 : Software Text-To-Speech yang akan
mengubah bahasa tulisan ke bahasa lisan secara digital oleh komputer.
o TinyPiano v0.8e : Software belajar piano secara gratis melalui komputer.
o Celestia Portable : Software untuk mempelajari tentang tatasurya secara detail
dengan fitur audio visual yang mumpuni.
o Holy Quran Software 1.0 : Software Al-Quran Digital untuk pembelajaran
Pendidikan Agama Islam.
o Anatomy Illustrator 1.0.0 : Software mempelajari tentang anatomi tubuh
manusia melalui ilustrasi gambar yang detail.
o BoneLab 1.0.3.4 : Software untuk mempelajari tentang rangka manusia
lengkap dengan gambar dan keterangannya.
o Smart Draw : Software untuk membuat rangkaian Listrik secara digital.
 o Kamus Inggris Indonesia : Kamus untuk menerjemahkan Bahasa Inggris –
Indonesia secara digital.
o Kamus Jawa Indonesia : Kamus untuk menerjemahkan Bahasa Jawa –
Indonesia secara digital.
o Software Mengetik dengan 10 Jari : Software untuk latihan mengetik dengan
menggunakan 10 jari yang menarik untuk digunakan.

 Diantara macam-macam media belajar interaktif diatas yang dapat digunakan dalam
pembelajaran matematika adalah Software Kalkulator Ilmiah Sicyon.
 Media pembelajaran interaktif berbasis aplikasi diantaranya:
o Kahoot! adalah platform pembelajaran berbasis game, digunakan sebagai
teknologi pendidikan di sekolah dan lembaga pendidikan lainnya. Game
pembelajarannya, "Kahoots", adalah kuis pilihan ganda yang memungkinkan
yang dibuat pengguna dan dapat diakses melalui browser web atau aplikasi
Kahoot.
o Microsoft Kaizala adalah aplikasi chat dan Messaging yang aman yang
memungkinkan pengguna mobile untuk mengirim pesan instan, tindakan
Kaizala, dan lampiran seperti gambar, dokumen, video, audio dan banyak lagi.
o Telegram adalah sebuah aplikasi chatting yang memungkinkan Anda
mengirimkan pesan, berbagi foto, video dan audio serta bertukar file yang ter-
enkripsi. Selain itu Telegram juga dapat Anda gunakan di berbagai platform
atau sistem operasi seperti Android, iOS, MacOS, Windows OS dan Linux OS
(versi desktop) secara bersamaan.
o Schoology adalah jejaring sosial berbasis web khusus untuk K-12 (sekolah dan
lembaga pendidikan tinggi) yang difokuskan pada kerjasama, untuk
memungkinkan pengguna membuat, mengelola, dan saling berinteraksi serta
berbagi konten akademis
o Quizizz merupakan sebuah web tool untuk membuat permainan kuis interaktif
yang digunakan dalam pembelajaran di kelas. Kuis interaktif yang dibuat
memiliki hingga 4 pilihan jawaban termasuk jawaban yang benar dan dapat
ditambahkan gambar ke latar belakang pertanyaan.
o Aplikasi Kelas Kita : Aplikasi ini hadir dengan beragam kelas online yang bisa
diikuti. Setelah kita memutuskan untuk mengikuti suatu kelas, kita akan
mendapatkan materi yang diberikan secara bertahap.
o Aplikasi RuangGuru : Aplikasi ruangguru memungkinkan kita untuk
konsultasi tentang materi pembelajaran melalui chat maupun video call.
Sehingga aplikasi ini bisa dijadikan narasumber dalam pembelajaran. Menarik
kan?
o Quipper : Aplikasi android berbayar ini menyediakan kumpulan soal lengkap.
Bisa dijadikan alternative media pembelajaran interaktif latihan soal untuk
siswa dan guru akan mengoreksi dan menilai hasilnya.
o Aplikasi Belajar Online Tryout UN SD : Bank Soal Latihan UN SD versi
digital yang bisa dimanfaatkan untuk mengukur kemampuan siswa sebelum
menghadapi UN. Silakan dicoba.
o CBT UN SMP : Mirip dengan aplikasi sebelumnya, hanya saja aplikasi ini
untuk siswa SMP.
o Star Chart : Aplikasi android tentang materi astronomi dan Tata Surya. Media
pembelajaran alternative dalam belajar Sains.
 Diantara macam-macam media belajar interaktif diatas yang dapat digunakan pada
pembelajaran matematika adalah Kelas Kita, Ruang Guru, Quipper, dan CBT UN.

 Selanjutnya kita harus mengenal software pembuat media pembelajaran interaktif,

diantaranya:
o Focusky adalah software presentasi yang bisa digunakan dengan gratis
(walaupun fiturnya lebih banyak ketika menggunakan versi berbayar.) salah
satu yang aku suka dari hasil presentasinya adalah motion atau perpindahan
dari satu tampilan ke tampilan berikutnya itu diatur dengan jalur yang kita
pilih
o Prezi : Prezi hadir sebagai software untuk membuat presentasi pembelajaran
berbasis frame-frame yang tersusun dalam sebuah canvas tanpa batas. Prezi
memberikan fitur zoom-in zoom-out untuk perpindahan dari masing-masing
frame. Sehingga pergerakan perpindahan frame akan menyerupai gerakan
pada video.
o Flypaper : Flypaper adalah software untuk menggabungkan gambar, video,
flash, animasi gambar bergerak, hingga game Software yang sangat cocok
untuk membuat media pembelajaran interaktif konten visual.
o Camtasia : Camtasia adalah software perekam aktivitas pada layar monitor
computer/laptop. Software ini juga mumpuni dalam pengeditan video.
o Snagit : Snagit adalah software untuk capture layar monitor secara otomatis.
Ini merupakan teknologi print screen yang dapat digunakan hanya dalam satu
step. Cocok untuk membuat tutorial untuk peserta didik.
o Lectora : Lectora adalah software paket lengkap yang menyediakan beragam
template yang siap diisi dengan materi pembelajaran yang akan disajikan.
Selain itu di dalam Library Lectora juga sudah disediakan banyak gambar dan
animasi gambar bergerak untuk melengkapi tampilan media pembelajaran
interaktif yang sedang kita rancang.
o Adobe Flash Profesional : Software pembuat vector plus animasi gambar
bergerak hingga efek yang menarik. Rekomended untuk merancang media
pembelajaran interaktif konten visual.
o Windows Movie Maker : Software satu ini merupakan software bawaan
Microsoft untuk pembuatan video silde sampai editing video. Sangat mudah
untuk digunakan. Sehingga akan memudahkan guru untuk membuat suatu
media pembelajaran interaktif audiovisual.
o Microsoft Power Point : Software paling popular dalam pembuatan presentasi.
Sahabat gurudigital pasti sudah sangat mengenalnya. Sangat mudah digunakan
dan kita bisa mencari banyak template di internet untuk membuat slide yang
menarik dan variatif.
o Filmora Wondershare : Software semacam Windows Movie Maker untuk
membuat videoslide maupun editing video. Hadir dengan fitur video effect
yang lebih lengkap dari
o WMM.
o GoAnimate : Pernah melihat video dengan tampilan tangan yang menulis, atau
sering disebut “handwriting”? Nah, inilah software yang digunakan.
3. Jelaskan secara rinci aplikasi/sofware yang Anda pilih untuk digunakan dalam
pembuatan media pembelajaran interaktif pada mata kuliah ini (memilih satu jenis
dari jawaban no 1)
Tanggapan soal no 3 mengenai :

ADOBE FLASH

Adobe Flash atau yang dikenal pada awalnya sebagai Macromedia

Flash adalah salah satu perangkat lunak komputer yang merupakan
produk unggulan dari Adobe Systems. Adobe Flash ini digunakan untuk
membuat gambar vektor maupun animasi gambar.
Berkas yang dihasilkan dari Adobe Flash adalah swf dan dapat
diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash
merupakan salah satu program yang digunkan untuk membuat animasi
yang sangat handal jika dibandingkan dengan program lain karena dalam
hal ukuran file dari hasil animasinya lebih kecil. Biasanya hasil animasi
Flash banyak digunakan untuk membuat sebuah web agar tampilannya
menjadi lebih interaktif. Flash menggunakan bahasa pemrograman
bernama Action Script,  bahasa pemrograman ini muncul pertama kalinya
pada Flash 5.
Adobe Flash merupakan sebuah program yang didesain khusus oleh
Adobe untuk keperluan pembangunan situs web yang interaktif dan
dinamis  sehingga sangat cocok untuk membuat animasi dan bitmap yang
sangat menarik.
Flash didesain dengan kemampuan untuk membuat animasi 2
dimensi yang handal dan ringan sehingga dengan kemampua ini flash
banyak digunakan untuk membangun dan memberikan efek animasi pada
website, CD Interaktif dan yang lainnya. Selain digunakan untuk
membangun dan memberikan efek animasi aplikasi ini juga dapat
digunakan untuk membuat animasi logo, movie, game, menu interaktif,
interaktif form isian, e-card, screen saver , pembuatan navigasi pada situs
web, tombol animasi, banner, dan pembuatan aplikasi-aplikasi web
lainnya.
Sejarah Adobe Flash
 Sejarah Flash dapat ditelusuri kembali sekitar tahun 1980-an, pada
waktu itu seorang siswa SMA dengan nama Jonathan Gay menggunakan
komputer Apple II yang sudah tua umurnya untuk membuat program
gambar komputer. Kemudian dia mengajukan dan mengikutsertakan
program yang dikenal sebagai SuperPaint dalam pameran sains
disekolahnya. Setelah dia menang, program buatannya tersebut menarik
perhatian bagi seorang pengembang software lokal yaitu Charlie Jackson.
Pada masa itu Jackson sedang dalam proses memulai sebuah
perusahaan yang dikenal sebagai Silicon Pantai Software, yang akan
menghasilkan program untuk jenis komputer Macintosh. Dengan sedikit
dana yang di milikinya untuk mempekerjakan para pengembang
berpengalaman, akhirnya Jackson Gay disewa untuk membantu
menciptakan program-programnya.
Pada Januari 1993 ia mendirikan FutureWave Software dan dengan
segera membuat SmartSketch. Program ini memungkinkan pengguna
untuk menggambar secara elektronik pada komputer mereka dan sedikit
berhasil karena Gay terlambat masuk ke pasar tersebut sehingga kalah
saingan dengan senior-seniornya.
Pada musim panas 1995, SmartSketch mendapat masukan dari
penggunanya agar SmartSketch dapat digunakan untuk membuat
animasi. Namun FutureWave sedikit kurang percaya diri mengenai
pemasarannya, karena pada waktu itu animasi hanya didistribusikan
dengan VHS atau CD-ROM.
Namun dia tidak menyerah, kemudian World Wide Web mulai
mengembangkan sayapnya, dimana akhirnya grafik dan animasi menjadi
vital. FutureWave melihat kesempatan ini sebagai peluang untuk
memasarkan aplikasi yang mampu menghasilkan animasi dua
dimensi.Kemudian SmartSketch sedikit dimodifikasi menjadi SmartSketch
Animator. Namun, nama SmartSketch Animator dirasakan kurang
menjual, sehingga nama tersebut akhirnya diubah menjadi CelAnimator.
Tetapi kemudian, karena khawatir dinilai sebagai aplikasi pembuat kartun,
CelAnimator diubah menjadi Future Splash Animator.
FutureSplash animator mendekati para pengembang hanya dalam
beberapa bulan dari rilis program tersebut yang begitu sukses di pasar
komputer dan Microsoft. Microsoft merencanakan versi online dari MSN
dan percaya bahwa nantinya FutureSplash akan memberikan kualitas
grafis terhalus dan tertinggi.
Selain itu Disney Online juga menggunakan program tersebut untuk
mengembangkan situs web mereka. Akhirnya pada bulan November
1996, Macromedia menawarkan untuk membeli program tersebut  dan
pada bulan Desember Gay menerimanya. Macromedia Kemudian membeli
FutureSplash Animator yang kemudian diubah namanya
menjadi Macromedia Flash 1.0 yang pada akhirnya mempekerjakan
Jonathan Gay sebagai Technology Vice President.

Fungsi adobe flash yaitu:

 1. Aplikasi ini mempunyai fungsi untuk membuat logo, banner, movie,
game, membuat navigasi pada web, menu interaktif, interaktif
form, screen server, e-card, daftar fungsi adobe flash player
2. Bisa untuk memutar vidio yang berformat
3. Menampilkan video streaming
Fungsi adobe flash Player adalah  untuk membuat atau memutar gambar
vektor maupun animasi gambar.
Berikut contoh pembuatan media interaktif dengan adobe flash 2.0
Langkah 1
Setelah di download, ekstrak file *zip ke sebuah folder. Lalu buka Adobe
Flash dan pilih Flash Actionscript 2.0.

Langkah 2
Tambahkan file gambar-gambar yang telah di download tadi dengan cara
memilih menu File > Import > Import to Library. Cari tempat
penyimpanan gambar, select all (CTRL+A) lalu pilih Open.

Maka gambar-gambar tadi akan muncul di Library.

Langkah 3
Atur ukuran Stage menjadi 800 x 480.

Langkah 4
Tambahkan 2 Layer baru, sehingga menjadi 3 Layer. Lalu Rename
masing-masing Layer dengan nama Background, Loading, dan Icon.

Langkah 5
Klik di Layer Backround lalu tempatkan di Frame 1. Kemudian tarik
gambar BG.png di Library kedalam Stage. Atur posisi hingga memenuhi
ukuran Stage.
Langkah 6
Masih di Layer Background, kali ini klik kanan di Frame 52 lalu pilih Insert
KeyFrame. Ini berfungsi untuk menampilkan background di Frame 1
sampai Frame 52

Langkah 7
Sekarang klik pada Layer Icon. Tempatkan di Frame 1. Lalu tarik
gambar LOADING.png ke dalam Stage.

Langkah 8
Masih di Layer Icon, kali ini klik kanan di Frame 50 lalu pilih Insert
KeyFrame.
Langkah 9
Klik pada Layer Loading. Tempatkan di Frame 1. Lalu buatlah sebuah
kotak kecil dengan menggunakan Rectangle Tool pada bagian awal
gambar loading tadi.

Langkah 10
Masih di Layer Loading, kali ini klik kanan di Frame 50 lalu pilih Insert
KeyFrame. Pada Frame 50 di Layer Icon ini, klik Free Transform Tool lalu
perbesar lebar kotak tadi menjadi memenuhi gambar loading.
 

Langkah 11
Masih di Layer Loading, klik kanan diantara Frame 1 sampai Frame 50 lalu
pilih Create Shape Tween. Ini digunakan untuk membuat perubahan
bentuk kotak dari ukuran awal kecil hingga panjang.

Tekan CTRL+ENTER untuk melihat hasilnya. Sampai disini kita sudah bisa
membuat animasi untuk membuat sebuah loading.

Langkah 12
Klik pada Layer Icon, lalu klik kanan pada Frame 51 pilih Insert Blank
KeyFrame. Kemudian klik kanan lagi di Frame 51 tadi dan pilih Actions.
Tulis script berikut ini :
Script ini untuk menghentikan animasi ketika sampai di frame 51. Artinya
setelah loading tadi sampai pada akhir, animasi akan stop dan tidak akan
mengulang lagi dari awal.
*jika tidak bisa menulis script coba tekan script assist terlebih dahulu.

Langkah 13
Klik di Frame 51 di Layer Icon, lalu tambahkan gambar BTN_MULAI dan
LOGO tempatkan seperti pada gambar berikut ini.

Langkah 14
Klik kanan pada gambar BTN_MULAI lalu pilih Convert to Symbol.
*harap diperhatikan klik hanya btn_mulai saja jangan sampai mengklik 2
gambar dengan gambar logo

Beri nama btnmulai dengan Type Button. Ini digunakan untuk merubah
bentuk gambar tadi menjadi sebuah Button. [lihat cara membuat button
di flash]
 

Langkah 15
Klik kanan pada Button btnmulai tadi, lalu pilih Action. Tulis script berikut
ini :

Ini digunakan ketika Button ditekan, aksinya adalah gotoAndStop(52)

yang artinya pergi dan berhenti di Frame 52. Button tadi terdapat di
Frame 51 dan ketika di klik maka akan menampilkan Frame ke 52.
Langkah 16
Masih di Layer Icon, kali ini klik kanan di Frame 52 lalu pilih Insert
BlankKeyframe. Klik di Frame 52 di Layer Icon tadi lalu tambahkan
gambar binatang-binatang seperti buaya, gajah, jerapah, dan zebra ke
dalam Stage.

Langkah 17
Klik gambar buaya, kemudian klik kanan dan pilih Convert to Symbol. Beri
nama btnbuaya dengan Type Button. Lakukan hal yang sama untuk
gambar gajah, jerapah, dan zebra. Ganti nama button sesuai nama
hewan.
Langkah 18
Kali ini masih di Frame 52 di Layer Icon, tambahkan gambar info-info
binatang ke dalam Stage.

Langkah 19
Klik gambar infobuaya, klik kanan lalu pilih Convert to Symbol. Beri nama
infobuaya dengan Type MovieClip. Lalukan hal yang sama untuk gambar
info lainnya sesuai dengan nama hewan.

Langkah 20
Klik movieclip infobuaya tadi, lalu tambahkan Instance Name dengna
nama infobuaya. Begitupun dengan gambar info yang
lain, infogajah, infojerapah, dan infozebra.

Langkah 21
Kita akan buat ketika button buaya di klik maka yang muncul adalah
infobuaya. Begitupun untuk button hewan yang lain. Nah sebelumnya kita
harus menyembunyikan terlebih dahulu gambar info-info di Stage.
Caranya klik kanan di Frame 52 di Layer Icon lalu pilih Actions. Tulis script
berikut :
Ini digunakan untuk menyembunyikan (visible=false) gambar info-info
hewan pada Frame 52.
Langkah 22
Kali ini klik kanan di Button Buaya, lalu pilih Action. Tulis Script berikut
ini :

Ini digunakan ketika button buaya ditekan untuk menampilkan info buaya
(visible=true) dan menyembunyikan info hewan lainnya (visible=false).
Lakukan hal yang sama untuk Button hewan lainnya, rubah visible true
dan false.
Langkah 23
Jalankan animasi / media pembelajaran dengan menekan CTRL+ENTER.