REFLEKSI MINGGU KE-7 PUBLISH SETTING

REFLEKSI MINGGU 7 - PUBLISH SETTING

Publish merupakan proses terakhir.Lihat paparan berikut:

Terdapat 8 jenis pilihan untuk paparan fail iaitu :

1. Flash - paparan .swf ( shockwave file)
2. HTML -paparan .html (hipertext markup language)
3. GIF image -paparan .gif (graphic interchange format)
4. JPEG  - paparan . jpeg (joint photographic expert group)
5. PNG - paparan . png  (portable network graphic)
6. Windows Projector  - paparan . exe ( executable file ciptaan Microsoft )
7. Macintosh Projector - paparan . app (abbreviation for application untuk
                                       Symbian OS, SkyOS, GNUstep & Mac OS X)
8.  Quicktime _paparan  .mov ( aplikasi multimedia yang dibangun oleh Apple Computer;
                                       boleh  diguna komputer  Apple Machintosh dan Windows
                                       bagi memapar  gambar,video dan sound.

REFLEKSI MINGGU KE - 7 - DROP DOWN DIALOG BOX - CREATING A MULTIPLE CHOICE QUESTION

Week 7 - Creating a Multiple Choice Question using Dialogue Box

                         Lihat Paparan  MCQ >>KLIK DI SINI
Minggu ini , kami diminta membina MCQ menggunakan kotak dialog berbentuk  drop down  dengan menggunakan 4 pilihan jawapan.
Soalan yang bakal dibina pula berkaitan penyanyi kegemaran saya sejak remaja iaitu Michael Jackson.
Ikuti langkah pembinaan MCQ tersebut:


Step:
1. Create new file
2.Di properties,pilih warna background (pilihan saya ungu) saiz 550 pixel X 400 pixel , frame rate 12 frame per saat .
3.Memandangkan soalan berkisar  Michael Jackson,saya memasukkan 4  latar kulit album Michael Jackson yang dijadikan pilihan jawapan iaitu Triller, Bad,Billie Jean dan The way you make.
4. Masukkan  soalan MCQ iaitu " WHAT WAS MICHAEL'S FIRST SONG TO AIR ON MTV?"
5.Pilih Windows/Components, pilih ComboBox.Pilih komponen yang diminati dan  namakan sebagai "BOX" di properties panel
6. Tambah opsyen jawapan  dengan pilih Windows/Component Inspector/Klik Data dan seterusnya Kotak Dialog Value terpapar. Klik +  untuk menambah  4 pilihan jawapan.Gantikan defaultyValue
dengan pilihan jawapan Triller, Bad,Billie Jean dan The way you make.

7. Bina Butang dengan memilih Windows/Common Libraries/Buttons.Pilih butang dan tarik(drag) ke stage dan kemudian  ubah namanya kepada  SUBMIT .
8.Di frame 2, insert keyframe dan padam elements di frame

 Hasilnya nanti apabila kita klik jawapan yang salah, keluar dialog box Sorry, you are Wrong ( seperti
di atas) manakala, jika pilihannya betul , akan keluar paparan Congratulations !

9.Masukkan text box, pilih dinamic Text di Properties  dan seterusnya masukkan button di dialog box jawapan dan namakan BACK.
10. Pada BUTANG BACK,double klik, pilih Action, masukkan action script:

11. Setelah selesai semuanya ,Ctrll dan Enter untuk preview.
12.Setelah selesai PUBLISH      Lihat Paparan  MCQ >>KLIK DI SINI

p/s Thanks to Cikgu Min juga yang membantu apabila hilang punca menyiapkan lesson week 7 ini.
Selamat Pengantin Baru !!! 

REFLEKSI MINGGU KE-6 DRAG AND DROP ACTIVITY AND TEXT ENTRY QUESTION

Minggu 6 -1.  Drag and Drop activity

1. Minggu ini kami diminta membina interaksi grafik drag and  drop.
2. Bina 2 buah rectangle di sebelah kanan  dan convert ke movie clip.
    Pastikan masukkan  STOP di Action Script di frame 2
3.Lukis 1 garisan merah  di frame 2
4. Buka library dan drag movie clip ke response layer dan ubah namanya menjadi box1
5. Drag movie clip ke stage buat kali kedua di response layer juga dan ubah namanya menjadi box 2
6.Masukkan layer baru namakannya circle dan lukis circle dan kemudian convert kepada Graphic Symbol
7.Lukis rectangle pula  di layer yang sama dan convert kepada Graphic Symbol.
8.Klik Circle tadi dan masukkan action script berikut:

on (press) {
startDrag(this);
}
on (release) {
stopDrag();
if ((this._x>=302.9) & (this._x<=383.8) & (this._y>=80.0)& (this._y<=90.0)) {
_root.box1.gotoAndStop(2);
}else {
_root.box1.gotoAndStop(1);
this._x = 24.0;
this._y = 90.0;
}
}

(PASTIKAN KORDINAT di X dan Y tersebut berada di titik sebenar di stage )

9. Lukis pula butang NEXT

   Masukkan script berikut:

 on {release}{loadMovieNum("video.swf",0);

}

10 Save fale dan tekan Ctrll+ Enter untuk melihat hasilnya dan seterusnya publish

Sila lihat hasil DRAG N DROP tersebut .  Klik DI SINI

  2.  Minggu 6 -  REFLEKSI TEXT ENTRY QUETION

 

REFLEKSI MINGGU KE-5 ( Bahagian 2)- Developing Multiple Choice Questions

Minggu ke-5
 
Developing Multiple Choice Questions
Pada minggu ke-5 ini, selain pembinaan Bahan Interaktif Multimedia 
-The Farm, kami turut diajar  membina Soalan  berbentuk interaktif 
dengan penggunaan  teks, sound dan  PENGGUNAAN  MOUSE 
CLICK , MOUSE OVER DAN  MOUSE DRAG


Saya memilih pembinaan soalan Matematik mudah dengan 

penggunaan teks   dan bunyi  tepuk tangan apabila jawapan

yang diberikan betul. 

Step 1

     Untuk melihat paparan swf sila klik di sini >>>  MULTIPLE CHOICE .SWF

REFLEKSI MINGGU KE-5- MAKE A SIMPLE INTERACTIVE- The Farm

In this fifth week, we have to create a simple interactive environment using the button.
The  title is " CLICK AND LEARN FARM".

Each animal ( sheep, duck and chicken)  is a button. When the user rolls the mouse over the animal object, the name and the sound of the animal will be appear.

Step:
1. Import the background , animal pic,and sound file ( all in zip file ) of the farm from  "UTM MPT 1193 e-learning library"
2. Unzip and Save those of the things in the flash library.
3.Open new Flash File using action script 2.0
4.Import background object  to the flash stage
5.Import the picture ( sheep.jpg,duck.jpg and chicken.jpg ) to the stage.

Put into the different location
6. Fill the sound and text to each object.
7. Press Controll + Play to preview. CLICK HERE -The Farm swf video

REFLEKSI MINGGU 4 - Aktiviti 4 -CREATE 5 SCENE

Salam pertemuan.
Minggu keempat ini merupakan minggu paling mencabar
dengan tuntutan kerja pengurusan peperiksaan kebangsaan
PMR 2011 dan Latihan bagi Pelajaran Minggu Keempat.
.Namun demikian,segala halangan berjaya diatasi .

For this week, we have to create 5 scenes using  topic : LEARNING MATHEMATICS

Scene 1- Main menu
Scene 2 -Topic 1 - Addition
Scene 3-Topic 2 -Subtraction
Scene 4- Topic 3 - Multiplication
Scene 5-Ending-Summary Topic

Before i start to create the scene, I'm using Adobe Photoshop
to design background for each scene .

Step:
Create  1 new layer  and name it as  scene 1.It will be the  MAIN MENU
Create  4 layers more and name it follow the  scene below:
     Scene 2 -Topic 1 - Addition
     Scene 3-Topic 2 -Subtraction
     Scene 4- Topic 3 - Multiplication
     Scene 5-Ending-Summary Topic

Go to  Layer 1 ,insert  main menu design 
- Click  File/Import to stage Design Learning Mathematics

2.        Type  TOPIC 1 ADDITION

3.      Convert topic 1  kepada symbol – insert – new Symbol @ tekan F8

To ACTIVATE  ACTION  SCRIPT for  text  TOPIC 1 ,

type the coding as below:

on (release) {

            gotoAndPlay("Scene 2", 1);

}

2.    

3.    Do the same thing for TEXT BUTTON TOPIC 2,TOPIC 3 and  ENDING .

But, change the SCENE in the next coding.

REFLEKSI MINGGU 4 (ACTION SCRIPT - gotoAndPlay )

After learning how to stop the scene, we have to make the action script for the button

1. Add new layer above all the layer and name it as BUTTON
2. Click Windows/Common Libraries/Buttons/Choose Classic Buttons and Playback

3. Drag gelRight button to  the stage in layer button

4. Click the button on stage and right click to open action windows
5. Click Add (+) and click Global Functions/Movie Clip Control/on/release
6.Move the blinking cursor before { symbol  and click Add/Global Functions/Timeline Control/gotoAndPlay
7.In a bracket , name  the sce to jump  " Scene2

     on (release) gotoAndPlay('Scene2");

 

REFLEKSI MINGGU 4 (ACTION SCRIPT STOP)

REKLEKSI  WEEK 4 – ACTIVITY 3

ACTION SCRIPT – stop

In this activity, I try to stop the .fla movie file in Week 2

After activate scene 1, add new layer on the top of other layers and renamed it as action

Right click / Choose Actions

When the action script dialoge box appear, click Global Functions/Timeline Control/ and click  stop

REFLEKSI MINGGU KE-3-Bahagian 2- Making Traditional Animation

Making Traditional  Animation
- Bear Face Animation

In this part, we try to create the animation using traditional animation. We are using to
use timeline and create a series of  keyframes  where the bear's face changes  from
blank expression to smile.

Step
1.  Click layer 1 and frame frame 1 ,draw the bear face using several oval tool and
     and line.

2. Klik Frame 2, we can see the same picture. To create the animation, we have to
    change the image in frame 2.

3. Selecting the black arrow  tool and  draw smiling mouth ( U curve)

4. We can check out our short animation by clicking CONTROL/TEST MOVIE

REFLEKSI MINGGU KE-3 -Bahagian 1 -USING MOTION GUIDES

 MY FIRST FLASH

 THIS IS MY FLASH  >>>>>> klik here


 ----------------------------------------first upload...swf filw...................................................

THE ANTS NEST TUTORIAL

This week, we learn how to create a motion guide by designing our own ant's nest.

I choosed  dark brown as the background colour and white colour for ant's nest tunnel.

After fill up the colour of the background, i draw the tunnel using the eraser brush.

I make a new layer and draw an ant using circle and lines.I select the ant and 

convert to symbol  bychoosing MODIFY/CONVERT TO SYMBOL.

After named the layer as the ant, i select the centre square in the REGISTRATION option.

To created guide layer, i select the ant layer and CLICK GUIDE SYMBOL 

below the layer bar.

To guide the ant moving, i draw the line on the tunnel from the starting point

into the end.

To make sure the ant can move follow the line, i have to snap the ant to the 

guide.I pressed on the magnet .I had position  the ant at the starting point

and CLICK INSERT a KEYFRAME.

I positioned the ant  ending point   at frame 50 by clicking the frame and 

selecting INSERT/TIMELINE/KEYFRAME.

After ensure the ant SNAPS to the guide , i click on frame 50 of the ant 

layer  and drag the ant from strat to the end of the guide line.

To move the ant, i click frame 20 and select MOTION from TWEEN 

DROP DOWN.

To look the movement, press CTRL + PLAY