Modul Pembuatan Media Pembelajaran Fisika

Menggunakan Adobe Flash CS6

Disusun oleh:

Meli Destari (1820209014)

Dosen Pembimbing :

Andi Putra Sairi, M.Pd

Program Studi Pendidikan Fisika

Fakultas Ilmu Tarbiyah dan Keguruan

Universitas Islam Negeri Raden Fatah Palembang

2019
A. Membuka Halaman Baru
1. Klik 2x pada aplikasi Adobe Flash CS6
2. Setelah terbuka pilih ActionScript 2.0

3. Maka akan timbul halaman pertama seperti gambar dibawah ini.

1
B. Mengubah Ukuran Stage
1. Klik ikon edit properties di bagian sebelah kanan.

2. Aturlah ukuran stage pada ikon yang berada di properties yaitu 800 x 600 px
dan frame rate nya 30 fps. setelah selesai klik ok.

2
3. Maka ukuran stage akan berubah menjadi lebih besar dari sebelumnya.

Untuk memperkecil tampilan stage ubahlah ukuran tampilan dari 100%

menjadi 65%.

3
C. Membuat Scene
1. Klik window > Other panels > scene

2. Sehingga akan muncul kotak scene seperti gambar di bawah. Pada scene 1 klik
2x dan ubah tulisannya menjadi loading.

3. Untuk menambahkan scene klik ikon di bagian sudut sebelah kiri.

4
4. Tambahkan scene sebanyak 8 buah untuk loading, menu, tujuan pembelajaran,
SK dan KD, materi, evaluasi, keluar, ending. kemudian close dengan mengklik
tanda silang.

5. Untuk melihat scene yang telah dibuat bisa di lihat pada ikon scene.

5
D. Membuat Background
1. Pada layer pertama klik 2x dan ganti menjadi tulisan background.

2. Kemudian klik file > import > import stage.

6
3. Setelah itu pilih background yang diinginkan. kemudian klik open

4. Maka tampilan stage akan berubah menjadi seperti dibawah ini.

7
5. Aturlah ukuran background sesuai dengan ukuran stage yaitu 800x600 px agar
ukuran background bisa sama dengan ukuran stage.

8
E. Membuat Loading
1. Klik ikon new layer dibagian sudut sebelah kiri.

2. Klik 2x pada layer 2 dan ubah tulisannya menjadi kotak.

9
3. Kemudian klik rectangle tool di sebelah kanan untuk membuat persegi
panjang

4. Arahkan kursor pada stage kemudian klik kanan dan tahan sambil di drag ke
kanan. Aturlah menjadi bentuk persegi panjang.

10
5. Pada layer kotak klik kanan dan klik create motions tween.

6. Akan ada tanda peringatan seperti gambar di bawah dan langsung klik ok.

11
7. Maka layer kotak akan berpindah ke frame 30 dan tampilan stage menjadi
putih seperti pada gambar di bawah.

8. Pada layer kotak klik frame yang pertama dan klik ikon free transform tool.
sehingga di tengah – tengah kotak terlihat sebuah titik kecil. pindahkan titik
tersebut ke bagian sebelah kiri.

12
9. Kecilkan kotak persegi panjang dengan mendragnya dari kanan ke kiri.

10. Klik kanan pada frame 80 dan pilih insert keyframe > position.

13
11. Pada frame ke-80, drag kembali kotak persegi panjang dari kiri ke kanan
sampai ke ukuran semula. Pada gambar di bawah dapat dilihat bahwa
background pada frame ke-1 tidak terlihat pada frame ke-80.

12. Klik layer background. kemudian klik kanan pada frame ke-80. Lalu klik insert
keyframe. Maka tampilan background akan timbul sampai ke frame 80 seperti
gambar di bawah.

14
13. Langkah selanjutnya adalah membuat tulisan loading. Tambahkan layer dan
ubah tulisannya menjadi loading.

14. klik ikon text tool untuk menambahkan tulisan loading.

15
15. Arahkan kursor pada background lalu klik kiri. Kemudian ketiklah tulisan
loading dengan ukuran tulisan sebesar 50 pt. pengaturan tulisan dapat
dilakukan pada character.

