Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

CD Interaktif (Macrmomedia Flash)

No description
by

sitinorsiah ahmad

on 30 May 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of CD Interaktif (Macrmomedia Flash)

CD INTERAKTIF
(FLASH) Pengenalan PEMBANGUNAN
MENU UTAMA Bahagian II
:Biodata Pembangun CD Interaktif
(biodata.swf ) Bahagian I
: bahan.swf Bahagian I
: Halaman FAQ (faq.swf) Bahagian 1
: Halaman Video Pembelajaran
video.swf Bahagian II
:Penilaian Kuiz (kuiz.swf) Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Sebelum memulakan kerja, buat satu folder pada pemacu cakera keras (hard disk drive) / desktop
Namakan folder sebagai CD Interaktif.
Anda perlu menyimpan semua fail kerja yang dibuat selepas ini ke dalam folder tersebut. Perancangan Menghasilkan CD Pembelajaran Interaktif Fail yang dihasilkan dalam Macromedia adalah berbentuk .fla
Proses ‘Publish’ daripada fail .fla akan menghasilkan fail jenis .swf atau html sebagai hasil akhir.
Setiap fail.fla perlu ‘publish’ supaya kita dapat menghubungkan antara fail.
Dalam projek CD Interaktif yang kita akan jalankan, hasil akhir yang akan diguna adalah .swf Penting Menghasilkan CD Pembelajaran Interaktif Macromedia Flash digunakan untuk menghasilkan produk-produk multimedia seperti berikut:
-Multimedia Presentation
-Website
- Games dan Animasi Pengenalan






BAHAGIAN 2








BAHAGIAN 1 Menghasilkan CD Pembelajaran Interaktif Struktur CD Interaktif TIME LINE Menghasilkan CD Pembelajaran Interaktif Persekitaran Macromedia Flash T
O
O
L
B
O
x PANELS Shape tool Text tool Menghasilkan CD Pembelajaran Interaktif Alat-alat yang akan digunakan dalam
Projek CD-Interaktif Color pallete Transform/Resize Move tool Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Penetapan Publish Setting
File> Publish Setting Menghasilkan CD Pembelajaran Interaktif Menambah Actions/Kelakuan pada button:
Tampilkan Panel Behaviors Menghasilkan CD Pembelajaran Interaktif Tukar gambar kepada simbol Menghasilkan CD Pembelajaran Interaktif Masukkan gambar ke dalam stage Menghasilkan CD Pembelajaran Interaktif Tetapkan luas skrin Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Pertama sekali, anda perlu menetapkan setting publish. Dalam projek CD- Interaktif ini, kita hanya akan menggunakan jenis fail swf. Uji Halaman menu > Publish Menghasilkan CD Pembelajaran Interaktif Skrip dibawah digunakan untuk menjadikan skrin penuh> Tambah pada Actions – Frame 1 Tambah behaviors button berikut Menghasilkan CD Pembelajaran Interaktif Latihan Menghasilkan CD Pembelajaran Interaktif URL: bahan.swf Menghasilkan CD Pembelajaran Interaktif Pilih btnBahan> + Behaviors Menghasilkan CD Pembelajaran Interaktif Tukarkan gambar berikut kepada simbol button Latihan Menghasilkan CD Pembelajaran Interaktif Behavior: Button Menghasilkan CD Pembelajaran Interaktif Arrange and resize button Menghasilkan CD Pembelajaran Interaktif Pilih gambar untuk button Menghasilkan CD Pembelajaran Interaktif Pilih gambar background > resize luas gambar sama dengan luas stage Menghasilkan CD Pembelajaran Interaktif File> Save as> menu Menghasilkan CD Pembelajaran Interaktif Pilih > Flash Document Menghasilkan CD Pembelajaran Interaktif Buat fail baru
File > New Menghasilkan CD Pembelajaran Interaktif Selayang pandang…Menu Utama yang akan dihasilkan Menghasilkan CD Pembelajaran Interaktif { menu.swf } PEMBANGUNAN
MENU UTAMA Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah menu.swf Publish Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Penetapan movie clip NikonD4.fla Menghasilkan CD Pembelajaran Interaktif Menampilkan Panel Behaviors Menghasilkan CD Pembelajaran Interaktif Ulang langkah yang sama untuk menghasilkan movie clip isi teks bagi:
Nikon D3100
> Simpan/Save as sebagai NikonD3100
>publish NikonD3100.swf

