Refleksi Minggu ke-14 : Pendapat tentang penggunaan flash

Sedar tak sedar.. minggu ni merupakan minggu terakhir ... rasa tak puas untuk berada dalam kelas ni.. memandangkan banyak pengetahuan dan tutorial Flash yang di ajar oleh Dr Sykin..

Sekarang..pengetahuan saya mengenai Flash dah semakin meningkat dan saya akan memperbanyakkan pengetahuan melalui latihan dan contoh di Google. hehe...

Alhamdulillah pada kuliah terakhir ini, kami membuat sedikit perbincangan tentang isu penggunaan multimedia dalam pengajaran dan pembelajaran. Berikut adalah pendapat dan isu yang di kongsikan oleh kawan-kawan :

•  kekurangan peralatan seperti LCD di sekolah
• kekurangan/tiada ruang
• 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)

·  

·        

Di akhir perkongsian ini,  Dr. Syikin telah menyuarkan pendapat beliau mengenai penggunaan multimedia sangat berkesan kepada pelajar kerana lebih interaktif dan berpusat pelajar. Cth : guru boleh membina soalan menggunakan flash, dan meminta pelajar melayari internet dan cuba menjawabnya.

Setelah itu, kami membuat sedikit jamuan dan penyampaian cenderahati kepada Dr. Syikin.

Reflection on 13th week (Drag and Drop with Action Script)

As -Salam...

Ini adalah antara minggu-minggu terakhir dalam mempelajari Flash.. dah banyak yang telah saya pelajari.. dan setakat ini saya faham apa yang di ajar di dalam kelas dan dengan bantuan apps 1-4 Flash.

Minggu ini kami mempelajari membuat action scripts untuk Drag dan Drop. Sebagai contoh, jika kita ingin membuat soalan yang menggunakan teknik drag and drop, perlu ada script khas yang akan hold dan placing jawapan yang betul atau reject untuk jawapan yang salah.

Langkah-langkah yang terlibat adalah;

• File New > Flash File (ActionScript 2.0) > OK.
• Create Rectangle > Convert to Symbol > rename as dropPlace > choose Movie Clip > ok.

• Drag movie clip rectangle from library. Save file as Drag_with_action.fla. Rename layer 1 as response.

• Create a circle and star in the same layer. Then Convert to Symbol > Movie Clip > rename as 'circle' for circle shape and 'star' for star shape.

• Properties > click on Instants > rename box1 for the top rectangle and rename box2 for the bottom one.

• Create new layer > rename as action > click on first frame > insert the stop script.

• Right Click on circle in the stage > Action > write the coding as below:

* maksud coding di atas :

• Langkah seterusnya adalah menyalin coding di atas dan meletakkanya ke dalam action > star di stage. Anda hanya perlu menukar saiz x dan y serta variable box1 kepada box2.

output

• Done.

Pada minggu ini juga, Dr Sykin ada memberikan penerangan mengenai soalan Final.

- 10 Soalan Subjektif (jawab semua soalan)

- Masa : 2 jam 30 minit

- Perlu hafal action skrip dan telah dipelajari

Nervous jugak bila sebut tetang final exam ni. Huhu.. tapi tak pe.. ada masa untuk buat revision dan tarikh exam 8 June. Saya pulak berkahwin 29 May.. Hoho.. semoga majlis akad nikah saya berjalan lancar dan saya datang exam as Pn Ismaliza bt. Ismail.. sooooo excited !!! 

Cont' Reflection on 12th week (Text Entry, Drag and Drop & Multiple Choice Question )

As -Salam...

Ni adalah sambungan apa yang telah saya pelajari pada minggu ke-12 ni. Saya tak nak post dalam blog saya ni panjang sangat, so saya split la jadi dua bahagian..hehe

So, dalam minggu ni juga kami belajar 3 benda baru yang melibatkan cara-cara untuk membina soalan menggunakan flash:

1. Text Entry
2. Drag and Drop
3. Multiple Choice Question

Text Entry
Dalam mempelajari text entry, kita perlu kenal 3 istilah yang berikut :