16. Di frame awal klik kanan kemudian pilih actions.

16
17. Setelah itu maka akan ada tampilan seperti gambar di bawah. Lalu klik tanda +

18. Kemudian pilih Global Functions > Browser/Network > fscommand.

19. Maka akan timbul tulisan fscommand(). Di dalam tanda () tulislah kata – kata
(“fullscreen”,true) ;

17
20. Klik ctrl+enter untuk mengecek apakah loading yang dibuat berhasil atau
tidak.
21. Jika sudah berhasil pada frame ke-80 klik kanan kemudian klik actions. Maka
akan timbul tampilan seperti gambar di bawah.

22. klik tanda + kemudian pilih Global Function > Timeline Control >
gotoAndStop.

18
23. Setelah itu akan timbul tulisan gotoAndStop(). Di dalam tanda kurung ketiklah
(“menu”,1) seperti gambar di bawah.

24. jika sudah selesai simpan animasi loading yang telah dibuat dengan klik file >
export > Export Movie. Kemudian save di lokasi yang diinginkan.

19
F. Membuat Menu
1. Kliklah scene menu.

2. Pada layer pertama gantilah tulisan dengan mengetik kata background.

3. Kemudian copy lah background yang berada di scene loading. Dengan cara klik
kanan kemudian copy.

20
4. Kembali lagi ke scene menu. Klik kanan kemudian klik paste inplace.

5. Maka di scene menu akan timbul background yang sama seperti di loading.

21
6. Tambahkan layer sebanyak 6 buah dan ubah nama masing – masing layer
tersebut menjadi tujuan, SK dan KD, materi, evaluasi, keluar, dan tulisan.

7. Pada layer tujuan buatlah kotak teks dengan cara mengklik rectangle tool atau
juga bisa membuatnya di aplikasi power point lalu copypaste ke adobe flash.
Kotak teks yang dibuat di bawah menggunakan aplikasi powerpoint.

8. Setelah selesai klik layer SK dan KD kemudian buatlah kotak teks SK dan KD
dengan mengambil dari aplikasi power point yang telah dibuat sebelumnya.

22
9. Lakukan hal yang sama pada layer materi, evaluasi, dan tulisan dengan
menggunakan langkah pada nomor 7 dan 8.

10. Pada layer keluar klik file kemudian import stage.

23
11. Pilihlah gambar silang yang biasanya digunakan sebagai tanda keluar. Setelah
itu klik open. Jika belum memiliki gambar silang di file penyimpanan maka
sebaiknya mendownload gambar tersebut di aplikasi google.

12. Aturlah gambar tersebut dengan posisi yang tepat. Biasanya di letakkan di
sudut sebelah kanan.
13. Jika semuanya sudah rapi, ubahlah gambar - gambar yang telah dibuat
menjadi tombol sesungguhnya. Dengan cara pada gambar kotak tujuan klik
kanan kemudian klik convert to symbol.

24
14. Maka akan muncul tampilan seperti di bawah. Pada name ketiklah tbl_tujuan,
pilihlah type button dan pastikan titik registration berada tepat di tengah.
Setelah selesai klik ok.

15. Lakukan hal yang sama seperti pada langkah di point 13 dan 14 untuk
mengubah gambar kotak sk dan kd, materi, evaluasi dan keluar menjadi
tombol yang sesungguhnya.
16. Untuk menghubungkan tombol – tombol yang telah di aktifkan dengan scene
yang telah di buat maka klik scene tujuan, kemudian pada backgroundnya
ketik lah kata tujuan. Lakukan hal yang sama pada semua scene kecuali scene
ending.

25
17. Kembali lagi ke scene menu. Klik kanan pada tombol tujuan pembelajaran
kemudian pilih actions.

18. Klik tanda + kemudian pilih Global Functions > Movie Clip Tool > on. Ini
bertujuan untuk mengaktifkan tombol yang telah dibuat.

Kemudian klik release 2x.

