Cara Membuat Media Pembelajaran Di Flash Untuk Pemula - Koding

1/1/2020 Cara Membuat Media Pembelajaran di Flash untuk Pemula - Juli Koding
TENTANG KONTAK DISCLAIMER PRIVACY TOS SITEMAP PARTNER LINK PASANG IKLAN
FOLLOW
Juli Koding
Segudang Tutorial Mulai dari PowerPoint, Blogger dan Tips & Trik lainnya!
Home Umum Blogging PowerPoint Koding
Home Adobe Flash Media Interaktif Media Pembelajaran Ca…

Cari artikel...
Cara Membuat Media Pembelajaran di

Flash untuk Pemula
ADOBE FLASH MEDIA INTERAKTIF MEDIA PEMBELAJARAN
Dengan semakin berkembangannya Ilmu Pengetahuan dan

Teknologi dapat membantu anda dalam proses belajar
mengajar. Salah satu cara agar proses pembelajaran
menjadi lebih menarik, jelas dan interaktif yaitu...
...dengan menggunakan Media Pembelajaran/Media

Interaktif sebagai alat bantu proses mengajar.
Selain itu, dengan adanya Media Interaktif ini dapat

digunakan sebagai Presentasi, Tutorial, Quiz dan lain
sebagainya.
Tutorial Terbaru
1.5k Belajar Flutter untuk Membuat

Dalam tutorial kali ini, akan saya suguhkan tutorial Cara
Shares Aplikasi Android dan iOS Jadi
julikoding.blogspot.com/2016/11/cara-membuat-media-pembelajaran-di-flash-untuk-pemula.html 1/17
Membuat Media Pembelajaran atau yang lebih dikenal Lebih Mudah
dengan sebutan Media Interaktif, di Adobe Flash untuk

Pemula berikut ini :
Cara Download Link
Google Drive di IDM,
Tutorial Cara Membuat Media bisa di Pause!
Pembelajaran di Flash Pengalaman Pribadi |

1. Buka Aplikasi Adobe Flash (saya menggunakan Flash Solusi Index Sitemap
yang Turun Menerus
CS6). Pilih Actionscript 2.0
di Blog!
12 Kamen Rider
Wanita Sangat Cantik,
Seksi & Imut Banget
deh!
Komentar Terbaru
shinji misi mas apa

2. Pada bagian Properties, ubah ukuran area kerja(kotak bisa saya minta
warna putih yang biasanya terletak di tengah) di "Size" coding simpan,...
Cara Koneksi Database ke Delphi
menjadi 800 x 600 (satuan yang digunakan pixels).
7 dan buat Form CRUD · 1 day
ago
Fauzi Rahman Kak

boleh jelasin yang
lebih rinci yang nomer 1...
Kumpulan Program Pascal di Free
Pascal · 4 days ago
Ren77 mantap thanks

3. Pada bagian "Timeline", ubah nama layer dengan cara gan
Cara Download Link Google Drive
double klik kemudian isikan nama "BG" sebagai
background pada Media Interaktif nantinya. Gabung Yuk..!
Lalu, untuk memasukkan gambar ada 2 cara, yaitu dengan
Import to Stage (Ctrl+R) atau Import to Library. Pada Kasus
kali ini, saya menggunakan Import to Library
1.5k
Shares
JuliKoding
1,615 likes
Like Page
Timeline Me
Be the first of your friends to like this
4. Perbedaannya itu sendiri, untuk to Stage gambar akan

langsung masuk di area kerja sedangkan to Library akan
otomatis tersimpan pada bagian Library lalu untuk
memasukkannya dengan menggeser/drag gambarnya ke
area kerja.
Channel Youtube
Juli Koding
YouTube
5. Atur posisi dan ukuran gambar agar sesuai dengan area

kerja.
6. Pada Frame ke-21 dan ke-41, klik kanan - insert

keyframe. Lalu pada bagian Properties, beri nama label
"bg1" dan "bg2" maka akan ada tanda bendera warna
1.5k
merah.
Shares
7. Sekarang, buat layer baru. Caranya klik ikon seperti pada

gambar di bawah ini..
Kemudian, ubah namanya menjadi "KONTEN" dan pada

frame ke-41, klik kanan-pilih insert frame (atau tekan F5).
Setelah itu, buatlah Teks, gambar pada Layer Konten
tersebut.
8. Buat Layer Baru dengan Nama "TOMBOL" dan Insert

Frame di frame-41. Kemudian pada Layer Tombol tersebut,
buatlah kotak dengan rectangle options seperti pada
gambar..
1.5k
Shares
9. Klik kanan pada kotak tersebut - pilih Convert to Symbol

