::WEEK 12:: Using Drawing Tablet

Salam and Hi~

Untuk week 12 ni seperti yang dijanjikan Dr. Zaida akan berikan sorang satu drawing tablet untuk memudahkan kami melukis dalam flash~ 

Tp, not as expected~ *susah jugak ye*

Biasala bile kite cube sesuatu yang baru, mesti susah kan~

Tapi once dah biase msti mudah je.. :)

macam mule2 kite gune mouse la kecik2 dulu la kan~

*THINK POSITIVE* yeah~

hehe~ Ini cubaan pertama~
*try tiru gambar untuk theme blog ni~ * haha

akan cube practis untuk hasil yang lebih baek~ caiyok3~ :D

::WEEK 11:: Onion Skin Tool

Salan and Hi again~

Selain dari asignment melukis gambar yang diberi menggunakan flash, kami juga diberi satu tugasan untuk explore penggunaan Onion skin tools..

Onion skills tools ini berguna untuk create new graphic dari graphic yang sedia ada.. selain itu juga onion skin tools ini membolehkan proses membuat animasi lebih mudah kerana pelukis animasi dapat melihat banyak frame dalam satu masa~

Steps~

1. Open New Flash File

2. Import picture yang nak di trace

3. Resize image gune free transform tool (optional)

4. Image yang dimiport sekarang berada di layer1, keyframe1.. Then, add another keyframe...

Sekarang timeline dah ada 2 keyframe..

5. Pergi ke 2,d keyframe and delete the image..Then click onion skin tools..

6. Trace gambar yang diimport yang dah transparent kesan menggunakan onion skin tools..

7. Bile dah selesai trace and colour, delete keyframe untuk gambar yang original..

8. Turn off onion skin tool..

9. convert graphic to symbol untuk membolehkan kite menggunakan gambar yang sama untuk banyak kali lepas ni~ kerana grphic yang telah di convert ke symbol akan disimpan di dlm library~ :)

TADAA~ 

Original

After tracing using onion skin tools~ :D

::WEEK 11:: Basic Flash

Salam and Hi everyone~ :) 

Minggu ni adalah minggu pertama menggunakan Flash.. Before start kelas, Dr bagi ipad untuk kitorang blaja Flash menggunakan Apps yang telah disediakan dalam tu~ :)

Thanks Dr. Zaida~ :)

Disamping itu, kami diberi satu test untuk uji pengetahuan sedia ada tentang Flash ni~

Menggelabah jugak jawab.. selama ni x igt name tool.. igt gambar je~ haha :D

Apps 1 yang perlu kami guna kan ialah Apps Knowing Flash yang  menerangkan dan memperkenalkan tentang fungsi flash ni serta tools2 yang terdapat dalamnya..

Apps 1 Interface

Atas ni adalah interface untuk Apps 1 di mana terdapat 4 menu tentang Flash ni... Iaitu Flash Interface, Application of Flash, Types of Interaction dan What do I need?

Flash Interface : 

Ini adalah interface untuk flash dimana terdapatnya, toolbar/tool panel untuk membolehkan kite lukis ape yang kite nak dalam stage. Selain itu terdapat juga properties panel iaitu panel dimana kita boleh pilih mengikut apa yang  kita nak bergantung pada tool yang kita gunakan.. Layer, Frame, Timeline serta library juga terdapat dalam Flash ini..

Untuk Tool Panel terdapat pelbgai tool yang disediakan iaitu:

 subselection tool- selecting,editing vector points pada object..cthnye nak curve kan straight point~

free transform tool- untuk select object on stage dan tukar size or anything freely..

lasso tool- untuk select shape yang sgt dekat dgn shape yang kite x nak select,

 selection tool- select part of object atau drag untuk create rectangle..

pen tool- ada provide banyak cara untuk lukis dan edit objek

 text tool- (static,dynamic dan input text) *terangkan nnti*

line tool- untuk draw straigt lines.

 shape tool-  untuk create shape rectangle,oval and etc.

pencil tool- fungsi macam real pencil

brush tool- draws brushlike stroke

ink bottle tool- change stroke colour,line,width,style of lines or shape outlines

paint bucket tool- untuk fill enclosed areas

eyedropper tool- untuk pick color dari scene supaya color yang sama dapat digunakan

eraser tool- pemadam

hand tool- untuk click and drag pada scene tanpa guna kan scrollbars.

zoom tool- zoom in and zoom out stage..

stroke color- tukar stroke color,style dan weight untuk object.

fill color- nak pilih untuk solid color fill

black n white- change stroke kaler pada black and white utk fill color

swap color- swap color pada stroke colour kepada fill color.. ataupun sebaliknya..

no color- tukar stroke color pada transparent

Antara application yang boleh dihasilkan menggunakan flash ialah web banner, animation, games dan courseware..penerangan tentang application ini ada dalam apps 1.. :)

Untuk menu yang ketiga iaitu types of interaction, ade 3 jenis yang diperkenalkan dalam apps ini iaitu button & hotspot, text dan drag and drop..

Button - button digunakan untuk timeline navigation..

Up - appearance of the button when pointer is not over it

Over-appearance of the button when pointer is over it

Down - appearance of the button when click on it

Hit- defines area respond to click of the mouse

Text - (static,dynamic dan input text)

static text - title and label

dynamic text- display text that changes dynamically at the run time 

input text- for user activity like getting username and password

Sebelum habis kelas kami diberi satu asignment untuk mempraktikkan pengetahuan kami dalam menggunakan tools di dalam flash ini~ 

Ini HASILNYA~ :D

Untuk hasil kan gambar dia atas.. Saya menggunakan line tool, oval primitive tool, subselection tool, free transform tool.. stroke color~