26
19. Geser kursor ke samping tanda kurung kurawal yang berada di sebelah kanan.
Lalu klik tanda + kemudian pilih Global Functions > Timeline Control >
gotoAndStop.

20. Didalam tanda () ketiklah kata “tujuan”,1.

21. Untuk mengaktifkan tombol SK dan KD, Lakukan langkah pada point 17
sampai dengan 20. Lalu pada tanda () ketiklah kata “SK dan KD”,1. Untuk
lebih jelasnya bisa dilihat pada gambar di bawah.

27
22. Lakukan langkah yang sama pada tombol materi pembelajaran, evaluasi, dan
keluar. Pastikan huruf dan kata – kata yang diketik di pemograman sama
dengan kata – kata yang berada di scane.
23. klik ctrl+enter untuk mengecek apakah tombol – tombol yang dibuat sudah
aktif ataupun tidak. Jika semua tombol telah aktif maka scene menu telah di
buat dengan benar.

28
G. Mengedit Scene Tujuan
1. Klik Scene tujuan. Kemudian tambahkan layer dan gantilah kalimat layer 2
menjadi background.Setelah itu langsung drag ke bawah agar tulisan tujuan
tidak tertutup oleh background.

2. Lalu copy paste background yang terdapat di scene sebelumnya ke scene

tujuan.

29
3. Pada layer 1 ubahlah menjadi kata tulisan. Pada layer tulisan copy paste lah
tujuan pembelajaran yang telah dibuat di power point. Rapikan tujuan
pembelajaran sebagus dan semenarik mungkin.

4. Pada gambar home ubah menjadi tombol terlebih dahulu dengan cara klik
kanan pada gambar home tersebut kemudian pilih convert to symbol.

30
5. Akan muncul tampilan seperti gambar di bawah kemudian ubahlah name nya
menjadi tbl_menu. kemudian pilihlah type button dan pastikan titik properties
berada tepat di tengah. Lalu klik ok.

6. Untuk mengaktifkan tombol home tersebut klik kanan kemudian pilih actions.

7. Setelah itu klik tanda + kemudian pilih Global Functions > Movie Clip
Control > on.

31
 Setelah itu klik release 2x.