1. Static text - di gunakan untuk jenis text yang tidak  berubah
2. Dynamic text - di gunakan untuk jenis text yang boleh diubah(edit) atau padam (delete)
3. Input text -

• Buka flash cs4 > New > Flash file (Actionscript 2.0) > Lengkapkan seperti di bawah:

• Pada kotak kedua dibawah> text tool > ruang jawapan yang akan diisi oleh pengguna > properties, pilih: Input Text, dan Var: answer

• Create button seperti dibawah, pastikan properties pada text adala Static Text.:

 

• highlight pada button > right click > Convert to symbol.. > Button> OK.

• klik kanan pada button tersebut > pilih Actions > taip actionscript seperti dibawah:

• pastikan variable answer , huruf dan ejaannya sama supaya actionscript ini boleh memanggil balik variable ini apabila button Check answer ditekan: 

on (release) { if (answer == "yes") {respon="correct!";

}else {

                respon = "Incorrect. Your answer" + answer + "is correct";

}

}

on (release, keyPress "<Enter>") { if (answer == "yes") {respon="correct!";

}else {

                respon = "Incorrect. Your answer" + answer + "is correct";

}

}

• Create satu ruang dengan memilih text tool yang seterusnya di bawah button. Ini bertujun untuk memaparkan feedback setelah button check answer ditekan oleh pengguna:

• Click pada kotak feedback > properties > pilih: Dynamic Text, dan Var: respon.

  

• Output 1 : Feedback bagi jawapan yang  betul

• Output 2 : Feedback bagi jawapan yang  salah:

Done!!!

Drag and Drop

• Buka flash cs4 > New > Flash file (Actionscript 2.0) > Lengkapkan seperti di bawah:

• Action script untuk drag and drop yang biasa seperti rajah di atas adalah : Right Click pada objek > Action > taip script seperti rajah di bawah

Multiple Choice Question

• Buka flash cs4 > New > Flash file (Actionscript 2.0) > Lengkapkan seperti di bawah:
• p/s: Pastikan properties pada text 'A', 'B', 'C' dan 'D' adalah Static text.

• Pastikan properties pada text 'A', 'B', 'C' dan 'D' adalah Static text.
•  Step untuk membina feedback pada jawapan yang dipilih oleh pengguna.
• Text tool > Bina satu ruang  feedback seperti gambar di atas > properties pilih: Dynamic Text, var: respon 

