❤ WEEK 11: Apps 1-Knowing Flash ❤

ok guys..the latest entry aku cerita pasal first part class flash kan..so as i promised early, entry nie aku nk story pasal activity2 yang kitorg jalankan dalam kelas..ok 1st activity kitorg kene jwp soalan based on apps 1: knowing flash..before tue meh aku ckp sket..dlm ipad nie dah sedia ade apps yang di'develop' oleh edu research group for ipad in term of learning..so dlm ipad yang diberi pinjam nie dah di'install'kan dengan app mengenai flash..so first act kitorg melibatkan apps 1 iaitu knowing flash..kitorg kene explain our answer regarding to the question and all the answer sume nye dalam apps 1..so kene open apps 1 lah..kalo x mcm mane nk jwp..hehehe ok meh aku explain kat sini pulak about apps 1 eh..so that korg nmpk lah sket apps 1 nie berkenaan dgn ape..let's explore 'our' ipad!!!! =)

FLASH APPS LEARNING PACKAGE ^_^

Frontpage of Flash Apps Learning Package

Dalam learning package nie ade empat apps..yang ade dalam ipad just 2 apps je..maybe yg lain tue after this baru install kot..hehehe we will go through one by one ya..huhu so just click 'enter'..hehehe

APPS 1: KNOWING FLASH

Intro. apps 1.

korang tgk betul2 pic kat atas tue..hehehe pic kat atas neh muka depan untuk apps 1..untuk apps nie banyak give us information about flash..sebagai contoh flash interface..penggunaan flash..aplikasi flash..fungsi flash..n so on..banyak yang kite boleh buat dengan flash..antara nye boleh create animation, movie clip, drawing n etc. before kite learn to draw, basic yang kite kene tau is the flash interface..SO, WHAT is FLASH INTERFACE? 

PART 1

~FLASH INTERFACE~

untuk flash interface actually consists of 5 parts..untuk apps nie if kite nk explore and to know each parts we just need to tab on the red border. but here i'll explain it on my understanding..=) 

~TIMELINE~

for the first part is the TIMELINE..timeline is located at the top part of the interface. dalam timeline actually ade frames untuk animasi..so kite ken control kat timeline tue so that animation kite jln dgn baik...timeline nie jugak ade layer..so kite boleh insert layer kat sini...bile kite set timeline, n kite play animasi nnt the frame red line yg kat timeline tue akan run from left to right..sampai end of our animation...

pic nie tunjukkan timeline dalam flash..sebelah kiri tue layer..so if nk insert layer right click then just insert layer..yg ade red line, number tue ade lah frame scene..dalam flash frame scene is 12frame per second..menaing that 12 frames is equal to 1 second. later kalo nk buat animation so kene control this frame.

~TOOLS PANEL~

next, if we look at flash interface, akan ade tools panel..tools panel is located at the left side of the interface..kalo xcaye korg boleh scroll up then korg cr pic yg mcm kat bwh nie kat flash interface..huhu location untuk panel nie actually x fix..so korg boleh ubah2 ikut yg korang suke..xde mslh..hehehe

Foto Tools Panel

Dalam tools panel nie ade banyak tools yang fungsinya adalah untuk draw or edit objects. so kalo nk lukis atas kertas kite kene gunakan pensil..nak mewarna gunakan pensel berwarna, berus..untuk e-draw nie just gune mouse n click..hehehe so boleh la lukis ikut creativity dengan mengaplikasikan tools yang ade dalam tools panel...dalam tools panel mengandungi lebih kurang 16 tools kesemuanya...16 tools tersebut adalah seperti berikut:

a) Selection tool

b) Subselection tool

c) Free transform tool

d) Lasso tool

e) Pen tool

f) Text tool

g) Line tool

h) Rectangle tool

i) Pencil tool

j) Brush tool

k) Ink Bottle tool

l) Paints Bucket tool

m) Eyedropper tool

n) Eraser tool

o) Hand tool

p) Zoom tool

semua tools yang disenaraikan di atas has its own function..kalo pernah gune ADOBE PHOTOSHOP, tools nye lebih kurg je..hehehe so sume tools nie kite blh apply untuk drawing kite nnt..

