WEEK 11

Alhamdulillah..
minggu ini minggu ke 11 belajar authoring system MPT1193 bersama Dr Zaidatun.
semakin lama, rasa semakin seronok...
kawan2 banyak membantu...
terima kasih kepada semua rakan-rakan seperjuangan.
minggu ini, kami sekali lagi di muatkan APPS 4 dlam android.

Sebelum meneruskan aktiviti APPS 4... kami membuat ulangkaji dan mengaplikasikan semua animasi yg telah dipelajari.
1. Pendulum.
2. Butterfly Lifecycle.
3. Animate cartoon
4. Agent Pollination.

ACTIVITY 1
Pendulum
1. Draw a pendulum
2. convert to symbol choose  graphic3. Click right at frame 15, insert keyframe
5. between frame, right click ang click create motion tween.
6. Do the same at every keyframe.

4. reposition the pendulum at frame 15

ACTIVITY 2.
Butterfly lifecycle.

1. Import image to the library.
- image egg
- image larva
- image pupa
- image butterfly
2. Click text tool and type egg.
3. Right click at frame 10
4. Drag the egg image to stage.
5. Trace image at trace bitmap.
5. Btween frame, click create shape tween. to change the text to picture.
6. Do the same at text and image larva, pupa and butterfly.

ACTIVITY 3
Animate Cartoon

1. Import image to library.
2. drag the image to stage.
3. click keyframe at frame 2.
4. drag again the bear image and using the free transform to rotate the image look like the bear walk.
5. copy frame 1 and 2.
6. paste it at next frame.
7. well done.

ACTIVITY 4
Pollination
1. Import part of flower image.
2. drag to stage.
3. insert new layer and name it as bee
4. import bee image to library.
5. drag the bee to stage
6. using the guide motion to guide the bee go to one by one flower and to show the agent pollination process.

WEEK 10

Alhamdulillah...
minggu ni merupakan  minggu ke 10 belajar di UTM.
minggu ni adalah minggu ke 2 belajar adobe flash.
makin lama makin seronok.
minggu ni kami di 'install' kan APPS 3.
kandungan APPS 3 ialah:
i)Type of Symbol
-Graphics
-Button
-Movie clip
ii)Types of Animation
-Motion tweening
-Shape tweening
-motion guide
-frame by frame.

MOTION TWEENING
(bouncing ball)
1. Draw circle in oval tool
2. Convert symbol to Graphic
3. Click keyframe ( insert-->timeline-->keyframe) at frame 10.
4. Changethe position of ball every frame.
5. click motion tween at between first and last frame.

SHAPE TWEENING
text to object
1. Type text (adobe flash)
2. Click break apart at modify twice.
3. Right click at frame 25  and click insert keyframe.
4. At the frame 25, delete the text.
5. Draw a star shape.
6. Right click between frame and click create shape tween to change text to shape.
7. well done!

MOTION GUIDE
Guide ant move
1. Create brown box
2. Erase the path using the eraser tool.
3. create new layer and name it as ant
4. Insert the ant image
5. Click insert keyframe at frame 50.
6. Add tweening motion between the frame.
7. Add guide motion layer.
8. Well Done!

FRAME BY FRAME
Animate cartoon mouth.
1. Draw a bear with close mouth. 
2. Insert key frame at frame 5.
3. Draw a bear with open mouth
4. Insert a keyframe at frame 10.
5. do the same at every count on 5 frame.
6. Well done!

WEEK 9

Hari ini dh start belajar ADOBE FLASH....
belajar melukis menggunakan adobe flash... 
sy guna flash cs3...
pertama sekali... kami diminta membuat tracing cartoo object..
ok... ini hasil tracing sy yg pertama...

he..he..he.. jadi atau tidak.. ini lah hasilnya... nilaikn lah sendiri.. =)
caranya??
ok...
1) import picture to library.
2) drag picture
3) using onion skin. 
4) tracing the picture n colour using appropriate tool.

seterusnya, kami diminta untuk melukis semula beach view....
ini hasilnya...

Kami semua juga dipinjamkan 'graphic digitizing tablet'.... gadjet ini untuk melukis.
mula2 mmg sangat kekok.. tp... akhirnya... berjaya juga lah hasilkan picture seekor burung yg cute.. =)

ini lah hasilnya menggunakan wacom digitizing tablet... 
caranya... sama seperti tracing image n colour it.

wahhhh... seronok sgt2.... makin lama, makin rs seronok pulak melukis.. walaupn mmg x ada bakat seni langsung.

Assignment 1

Ini adalah demo hasil assignment kumpulan saya.... =)

alhamdulillah, setelah bertungkus lumus menyiapkannya... akhirnya terhasil lah sedemikian rupa...