8. Geser kursor ke sebelah kanan tanda kurung kurawal { lalu klik tanda +
kemudian klik Global Functions > Timeline Control > gotoAndStop.

Di dalam tanda () ketiklah “menu”,1 seperti pada gambar di bawah.

32
9. Setelah selesai langsung di close kan saja dengan mengklik tanda silang yang
berada di sudut sebelah kanan. Kemudian tekan ctrl+enter untuk mengecek
apakah tombol yang telah dibuat berhasil atau tidak.

33
H. Membuat SK dan KD
1. Klik scene SK dan KD. Kemudian tambahkan layer ubah nama layer tersebut
menjadi background. Copy lah background yang terdapat di scene sebelumnya
lalu paste ke scene SK dan KD.

2. Ubahlah nama layer 1 di atas menjadi tulisan. Lalu pada layer tulisan ketiklah
SK dan KD yang diinginkan. Atau untuk lebih mudahnya bisa mengcopy dari
powerpoint yang telah dibuat sebelumnya lalu di salin ke adobe flash.

34
3. Tambahkan tombol home di sudut sebelah kiri dengan cara mengcopy tombol
home yang berada di scene tujuan.

4. Lalu klik scene SK dan KD. Pada background klik kanan kemudian klik paste
inplace.

Maka tombol home akan berada di posisi yang sama dan tidak perlu
melakukan pemograman lagi.

35
36
I. Membuat materi
1. Klik scene materi. Tambahkan layer baru dan ubah nama layer tersebut
menjadi background. Drag layer background tersebut ke bawah. Jika selesai
copy background yang terdapat di scene sebelumnya lalu salin background
tersebut di scene materi.

2. Pada layer 1 klik 2x dan ketiklah judul. Setelah itu salinlah judul materi yang
terdapat pada power poin.

Untuk tombol home bisa disalin dari scene tujuan ataupun scene SK dan KD.

37
3. Untuk menambahkan materi langsung klik dan blok frame kedua pada layer
tulisan dan layar background.

Lalu klik kanan kemudian pilih insert keyframe.

4. Hapuslah tulisan yang terdapat pada frame kedua tersebut dan lanjutkan
menulis materi pembelajaran yang ingin dibuat.

38
5. Jika ingin menambahkan materi lagi maka lakukan hal yang sama pada
langkah point c di atas.
6. Jika telah selesai copy lah tombol home yang telah dibuat di scene tujuan
kemudian klik scene materi lalu klik frame background setelah itu klik kanan
dan klik paste inplace. Pastikan setiap frame terdapat tombol home.

7. Klik frame pertama setelah itu ambil gambar next dengan cara klik file >
import > import stage. Pilihlah gambar next lalu klik open. Aturlah gambar
tersebut di sudut sebelah kanan.

39
8. ubah gambar next tersebut menjadi tombol dengan cara klik kanan pada
gambar tersebut lalu pilih convert to symbol. Buatlah nama tbl_next, pilihlah
type button lalu klik ok.

9. setelah menjadi tombol, pada tombol next tersebut klik kanan kemudian pilih
actions. Lalu klik tanda + kemudian pilih Global Function > Movie Clip
Control > on. setelah itu klik release 2x.

40
10. geser kursor ke tanda kurung kurawal. Kemudian klik tanda + lalu pilih Global
Function > Timeline Control > Next Frame.

Pemograman tombol next yang telah dibuat dapat dilihat pada gambar di
bawah.

Setelah itu langsung di close kan saja

.
11. klik kanan pada tombol next kemudian pilih copy.

41
12. Klik frame kedua.

Kemudian klik kanan lalu pilih paste inplace. Pastikan kursor tidak terdapat di
dalam stage ketika mempaste. Ulangi langkah ini sampe ke semua frame
kecuali frame terakhir. Karena Frame terakhir tidak diperlukan tombol next.

13. Langkah selanjutnya adalah membuat tombol previous. Klik frame kedua
karena frame pertama tidak memerlukan tombol previous. Setelah itu ambil
gambar previous seperti pada langkah 7.
14. Setelah itu letakkan gambar previous di sudut bawah sebelah kiri.

42
15. Aktifkan tombol previous tersebut seperti yang dilakukan pada langkah 8
sampai dengan 10. Kemudian pada pemograman ubahlah next Frame menjadi
prev frame. seperti pada gambar di bawah.

16. Salinlah tombol previous yang telah di buat ke frame berikutnya sampai ke
frame terakhir. Pastikan ketika menyalin selalu mengklik paste inplace agar
tombol yang disalin langsung terletak sama persis di posisi awal dan pastikan
kursor terletak di luar stage.

43
J. Membuat Evaluasi
1. Klik scene Evaluasi kemudian tambahkan layer. Ubah nama layer tersebut
menjadi background lalu drag ke bawah layer tulisan. Pada layer background
copy lah background di scene sebelumnya.

2. Pada layer tulisan ketiklah petunjuk pengerjaan soal dan buat gambar tombol
mulai.

44
3. Ubahlah gambar tombol mulai tersebut menjadi tombol yang sesungguhnya
dengan cara klik kanan pada gambar tersebut lalu pilih convert to symbol.
Maka akan muncul tampilan di bawah. Lalu beri nama tbl_mulai, pilih type
button lalu klik ok.

4. jika telah selesai klik kanan pada tombol mulai lalu pilih actions untuk
mengaktifkan tombol tersebut. Klik tanda + lalu pilih Global Functions >
Movie Clip Control > on.

setelah itu klik release 2x.

45
5. Geser kursor ke tanda kurung kurawal di sebelah kanan lalu klik Global
Functions > Timeline Control > next Frame.

Jika telah selesai langsung ditutup saja tampilan di atas.

6. Pada pembuatan soal, setiap satu frame hanya terdiri dari satu soal. Klik layer
tulisan, kemudian klik frame kedua dan blok sampai ke bawah. Setelah itu
klik kanan kemudian pilih insert keyframe.

7. Hapus tulisan yang terdapat pada frame kedua lalu ketiklah soal yang ingin
dibuat. Untuk pilihan A, B, C, D dan E kotak teksnya harus terpisah dari
kotak teks soal karena pilihan tersebut akan dibuat simbol nanti.

46
8. Pada pilihan a klik kanan kemudian pilih convert to symbol. Gantilah nama
nya menjadi tbl_a, type button setelah selesai lalu klik oke.

9. Lakukan cara yang sama pada pilihan b,c,d dan e.

10. Setelah semuanya diubah menjadi tombol. Klik kanan pada pilihan a lalu
pilih action. Klik tanda + kemudian pilih global function > movie clip control
> on.

47
 Tekan release 2x

11. Geser kursor ke tanda kurung kurawal di sebelah kanan. Kemudian klik tanda
+ lalu pilih global funtions > timeline control > nextframe.

48
12. Lakukan cara yang sama untuk tombol b,c,d dan e. Atau untuk lebih
mudahnya copylah pemograman yang telah di buat sebelumnya.

13. Setelah itu klik kanan pada tombol b. Lalu pilih action. Kemudian tekan
ctrl+v.

14. Lakukan cara yang sama untuk tombol c,d dan e.

49
15. Jika selesai blok frame ketiga, klik kanan kemudian pilih insert keyframe.
Hapuslah soal yang telah dibuat sebelumnya. Tombol a, b, c, d dan e tidak
perlu dihapus agar tidak perlu membuat pemograman lagi.

16. Lakukan langkah yang sama jika ingin menambahkan soal lagi.
17. Jika semua soal sudah buat tambahkan frame lagi kemudian ketiklah tulisan
lihat hasil seperti gambar di bawah dan buatlah satu gambar lihat hasil.

50
18. Kemudian ubahlah gambar lihat hasil tersebut menjadi tombol yang
sebenarnya dengan cara klik kanan pada gambar tersebut lalu pilih convert to
simbol. Gantilah namanya menjadi tbl_hasil, pastikan type button lalu klik
ok.

19. Setelah itu aktifkan tombol tersebut dengan cara klik kanan kemudian pilih
action. Setelah itu klik tanda + kemudian klik global functions > movie clip
control > on. setelah itu klik release 2x.
20. Geserkan kursor ke arah tanda kurung kurawal di sebelah kanan lalu pilih
tanda + kemudian pilih global functions > timeline control > nextframe.
21. Setelah itu tambahkan blok frame lagi, klik kanan pilih insert keyframe.
kemudian hapuslah tulisan sebelumnya. Lalu pada layer tulisan ketiklah
tulisan seperti gambar di bawah.

51
22. Setelah itu klik kanan pada frame kedua soal pertama lalu pilih actions.
Kemudian ketiklah rumus var nilai=0;

23. Setelah itu kembali ke frame terakhir. Aktifkan gambar tombol ulang dengan
cara klik kanan kemudian pilih convert to symbol lalu ubahlah namanya
menjadi tbl_ulang, pilih type button kemudian klik ok.

52
24. Kemudian copy lah tombol menu dari scene sebelumnya kemudian salin ke
scene evaluasi pada frame terakhir.

25. Langkah selanjutnya adalah klik teks tool kemudian buatlah kotak teks
dengan ukuran yang disesuaikan. Kemudian ubah jenis teks menjadi dynamic
text yang terdapat pada properties.

53
 Kemudian pada variabel ketiklah skor.

26. Selanjutnya klik text tool kemudian buat kotak teks lagi. Atur posisi sejajar
dengan kata benar. Setelah itu ubah variable menjadi benar.

54
27. Selanjutnya klik tex tool kemudian buatlah kotak teks dan sejajarkan dengan
tulisan salah. Pada variable ketiklah kata salah.

28. Pada frame terakhir di layer background klik kanan kemudian pilih actions.
Kemudian ketiklah rumus seperti gambar di bawah.

55
29. Pada tombol ulang klik kanan kemudian pilih actions. Klik tanda + Global
Functions > Movie Clip Control > on. Setelah itu klik release 2x. Geser
kursor ke kanan di samping tanda kurung kurawal lalu klik tanda + kemudian
pilih Global Funtion > timeline control > gotoAndStop. Di dalam tanda
kurung ketiklah “evaluasi”,1. Sehingga rumusnya seperti di bawah ini.

30. Pada soal – soal masukan kunci jawaban di action tombol pilihan a,b,c,d dan
e. dengan cara klik kunci jawaban yang benar kemudian pilih actions. Pada
rumus tersebut tambahkan kata nilai ++.

56
31. Copy rumus yang telah dibuat tersebut kemudian paste-kan ke kunci jawaban
yang benar pada soal yang lain. Dengan cara klik kanan pilih actions lalu
salinlah rumus yang telah di copy sebelumnya. Lakukan sampai ke semua
soal.
32. Jika telah selesai klik ctrl+enter untuk mengecek apakah evaluasi yang telah
dibuat berhasil.

57
K. Membuat tombol keluar
1. Buatkah layer baru, ubah nama layer menjadi background. Kemudian
tambahkan background yang baru. Setelah itu pada layer tulisan buatlah
gambar kotak yes, no dan cencel.

2. Ubahlah gambar tombol yes, no dan cancel tersebut menjadi tombol yang
sesungguhnya. Dengan cara klik kanan pada tombol yes kemudian pilih
convert to symbol. Ubah namanya menjadi tbl_yes1.

Lakukan cara yang sama pada gambar tombol no dan yes.

58
3. Pada tombol yes klik kanan kemudian pilih actions. Klik tanda + lalu Klik
global functions > movie clip control > on.

Setelah itu klik release 2x.

4. Geserkan kursor ke samping tanda kurung kurawal sebelah kanan. Lalu klik
tanda + kemudian pilih global functions > timeline control > gotoAndPlay.

5. Setelah itu di dalam tanda kurung () ketiklah “ending”,1.

59
6. Pada tombol no lakukan cara yang sama seperti pada langkah nomor 3 dan 4.
Setelah itu di dalam tanda kurung ketiklah “loading”,1.

7. Pada tombol cencel lakukan cara yang sama seperti pada langkah nomor 3.
Lalu pindahkan kursor ke tanda kurung kurawal sebelah kanan. Lalu klik
tanda + kemudian pilih global functions > timeline control > gotoAndStop.

60
8. setelah itu di dalam tanda () ketiklah “menu”,1.

9. Klik ctrl+enter untuk mengecek apakah tombol keluar berhasil dibuat.

61
L. Membuat ending
1. Klik scene ending. Klik 2x pada layer 1 lalu ubah namanya menjadi
background. Setelah itu masukkan background baru dengan cara klik
file>import>import stage. Lalu pilih background yang diinginkan kemudian
klik open. Aturlah ukuran gambar sesuai ukuran stage.

2. Tambahkan layer dan ubah namanya menjadi kotak. klik rectangle tool
kemudian buatlah kotak persegi panjang.

62
3. Pada layer kotak di frame pertama klik kanan kemudian pilih insert motion
tween.

4. Setelah itu pada frame ke 105 klik kanan kemudian pilih insert keyframe >
all. setelah itu geserkan garis merah ke frame 105.

63
5. Klik transform, ubah titik yang berada di tengah kotak persegi panjang ke
sebelah kiri.

6. Setelah itu kecilkan persegi panjang tersebut ke arah kiri.

64
7. Tambahkan layer kemudian ubah namanya menjadi tulisan. Pindahkan garis
merah ke frame awal Setelah itu ketiklah tulisan terima kasih.

8. Pada layer background klik kanan pada frame 105 kemudian pilih insert
keyframe.

65
 Maka background akan muncul dari awal sampai akhir frame.

9. Di layer background pada frame 105 klik kanan kemudian pilih actions.

66
10. Klik tanda + pilih Global Functions > Browser/Network > fscommand.

di dalam tanda () ketiklah “quit”,true.

11. tekan ctrl+enter untuk mengetes proyek yang telah dibuat.

12. Jika semuanya sudah berhasil klik file > export > export movie

13. Ubah nama file sesuai yang diinginkan lalu klik save.
14. Selesai.

67