~STAGE~

mcm mane rupenye stage tue? ok, stage is located below the timeline..kalo korg tgk kat bwh timeline tue ade rectangle kale putih (mcm pic kat bwh), so itu lah stage..kalo secara fizikal nye drawing block or setengah orang panggil kertas lukisan...huhu 

stage nie boleh dicontrol size nye..kalo nk tukar size stage need to look into the properties panel on the below of stage. kat situ ade button size..so u may change the size u want at that particular button...selain tu, stage nie ade several ways to view..nk kecik ke besar ke..korang just adjust the percentage je..tgk dkt pic on the top right corner..kat situ korang boleh la tukar nk display stage bape percent..kalo nk besar increase percentage..lets say sbg contoh..if nk lukis small objects kat atas lukisan kite kan..just increase the view of stage or zoom in an draw the small object..simple kan..hehehe boleh la kalo nk lukis semut berjalan ke..hehehe

~PROPERTIES PANEL~

erm? ape pulak properties penale neh? ok, let me explain, mengikut kefahaman aku after aku study flash nie,..properties panel nie die actually mengandungi option yang ade untuk setiap tools yang kite pilih..so kalo nk adjust based on tools just change it at the properties panel..aku akan kasi contoh eh untuk korg mudah faham..at first before korng select any tools dekat tools panels, properties panel akan displays seperti gambar dibawah..

ok, properties panel kat pic atas nie shows the properties utk stage kite..so kat sini mcm yg aku ckp nk tukar size stage tue, so boleh buat kat sini lah....and contoh yang relate dgn tools yang kite pilih pulak if i choose brush tool, properties of this tool yang akan displays in the properties panel adalah seperti dibawah..

nahhh, ini dia...hehehe nie lah contoh properties panel for brush tool yang kite pilih..so kat sini korang boleh change smoothing of the brush by click on the arrow button there..

~LIBRARY~

library is located on the right side of the interface..below the color tab..dlm library nie adalah tempat simpan semua media yang diimport such as photographs, clipart, video, and sound files..

if tgk betul2 pic kat atas nie, the library part is at the bottom of the color part..untuk color part, kite boleh adjust type of coloring, change the tone and so on in order to make our images or object is beautiful..huhuhu

PART 2

~APPLICATION OF FLASH~

dah tau sket pasal flash interface, now kite masuk pulak tentang aplikasi..so, ape aplikasi yang boleh kite buat dengan menggunakan flash nie? dalam erti kata lain dalam bentuk ape flash nie dapat diaplikasikan? any idea???? dalam apps 1 nie, terdapat empat aplikasi yang menggunakan flash..antaranya ialah web banner, animation, games, courseware..

~WEB BANNER~

banyak website yang menggunakan banner yang sgt xbest, and x menarik minat untuk aku melihatnya..so how to make it interesting? the answer is by using ADOBE FLASH..dgn mengaplikasi element dalam flash kite dapat menghasilkan web banner yang cantik menarik tertarik kau memang da bomb!!! huhuhu lagi satu reason kenape gune flash sbb nye flash punye presentation is compatible and can play well with any web browser. so no need to worry lah ye...hehehe contoh web banner dalam apps yang dicreate menggunakan flash as a platform ade lah seperti dibawah..

~ANIMATION~

next, korang suke x tgk kartun gerak2x? erm so bende alah tue sume boleh buat gune flash la..hehehe kite draw kartun yang kite nk then adjust frame kat timeline..then bile kite play jadi lah animated cartoon..nie aku just kasi overview je..aku pun xbape terer sgt..later aku akan try buat animated cartoon n akan aku upload dalm blog nie ye untuk tatapan korang sumeee....hehehe

kalo korg tgk pic kat atas tue lalat tue xgerak pun..sepatutnye die gerak and katak tu keluarkan lidah tuk catch the fly..hehehe korg imagine lah ye..so ni la maksud animation..hehehe sort of dynamic la..hehe kalo static die kaku je..hehehe

~GAMES~

selain tue, flash jugak boleh digunakan untuk develop game for online and mobile apps..so dengan flash kite boleh create such an interactive games..contoh games interface yang dibangunkan menggunakan flash adalah seperti dibawah..