Untuk payung, kerusi, sampan dan brung saya menggunakan line tool..

kemudian saya gunakan subselection tool untuk buat curve..

Untuk pantai dan gunung saya gunakan oval primitive tool~ :)

Gunung saya guna kan stroke color gradient untuk bagi effect macam tu~ :D

untuk tugasan seterusnya~ jumpa di post yang lain~ hee

::WEEK 9:: Online Quiz Form

Salam and Hi again~ :)

This week last belajar dreamweaver and mula belajar adobe flash pulak~

Sangat excited nak belajar sebab suka sangat images,motion~ :D

Images better than wording right? :D

Tapi before start kelas minggu ni, Prof Zaida ajar cara buat quiz online~

after user dah checked button untuk pilihan jawapan,

jawapan tu akan di simpan dalam database ikut no. yang kite rank~ :)

xperlu gambar la kan?

senang je kan kawan2? :)

 Sebab excited dengan FLASH, so jom explore sikit pasal FLASH ni~ :)

What is Adobe Flash?

Tips on Adobe Flash

Tutorials- Colour tweening

Tutorials- Automatic Key Frames

Banyak lagi tutorial yang menarik~ :) 

Let's explore~

::WEEK 8:: Admin Pages

Salam and Hi~

This week, sambung previous week lesson..

Agak complicated sedikit untuk ingat..

Tapi practice make perfect..

So, after kelas.. Saya cuba lagi buat di bilik~

Try refresh everything~ :D

Kelas start dengan installation extention untuk dreamweaver iaitu FXPHPMissingTools121.mxp.. Extension ni boleh download secara percuma.. Just search je.. Once dah install extension ni.. So, akan ade tab dalam server behaviour iaitu tab untuk go to details page dan go to related page.. Go to details page fungsinya adalah untuk membolehkan user dari master page untuk navigate ke page yang telah disetkan link nya.. Manakala untu go to related page fungsinya adalah untuk linkkan page ke page yang baru.

Selain itu, pada hari ini, kami juga belajar cara untuk membuat page admin.. iaitu dengan membezakan level setiap admin, bagi membezakan admin-admin serta user lain.. Tidak semua page boleh dilihat oleh user.. Tetapi semua page boleh dilihat oleh admin.. User berdaftar dan tidak berdaftar juga boleh dibezakan tahap mereka untuk menggunakan sesuatu website itu..

Antara actions yang boleh diambil oleh admin dan tidak pada user lain ialah insert user, view user, edit user dan delete user.. untuk logout admin dan user sama sahaja.. :)  

::WEEK 7:: Kelas Cancel~

Salam dah Hi everyone~

This week xde kelas~ sebab Prof Zaida ada kerja luar~ :) 

Tapi ade assignment and aktiviti yang kene buat untuk enhances our understanding~ :)

So, masa tu kami gunakan sebaik-baiknya di PSZ..

Just have a discussion and try again follow the notes~ :)

Selain itu, saya juga ada cube belajar lebih mendalam tentang user authentication melalui you tube~

heere, some link yang quite beneficial to us to know~ :)

User Authentication

::WEEK 6:: User Authentication

Salam and Hi~ :D Lambat sgt haa update~ 

Sekarang I'm home but still do the assignment~ ^.^ proud of myself~ :D hee~

Ok, let's refresh back whatever we just learned on week 6..

Tak berapa ingat.. then, buat balik~ cuba tanye kawan2~ baca balik comment dkt page dreamweaver~

anddd noww dah ingat dah~ :)

This week just sambung dari minggu lepas~

minggu lepas belajar tentang cara create file  untuk php.... cara guna xampp..

minggu ni blajar tentang bagaimana nak buat page registration dan user authentication... 

Ok, bawah ni flow bagaimana program ni works~

untuk user authentication ade 4 iaitu log in user, restrict access to page, check new username dan log out..

Explain guna picture lg senang kan~ :D

 Atas ni adalah page Login.. Untuk user yang belum mendaftar, mereka perlu daftar dahulu untuk menggunakan program ini.  Bawah ni pulak cara bagaimana Log in User  (user authentication) digunakan..
Nanti bile click keluar window cam ni, then just pilih apa yang die nak~
macam bawah ni~ :)
*depends on your connections and dbase la ye*
Tujuan buat Log in User  (user authentication)  adalah untuk benarkan user login gunakan username dan password. So, after user dah log in, mereka boleh access ke semua page program ni~ :D

Next, untuk user yang belum register.. Mereka perlu isi form ni.. Then, bile dah isi mereka akan terus akan  link ke page log in~

Untuk page register ni pulak, user authentication yang digunakan ialah check new username..

Check new name ni digunakan adalah untuk mengelakkan user baru masukkan username yang sama dengan username user lain yang telah wujud.

Kalau wujud dua username yang same, susah la nak login kan~ 

confuse nanti~

So, once dah check new user name, kalau username tu ade dah, die akan display error message dan user perlu masukkan username baru~

 Untuk user yang dah success login mereka akan dapat mengakses page bawah ni.. Iaitu page contact form.
Dalam page ni, mereka boleh mengisi butir-butir diri yang diperlukan.
Page ni hanya boleh di view oleh user yang registered sahaja... Ini kerana kita dah guna kan
user authentication yang lagi satu iaitu restrict access to page.
Kalau user hanya menaip url untuk ke page contact form ini, tetapi tidak melalui login mereka tidak dapat mengakses ke page contact form ni~
:)
this how  restrict access to page works~ :)

Selepas itu, bila dah submit~ List untuk data yang sukses dimasukkan akan keluar~
macam bawah ni~ :D

Itu je rasenye yang belajar mase week 6 ni~ :) simple but really worth to learn~ fun kan? :)