Thursday, 22 May 2014

Refleksi Minggu ke-15 : Pendapat tentang penggunaan flash

Alhamdulillah pada kuliah terakhir ini, kami membuat sedikit perbincangan tentang isu penggunaan multimedia dalam pengajaran dan pembelajaran. Berikut adalah isu yang diutarakan :

  • kekurangan peralatan seperti LCD di sekolah
  • tiada ruang dan peluang menggunakan makmal komputer di sekolah kerana sentiasa digunakan oleh guru senior
  • tiada motivasi diri untuk menggunakan multimedia
  • kekangan masa setting peralatan ICT untuk paparan multimedia
  • tugas yang bertambah kerana pelajar perlukan lebih penerangan chalk and talk di papan putih. (perlu laksanakan dua tugas - maka multimedia sering diabaikan)
Walaubagaimanapun, Dr. Syikin menyedarkan kami bahawa penggunaan multimedia sangat berkesan kepada pelajar kerana lebih interaktif dan berpusat pelajar. Contohnya guru boleh membina soalan menggunakan flash, dan meminta pelajar melayari internet dan cuba menjawabnya.

Pada jam 5 petang, kami membuat sedikit jamuan dan penyampaian cenderahati kepada Dr. Syikin...terima kasih daun keladi, kalau kami tak faham kami jumpe Dr lagi :-)

Refleksi Minggu ke-13 : multiple choice, text entry, drag and drop

Alhamdulillah, minggu ke-13 yang lama berlalu baru dapat dicoretkan tentang ilmu baru yang diperoleh daripada kelas Dr. Syikin.

