Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara...

13
Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 1 Langkah-Langkah Pengerjaan Membuat Multimedia Flash Aproksimasi Kesalahan Dalam multimedia yang saya buat, tampilan awal di awali dengan kata selamat datang dan materi pelajaran yang dibuat dengan menggunakan movie clip dan lighting. Kemudian untuk masuk ke halaman cover yang berisikan judul mata pelajaran, caranya dengan mengklik materi pelajaran. Dalam halaman cover ini juga disajikan tombol untuk langsung keluar dari multimedia. Dalam multimedia ini, pada menu utama terdapat 10 fungsi. Namun di sini yang akan dijelaskan cara pengerjaannya hanya satu halaman atau fungsi yaitu halaman materi saja. Berikut ini langkah-langkah pengerjaannya: 1. Buatkan background dengan latar warna biru 2. Untuk masuk ke menu utama, buatkan tombol terlebih dahulu dengan kata mulai pada halaman intro. Dengan perintah script : on (release) { gotoAndPlay("Scene 1", 147); } Kata mulai ada di pojok kanan bawah 3. Buatkan background dengan warna putih dengan menggunakan rectangle tool. Kemudian buatkan pula animasi masking untuk loadingnya. Setelah itu tuliskan kata LOADING

Transcript of Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara...

Page 1: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 1

Langkah-Langkah Pengerjaan Membuat Multimedia FlashAproksimasi Kesalahan

Dalam multimedia yang saya buat, tampilan awal di awali dengan kata selamat datang dan materipelajaran yang dibuat dengan menggunakan movie clip dan lighting. Kemudian untuk masuk kehalaman cover yang berisikan judul mata pelajaran, caranya dengan mengklik materi pelajaran.Dalam halaman cover ini juga disajikan tombol untuk langsung keluar dari multimedia.

Dalam multimedia ini, pada menu utama terdapat 10 fungsi. Namun di sini yang akan dijelaskan carapengerjaannya hanya satu halaman atau fungsi yaitu halaman materi saja.

Berikut ini langkah-langkah pengerjaannya:

1. Buatkan background dengan latar warna biru2. Untuk masuk ke menu utama, buatkan tombol terlebih dahulu dengan kata mulai pada

halaman intro. Dengan perintah script :on (release) {

gotoAndPlay("Scene 1", 147);}

Kata mulai ada di pojok kanan bawah3. Buatkan background dengan warna putih dengan menggunakan rectangle tool. Kemudian

buatkan pula animasi masking untuk loadingnya. Setelah itu tuliskan kata LOADING

Page 2: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 2

4. Setelah loading selesai, buatkan background yang bentuknya seperti di bawah ini.

Page 3: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 3

Kemudian buatkan pula isi dari tampilan menu itu dengan kata-kata berikut ini.

Keterangan gambar:;a. Buatkan kata menu utama dalam bentuk movie clip yang bergerak dari sebelah kananb. Buatkan pula kata aproksimasi kesalahan dalam bentuk movie clip yang bergerak dari

atas.c. Setelah itu, buatkan pula movie clip untuk SK /KD, Materi, Latihan Soal, Quis, Kreator.

Semua kata tersebut bergerak dari sebelah kanan dengan color alpha 3% ke sebelah kiridengan color alpha 100%

d. Kemudian buatkan pula 5 buah tombol, tombol tersebut dibuatkan dalam bentuk movieclip dari atas ke bawah sampai bertemu dengan movie clip untuk SK / KD, Materi, latihansoal, Quis dan kreator.Isi script untuk tombol SK / KD adalahon (release) {

gotoAndPlay("Scene 3", 1);}Isi script untuk tombol Materi adalahon (release) {

gotoAndPlay("Scene 4", 1);}Isi script untuk tombol Latihan Soal adalah

Page 4: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 4

on (release) {gotoAndPlay("Scene 5", 1);

}Isi script untuk tombol Quiz adalahon (release) {

loadMovieNum("Untitled-8.swf", 0);}Isi script untuk tombol kreator adalahon (release) {

gotoAndPlay("Scene 6", 1);}

e. Setelah itu buatkan pula movie clip untuk jenis alat ukur denan color alpha 3%, di manajenis bergerak dari kiri ke kanan, alat bergerak ditempatnya, dan ukur bergerak darikanan.

