Assignment 1 : Behind The Scene

Title: Moving Around

Description:

Moving around is about the transportations. Kids will learn about the transportations which it can be on the air, land and water.

Scene:  

Scene 1 :	Montage Courseware
Scene 2 :	Main Menu
Scene 3 :	Lesson 1 - Air
Scene 4 :	Lesson 2 - Water
Scene 5 :	Lesson 3 - Land
Scene 6 - 11 :	Text Entry Question
Scene 12 - 17 :	Multiple Choice Question
Scene 18 - 19 :	Drag & Drop Game
Scene 20 :	Movie Reward
Scene 21:	Ending

Group Discussion (29/10/2011)

      à Discussion with my group members at Computer Lab,FSKSM.

      à Discussion about what topic or lesson needs to develop for courseware

      à Divide a task to each group members

Person In Charge	Task
Norashikhin	Montage + Main Menu + Frame by Frame (Ending)
Cik ku Rohaya	Integrated Picture + Sound for Lesson
Farhana	Text Entry + Multiple Choice Question
Norzie	Drag & Drop Game + LoadMovie

 Part1: Introduction of Courseware

Montage: 
To introduce about courseware (developed mainly by me)

     1)      Insert background:

     a)      Import to library the image to make a background as a movie clip.

     b)      Convert to movie clip – make a motion tween

     2)      Create three rectangle:

     a)      Select the color for three rectangle – Yellow/Light Blue/Red

     b)      Convert to movie clip – make a motion tween move to the everywhere that suitable for movement

    3)      Insert transport image:

     a)      Import to library seven transport pictures to make a movie clip

     b)      Create a circle to make sure that picture is rounded  around the circle smoothly. Insert keyframe for each picture to make a motion tween.

4)      Insert stop actionscript at a new layer.

        (1)    = movie clip for every transport

        (2)    = movie clip for three rectangles

        (3)    = insert sound for montage

Intro: Type your name here

      1)      Create a input text to type a user name.

      2)      Properties – Var (nama) – add this actionscript

      var nama;

      nama=""

      stop();

      3)      Create an enter button to link to next scene.

      4)      User needs to enter her/his name before proceed to next scene.

 

      (1)    =  variable name : nama

      (2)    =  using a input text

   

      Part 2: Main Menu

      Menu: Content

      1)      Create 7 buttons to link to other scene.

      2)      Each button has a description and sound.

     3)      Lesson 1 Button: Air – link to lesson about air transport.

     4)      Lesson 2 Button: Water – link to lesson about water transport.

     5)      Lesson 3 Button: Land – link to lesson about land transport.

     6)      Text Entry Question Button - link to text entry questions.

     7)      Multiple Choice Button - link to multiple choice questions.

     8)      Drag & Drop Button - link to drag & drop game and reward movie.

     9)      Exit Button: go to ending part

     

     Part 3: Lesson 1 – 3

    Lesson 1: Air / Lesson 2: Water  / Lesson 3: Land 

    1)      Import the transport picture that assign as an air transport such as airplane, helicopter, balloon, boat, ship, truck, car, bus and bicycle.

    2)      Convert to button symbol – insert sound for every transport (each transport have their own sound)

          

        Click here for more details.

    Part 4: Text Entry Question

    Text Entry Question:

     1)      It is about the name of transportation.

     2)      It has 5 questions to answer. Kids need to type the name of transportation. You can refer the name from the lesson 1 – 3.

     3)      If the answer is correct, it will appear after you click the button behind your answer.

         Click here for more details.

    Part 5: Multiple Choice Question

    Multiple Choice Questions:

    1)      The question is about rearrange the jumbled letters that are given.

    2)      You need to know about the picture and click the multiple choice answer.

    3)      If the answer is correct, it will appear a correct sound and if the answer is wrong, the buzz sound will  warning you that the answer is incorrect. You can try again.

         Click here for more details.

    Part 6: Drag and Drop Game

    Drag and Drop Game

    1)      This game is requires the user to drag and drop the transport into the right place.

    2)      Each of transport has their own coordinate.

          on (press) {

          startDrag(this);}         

          on (release) {

          stopDrag();

          if ((this._x>=54.0) & (this._x<=366.1) & (this._y>=192.4)& (this._y<=262.1)) {

          _root.box1.gotoAndStop(2);

          }else {

          _root.box1.gotoAndStop(3);

          this._x = 352.8;

          this._y = 325.4

         }}       

        Click here for more details.

    Part 7: Reward

    LoadMovie:

    1)      Reward movie for the user that completed drag and drop game.

    2)      The movie is about the traffic warning. It is very funny and you can learn something from that movie.

           Enjoy it!!

          Click here for more details.

  

    Part 8: Ending

    

    Frame to Frame Ending:

    1)      Background:

a)      Create a tree and grass – choose a green gradient color

b)      Create a sky and cloud – choose a blue gradient color

c)       Create a sun – choose a yellow gradient color

    2)      Car:

a)      Draw a body car/lamp/ – convert to movie clip symbol – fill the color

b)      Draw a tires – convert to movie clip symbol – make as frame by frame

    3)      Motorcycle:

a)      Trace an image and draw a motorcycle

b)      Convert to movie clip symbol  - make as frame by frame

    4)      Cartoon body:

a)       Trace an image and draw as a cartoon body

b)      Convert to movie clip symbol – make as frame by frame

    5)      Play again button:

a)      Import image to library – convert to button symbol – add actionscript

on (release) {gotoAndPlay("Intro", 1);}

    Problem Faced:

    I am also try to enter a pop up message but it very difficult to me to find how. But I were try to insert this actionscript :

                on (release) {

                if (nama == "")

                {

                getURL("javascript:alert('Please Enter a Name to Continue.Thank You')");

                 } else {

                gotoAndPlay("Menu", 1);

                }

                }   

    1) The problem is when a user does not enter her/his name and click enter button, Adobe Flash Player Security will appear and ask a user to setting the pop up message.

    2) After uploaded it into the site google, this function cannot run and were stuck at name scene and user needs to insert her/his name.

    There are several steps how to set up a pop up message (if you have an original file only not for website):

      i.      Control Panel – Address bar (Select All Control Panels Item)

     ii.      Flash Player – Advanced – Trusted Location Setting – Add .swf file – Confirm - Close

    This is a screen for pop up message if a user does not enter her/his name.

    

    3) Need to explore more about pop up message and how to make a pop up using pop up window not URL.

    4) Need some revision and reading about actionscript and how to implement it.

     

    p/s: If anyone have a website or know how to create a pop up message,please tell me.TQ.