~COURSEWARE~

Tahukah korang bahawasanya kite boleh membangunkan learning courseware menggunkana flash untuk dijadikan sebagai teaching and learning aids? flash jugak actually merupakan satu software yang baik untuk dijadikan platform dalam membangun learning courseware yang mane courseware ini lebih menarik dan interaktif  dengan penggunaan elemen-elemen dalam flash yang boleh digabungjalinkan untuk menjadikan courseware yang dibangunkan itu bukan sahaja dapat membantu proses pengajaran guru malah ianya dapat membantu pelajar dalam proses pembelajaran serta lebih efektif. 

PART 3

~TYPES OF INTERACTION~

terdapat jenis-jenis interaksi yang boleh di'create' menggunkana flash..antaranya ialah button&hotspot, text and Drag&Drop..semua jenis interaksi ni dapat berfungsi dengan baik menggunakan flash..so now, kite akan lihat satu persatu dengan ape yang dikatakan dengan interaction..for sure korg mesti suke punye dengan flash..hehehe

~BUTTON & HOTSPOT~

~BUTTON~

kalo korg tgk pic kat bwh, korang akan nampak ade empat simbol button kan? first button symbol untuk prev, then button symbol for play, next is button symbol for pause and last one is button symbol for next..this button will give a respond to a mouse click..meaning to say, kite kene click kat button to baru movie boleh dimainkan..setiap symbol tue has its own function..button nie kite boleh create menggunakan ADOBE FLASH..sgt menarik kann??? hehehe

~HOTSPOT~

next, adalah hostpot..hotspot nie such as bile kite touch on the object it will appear the image..let say aku amik contoh dalam apps 1 nie..soalan ask about person who are inverted peanut butter..if korang perasan di sebelah kanan gambar roti tue ade pic 'light bulb' right? so, bile kite click on the 'light bulb', korang boleh tgk image person yang invented peanut butter tue..best kan dis kind of interaction...kalo gune touch screen pulak, u just touch on that object and the images will appear..if u untouch it the image will disappear n korang akan nmpk 'light bulb'...

~TEXT~

now, kite pegi pulak pada jenis interaksi yang lain..dalam text interaction nie ade tiga jenis...jenis2 serta explanation adalah seperti berikut:

a) static text- static text nie adalah text yang pendek yang digunakan untuk display sahaja dan ianya x berubah..selain tue static text jugak adalah untuk display font yang sometimes jenis font tersebut is not available on most computers..so kalo gune flash n apply static text it is compatible to use in any computer..

b) Input text - yang nie pulak function nye adelah untuk membolehkan user type in the field provided..untuk input text, kite kene gune input text field so that user are able to type in and can capture user input....

c) dynamic text - dynamic text field nie pulak diaplikasikan bila mana kite nak display character yang terkini dan akan berubah form time to time..for example: untuk buat pengumuman ke ape ke..or nk update info2 baru ke..so kene lah gune dis kind of field..

~DRAG&DROP~

interaksi yang nie pulak lagi best woooo...just drag n drop je..kalo untuk learning for kids sgt sesuai..flash ade dis kind of interaction..mcm mane nk develop dis kind of interaction kene explore flash first..menarik kan? teringin pulak aku nk develop apps yang combine all these kind on interaction and elements in flash..hehehe korang tgk contoh bawah..

BEFORE

AFTER..
(aku just touch and drag it..kalo xgune touch screen tue just click gune mouse and drag it lahh)

by the end of the explanation for the types of interaction in flash, maka post aku untuk entry nie pun tamatlah sudah..so overall untuk apps 1 yg ade dalam ipad nie is about introduction of flash..ape yg kite perlu tau mengenai flash..lepas dah tau baru lah mudah untuk explore..sekarang nie aku dah mule cintakan flash..software nie sgt menarik..xkenal maka xcinta..aku dah boleh apply that kind of quote..hehehe so lepas nie boleh la kite start gune flash guyssss.....erm? ape? apps yang ke2??? HoHohohoh itu korang sila bace the next entry ya...dan kemudiannya aku akan show korang my skill drawing and coloring using flash..hehehe

ok..i'll end here..c u @next entry yaa...

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~