f. Buatkan pula movie clip dan tombolnya untuk jangka sorong, penggaris, micrometer,dan biosensor glukosa. Jangka sorong bergerak dari kiri, dilanjutkan dengan tombol,kemudian penggaris bergerak dari atas dilanjutkan dengan tombol, mikrometerbergerak dari bawah dilanjutkan dengan tombol, dan biosensor glukosa bergerak daribawah dilanjutkan dengan tombolnya.Isi script untuk jangka sorong adalahon (release) {

gotoAndPlay("Scene 2", 1);}Isi script untuk penggaris adalahon (release) {

gotoAndPlay("Scene 8", 1);}Isi script untuk mikrometer adalahon (release) {

gotoAndPlay("Scene 8", 1);}Isi script untuk Biosensor glukosa adalahon (release) {

gotoAndPlay("Scene 10", 1);}

5. Untuk selanjutnya akan difokuskan di satu halaman saja yaitu halaman materi.Sebagaimana di atas bahwa script untuk tombol materi adalah

on (release) {gotoAndPlay("Scene 4", 1);

}

Page 5: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 5

Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene,

Kemudian buatkan background seperti di bawah ini :

Page 6: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 6

Buatkan animasi masking dengan gambar pohon pinus denga perintahMunculkan gambar dengan cara buka file import import to stage

Kemudian insert layerBuatkan kotak yang sama besar dengan gambar, untuk mengubah kontras gambar,caranya buka properties color alpha 42%

Page 7: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 7

Kemudian kotak yang sudah dibuat, ubah kedalam movie klip sampai menutupgambar dengan gerak dari kiri ke kanan dari frame 3 sampai 10. Setelah itu blok padalayer yang berisikan kotak, klik kanan pilih mask

Page 8: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 8

Hasilnya akan muncul seperti ini

Kemudian buatkan pula movie clip untuk kata judul “materi” yang bergerak dari kiri kekanan, dari frame 2 sampai 6

Setelah itu insert layer untuk tombol next pada frame 15, 16, 17, 18, 19, 20, 21.Kemudian insert layer lagi dan buatkan kata-kata seperti di bawah ini :

Page 9: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 9

Script untuk masing-masing tombol next adalah sebagai berikut :on (release) {

gotoAndPlay("Scene 4", 16);}on (release) {

gotoAndPlay("Scene 4", 17);}on (release) {

gotoAndPlay("Scene 4", 18);}on (release) {

gotoAndPlay("Scene 4", 19);}on (release) {

gotoAndPlay("Scene 4", 20);}on (release) {

gotoAndPlay("Scene 4", 21);}on (release) {

gotoAndPlay("Scene 4", 22);}

Page 10: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 10

Insert layer kembali untuk membuat tombol previous dari frame 16 sampai 22.Setelah itu insert layer kembali untuk membuat isi materi selanjutnya pada frame 16.

Script untuk masing-masing tombol previous adalah sebagai berikut :on (release) {

gotoAndStop("Scene 4", 15);}on (release) {

gotoAndStop("Scene 4", 16);}on (release) {

gotoAndStop("Scene 4", 17);}on (release) {

gotoAndStop("Scene 4", 18);}on (release) {

gotoAndStop("Scene 4", 19);}on (release) {

gotoAndStop("Scene 4", 20);}on (release) {

gotoAndStop("Scene 4", 21);}Kemudian secara berturut-turut insert layer sebanyak 6 kali, pada masing-masing layerisikan materinya dengan frame 17, 18, 19, 20, 21, 22. Seperti gambar di bawah ini:

Page 11: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 11

Setelah itu insert layer untuk perintah stop pada frame 15 sampai 22.Dengan scriptStop () ;

Page 12: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 12

Kemudian untuk memasukkan musik pada halaman materi, insert layer kembali kemudiansimpan di paling bawah.

Untuk memasukkan lagu, carnya file import import to library , kemudian pilih musicyang anda suka.

Kemudian klik frame 1 pada layer musik itu, kemudian buka properties, pilih music padasound yang tersedia. Sehingga tampilannya akan seperti di bawah ini.

Page 13: Langkah-Langkah Pengerjaan Membuat Multimedia Flash ......Selanjutnya buat scene baru dengan cara membuka jendela insert kemudian klik scene, Kemudian buatkan background seperti di

Dedi Abdul Fattah_0606083_Aproksimasi Kesalahan 13

Untuk test movie, silahkan tekan ctrl + enterSelamat berjuang dan selamat mencoba