• Right click on button A > Actions> taip action script seperti dibawah (ulang action script yang sama pada button yang salah. Contoh button C dan D :

• Right click on button B > taip action script seperti dibawah

•  Output 1 : Feedback bgai jawapan yang salah

  

• Output 2 : Feedback bgai jawapan yang  betul

Done!!

Reflection on 12th week (Basic Action Script-gotoAndPlay & gotoAndStop)

As Salam...  and Hye kawan-kawan

Action Script? Pernah dengar tak istilah ni... Action script merupakan bahasa programming yang beroperasi dalam Adobe Flash.

Terdapat 2 jenis script yang boleh digunakan dalam Adobe Flash ni:

• Programming - perlu menulis coding sendiri. contoh nya 'if else'

• Language - Simple english dan mudah faham seperti gotoAndStop. User hanya perlu klik sahaja tanpa menaip coding.

1. Create bentuk oval (depend) > right click pada bentuk tersebut > Convert to symbol > Graphic symbol.
2. Pada timeline > right click pada mana-mana frame, e.g: 35 > insert keyframe (Ctrl F7) > gerakkan simbol tadi pada mana-mana tempat, to the right contohnya ( untuk melihat pergerakan yang berlaku nanti)
3. Balik pada timeline semula > right click pada mana-mana frame antara 1 - 35 > pilih shape tween
4. Balik pada timeline semula sekali lagi > insert keyframe > create bentuk baru (polygon) > right click pada bentuk tersebut > pilih Convert to symbol.. > Button symbol.
5. Create new layer > rename action. Masukkan script stop seperti di bawah

Output : akan berlaku shape tweening tetapi berhenti pada frame ke-15 kerana kita telah meletakkan action stop di situ.

Script bagi 

• Play

• Pause

• Stop

Kaedah untuk melihat sama ada coding error atau tidak:

Click pada butang right pada bahagian atas. Contoh coding yang tiada error. 

Contoh coding yang ada error.

Reflection on 11th week ( Onion Skin)

As Salam...  and Hye...

Hoho.. dulu dapat pinjam ipad, sekarang di beri pinjam   Interactive Pen Displys jenama Wacom ni plak.. mewah jugak jadi student kat Fakulti Pendidikan ni kan? hehe. Bagi yang tak kenal  Interactive Pen Displys tu ape.. haaa.. ni la rupa die..sy pun first jugak guna dan tgok benda alah ni.. 

Kegunaan alat ni adalah untuk melukis dan paparan lukisan itu akan kita nampak dalam Adobe Flash.. canggih bukan?

Tapi yang jadi masalah nya... tangan ni tak kreatif dan lukis pun senget-senget sebab tangan menggeletar. huhu... So, alat ni tak pat nk guna sangat la...

Saya lagi prefer teknik Onion Skin.. lebih mudah bagi saya.. 

• Import gambar ke dalam Library > Drag gambar tersebut ke stage.

• Timeline > Klik pada mana2 frame e.g: ke 15 > insert keyframe > klik pada butang onion skin  > dan klik butang Del untuk padam gambar tersebut :

• anda akan dapati gambar anda akan kelihatan seperti berikut:

• Tujuan melakukan teknik ini agar kita dapat melukis dan seolah-olah menekap dri gambar asal dan tidak memerlukan copyright
• Output: 

Reflection on 10th week ( Sound & Interactive Button)

As- Salam..

Ini kelas pertama saya untuk sesi Flash bersama Dr Sykin ni...rasa diri ni lemah giler.. huhu..
banyak perkara dan term dalam Flash yang saya tak tahu.. takpe.. positive.. tak tahu boleh tanya kawan-kawan, dan guna tutorial Youtube..

Dr Sykin minta saya install Apps 1 dan 2 dengan Kak Farhana.. pas dapat apps tu, dengan penuh smangat saya terus explore.. untuk remind smula basic function dan icon-icon yang terdapat dalam Flash. Lega sangat...apps tu memang banyak membantu insan yang sudah ketinggalan selama dua minggu kelas Flash ini.

So minggu ni, kami belajar cara-cara nak masukkan dan edit audio/sound ke dalam Flash. Dan kami juga belajar cara-cara membuat interactive button.

Format sound atau audio yang boleh digunakan dalam Adobe Flash CS4 adalah seperti berikut:

Cara-cara untuk memasukkan audio ke dalam Flash CS4

1. Cari lagu ( biasanya guna format .mp3 atau .wav)
2. Buka Flash >  create new > Flash File(action script 2.0).
3. Klik file > import > import to library > pilih audio file > klik OK
4. Sekarang audio file anda sudah disimpan dalam library.
5. Drag lagu dari library ke kanvas dan masukkan keyframe di saat/minit yang terakhir.

• Untuk edit audio tersebut, klik pada mana-mana frame dan lihat properties di bahagian bawah.Klik pada perkataan edit.

** Anda juga boleh buat effect pada audio tersebut eg:  fade in atau fade out.

Cara-cara untuk membuat interactive button

1. Buat button guna shape tool. Boleh guna apa-apa bentuk dan taip teks dalamnya.
2. Select semua, shape dan teks kemudian klik kanan dan convert to symbol : button.
3. Button tersebut akan disimpan dalam library

Klik 2 kali pada button yang telah dibuat tadi dan timeline akan berubah :

Langkah seterusnya adalah:

1. Warna asal button adalah pada frame up.
2. Masukkan keyframe pada frame over. Tukar warna button guna paintbucket.Warna button pada         over ini adalah apabila kita meletakkan mouse kita ke arah button tersebut.
3. Masukkan keyframe dan lakukan langkah yang sama untuk down dan hit.(down- warna button bila kita tekan, hit-warna button apabila sudah ditekan)

# Soalan : Apa beza Frame dan Keyframe?

Jawapan : Frame = sama, Keyframe = berbeza. Gotcha.. Tq Dr. Sykin menjawab soalan saya tadi..

Assignment 1 (individual): Submit on 3 May 2014 to Dr Sykin

Elemen yang perlu ada :

1. Motion Tween
2. Shape Tween
3. Sound
4. Gambar latar belakang
5. Gambar original + gambar yang dilukis dalam Flash

Reflection on 9th week ( Introduction to Flash) * saya tak hadir

As-Salam....

Saya masih cuti pada minggu ni.. agak terasa rugi kerana tidak hadir.. tambahan pula kelas authoware ni lebih kepada kalas praktikal..So, dah banyak benda yang saya ketinggalan..

It's ok.. semangat saya masih kuat untuk meneruskan perjuangan dalam pelajaran saya.. saya akan catch up semula apa yang telah saya ketinggalan..

Sekian

Reflection on 8th week ( Introduction Flash) * saya tak hadir

As-Salam....

Bad newss... really bad news..
Saya tak dapat hadir kelas minggu ni.. kerana terlibat dalam kemalangan pada 3 April 2014.
Tp alhamdulillah..sy dan tunang selamat walaupun kereta kami remuk dan disahkan total lost..tunang mengelami kecederaan yang parah..manakala saya mengalami kecederaan luar dan mendapat jahitan sebanyak 20 jahitan...

 

Saya sangat teruja untuk mempelajari Adobe Flash ni..  ini kerana saya pernah kantoi masa belajar di zaman Ijazah dulu... Xfaham langsung... huhu. So plan nya take second chance ini, untuk belajar sampai pandai...

Tapi apakan daya, ujian datang tanpa diundang atau diminta..saya redha

yup.. its true...

Reflection on 7th week ( Questionnaire & Forum)

As-Salam dan Hye semua..

Wah.. diam tak diam..this is the last week section untuk Prof Zaida masuk kelas kami. Pada minggu terakhir ini Prof telah flashback kan apa yang dah kami pelajari dalam kelas. Dan pada minggu ini juga kami di ajar cara-cara untuk membuat questionnaire dan forum dalam dinamic website kami. Hmmm.. xsusah rupanya nak create function ni..

Malah Prof juga mengingatkan kami agar menyiapkan group projek kami dan perlu dihantar selepas cuti pertengahan semester nanti. 

Questionnaire 

• Set up the database first. Login>Create table>Save

• Open Dreamwever>New>.Php
• Toolbar layout>div tag.Next, insert form.
• Type questions.For the answer we will use radio group. Click insert>form>radio group

• Note : 
• Name type bangsa
• Label type the options/answer such as melayu,cina ,india and put the value 1,2,3
• Click on + button if you want to add another option
• Layout  using tick table
• Click ok.

Besides, you also can tick *checked to the answer.This prevent user to leave unchecked for the question.

• Insert Submit button.
• Save your file and name it as quiz.html
• Go to window>server behavior>insert record>after inserting, go to: thank.html

• Now,we will create thank you page. File>new>html>type your text>save as thank.html
• Here is the answer that have been key in

• Put cursor at the table>server behavior>recordset>change name>connection;dmx>table choose quiz>columns tick all>filter: umur, = and entered value ,2 ( this refer on the value you insert at radio group)>ok

Forum

• Create table at phpmysql.Insert 3 rows: id,name and post

• Open dreamweaver.file>new>php
• You will used 3 types of server behavior here: insert record, recordset,repeat region
• First insert form and type name and message. Put text field beside the name and message.Change the properties of the text field according to the name you insert at the database.name as name and message as post.
• Then, insert submit button and change the button name to post.
• Save it as forum.php.
• Window>server behavior>insert record

• Outside the form line, type comments from others
• Go to window>Server behaviour>recordset

• Go to binding panel and drag name and post under the comments from others. Then, highlight it and go to server behavior>repeat region.