Nikon D800
> Simpan/Save as sebagai NikonD800
>publish NikonD800.swf

Nikon Coolpix
>Simpan/Save as sebagai NikonCoolpix
>publish NikonCoolpix.swf Latihan Menghasilkan CD Pembelajaran Interaktif Salin dan tampal isi teks yang telah diberikan pada stage dokumen Menghasilkan CD Pembelajaran Interaktif Muat masuk movie clip dari luar dokumen Menghasilkan CD Pembelajaran Interaktif Menghubungkan butang dengan fail movie clip isi teks > buka fail bahan.fla Menghasilkan CD Pembelajaran Interaktif Simpan fail sebagai NikonD4.fla Menghasilkan CD Pembelajaran Interaktif Ulang langkah yang sama untuk menghubungkan butang dan fail swf nya: Latihan Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah NikonD4.swf Publish Menghasilkan CD Pembelajaran Interaktif Muat masuk movie clip dari luar dokumen Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Simpan fail sebagai NikonD4.fla Menghasilkan CD Pembelajaran Interaktif Penetapan saiz dokumen Menghasilkan CD Pembelajaran Interaktif Menukar imej kepada simbol butang Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Gunakan properties untuk ubah warna rectangular kepada lutsinar Menghasilkan CD Pembelajaran Interaktif Menghasilkan kawasan untuk paparan isi teks Menghasilkan CD Pembelajaran Interaktif Ubahsuai nama simbol butang asal Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Penetapan movie clip NikonD4.fla Menghasilkan CD Pembelajaran Interaktif Menampilkan Panel Behaviors Menghasilkan CD Pembelajaran Interaktif Menghubungkan butang dengan fail movie clip isi teks > buka fail bahan.fla Menghasilkan CD Pembelajaran Interaktif Ulang langkah yang sama untuk menghasilkan movie clip isi teks bagi:
Nikon D3100
> Simpan/Save as sebagai NikonD3100
>publish NikonD3100.swf

Nikon D800
> Simpan/Save as sebagai NikonD800
>publish NikonD800.swf

Nikon Coolpix
>Simpan/Save as sebagai NikonCoolpix
>publish NikonCoolpix.swf Latihan Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah NikonD4.swf Publish Menghasilkan CD Pembelajaran Interaktif Salin dan tampal isi teks yang telah diberikan pada stage dokumen Menghasilkan CD Pembelajaran Interaktif File> New> Flash document Menghasilkan Isi teks Movie clip Menghasilkan CD Pembelajaran Interaktif on (press, release)
{
fscommand("quit");
} Script Keluar Menghasilkan CD Pembelajaran Interaktif Penetapan butang Menu Menghasilkan CD Pembelajaran Interaktif Tambah butang “Menu” dan “Keluar” Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Buat segiempat seperti di bawah, klik kanan>conver to symbol Menghasilkan CD Pembelajaran Interaktif Ulang langkah yang sama untuk menghasilkan butang bagi:

Nikon D3100