saksikan demo ini...

WEEK 8

Belajar untuk membina questionnaire page.
1. create table dlm database.

      paparan survey seperti dibawah.

dalam Check Value radio group perlu di letakkan nilai untuk melihat hasil survey yang dibuat.

WEEK 7 (23 Okt 2012)

Hari ini, Dr Zaidatun ajar create admin page.
mcm biasa... mula2 dengar... ternganga ( tak pasti.. tanda faham ker, tanda blur.. hehe)
kelip2 mata...
angguk2..
habis masa... terkial2... terfikir2...
adoiiiii... (bkn merungut.. bkn mengeluh....cuma dok terfikir, boleh ke buat nanti ni...)
balik rumah... terus cuba...
yayyy... boleh.. berjaya...
berjaya ker???
ok... tgk ni.... (nk tunjuk yg cantik sikit lah..he..he... create baru untuk assignment 1..)
saya ada 8 php page untuk admin.
1. mula-mula page login admin...
(sama mcm create login user, cuma kita dah setkn 3 level untuk admin)
ni dia...

2. kalau admin salah masukkan ID and Username... akan muncul page ini....

sama je dengan page login admin... cuma, terpapar ayat :login tidak berjaya, sila cuba lagi.
mcm mana nak create? mudah jer... (sbb dh belajar)...
mcm ni.....

dalam Log In User.... perhatikan 'If login succeed, go to: browse lah page selepas admin login' dan If login fail, go to: browse lah ke page yg di tunjukkan di atas' mudah kan..... =)

3. Kalau dh berjaya login admin.... create 1 page untuk homepage admin. mcm ni....

dalam homepage ni, ada link2 yg dibuat... button2 ni pula, actually, bkn lah button utama admin... ini button untuk homepage user... masukkan lah sekali... boleh juga admin layari..

4. Kalau dah namanya admin... mestilah kita nak tengok siapa yg daftar laman web kita kan... so, create lah page utk view user. mcm ni.....

beberapa perkara penting perlu di set.
i) recordset
ii) repeat region (untuk memaparkan semua user yg telah berdaftar)
iii) drag semua dynamic text yg terpapar.
dan hasilnya seperti ini...

5. Insert New User.... page ini dibuat untuk memudahkan admin mendaftarkan pengguna baru. Admin boleh link terus ke page register user.

6. Edit User... kenapa perlu ada page ini?? sebab..... memudahkan admin untuk mengubah suai pendaftaran pengguna... bukan nk godam pengguna, tapi kadang-kadang, pengguna daftar sesuka hati je.. dlm istilah lain, hentam buta. so, admin kena buat mcm ni...

 Mcm biasa... set pd recordset, repeat region dan drag dynamic text utk nama sahaja... kerana paparan nama akan keluar dan admin bole pilih nama pengguna yang hendak di ubah.

paparan seperti ini.... admin klik nama pengguna..

 page edit user yang kedua adalah untuk memaparkan data pengguna...
setelah admin klik pada nama pengguna, segala data pengguna akan terpapar.
cara nak create page ini ialah :
i) recordset.
ii) klik pd update record.
iii) drag dynamic text yang terpapar.

setelah data pengguna diubah.... admin akan klik pd button update data...

7.  Page Delete user.... delete user? kenapa nak kena delete? owh, sebab.... pengguna ni ada macam2 jenis, so.. admin kena bertindak untuk menyingkirkan pengguna yang mendaftar sesuka hati... maksudnya, semasa pendaftaran dilakukan... pengguna masukkan data sembarangan. 
ok... macam ni...

ok... pada page ini, 'go to detail page' diperlukan. Untuk buat Pass URL Parameter.. bermaksud... bila nak delete pengguna, hanya data pengguna tersebut sahaja yang di delete.

8. Ini adalah page untuk data pengguna yang hendak di delete... tetapi, page ini tidak dipaparkan. hidden field diperlukan.

SELESAI page untuk admin.

=)

WEEK 6 (16 Oct 2012)

Hari ini belajar buat login page... suka.. suka..
selama ni dok tgk jer web yg ada login user, owh... mcm ni rupanya nak create...
bestlah... Dr Zaidatun ajar satu per satu...
Alhamdulillah... dapat dan faham.
balik rumah try buat... manjadi.. Alhamdulillah...
Caranya??
ok....
1. Create database kat phpmyadmin.. (login)
2. Create table (ID, Username, Password)
3. Open Dreamweaver--> create seperti ini...
simple?? biasa lah.. baru belajar.
4. Set log in user dalam server behaviors-->user Authentication-->log in user
5. ni lah rupa Log In User
ok... siap.....!
Terima kasih dr Zaidatun dan kawan2.. =) nah bunga.... he..he..