Multiple Choice 

  • Multiple choice biasa digunakan untuk membuat soalan yang mempunyai pilihan jawapan.
  • Langkah-langkah :

    • Bina 3 layer
      • Layer 1 = masukkan action script
      • Layer 2 = masukkan symbol button A, B, C, D
      • Layer 3 = masukkan teks soalan dan jawapan

    • Masukkan text (dynamic text) di bawah pilihan jawapan untuk memaparkan feedback.
    • Namakan dynamic text = respon sama seperti action script yang dimasukkan pada layer 1
    • Pada setiap butang A, B, C, D perlu dimasukkan action script seperti berikut. (Ingat pada butang klik kanan, kemudian pilih 'Action'.
      • Contoh jawapan jika memilih A :

      • Contoh jawapan jika memilih D :

    • Ni contoh je ye...jadi kawan2 buat la..seperti di bawah..
      • respon = "Jawapan anda betul"
      • respon = "Jawapan anda tidak tepat, sila cuba sekali lagi"
=====================================

Text Entry

  • Text entry dibina bagi memaparkan feedback daripada teks yang dimasukkan seperti berikut :

Jika teks yang dimasukkan tepat

Jika teks yang dimasukkan tidak tepat
  • Langkah-langkah :
  1. Bina 3 layer :
    1. Layer 1 = masukkan action script stop pada frame 1 dan tentukan var yang ada pada scene tersebut.
    2.  
    3. Layer 2 = masukkan butang seperti butang biru dalam rajah
    4. Layer 3
      •  = masukkan soalan (text tool : static text) dan kotak jawapan kelabu (rectangle tool)
      •  = masukkan (text tool : text entry) dan namakan pada var = answer
      • = masukkan (text tool : dynamic text) dan namakan pada var = respon
  2. Pada butang biru masukkan action script seperti berikut :
  3. Hasilnya akan jadi seperti rajah di atas sekali. Selamat mencuba

================================

Drag and Drop



  • Drag and Drop adalah satu bentuk aktiviti interaktif yang boleh dibina seperti rajah di atas :
  • Langkah-langkah :
    • Bina 2 layer :

      • Layer 1 : masukkan action script stop
      • Layer 2 :
        • = Gunakan 'rectangle tool' untuk melukis bulatan, bintang dan 2 kotak kuning (sebagai tempat drop) pada frame 1. 
    • Convert bulatan dan bintang kepada movie clip
    • Namakan kotak kuning atas = box1, kotak kuning bawah = box2

    • Masukkan action script pada bulatan dan bintang seperti berikut :

      • bulatan 
      • bintang
      • namakan kotak pertama sebagai box 1nilai x dan y adalah bergantung kepada nilai maksimum dan minimum dalam kotak drop.

                               SELAMAT MENCUBA KAWAN-KAWAN....




Tuesday, 29 April 2014

Refleksi Minggu ke-12 : Action Script

Alhamdulillah pada minggu ke-12 pula, kami diajar cara menggunakan Action Script dalam Flash. Action Script berbeza dengan programming kerana Action Script lebih mudah dan senang dipelajari, scriptnya adalah bahasa inggeris yang mudah. Berbeza dengan programming yang perlu dipelajari dengan lebih mendalam untuk menggunakan bahasa programming.

Contoh penggunaan Action Script

Contoh timeline yang telah dimasukkan action script


stop ( ) ;

  • digunakan untuk memberhentikan motion tweening or shape tweening


on (release){
gotoAndPlay("Scenehome",1)
}
  • digunakan untuk link ke scene lain
  • Contohnya butang apabila ditekan akan pergi ke scene lain dan frame seperti yang ditulis.

on(release){
gotoAndStop("Sceneactivity","Act1");
}
  • digunakan untuk memaparkan objek dan berhenti pada frame yang ditetapkan.
  • frame perlu dinamakan bagi menentukan frame mana yang ingin dituju

Refleksi Minggu ke-11 : Onion Skin

Alhamdulillah..pada minggu ke-11 yang lepas (lewat update blog sebenarnya hihi)...kami didedahkan tentang penggunaan :

  • motion guide
  • onion skin
  • Wacom - melukis menggunakan pen digital
======================================

Motion Guide



  • motion guide adalah layer yang menyediakan guide line sahaja.
  • seperti contoh di atas, semut akan bergerak pada garisan yang dilukis.
  • Pastikan keyframe pertama diletakkan satu objek semut dan keyframe kedua (pada frame ke-30) juga diletakkan objek yang sama pada kedudukan yang berbeza dengan semut pertama
  • Kemudian, tambah motion guide dan lukis garisan pada motion guide layer.
  • Tonton tutorial di bawah :


Onion Skin
  • Sediakan satu rajah pada keyframe pertama
  • pada frame kedua, masukkan blank keyframe
  • kemudian, klik pada onion skin
  • Gunakan 'pensel' untuk melukis garisan rajah yang terpapar
  • Warnakan rajah


Wacom - melukis menggunakan pen digital
  • Wacom disambung pada laptop untuk berfungsi
  • memudahkan untuk melukis garisan yang rumit
  • pen digital boleh bertindak seperti mouse


Sunday, 20 April 2014

Refleksi Minggu ke-10 - tween & shape motion

Alhamdulillah..pada minggu ke-10, kami didedahkan dengan  :
  • penggunaan library
  • menukar simbol kepada to graphic, button and movie clip
  • tween motion & shape motion
------------------------------------------------------------

Penggunaan Library

Library adalah simpanan symbol yang telah diubah kepada graphic, button atau movie clip. Tujuannya supaya graphic, button dan movie clip yang ingin digunakan berulang kali hanya perlu ditarik daripada simpanan library. Penggunaan library ini akan mengurangkan saiz fail flash.

Mengubah simbol kepada graphic, button dan movie clip
  1. Pada rajah yang ingin diubah, klik 'Convert to Symbol'
  2. Pilih untuk diubah kepada graphic jika rajah yang akan digunakan untuk paparan gambar sahaja.
  3. Pilih untuk diubah kepada button jika rajah yang digunakan untuk menghasilkan butang yang berubah warna apabila cursor dilalukan pada rajah.
  4. Pilih untuk diubah kepada movie clip jika motion yang dihasilkan akan digunakan berulang kali

Tween motion
video
Contoh tween motion

  1. Pastikan terdapat sekurang-kurangnya dua keyframe yang mempunyai rajah bola yang sama pada kedua-dua keyframe.
  2. Sebagai contoh : Keyframe 1 diletakkan pada frame 1 dan keyframe 2 diletakkan pada frame 10.
  3. Pada keyframe pertama, klik kanan dan pilih 'Create motion tween'
  4. Pada layer frame akan terlihat seperti anak panah daripada keyframe pertama ke keyframe kedua.
  5. Keseluruhan frame yang terlibat akan bertukar berwarna biru (asal kelabu) seperti rajah di bawah.

Shape motion


video
Contoh shape motion

  1. Menggunakan kaedah yang sama seperti tween motion, memerlukan dua keyframe.
  2. Keyframe pertama dan kedua diletakkan rajah yang berbeza bentuk supaya apabila shape motion dimasukkan akan menghasilkan pertukaran bentuk daripada keyframe 1 ke keyframe 2.
  3. Keseluruhan frame yang terlibat akan bertukar warna hijau (asal kelabu) seperti rajah di bawah.


Hasilnya...

video



    Monday, 14 April 2014

    The Foundation to Solve Error of Unknown column

    Have you ever seen

    Unknown column '?????' in 'where clause'

    The solution is in action script. Change '-1' to 'text'


    The problem will be solved.


    Sunday, 13 April 2014

    Refleksi Minggu ke-9


    Alhamdulillah..for the 9th week, we were introduced to use Adobe Flash CS3. The lecture was conducted by Dr. Norasykin. Dr. Norasyikin will be covering the lectures until the last of this semester.

    Before using the software, we are explained about :

    Function of Flash
    1. Can create :
      • web banner
      • animation
      • web ads
      • presentation slide
      • CD opening
      • e-cards
      • game
      • film cartoon
      • courseware
    2. Create Interaction
      • symbols (graphics, button, movie clip)
      • text (static text, input text)
    3. Drag & Drop
    4. Generally (in any business)

    Adobe Flash CS3

    interface of Adobe Flash
    We were taught to create a Garden Screen as a static visual as shown as below :
    1. Hills (Layer 1)
      • Firstly, use 'line' tool to create 2 hills.
      • The curve line can be created by dragging the line.
      • Use 'paint bucket' tool to paint the hills
      • Set up the 'fill colour' in 'linear' type (combine two or more colors).
      • Drag the 'paint bucket' tool to create a gradient color into the hills.
    2. Tree (Layer 2 or create more layers to ease us later)

      • Use 'pencil' tool to freely draw the tree and use 'oval' tool to draw the leaves of the tree.
      • Use 'paint bucket' tool to paint the tree with the same method painting the hills.
    3. Sun (Layer 3)
      • Use 'oval' tool to draw the sun.
      • Use 'paint bucket' tool to paint the sun.
    4. Background of the visual (Layer 4)
      • Use 'rectangle' tool to draw a rectangular shape which is covering the whole the screen.
      • Use 'paint bucket' tool to paint the background.
    5. Clouds (Layer 5)

      • Use 'oval' tool to draw cloud.
      • Use 'oval' tool repeatedly and overlap the previous oval shape made until the shape of cloud as we expected is created.
      • Use 'paint bucket' tool to paint the clouds.

    We will be taught to add the motion into the shape...I cant wait.. ;)