Wednesday, 30 November 2011

ASP vs PHP


Apabila membina laman web, ASP dan PHP adalah dua bahasa pengaturcaraan web yang popular. ASP kini telah menemui jalan penghujungnya dan tidak diteruskan lagi. Ia telah digantikan dengan ASP.Net yang merupakan satu penyimpangan yang jauh dari bahasa asalnya ASP.

Apakah ASP ??
Active Server Pages atau ASP merupakan suatu script yang bersifat server-side yang ditambahkan pada HTML untuk membuat sebuah web menjadi lebih menarik, dinamik dan efektif. 

Apakah PHP ??
PHP:Hypertext PreProcessor atau PHP merupakan bahasa server-side scripting yang digunakan untuk pembangunan web dan kodnya boleh diaturcara bersama dengan kod HTML.


ASP
PHP
Kos
§       ASP perlu memasang IIS di 
     dalam server berplatform
     Windows yang sememangnya
     tidak percuma.
  
§     ASP lebih mahal kerana ia 
    menggunakan MS-SQL atau  
  Microsoft Access. 
§ PHP yang dijalankan di platform Linux, sistem operasi dari sumber terbuka dan ia adalah percuma. 

§  PHP menggunakan MySQL, yang boleh diperolehi secara percuma. 
Kelajuan 
§       ASP dibina dengan akitektur berasaskan COM

§        Kod PHP dilaksanakan pada 
      ruang memorinya yang 
      tersendiri.

§        Kod PHP dijanakan lebih
      pantas dari kod ASP. 
Keserasian Platform 
§        ASP hanya di platform Windows.


§       PHP boleh dijalankan di 
   pelbagai platform seperti Linux, Unix, Windows dan Solaris 
Bahasa Asas
§       ASP pula mengandungi sintaks
     yang lebih mirip kepada Visual
     Basic.
§    PHP diasaskan kepada bahasa C++.

§  C/C++ merupakan bahasa pengaturcaraan terbaik dan tentunya PHP lebih mesra-pengguna.
Sambungan Pangkalan Data 
§       ASP menggunakan MS-SQL dan Microsoft Access

§          PHP yang amat fleksibel, boleh disambungkan kepada pelbagai jenis pangkalan data, yang paling popular ialah MySQL. 



Saturday, 19 November 2011

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
Montage + Main Menu + Frame by Frame (Ending)
Integrated Picture + Sound for Lesson
Text Entry + Multiple Choice Question
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.

Friday, 18 November 2011

Assignment 1 : Moving Around (Flash)

Click Moving Around } for details.

This is our group assignment for Flash Design with my beautiful group members (Farhana / Norzie / Cik Ku Rohaya).
Feel free to run our courseware about transportation and give some comments.
Hope you can enjoy it!!
Thanks You!!