. PROJECT FLASH .

Hellooo! Seperti yang sedia maklum untuk subjek authoring system ini ada dua bahagian iaitu adobe dreamweaver dan adobe flash. Maka, haruslah ada project bagi kedua-dua bahagian ini. hehe. Pada entry sebelum ini saya telah bercerita mengenai project dreamweaver yang telah kami buat secara berkumpulan. Ahli kumpulan saya adalah nadiah, farhah dan saya sendiri. Untuk entry kali ini, saya akan bercerita pula berkenaan project bagi adobe flash. Projek flash kami adalah berkaitan dengan development of learning courseware. Maka, learning  courseware yang kami pilih adalah pembelajaran mengenai nombor bagi murid-murid tadika.  Dalam courseware kami ini, secara umumnya mempunyai 3 pages iaitu about, numbers dan exercise.

1. ABOUT

Page ini menerangkan berkenaan courseware ini serta fungsinya.

Butang more pada page ini boleh ditekan dan akan mengeluarkan information yang selanjutnya.

2. NUMBERS

Page ini merupakan page bagi pembelajaran nombor menggunakan lagu. Kami telah membuat animasi bagi nombor-nombor ini agar ia menjadi lebih interaktif.

 Dari page number ini juga pengguna boleh pergi ke youtube untuk melihat lebih banyak lagi pembelajaran nombor secara video dan lagu. Butang back adalah untuk pengguna kembali kepada about page.

3. EXERCISES

Page exercise adalah page bagi pengguna untuk melakukan latihan dalam bentuk text entry, multiple choice question dan drag and drop. Semua latihan ini adalah berkenaan nombor.

Exercise 1 : Text entry question

Hasil sekiranya jawapan yang dimasukkan adalah betul.

Hasil sekiranya jawapan yang dimasukkan adalah salah.

Exercise 2 : Multiple choice question

Hasil sekiranya jawapan yang dipilih adalah betul.

Hasil sekiranya jawapan yang dipilih adalah salah.

Exercise 3 : Drag and drop

Hasil sekiranya betul.

Sekiranya salah, object yang di drag akan kembali kepada asalannya.

. PROJECT DREAMWEAVER .

Haiii...untuk entry kali ini saya akan bercerita tentang project yang kami perlu buat berkenaan dengan adobe dreamweaver yang telah kami pelajari di awal semester. Projek kami adalah berkenaan tentang online cake house. Website ini memberi perkhidmatan untuk tempahan kek secara online. Untuk pengetahuan semua, website kami mempunyai dua kategori pengguna iaitu user dan admin. Page dibawah ini adalah page yang boleh diakses oleh semua orang tanpa perlu signup/signin.

Seterusnya user boleh sign up/sign in dengan click pada button sign up atau sign in yang terdapat dalam page yang saya tunjukkan diatas.

Bagi sign up, kami juga menyediakan fungsi checknewusername dimana sekiranya user baru ingin mendafatar dan ingin menggunakan username yang telah digunakan oleh user lama, kami akan memberi message bahawa username itu tidak available untuk digunakan. Contoh boleh dilihat dalam page yang ditunjukkan dibawah.

Seterusnya user yang telah sign up boleh sign in ke page kami.

Selepas sign in, terdapat 6 page yang boleh diakses oleh user pada website kami. Antaranya ialah 'our product', 'about us',  'recipes' , 'order form' dan 'contact us' .

1. Our product

Pengguna boleh memilih mana-mana jenis product yang diinginkan dan boleh lihat dengan lebih lanjut sekiranya pengguna click pada setiap jenis product. Contohnya, sekiranya pengguna click pada button dessert, berikut merupakan page yang bakal dilihat oleh user.

2. About us

3. Services

4. Recipes

5. Order form

Selepas mengisi order form user boleh view semula order yang telah di buat.

6. Contact us

Seperti yang saya katakan pada awal entry tadi, kami juga mempunyai satu lagi jenis pengguna iaitu admin. Admin boleh mengakses semua page yang user biasa boleh akses disamping tambahan seperti edit, insert, delete dan sebagainya. Berikut merupakan page tambahan bagi admin.

1. View user

2. Edit user

3. Insert user

4. Delete user

5. View order

6. Edit order

7. Insert order

8. Delete order

#15 LAST CLASS - DRAG AND DROP

Hyeeee! Minggu ini adalah minggu terakhir bagi kelas authoring system. Dalam kelas ini, kami dikehendaki memulangkan semula ipad dan wacom. Sebelum mengakhiri kelas authoring sistem ini kami telah belajar mengenai drag and drop yang mneggunakan koordinat. Berikut merupakan langkah-langkah bagi menghasilkan drag and drop :

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 in the first frame of the movie clip 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 and then also put the stop action script.

6. Draw the "tick" symbol  at the corner of the rectangle.

7. Go back to scene and drag the movie clip name place to the stage and named the layer as response.

8. Rename the instance name of the rectangle as box1. 

9. Repeat step 8 and named the second rectangle as box2.

10. Create movie clip symbol and draw a rectangle and named it as rec. Create another movie clip symbol and named it as circle.

11. Insert action script behind each rectangle and circle.

Action script for rectangle:

on(press){

startDrag(this);

}

on(release){

stopDrag();

if((this._x>=296.4)&(this._x<=481.4)&(this._y>=261.9)&(this._y<=310.9))

{

_root.box2.gotoAndStop (2);

}else{

_root.box2.gotoAndStop (1);

this._x=97.5;

this._y=285.9;

}

}

Action script for circle :

on(press){

startDrag(this);

}

on(release){

stopDrag();

if((this._x>=303.4)&(this._x<=479.4)&(this._y>=98.8)&(this._y<=136.8))

{

_root.box1.gotoAndStop (2);

}else{

_root.box1.gotoAndStop (1);

this._x=99.5;

this._y=97.8;

}

}

12. Test the movie.

Here I capture my result :

After i drag the circle and rectangle it will appear tick to confirm my answer is right or wrong.

 Anda boleh mencuba dan melihat aplikasi drag and drop ini dalam link ini.

Sebelum kelas berakhir, kami diberi ujian bagi mengetahui sejauh mana pengetahuan kami mengenai flash. Ouh ya, Dr Zaida belanja kami makan donut dan air kotak sebagai tanda tamatnya kelas authoring system. :)