Thursday 10 January 2013

❤ Project 2: Learning Courseware ❤

Posted by kErTaS PeNseL at 14:54 0 comments
hye guys!!! arini aku nk upload pasal project 2 group aku (me, jannah and mas)..hehe
last entry aku dah update pasal project 1 kitorng kan? ok, untuk project kali nie pulak aku nk story the morry cket pasal project 2 kitorng..
for this project, kitorng diminta untuk membina learning courseware menggunakan ADOBE FLASH sebagai platform. hurm, kalo nk diikutkan pengalaman eden nie, eden ade la buat learning courseware waktu eden degree dulu..tp itu eden gune kan Ms. Power Point as a platform. so kali nie agak mencabar sket lah..sbb gune kan FLASH. so after bincang mengenai tajuk yang kitorang nk buat, lastly we all decide nk buat learning courseware untuk English subject which is the subtitle is about preposition. learning courseware kitorang terbahagi kepada 4 menu utama. 
1- Learning
2- notes
3- exercise
4-portal

secara umumnya, kitorang divide keje..aku buat part exercise..tp aku akan cite semua stage eh..dun worry..hehehe (aicehh, mcm terer je)
for those yang gune learning courseware nie, at first diorang kene enter diorang punye name pada front page of the courseware..untuk buat entering name, use text tool, but on the properties panel should change into input text where user can enter their name. after put their name, click button enter, and it will direct to the main menu of the courseware. kat sini lah nanti user akan nmpak 4 button utama iaitu:
1-Learning
2- Notes
3- Exercise
4- Portal

here, user boleh pilih which menu they want..every button has its own function and its own description. untuk button learning, when they click on that button, it will direct to the learning page..here it is a description on what they will learn on this learning courseware. After that, if they want to go back to the main menu, they need to click on the button back. 
Untuk notes pulak, ade disediakan notes mengenai preposition of place and preposition of direction. untuk notes nie, kitorng just gune text tool to type in the notes. And also buttons for user to go to the next page and go back to the main menu. 
Part yang paling mencabar adalah part exercise. untuk exercise nie, aku apply ketiga-tiga types of interaction yang aku blaja dalam kelas Flash. Lets make it clear so that all of you understand what i meant by that..untuk Exercise, actually aku sub kan kepada 3 sub..meaning that ade 3 exercise..setiap exercise adalah berbeza..
Exercise 1- Drag n Drop Interaction
Exercise 2 - Multiple Choice Question
Exercise 3 - Input Text Question

Untuk setiap exercise nie, ade instruction page aku sediakan so that user boleh faham mcm mane diorang nk buat untuk menjawap soalan. Untuk drag n drop question, aku apply action script yang berkenaan dgn koordinasi. so that if student drag in ke tempat yang betul akan keluar tanda right..
Action script yang terlibat adalah:

on(press){
startDrag(this);
}
on(release){
stopDrag();
if((this._x>=Lowest value of X)&(this._x<=Highest value of x)&(this._y>=Lowest value of Y)&(this._y<=Highest value of Y))
{
_root.box1.gotoAndStop (2);
}else{
_root.box1.gotoAndStop (1);
this._x=origin coordinate of X;
this._y=origin coordinate of Y;
}
}


Untuk exercise yang kedua adalah berkenaan multiple choice question..cara nk buat MCQ nie same mcm yang aku dah state pade entry yang lepas..cume bezanye aku ade insert picture..image yang aku amik nie semua aku dah import ke library..hehe cara nk import picture ke library, click File, Choose Import, Choose import to library, then pilih la pic mane yg nk import ke library..hehehe
Untuk action script pulak adalah seperti dibawah:

on (release) {
respon = "Congrats, your answer is correct!!!";
}


*untuk jawapan yang betul action script as above, untuk jawapan yang salah action script as below:

on (release) {
respon = "Your answer is incorrect";
}



Lastly untuk text entry question..step nye same mcm yang aku terangkan pade entry yang lepas..cume bezanye aku masukkan gambar je..^_^ (pic as usual amik kat library..hehe)
Action script yang aku apply adelah seperti dibawah..

on (release) {if (answer == "opposite") {respon = "Correct!";
}else {
 respon = "Incorrect, Your answer "+ answer +" is wrong";
 }
}

on (release, keyPress "<Enter>") {if (answer == "opposite") {respon = "Correct!";
}else {
 respon = "Incorrect, Your answer "+ answer +" is wrong";
 }
}


nie contoh action script yang aku copy paste dari one of the question untuk exercise yang aku buat dalam learning courseware nie.. ^_^
Ok guys, since kitorang buat asing2 mengikut task yang diagihkan..kitorang kene link kan dari satu file ke satu file..untuk link kan .swf file aku n .swf file kwn2 aku, aku apply action screen seperti dibawah..