Nikon Coolpix Latihan Menghasilkan CD Pembelajaran Interaktif Ubah teks pada butang asal Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Tambah keyframe pada kolum Down lapisan layar Menghasilkan CD Pembelajaran Interaktif Membuat bentuk segiempat butang pada lapisan latar Menghasilkan CD Pembelajaran Interaktif Menaip teks pada lapisan Teks Menghasilkan CD Pembelajaran Interaktif Menamakan Lapisan Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Memberi nama simbol Menghasilkan CD Pembelajaran Interaktif Menghasilkan Butang/Tombol Menghasilkan CD Pembelajaran Interaktif Halaman Bahan Pembelajaran (Bahan P&P)
{bahan.swf}
(B) Halaman FAQ
{faq.swf}
(C) Halaman Video Pembelajaran
{video.swf} Bahagian I
PEMBANGUNAN Menghasilkan CD Pembelajaran Interaktif Ulang langkah yang sama untuk menghubungkan butang dan fail swf nya: Latihan Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Import to Stage
Pilih gambar
Klik kanan>Convert to symbol>button Cara ke 2: Menghasilkan butang Menghasilkan CD Pembelajaran Interaktif Selesai rename, tambah butang Nikon D800 ke stage seperti langkah sebelum ini Menghasilkan CD Pembelajaran Interaktif Gandakan/ Duplicate Butang yang sedia ada dalam library Menghasilkan CD Pembelajaran Interaktif Menambah keyframe untuk tukar warna bentuk latar butang Menghasilkan CD Pembelajaran Interaktif Tambah frame pda kolum Down lapisan teks Menghasilkan CD Pembelajaran Interaktif Tambah Layer 2 pada butang NikonD4 Menghasilkan CD Pembelajaran Interaktif Menghasilkan Tajuk Menghasilkan CD Pembelajaran Interaktif Penetapan saiz dan warna latar dokumen Menghasilkan CD Pembelajaran Interaktif File> New>Flash document
Save as...> bahan.fla Membuat dokumen bahan.fla Menghasilkan CD Pembelajaran Interaktif
{ bahan.swf} (A)
Pembangunan Halaman Bahan Pembelajaran (Bahan P&P) Menghasilkan CD Pembelajaran Interaktif Tambah butang dari library ke stage Menghasilkan CD Pembelajaran Interaktif Paste dengan soalan 1 Menghasilkan CD Pembelajaran Interaktif Buka semula fail NikonD4.fla
File> Save as..> soalan1.fla Menghasilkan CD Pembelajaran Interaktif Daripada fail NikonD4.fla save as…dan ulangi langkah yang sama untuk menghasilkan soalan1.swf
soalan2.fla >publish soalan2.swf
soalan3.fla >publish soalan3.swf
soalan4.fla >publish soalan3.swf Latihtubi Menghasilkan CD Pembelajaran Interaktif Buang semua…paste dengan soalan baru Menghasilkan CD Pembelajaran Interaktif Buka semula fail bahan.fla
File> Save as..> faq.fla
............................................................... Menghasilkan Stage FAQ Menghasilkan CD Pembelajaran Interaktif { faq.swf } (B)
Pembangunan FAQ Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah faq.swf Publish Menghasilkan CD Pembelajaran Interaktif Tukar behaviors pada butang berikut: Latihtubi Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah soalan1.swf Publish Tukar nama fail Double click Menghasilkan CD Pembelajaran Interaktif Buka faq.fla
Hubungkan butang dan fail swfnya dengan menukar behaviors pada butang Menghasilkan CD Pembelajaran Interaktif Rename semua butang seperti berikut faq.fla Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Ubah behaviours btnStop Menghasilkan CD Pembelajaran Interaktif Ubah behaviours btnPlay Menghasilkan CD Pembelajaran Interaktif Instance name> vid_NikonD800 Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Kita telah menghasilkan video pembelajaran bagi kamera NikonD4.
Seterusnya kita akan menghasilkan video pembelajaran bagi kamera NikonD800, NikonD3100 dan NikonCoolpix
Bagi memudahkan kerja, kita kan menggunakan semula fail NikonD4_vid.fla kemudian save as… Sambungan.. Menghasilkan CD Pembelajaran Interaktif Pada Layer 1 tambah action script> stop(); Menghasilkan CD Pembelajaran Interaktif Buka semula fail NikonD4.fla
File> Save as..> NikonD4_vid.fla
............................................................... Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Ubahsuai seperti paparan dibawah: Menghasilkan CD Pembelajaran Interaktif Buka semula fail bahan.fla
File> Save as..> video.fla
............................................................... Menghasilkan Stage untuk video klip Menghasilkan CD Pembelajaran Interaktif Ubah behaviours btnPause Menghasilkan CD Pembelajaran Interaktif Hapuskan fail video_NikonD4.flv Menghasilkan CD Pembelajaran Interaktif Buka semula fail NikonD4_vid.fla
File> Save as..> NikonD800_vid.fla Menghasilkan NikonD800_vid.fla Menghasilkan CD Pembelajaran Interaktif Menambah butang play,pause dan stop pada video Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah video.swf Publish Menghasilkan CD Pembelajaran Interaktif { video.swf } (C)
Pembangunan Halaman Klip Video Menghasilkan CD Pembelajaran Interaktif Hasilkan fail NikonD3100_vid.fla dan NikonCoolPix_vid.fla Latihtubi Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah NikonD800.swf Publish Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah NikonD4_vid.swf Publish Menghasilkan CD Pembelajaran Interaktif Pilih klip video daripada storan dan resize mengikut kesesuaian Menghasilkan CD Pembelajaran Interaktif Tukar behaviors pada butang: Latihtubi 3 2
Doble click 1 Menghasilkan CD Pembelajaran Interaktif Ubah behaviours butang NikonD4 3 2 1 Menghasilkan CD Pembelajaran Interaktif Import>btnPause> Convert to Symbol
Add behaviours>Embedded Video>Pause 3 2 1 Menghasilkan CD Pembelajaran Interaktif Import>btnPlay> Convert to Symbol
Add behaviours>Embedded Video>Play 3 2 1 Menghasilkan CD Pembelajaran Interaktif Import>button_stop
Add behaviours>Embedded Video>Stop Menghasilkan CD Pembelajaran Interaktif Fungsi masa dan pengiraan kuiz Menghasilkan CD Pembelajaran Interaktif (D) Penilaian (Kuiz)
{ kuiz.swf }
(E) Biodata Pembangun CD Interaktif
{ biodata.swf } Bahagian II
Pembangunan Menghasilkan CD Pembelajaran Interaktif Insert Keyframe pada Actions frame-2 Menghasilkan CD Pembelajaran Interaktif Penetapan Input Text Menghasilkan CD Pembelajaran Interaktif Ubahsuai soalan 2-10 berdasarkan lampiran set_soalan yang diberi. Lakukan perkara yang sama pada soalan 2-10 Menghasilkan CD Pembelajaran Interaktif Contoh soalan 1 Menghasilkan CD Pembelajaran Interaktif Hasilnya Menghasilkan CD Pembelajaran Interaktif Copy frame-10 Menghasilkan CD Pembelajaran Interaktif assets Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Klik layer Interactions frame 10, pilih objek Multiple Choice Interactions, klik kanan pilih Break Apart. Menghasilkan CD Pembelajaran Interaktif Klik objek Quiz Option di sebelah kiri stage, pada panel properties klik Launch
Component Inspector Menghasilkan CD Pembelajaran Interaktif Berapa soalan yang akan kita buat? Contohnya 10 soalan, kita harus menambahkan 4 frame pada setiap layer di antara frame pertama dan terakhir. Klik kiri layer Actions frame 2, tekan tombol Shift, tahan, klik kiri layer Background frame 5 sampai timeline berwarna hitam seperti gambar 23. Klik kanan, pilih>Insert Frame. Menghasilkan CD Pembelajaran Interaktif Ada 6 model soalan di sini,
Iaitu frame 2
Hingga frame 7, tetapi
kita hanya akan menggunakan
model pada frame 6. Kita
akan membuang model
lain. Klik kanan layer
Interactions frame 2, pilih
Clear Keyframe. Lakukan
Perkara yang sama untuk
frame 3,4,5 dan 7. Ingat,
Pastikan anda bekerja
pada layer Interactions. Menghasilkan CD Pembelajaran Interaktif Pilih menu File > New. Pilih tab Template > Quiz > Quiz_style1 Menghasilkan CD Pembelajaran Interaktif Kita hanya akan membuat model penilaian/kuiz menggunakan template sedia ada dalam Flash. Menghasilkan CD Pembelajaran Interaktif { kuiz.swf } (D)
Pembangunan Halaman Penilaian (Kuiz) Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah kuiz.swf Publish Stop();
hasil=nama+", inilah hasil kuiz anda."; Menghasilkan CD Pembelajaran Interaktif Pada Actions frame-12
Salin kod yang diberikan pada action pane Menghasilkan CD Pembelajaran Interaktif Pada Actions frame-12
Insert Keyframe Menghasilkan CD Pembelajaran Interaktif Pada Interaction frame-12
Ubahsuai semua perkataan bahasa inggeris kepada bahasa melayu Menghasilkan CD Pembelajaran Interaktif Pada Interaction frame-12
Ubahsuai perkataan “Quiz Result” kepada Dynamic text mengikut langkah berikut: Menghasilkan CD Pembelajaran Interaktif Pada Interaction frame-12
Tambah Tool text dan ubah sebagai dynamic text mengikut langkah dibawah pada frame-12 Menghasilkan CD Pembelajaran Interaktif stop();
mula=getTimer();
var TOTALTIME=1800;
function checkTimer(){
var tmp_num=getTimer();
tmp_num=(tmp_num - mula)/150;
display_timer= TOTALTIME-Math.ceil(tmp_num);
return display_timer;
}
_root.onEnterFrame=function(){
baki=checkTimer();
if(baki >= 0) {
nama_masa=baki;
nama_masa=nama+", masa anda tinggal "+nama_masa+" saat lagi.";
}
if(baki == 0) {
gotoAndStop("Results Page");
pesan="masa tamat";
}
} Salin kod di bawah pada panel Actions Menghasilkan CD Pembelajaran Interaktif Tambah Tool text dan tukar kepada Dynamic Text, buat penetapan seperti berikut Menghasilkan CD Pembelajaran Interaktif Insert Keyframe pada Title frame-2 Menghasilkan CD Pembelajaran Interaktif Paste kepada frame 2-9 Menghasilkan CD Pembelajaran Interaktif option Menghasilkan CD Pembelajaran Interaktif start Menghasilkan CD Pembelajaran Interaktif Setelah menekan butang Launch Component Inspector, panel Component Inspector akan muncul.
Kita akan mengubahsuai template asal kuiz dengan menggunakan component inspector. Pada Quiz Options terdapat beberapa opsyen.
Randomize digunakan jika soalan ingin dikeluarkan secara rawak.