- isikan dengan nama "bab1_btn" dan pilih tipe "button"
seperti pada gambar di bawah, lalu OK..
10. Tekan Klik Ganda atau Double Click pada button

"bab1_btn" untuk mengedit tombol. Maka akan muncul
seperti pada gambar di bawah. Kemudian, Isikan Teks
berupa "BAB 1".
Setelah itu, klik kanan pada bagian Over dan Down - pilih
insert keyframe (F6)
1.5k
Shares
Keterangan ;
UP : Kondisi Normal
OVER : Kondisi ketika kursor diatas tombol
DOWN : Kondisi ketika tombol ditekan
Untuk mengetahui perbedaanya, coba anda ubah warna
atau bentuk dari tombol pada bagian OVER dan DOWN.
Seperti anda lihat, untuk kondisi normal saya

menggunakan warna "putih", untuk kondisi ketika kursor
diatas tombol berwarna "Biru Tua" dan ketika di klik
warnanya berubah menjadi "abu-abu".
1.5k
Shares
Setelah Selesai Mengedit Tombol, tekan Scene 1 untuk

kembali...
11. Insert Keyframe (F6) pada Frame ke-21 dan ke-31

untuk layer tombol dan konten
12. Pada Frame ke-21. Buatlah Teks pada Layer

konten dan buatlah tombol navigasi "kembali" pada Layer
tombol untuk membuat Halaman BAB1
1.5k
Shares
13. Begitu pula untuk frame ke-31. Buatlah Teks pada

Layer konten dan buatlah tombol navigasi "kembali" pada
Layer tombol untuk membuat Halaman BAB2. Jangan
Lupa beri masing-masing nama label "bab1" dan "bab2"..
1.5k
Tekan
Shares "Ctrl + Enter" untuk melihat hasilnya. Namun
hasilnya, tombol yang kalian buat tidak berfungsi dan

Halamannya Berpindah berulang-ulang. Untuk
melakukannya kita akan lanjut ke Cara Memberikan
ActionScript pada Tombol di Flash
BACA JUGA : CARA MEMBUAT KALKULATOR SEDERHANA

di Flash
Memberikan ActionScript pada

Tombol di Adobe Flash
Setelah anda berhasil belajar
Import,Timeline,Layer,Label,Button dan Teks pada tutorial
sebelumnya. Kali ini kita akan menuju langkah terakhir
untuk membuat Media Interaktif/Pembelajaran yaitu
memberikan ActionSript di setiap Tombol sebagai berikut :
1. Buat Layer baru dengan nama "AS" dan pada Frame ke-1,
klik kanan - pilih actions - lalu ketikkan command/perintah
berikut :
stop();
fscommand("fullscreen", "true");
1.5k
Shares
Keterangan :
a) perintah stop(); digunakan agar waktu dijalankan,
animasi tidak berulang-ulang/berpindah halaman. Untuk
melihat perbedaanya. Silahkan tekan Ctrl + Enter
b) perintah fscommand("fullscreen","true"); digunakan
ketika Media Interaktif ini di Publish menjadi file exe maka
akan otomatis menjalakan secara layar penuh.
2. Untuk tombol BAB 1, klik kanan - pilih actions - ketikkan

