MySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace LayoutsMySpace Layouts

Sunday 23 December 2012

TASK APPS 4

Hai all...
Alhamdulillah, selesai lagi 4 task.
makin byk task, makin mudah adobe flash ni...
Berbekalkan APPS 4 yang telah muatkan dlam android, Dr memberikan 4 task.
APPS 4 sememangnya sangat memudah kan kami.
kandungan APPS 4 ialah,Kandungan APPS 4 ialah :1) Creating Main Menu2) Multiple Choice Question3) Text entry Questions4) Drag and Drop
4 perkara ini memang sangat sesuai digunakan sebagai BBM di dalam kelas. Saya betul2 rs seronok belajar apps ini. semoga saya dapat mengaplikasikan nya dalam pengajaran dan pembelajaran. InsyaAllah.




kami menyiapkan semua task berpandukan APPS4.


Task 1: Creating Main Menu
-    Firstly, design the background and 3 buttons (Muka hadapan, Berita terkini, PKG Bandar)
-    For each button, name it at Instance field in the properties. Ex: home button, name it as home.
-    Same goes to other button.
-    To create new page--> Click Window, go to other panel and go to scene.
-    Click at the duplicate scene.
-    Rename it as Scene 2.
-    Put text at each page to differentiate between 'muka hadapan' page and 'berita terkini' page.
-    Now, put stop command on button layer.
-    Click on button  layer, go to action and type stop();
-    right click at frame 15, and insert frame. same goes to other layer.
-    Do the same thing for scene 2.
-    insert new layer at scene 2 and name it as news.
-    insert new layer and name it as stop and tpye stop (); at actionscript
-    right click at 'berita terkini' button and select action.type
    on (release) {
    gotoAndStop("Scene 2", 1);
                }
-    Back to scene 2, and right click at 'muka hadapan' button and select action.type
    on (release) {
    gotoAndStop("Scene 1", 1);
                }
-    Move from one scene to certain frame on scene itself.
-    create latest news button at scene 2 (news page)
-    click on frame 10 at news layer. click keyframe. Name it latest news on frame label.
-    Insert information at the page.
-    Click on the latest button, right click and press action and type
on (release){
gotoAndStop("Scene 2","latest");
}
-    Now, Right click at the 'PKG Bandar' button-->action--> and type
on (realease){
getURL ("www.pkgpontian.com");
}
-    Now, preview it. click control-->test movie. Well done.







Task 2: Multiple Choice Questions

-    Firstly, name layer 1 as questions.
-    Type the question and choose static text.
-    Type the question.
-    Insert new layer, name it as button.
-    Create button using oval tool-->appropriate color.
-    Put alphabet 'A' on top of the button.
-    Convert to symbols and name the button as btnA
-    Same goes at the another 3 button, which is btnB, btnC and btnD.
-    Type the answer.
-    Insert new layer and name it as response.
-    click text and choose dynamic text and put on response as it variable.
-    insert new layer and name it as action. Right click and press action. type,
           stop();
        var respon;
        respon = " "
-    The answer is B. Right click on btnB, and put the action script.
        on (release) {
        respon = "Congrats, Your answer is correct";
        }
-    Do the same for btnB, btnC and btnD. copy the actionscript and edit.
        on (release) {
        respon = "your answer is incorrect. Try again!";
        }
-    Now, preview it. click control-->test movie. Well done.






Task 3: Text Entry Questions

-    Firstly, design the background.
-    Name the layer as bground.
-    Type the topic question on the top of background (static text type)
-    insert a new layer and name it question.
-    click the text tool, choose static text and type the question.
-    Select on rectangel tool and create a box on stage. 
-    select a text tool, reposition it.
-    select text again and choose dynamic text.
-    Insert a new layer and name it as button.
-    choose a play button on the library panel and drag it on the stage
-    insert another layer and name it as stop.
-    right click on the first keyframe and chooce action and type
        stop();
        var answer;
        var respon'
        answer = " "
        respon = " "
-    select button and type the action script.
        on (release) {if (answer == "kuala lumpur") {respon = "Correct!";
        }else {
        respon = "Incorrect, Your answer "+ answer +" is wrong";
        }
            }
        on (release, keyPress "<Enter>") {if (answer == "kuala lumpur") {respon = "Correct!";
        }else {
        respon = "Incorrect, Your answer "+ answer +" is wrong";
        }
            }
-    Now, preview it. click control-->test movie. Well done.








Task 4: Drag and Drop

-    Draw a tree and to boxes with different colours. red and green.
-    Draw a cherries with 2 colours. red and green.        
-    Convert the symbol, choose the movie clip.
-    Right click the red cherry and choose action and type,
        on (press) {
         startDrag(this, true);
            }

          on (release) {
         stopDrag();
        }
-    Do the same on green cherry.
-    Now, preview it. click control-->test movie. Well done.








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!


Tuesday 11 December 2012

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.

Monday 10 December 2012

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..

Monday 22 October 2012

WEEK 5

Ok... hari ini sambung lagi php... sudah semakin faham... hari ini juga... saya ke kedai buku BADAN dan dapatkan senaskah buku rujukan ADOBE DREAMWEAVER... belek sane, belek sini, ooo... rupanya... Dr Zaidatun punye.. Yayy... sangat seronok! =)


WEEK 4

Kelas mcm biasa... Dr Zaidatun ajar php... eeerrrr... agak pening sikit.. agak laju sikit... ape pn, terima kasih Dr atas ilmu yg diberikan... =)

Tuesday 25 September 2012

WEEK 3

Hari ini sangat sedih... =( kerana tidak dapat mengikuti kelas Prof Dr Zaidatun... subject Authoring System.
Dr kata, hari ini Dr nak ajar Database... Uwaaaaaa...... saya nak belajar... tapi, keadaan memaksa saya untuk tidak hadir kelas hari ini.
Dr Zaidatun, saya minta maaf... saya telah menandatangani perjanjian LPM (Lembaga Peperiksaan Malaysia)
Saya tidak dibenarkan keluar kemana-mana sewaktu menjalankan tugas penting ini.
Sekali lagi saya minta maaf..
InsyaAllah minggu hadapan, saya akan hadir.

Monday 17 September 2012

WEEK 2

Berdebar menanti hari kedua belajar 'Authoring System'..
Tanpa kawan...
Belajar sendiri..
Agak sukar... namun kugagahi...
Hari ini, belajar...
Introduction to Web‐based Development

Wednesday 12 September 2012

WEEK 1

KELAS PERTAMA SAYA!
Hati berdebar2... fikiran berkecamuk.. melangkah kaki masuk ke dalam kelas 'authoring system'..
tertanya2 dan ternanti2 lecturer yg akan mengajar subjek ini. 
wow! sgt cantik lecturer yg ajar subjek ini... her name is Dr Zaidatun Bt Tasir... terpesona dengan percakapannya... sangat sedap didengar... tak sabar nak tunggu kelas minggu depan... =)