on (release) {
loadMovieNum("name of the .swf file", no. of frame)

sbg contoh tgk actionscript yang kat bawah nie..^_^

on (release) {

loadMovieNum("seq1.swf",1);
}


So secara overview, nie lah yang group aku buat..kitornag banyak men button je dengan action script..still lagi budak baru belaja..hehehe kalo salah tolong lah tunjukkan ye...hehehe ok guys, last but not least, this is our humble project..maybe project kitorng nie xsehebat project group lain..tp kitorang bangga since kitorang dapat apply ape yang kitorang belaja dengan jayanye dalam kelas...thanks to much to Dr. Zaida yang banyak ajar dalam kelas..
thanks to sis Farhana yang assist kitorang kat fb..hehe
thanks a lot...^_^ 





Sunday 6 January 2013

❤ Last Class ❤

Posted by kErTaS PeNseL at 18:48 0 comments
sadsadsadsadsadsad
korang mesti hairan kan nape aku sedeyh? sbb nye kelas authoring dah abes..tinggal nk exam je lagi...here i would like to say a lot of thanks to Dr. Zaida yang banyak teach, guide, assits, and give us so much input about this subject...at first masuk kelas nie umpama bayi yang baru lahir, at last after dicorakkan, dapatlah skill2 yang sgt bermanfaat..hehehe from '0' to hero lah katekan..hehehe tp xde lah hero mane sgt pun...still in learning..thanks jugak to dr. zaida for once again sebb belanje kitorang satu kelas donut yang sedap n ari kotak..hehehe n thanks jugak to sis Farhana yang selalu assists kitorang dlm kelas especially dlm discussion through fb if all of us face a problem bile nk siapkan activity..hehehe..jasamu xdapek den lupekan..hehehe tp nnt if ade prob n kemusykilan yang nk ditanye sy 'serang' fb ye,,hehehe exam just around the corner, so kene prepare a lot for exam nnt..if not abes lah aku..xleh lah nk dpt A+ nnt..sgt risau tauuu....wish me all the best yaa...n gud luck korang semua untuk paper nnt..mmuuuaaaahhhhhh
wassalam...~~~

❤ Class activity: Drag n drop ❤

Posted by kErTaS PeNseL at 18:09 0 comments
Sawadikappp kap kun kappp...(ntah ape je aku merepek nih)
ok guys, nie aku nk update pasal activity terakhir aku dalam kelas authoring untuk sem nie..hehehe untuk activity terakhir adalah berkenaan dgn drag n drop jugak cume beza sket pd aplikasi n action script nye..hehehe for instance, if we drag the object to the right place, the right mark will appear..but if we drag the object to the wrong place, it will back to the origin place. so my question is how to do that? erm meh aku explain kan carenye ye..hehehe
Create drag n drop application:
1. First of all we need to create the 'place' where we want to drag the object. 
2. Click on Menu 'Insert', and choose 'New Symbol'. Name it as place and choose movie clip and click Ok.
3. Choose rectangular shape to create the box.
4. Right click on the keyframe and choose 'Actions' and type action script.
stop ( );
5. Right click on the second frame and choose insert keyframe.
6. Import any symbol to the library, and put it at the corner of the box. 
7. Right click and choose action and type action script:
stop ( );
8. go back to scene, and drag the place to the stage and i named the layer as a response.
don't forget to name it the box. for my activity i name it as box1 and box2 at the instace name. 
9. Click on insert new layer, name it as shape. then i draw circle and rectangular and convert it into symbol by choosing movie clip.
10. at the circle and rectangular, i've insert an action script for each. the action script for this type of interaction is differ from the earlier drag n drop interaction. 
the action script as below;
on(press){
startDrag(this);
}
on(release){
stopDrag();
if((this._x>=* lowest value for x in the box*)&(this._x<=*highest value for x in the box*)&(this._y>=*highest value for y in the box*)&(this._y<=*highest value for x in the box*))
{
_root.box2.gotoAndStop (2);
}else{
_root.box2.gotoAndStop (1);
this._x=*the origin value for x*;
this._y=*the origin value for y*;
}
}

untuk action script nie korang kene tahu coordinate (sebut perkataan nie teringat waktu degree dulu blaja coordination chemistry..rindunye kat dr. rusmidah..hehehe) object dalam box untuk korang place kan object. kene tahu koordinat paling tinggi and koordinat paling rendah sbb nye if korang drag n drop korangnye object in between of that coordinate kire jawapan diterima la..huhu dan jugak koordinat asal object sebelum di drag sbb nnt of korang drag ke tempat n salah the object will back to its original place. dah dapat baru masukkan nilai dlm actionscript. 
11. after dah insert sume action script, insert a new layer n name it as stop. right click on the frame and choose action and type the action script as below:
stop ( );
12. test ur movie to know either it is work or not by click ctrl+enter. hehehe 
hehehe so nie lah step secara general nye..hehehe
huhu untuk tengok hasil keje aku nie, aku dah upload kat google site..sila la melawat..if u want to do so just just knock the 'door'. ok guys..see u again yaaa...
 

kErTaS pEnSeL Template by Ipietoon Blogger Template | Gift Idea