Opsyen Question to Ask menunjukkan jumlah pertanyaan yang harus dijawab. Walaupun kita membuat 10 soalan, jika isi nilai 5, Hanya 5 solan sahaja kan muncul. Component Inspector Menghasilkan CD Pembelajaran Interaktif Component Inspector Menghasilkan CD Pembelajaran Interaktif Atur tampilan menjadi Show All. Simpan file dengan nama kuiz.fla. Menghasilkan CD Pembelajaran Interaktif Ubahsuai Tajuk pada Title frame-1 F-12 F-12 Menghasilkan CD Pembelajaran Interaktif Buang tajuk dan dynamic teks pada Title frame-12 mengikut langkah berikut ❷ Pilih text tool, masukkan satu input teks di bawah teks yang telah diubahsuai ❶ Ubahsuai perkataan seperti berikut: Menghasilkan CD Pembelajaran Interaktif ❸ ❷ ❶ Menghasilkan CD Pembelajaran Interaktif Buat perubahan pada setiap soalan 1-10 mengikut langkah di bawah. Pastikan anda bekerja dilapisan Interactions var fotoSaya:MovieClip=attachMovie("foto","foto",1);
fotoSaya._x=1024;
fotoSaya._y=(768-250)/2;
fotoSaya._alpha=0;
onEnterFrame= function(){
fotoSaya._x=fotoSaya._x-10;
fotoSaya._alpha=fotoSaya._alpha+1;
fotoSaya._y=fotoSaya._y;
if (fotoSaya._x<=50){
fotoSaya._x=50;
}
if (fotoSaya._alpha>=100){
fotoSaya._alpha=100;
}
} Menghasilkan CD Pembelajaran Interaktif action script frame 1 Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif { biodata.swf } (E)
Pembangunan Halaman Biodata Pembangun CD Interaktif Menghasilkan CD Pembelajaran Interaktif Pada Scene 1> Taip biodata anda Menghasilkan CD Pembelajaran Interaktif Kembali kepada scene 1.
Kemudian pada frame 1> tambah action script Menghasilkan CD Pembelajaran Interaktif Menghasilkan CD Pembelajaran Interaktif Ubahsuai seperti dibawah Menghasilkan CD Pembelajaran Interaktif Buka semula fail bahan.fla
Save as…biodata.fla Menghasilkan CD Pembelajaran Interaktif 
Thank you Practice Make Perfect Menghasilkan CD Pembelajaran Interaktif File > Publish
Fail anda yang akan terhasil dalam folder CD- Interaktif ialah biodata.swf Publish Pensyarah oleh:
1. Nor hasimah Abd Rahman
2. Siti Norsiah Ahmad
Full transcript