perintah berikut ini..
on (release) {
gotoAndStop("bab1");
1.5k
Shares
Untuk tombol BAB 2, cukup anda ubah menjadi :
on (release) {
gotoAndStop("bab2");
atau langsung menggunakan lokasi frame berada seperti

ini :
on (release) {
gotoAndStop(31);
3. Langkah akhir, klik File - Publish Settings (Ctrl + Shift +

F12)- conteng pada bagian .swf, .html, dan .exe dan Atur
Lokasi penyimpanan dengan klik tombol Folder warna
Kuning. Setelah itu, Klik Tombol PUBLISH...
1.5k
Shares
4. Hasil Publish sebagai berikut. Coba Anda jalankan

MediaInteraktif.exe maka akan otomatis Layar Penuh
(Fullscreen) seperti yang saya katakan sebelumnya.
Sekian Tutorial Cara Membuat Media Pembelajaran atau

Media Interaktif di Adobe Flash untuk Pemula. 😁
Semoga dapat membantu dan bermanfaat bagi semua

kalangan, terima kasih. Untuk segala bentuk pertanyaan
silahkan masukkan pada kolom Komentar 🙌
1.5k
Shares
22 16 4 11 13
Artikel Terkait
Cara Membuat Kuis Cara Membuat Animasi

Pilihan Ganda di Adobe Loading di Adobe Flash
Cara Membuat Media Cara Membuat

Pembelajaran Interaktif Kalkulator Buatan
Cara Membuat Tombol

Musik ON/OFF di
Juli KodingKebijakan Komentar

Copas Artikel/konten di JuliKoding?😏gak boleh. Jika ingin
Rewrite? Boleh, tapi pake bahasa sendiri dan sertakan
sumber.
1.5k
Komentar
Shares Komunitas 
1 Masuk
 Rekomendasikan 5 t Tweet f Bagikan
Urut dari yang Terbaru
Ikut berdiskusi...
MASUK DENGAN
ATAU DAFTAR DISQUS ?
Nama
Desi Natalia • 2 tahun yang lalu

Untuk menginstal adobe flash pakai laptop apa ya kak.
Punya aku katanya gak muat ram sm yg 32 apa 64 itu
1△ ▽ • Balas • Bagikan ›
Ahmad Jazuli Admin Jaman Now > Desi Natalia

• 2 tahun yang lalu
Terserah pke laptop ap, asal spekny lumayan
buat main adobeflash, minim ya RAM 2gb &
processor skitr 2 Ghz keatas lah 😅
.
Masalah 32/64 bit itu tergantung OS mu pake
brp bit.. hehe
△ ▽ • Balas • Bagikan ›
Naufal Gardika Putra • 2 tahun yang lalu

1.5k gan, gada file pdfnya ya untuk di download?
Shares
Balas Bagikan
Ahmad Jazuli Admin Jaman Now > Naufal

Gardika Putra • 2 tahun yang lalu
Maksudny ap ya? Gk ngerti 😅

Lisa Arimurti • 2 tahun yang lalu

kak langkah 9 ke 10 kok ga ada tulisan bab1_btn
disebelah scene ya mohon solusinya saya pakai cs 3
⛺
Naufal Gardika Putra > Lisa Arimurti

lihat dibawahnya instensi namanya isi dlu
Ahmad Jazuli Admin Jaman Now > Lisa Arimurti

• 2 tahun yang lalu • edited
Klo gk mau juga, pilih aja sprti ss d bwh ini..
Ahmad Jazuli Admin Jaman Now > Lisa Arimurti

Weleh, masa sih :v udh di double klik tuh
tombolny? Biasany mau kok 😏
1.5k Pande Putu Yobi Aprilayana • 2 tahun yang lalu
Shares
cara untuk buat pop up semacam infomasi ketika klik
cara untuk buat pop up semacam infomasi ketika klik
menunya gimana gan?
maaf saya masih pertama kali
1△ ▽ • Balas • Bagikan ›
Ahmad Jazuli Admin Jaman Now > Pande Putu

Yobi Aprilayana • 2 tahun yang lalu
Disini aj bro lengkap beserta videonya.. 😗 gk

ahli juga ana masalah flash nih kwkw..
Fitri Azzahra • 2 tahun yang lalu

kalo bikin tombol kembalinya gimana, ya?
Ahmad Jazuli Admin Jaman Now > Fitri Azzahra

Ya bikin tombol seperti langkah 8-10.. lalu klik
kanan tombolny - pilih actions - isikan script
seperti yg saya contohkan di atas..
on(realease){
gotoAndStop(lokasi_frame)}
Misalkan ingin kembali ke frame 5, ya isi

gotoAndStop(5) 😀👍
muhammad indra • 2 tahun yang lalu

Agan mau tanya dong, aku lagi bingung, aku lagi buat
soal pilihan ganda sampai menampilkan jumlah salah
dan benar plus skornya juga. Nah pertanyaanya
bagaimana cara buat soal pilihan ganda yang ada
tombol next dan previousnya, misal pada soal pertama
merasa kesusahan jawabnya bisa di next ke soal
berikutnya dan kalo pengen jawab soal yg di lewati
tadi di previous lagi. Trus kalo sudah jawab itu ada
1.5k tanda nya bahwa kita sudah jawab soal tersebut, jadi
Shares
bisa kita cek kalo sudah jawab semua soal kalo aja
ada soal yg belum terjawab. Mohon pencerahanya ya

gan hehe, kalo bisa dibikin tutorial aja siapa tau ada yg
butuh juga heheh makasih sebelumnya
Ahmad Jazuli Admin Jaman Now > muhammad

indra • 2 tahun yang lalu
Udh pernah sih bikin wktu Magang.. nanti ku

coba..😁👍
muhammad indra > Ahmad Jazuli

oke deh, ditunggu ya tutorialnya butuh
banget soalnya hehe
makasih sebelumnya hehe
Ahmad Jazuli
Admin Jaman Now >
muhammad indra
Udah jadi tutorialnya,
@muhammad indra 😎
muhammad indra > Ahmad

Jazuli • 2 tahun yang lalu
Terimakasih agan hehe

Copyright © Juli Koding All Right Reserved Arlina Design · Blogger
1.5k
Shares

Cara Membuat Media Pembelajaran Di Flash Untuk Pemula - Koding

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Cara Membuat Media Pembelajaran Di Flash Untuk Pemula - Koding

Diunggah oleh

Hak Cipta:

Format Tersedia

1/1/2020 Cara Membuat Media Pembelajaran di Flash untuk Pemula - Juli Koding

Home Umum Blogging PowerPoint Koding

Home Adobe Flash Media Interaktif Media Pembelajaran Ca…

Cara Membuat Media Pembelajaran di

ADOBE FLASH MEDIA INTERAKTIF MEDIA PEMBELAJARAN

Dengan semakin berkembangannya Ilmu Pengetahuan dan

...dengan menggunakan Media Pembelajaran/Media

Selain itu, dengan adanya Media Interaktif ini dapat

1.5k Belajar Flutter untuk Membuat

Membuat Media Pembelajaran atau yang lebih dikenal Lebih Mudah

dengan sebutan Media Interaktif, di Adobe Flash untuk

Pembelajaran di Flash Pengalaman Pribadi |

shinji misi mas apa

Fauzi Rahman Kak

Ren77 mantap thanks

Be the first of your friends to like this

4. Perbedaannya itu sendiri, untuk to Stage gambar akan

5. Atur posisi dan ukuran gambar agar sesuai dengan area

6. Pada Frame ke-21 dan ke-41, klik kanan - insert

7. Sekarang, buat layer baru. Caranya klik ikon seperti pada

Kemudian, ubah namanya menjadi "KONTEN" dan pada

8. Buat Layer Baru dengan Nama "TOMBOL" dan Insert

9. Klik kanan pada kotak tersebut - pilih Convert to Symbol

10. Tekan Klik Ganda atau Double Click pada button

Seperti anda lihat, untuk kondisi normal saya

Setelah Selesai Mengedit Tombol, tekan Scene 1 untuk

11. Insert Keyframe (F6) pada Frame ke-21 dan ke-31

12. Pada Frame ke-21. Buatlah Teks pada Layer

13. Begitu pula untuk frame ke-31. Buatlah Teks pada

hasilnya, tombol yang kalian buat tidak berfungsi dan

BACA JUGA : CARA MEMBUAT KALKULATOR SEDERHANA

Memberikan ActionScript pada

2. Untuk tombol BAB 1, klik kanan - pilih actions - ketikkan

Untuk tombol BAB 2, cukup anda ubah menjadi :

atau langsung menggunakan lokasi frame berada seperti

3. Langkah akhir, klik File - Publish Settings (Ctrl + Shift +

4. Hasil Publish sebagai berikut. Coba Anda jalankan

Sekian Tutorial Cara Membuat Media Pembelajaran atau

Semoga dapat membantu dan bermanfaat bagi semua

Cara Membuat Kuis Cara Membuat Animasi

Cara Membuat Media Cara Membuat

Cara Membuat Tombol

Juli KodingKebijakan Komentar

 Rekomendasikan 5 t Tweet f Bagikan

Urut dari yang Terbaru

ATAU DAFTAR DISQUS ?

Desi Natalia • 2 tahun yang lalu

Ahmad Jazuli Admin Jaman Now > Desi Natalia

Naufal Gardika Putra • 2 tahun yang lalu

Ahmad Jazuli Admin Jaman Now > Naufal

Maksudny ap ya? Gk ngerti 😅

Lisa Arimurti • 2 tahun yang lalu

Naufal Gardika Putra > Lisa Arimurti

Ahmad Jazuli Admin Jaman Now > Lisa Arimurti

Ahmad Jazuli Admin Jaman Now > Lisa Arimurti

Ahmad Jazuli Admin Jaman Now > Pande Putu

Disini aj bro lengkap beserta videonya.. 😗 gk

Fitri Azzahra • 2 tahun yang lalu

Ahmad Jazuli Admin Jaman Now > Fitri Azzahra

Misalkan ingin kembali ke frame 5, ya isi

muhammad indra • 2 tahun yang lalu

ada soal yg belum terjawab. Mohon pencerahanya ya

Ahmad Jazuli Admin Jaman Now > muhammad