Kegiatan Selasa, 7 jan 2024 : Mengajar Kelas XIDKV2 : Membuat Multimedia Pembelajaran Interaktif dengan Adobe Animate: Scene Opening

Selasa, 07 Januari 2025
Agenda Mengajar
Kanghaki
0 komentar

Bahan Ajar: Membuat Multimedia Pembelajaran Interaktif Berisi Scene Opening

Kelas XIDKV2 => Jam ke 3 - 7 (08.30 - 11.15)

Tujuan Pembelajaran:

Memahami dasar penggunaan Adobe Animate dengan ActionScript 3.0.
Membuat scene opening pada multimedia pembelajaran interaktif.
Menggunakan ActionScript 3.0 untuk navigasi antar scene.

I. Pengenalan Adobe Animate dengan ActionScript 3.0

Adobe Animate menyediakan ActionScript 3.0 untuk menambahkan interaktivitas ke proyek animasi.
Scene Opening adalah halaman awal yang berisi animasi pembuka, seperti judul, logo, atau tombol navigasi ke konten utama.

Keunggulan ActionScript 3.0:

Mendukung logika pemrograman untuk interaksi kompleks.
Memungkinkan navigasi antar scene, kontrol audio, dan animasi.

II. Membuat Proyek Baru

Buka Adobe Animate
- Pilih File > New.
- Pilih ActionScript 3.0 dengan ukuran stage Full HD : 1920 x 1080 px.
Atur Frame Rate:
- Pada Properties Panel, set Frame Rate ke 24 fps.
Tambahkan Scene:
- Pilih Window > Scene untuk membuka panel Scene.
- Tambahkan dua scene:
  - Scene 1: "Opening" (untuk animasi pembuka).
  - Scene 2: "Main Menu" (untuk konten utama).

III. Membuat Scene Opening

Desain Scene Opening:
- Tambahkan Teks Judul menggunakan Text Tool (T), misalnya:
  
  "Multimedia Pembelajaran Interaktif"
  
  di bawahnya "Dasar-Dasar Desain grafis"
- Tambahkan Logo atau gambar pendukung (File > Import to Stage).
Animasi Sederhana:
- Pilih teks atau logo > Convert to Symbol (F8) > Pilih Movie Clip.
- Tambahkan animasi motion tween:
  - Klik kanan di timeline > Create Motion Tween atau Clasic Tween.
  - Gerakkan objek dari frame awal ke frame tertentu (misal, dari frame 1 ke frame 50).
Tambahkan Tombol Navigasi:
- Gambar tombol (misal, persegi panjang) > Convert to Symbol (F8) > Pilih Button.
- Edit tampilan tombol (Up, Over, Down, Hit) dengan klik dua kali tombol di Library.

IV. Menambahkan Navigasi dengan ActionScript 3.0

Beri Instance Name pada Tombol:
- Pilih tombol di Scene 1.
- Pada Properties Panel, beri nama instance, misalnya: btn_start.
Tambahkan Script untuk Navigasi:
- Pilih frame pertama di Scene 1.
- Buka panel Actions (F9), lalu tambahkan kode berikut:

V. Membuat Scene Main Menu

Desain Main Menu:
- Tambahkan teks menu (misalnya: "Materi", "Kuis", "Tentang").
- Tambahkan gambar atau ilustrasi sesuai kebutuhan.
Tambahkan Tombol Menu:
- Buat tombol untuk setiap menu (seperti langkah pada Scene Opening).
- Beri instance name pada masing-masing tombol, misalnya: btn_materi, btn_kuis, btn_tentang.
Tambahkan Script untuk Navigasi Antar Konten:
- Pilih frame pertama di Scene 2.
- Tambahkan kode berikut di panel Actions:

actionscript

// Tombol Materi

btn_materi.addEventListener(MouseEvent.CLICK, openMateri);

function openMateri(event:MouseEvent):void

{
    trace("Navigasi ke Materi")

// Ganti dengan fungsi ke konten materi
}

// Tombol Kuis

btn_kuis.addEventListener(MouseEvent.CLICK, openKuis);

function openKuis(event:MouseEvent):void

{
    trace("Navigasi ke Kuis"); // Ganti dengan fungsi ke konten kuis
}

// Tombol Tentang

btn_tentang.addEventListener(MouseEvent.CLICK, openTentang);

function openTentang(event:MouseEvent):void

{
    trace("Navigasi ke Tentang"); // Ganti dengan fungsi ke konten tentang
}

VI. Menguji Proyek

Pilih Control > Test Movie > Test untuk menjalankan proyek.
Pastikan navigasi dari Scene Opening ke Main Menu berjalan dengan benar.

VII. Menyimpan dan Mengekspor Proyek

Simpan proyek dengan format .fla (File > Save As).
Ekspor proyek ke format .EXE untuk digunakan:
- File > Export > Export Movie > Pilih format Exe atau Win Projector.

VIII. Tugas Mandiri

Buatlah opening Multimedia Pembelajaran Interaktif menggunakan adobe Animate dengan ketentuan sebagai berikut :
1. Background
2. Logo sesuai judul MPI
3. Judul Multimedia Pembelajaran Interaktif
4. Identitas Mapel dan Pembuat
5. Animasi
6. Tombol Start
7. Tombol Close
Kirim File Fla dan Exe di halaman Besmart => https://besmart.smkn1pengasih.sch.id