MODUL AJAR: MPI COMPONENT

PELATIHAN ADOBE FLASH CS 6 UNTUK MENINGKATKAN MUTU

KINERJA MAHASISWA TEKNOLOGI PEMBELAJARAN
FAKULTAS ILMU PENDIDIKAN
UNIVERSITAS NEGERI YOGYAKARTA

Tugas pelatihan ini disusun untuk memenuhi penugasan

Mata Kuliah Teknologi Peningkatan Kinerja
Dosen Pengampu: Dr. Christina Ismaniati, M.Pd.

Disusun Oleh:
Anak Agung Adi Wiryya Putra (22107251002)
A. Suci Rizky Ananda (22107251046)
Fahrul Arfandi M. Nur (22107251028)
Retno Dwiyanti (22107251020)
Sintya Rizqi Nur Ardiani (22107251005)

PROGRAM STUDI MAGISTER TEKNOLOGI PEMBELAJARAN

FAKULTAS ILMU PENDIDIKAN
UNIVERSITAS NEGERI YOGYAKARTA
2022
 DAFTAR ISI

Halaman
Daftar Isi ii
Pendahuluan 3
A. Pengenalan MPI Component 3
B. Membuat Game Puzzle Menggunakan MPI Component 4
C. Daftar Referensi 12

2
 Modul Ajar MPI Component
Organisasi Sasaran : Fakultas Ilmu Pendidikan - UNY
Sasaran Pelatihan : Mahasiswa S2 Teknologi Pembelajaran
Sub Kompetensi : 1.4. Peserta pelatihan mampu menjelaskan fungsi dan
code action script pada Adobe Flash CS 6
2.4. Peserta pelatihan mampu menggunakan action
script pada Adobe Flash CS 6

Indikator : 1.4.2 Peserta pelatihan mampu menjelaskan fungsi

MPI component.
2.4.2 Peserta pelatihan mampu menggunakan fungsi
MPI component.

PENDAHULUAN
Modul ini merupakan kelanjutan dari modul actionscript. Pada modul sebelumnya anda
telah belajar apa itu action script dan bagaimana menggunakannya untuk mengelola aksi
dari sebuah proyek adobe flash. Tentunya anda masih mengingat cara penggunaannya.
Dalam modul ini, Anda akan mempelajari bagaimana menggunaan library MPI
Component untuk mengelola aksi dari sebuah proyek flash. MPI Component merupakan
kumpulan code actionscript yang siap dipangggil kapan saja sehingga dapat digunakan
dengan cepat. Setelah menyelesaikan modul ini, Anda diharapkan memiliki kemampuan
sebagai berikut:
1. menjelaskan fungsi MPI component.
2. Peserta pelatihan mampu menggunakan fungsi MPI component.
Kemampuan tersebut sangat penting bagi seorang pengembang teknologi pembelajaran
dalam mengembangkan multimedia pembelajaran interaktif yang baik. Dengan
menggunakan MPI Component anda dapat meringkas penulisan actionscript untuk anda
gunakan sesuai dengan kebutuhan anda
Untuk membantu Anda menguasai kemampuan tersebut di atas, dalam modul ini akan
disajikan pembahasan dan latihan dalam butir uraian, dalam tiga kegiatan belajar (KB)
sebagai berikut:
KB 1: Pengenalan MPI Component
KB 2: Membuat Puzzle dengan MPI Component
Agar Anda berhasil dengan baik mempelajari modul ini ikutilah petunjuk belajar sebagai
berikut:
1. Bacalah dengan cermat bagian Pendahuluan modul ini sampai Anda memahami betul
apa, untuk apa, dan bagaimana mempelajari modul ini.
2. Baca sepintas bagian demi bagian, dan temukan kata-kata kunci dan kata-kata yang
Anda anggap baru. Carilah dan baca pengertian kata-kata kunci dalam daftar kata-kata
sulit modul ini atau dalam Kamus yang ada.

3
3. Tangkaplah pengertian demi pengertian dari isi modul ini melalui pemahaman sendiri
dan tukar pikiran dengan mahasiswa atau guru lain dan dengan dosen/tutor Anda.
4. Terapkan prosedur yang ada di dalam modul ini melalui perangkat komputer anda
dan sesuaikan tampilan file kerja anda dengan yang ditampilkan di modul ini.
Mantapkan pemahaman Anda melalui diskusi mengenai pengalaman simulasi dalam
kelompok kecil atau klasikal pada saat bimbingan atau tutorial.

A. Pengenalan MPI Component

MPI Component adalah library yang telah disiapkan secara khusus untuk mempermudah
pengembangan multimedia interaktif menggunakan aplikasi Adobe Animate. MPI
memiliki beberapa perintah dasar untuk mengembangkan sebuah aplikasi pembelajaran
interaktif tanpa harus menulis kode yang banyak. Sebuah interaktifitas dapat ditulis
dengan satu baris kode saja.
MPI ditujukan bagi mahasiswa/guru/dosen ataupun pembelajar yang ingin
mengembangkan aplikasi namun mengalami kesulitan dalam menuliskan kode. MPI
menyediakan beberapa fitur standar dan terus mengalami perkembangan sesuai dengan
kebutuhan dan keinginan pengguna.
Untuk menggunakan component, cukup unduh file MPI-Component dan copy symbol
MPI ke dalam project animate anda, maka seluruh kode MPI dapat diakses dengan cepat
tanpa harus menuliskan beberapa baris kode.
Di dalam MPI Component terdapat 24 fungsi dan ribuan baris code. Fungsi-fungsi
tersebut dapat kita gunakan dalam proyek flash kita tanpa perlu menuliskan seluruh baris
code dari awal. Kita cukup memanggil nama fungsi yang kita butuhkan dengan satu bari
code saja. Adapun baris kode yang digunakan bisa dilihat dengan mengklik button menu
fungsi di file MPI Component. Fla seperti pada gambar di bawah ini.

Fungsi Pada MPI Component

4
 Contoh cara menggunakan fitur goto And Stop

B. Membuat Game Puzzle Menggunakan MPI Component

1. Buka file MPI Component.fla, lalu buat file baru dengan klik file 🡪 new
di adobe flash CS 6, pilih actionscript 3.0.

2. Buat 4 layer, berupa layer kode, MPI, konten dan Bg (Background).

5
3. Untuk menambahkan background, klik layer background kemudian klik menu
file, Import to Stage. Lalu pilih file gambar yang akan di jadikan background

4. Lock Layer background dengan mengklik titik di bawah icon gembok pada layer
background.

5. Klik layer MPI, lalu buka library MPI Component

6
6. Drag and drop file kode MPI di library ke layer MPI.

7. Berikan instance name agar objek dapat dikenali di dalam project flash.

8. Insert blank keyframe di frame ke 30 pada layer bg dan MPI, agar layer 1-29
dapat digunakan untuk berbagai settingan dan keperluan lainnya.

7
9. Pada layer konten tambahkan keyframe di frame 2.

10. Masukkan play button dengan cara drag and drop dari library MPI Component ke
layer konten frame 2. Lalu berikan instance name “playBtn”

11. Klik layer code lalu insert keyframe pada frame 2 lalu buka menu action dan
ketikan code berikut agar Ketika tombol play di klik halaman akan berpindah ke
frame 5.

8
12. Klik layer konten pada frame 5 lalu insert keyframe, kemudian import gambar
yang akan dijadikan puzzle. Drag and drop tombol play dari library MPI
Component. Lalu hapus kedua object tersebut dari stage.

13. Buka library lalu klik gambar yang dihapus tadi. Klik kanan 🡪 properties. Klik
tab actionscript lalu beri nama class “gambar1”

14. Gunakan rectangle tool untuk membuat kotak container sesuai dengan ukuran
gambar puzzle, lalu drag and drop tombol acak dari library MPI component, beri
nama instancenya “acakBtn”.

9
15. Blog kedua objek rectangle dan tombol acak tadi kemudian klik kanan 🡪 convert
to symbol. Beri nama symbol “puzzle”. Kemudian berikan juga nama instancenya
“puzzle1”.

16. buka library MPI component lalu cari kepingpuzzle kemudian masukkan ke stage
dengan cara drag and drop. Setelah itu hapus kepingan agar hanya tersimpan di
library proyek dan muncul Ketika dipanggil.

17. klik layer kode pada frame lima lalu buka menu action ketikkan kode berikut.

10
18. buka library MPI component lalu cari popupMC kemudian masukkan ke stage
dengan cara drag and drop. Setelah itu hapus agar hanya tersimpan di library
proyek dan muncul Ketika dipanggil.

19. untuk mencoba game puzzle yang telah dibuat tekan ctrl + enter.

20. tekan tombol play

11
21. pastikan popup yang telah dibuat telah ditampilkan dengan baik

22. pastikan tombol acak berfungsi dengan baik

12
 23. Pastikan popup kembali ditampilkan ketika puzzle telah diselesaikan.

C. Daftar Referensi

Wandah,W. 2022. “Multimedia Pembelajaran Interaktif Componentl”,

https://www.wandah.org/MPI-wandah, diakses pada 10 Desember
2022 pukul 10.27.

13