::PROJECT FLASH::

Salam and Hi~ 

Now, cerita pasal Projek Flash pulak~ :)

untuk project Flash kami telah membuat satu courseware untuk kanak2 belajar mengenai numbers...

Dimana di dalam courseware ini terdapat lagu, latihan yang sangat menarik~ :)

Untuk membuat projek ini, kami telah menggunakan segala ilmu yang di ajar oleh Dr. Zaida sepanjang sem ini.. :)

Di bawah ini adalah main menu untuk courseware kami~ :) terdapat tiga button iaitu about, exercises and numbers~ Untuk main menu ini, saya telah terangkan secara detail bagaimana untuk membuatnya~ :)

boleh refer sini untuk cara-cara MAIN MENU

Button more itu pula akan show extra info apabila di click~ :)

Selepas user menekan button number, user akan navigate ke scene yang laen~ 

iaitu scene number...

Di dalam scene ini terdapat button untuk lagu di mainkan~ :)

User juga boleh menekan button home jika mahu kembali ke main menu~ :)

Di bawah ini adalah scene semasa video telah dimainkan~ :)

Apabila user click pada button exercise pula, user kan berpeluang melakukan tiga exercise iaitu text entry, drag and drop dan multiple choices questions...

 1. TEXT ENTRY

untuk text entry ini sila rujuk di SINI  untuk stepsnya~

Jika di lihat pada gambar di bawah ini, user telah memasukkan jawapan yang betul..

dan Dynamic text akan muncul dan memaparkan jawapan "correct" menunjukkan jawapan di taip user adalah betull..

Apa akan jadi jika user menaip jawapan yang salah?

dynamic text yang lain akan di paparkan seperti dalam scene di bawah ini..

2. MULTIPLE CHOICES

untuk multiiple choicesila rujuk di SINI  untuk stepsnya~

Di bawah adalah contoh, apabila user memilih A iaitu jawapan yang betul untuk soalan ini..

Dynamic Text yang menunjukkan jawapan nya betul akan dipaparkan...

Jika user memasukkan jawapan yang salah pula, 

dynamic text yang menunjukkan jawapannya saalah akan di paparkan seperti di bawah ~ :)

Jika user ingin kembali ke scene sebelumnya, user boleh click button back yang disediakan~

3. DRAG AND DROP

untuk drag and drop ini sila rujuk di SINI  untuk stepsnya~

Untuk drag and drop ini user perlu drag ejaan yang betul bagi setiap soalan..Jika jawapan yang di jawab adalah btul tanda tick seperti gambar berikut di bawah ini akan dipaparkan~ :)

Jika tidak, ia akan kembali ke tempat asal~ 

TADAA~ macam ni la tick yang dimaksudkan apabila user berjaya drag n drop ke jawapan yang betul~ :)

Sama seperti exercise sebelumnya, jika user ingin kembali ke scene sebelumnya, user boleh click button back yang disediakan~

THE END ^.^

::PROJECT DREAMWEAVER::

Salam and Hi.. 

harini saya nak cerita tentang projek 1 saya dgn dua kawan saya untuk dreamweaver dimana kami telah create satu website untuk kedai kek online..

Kedai kek online kami ini menyediakan khidmat untuk tempahan kek secara online.. di bawah ini adalah homepage untuk kedai kek kami..

Terdapat DUA USER untuk website ini iaitu CUSTOMER dan ADMIN.. untuk customer terdapat  customer yang biasa dan registered customer.. homepage ini boleh dilihat oleh semua user...


1. CUSTOMER 

Saya mulakan dengan customer terlebih dahulu ya~

Bagi customer yang belum mendaftar, mereka perlu mendaftar untuk membolehkan mereka melihat page-page lain untuk kedai kek online kami..

Dalam homepage ini terdapat button untuk user click untuk ke page sign up..

Di bawah ini adalah page sign up yang kami maksudkan~ User perlu mengisi details seperti email.. username.. dan password..

Setelah customer berjaya mendaftar mereka akan dibawa ke page di bawah ini~ iaitu page yang membolehkan mereka sign in untuk melihat page2 lain di website kami~

Jika customer tidak berjaya untuk mendaftar disebabkan mereka telah memilih customer username yang telah digunakan oleh customer lain.. page di bwah ini akan muncul... hal ini kerana kami telah menggunakan check new username untuk membolehkan website kami ini menyemak username yang dimasukkan oleh customer available atau tidak.. :)

2. REGISTERED CUSTOMER

Seterusnya, apabila customer yang sudah mendaftar berjaya untuk sign in di page kami.. mereka akan dapat melihat home page baru yang mempunyai tab seperti our product, about us, services, recipes, order form dan contact us... untuk page our product seperti di bawah ini.. customer boleh melihat product yang ada di kedai kami seperti donut, tart, desert dan lain2 lagi~

contohnya, apabila customer click salah satu product ini, mereka akan dapat melihat jenis2 product yang di click oleh mereka...contohnya seperti dibawah..
Apabila customer click doughnut.. mereka akan ke page di bawah ini..
Setiap jenis kek mempunyai code yang berbeza bagi memudahkan proses untuk order nanti...

Untuk tab seterusnya iaitu about us pula mempunyai alamat untuk dihubungi, terms and conditions yang ditetapkan oleh kedai kami dan sedikit description mengenai kedai kek online kami ini~

Manakala untuk tab seterusnya iaitu services, di sini di muatkan service2 lain yang ditawarkan di kedai kami, contohnya seperti kelas masakan, ataupun tempahan2 yang banyak untuk sebarang majlis~ :)

Seterusnya, tab yang ketiga iaitu tab recipes, disini kami menyediakan resepi2 kek terkini untuk customer2 yang berdaftar.. video juga dimuatkan untuk mudahkan customer kami lebih faham cara untuk membuat setiap masakan dari resepi yang kami sediakan~ :D

Di bawah ini pula adalah order form untuk membolehkan customer mengorder...
Antara details yang perlu di masukkan oleh customer ialah nama., contact number, address, type of products, product code dan quantity... untuk type of product kami sediakan drop down list untuk memudahkan customer untuk pilih kek yang ingin di order.. Untuk product code, customer perlu merujuk di page our product yang telah kami sediakan.. untuk setiap data ini, akan dimasukkan ke dalam database...
server behavior yang digunakan ialah inser record~
selain itu, kami turut menggunakan restrict access to page untuk mengelak dari user yang tidak mendaftar mengakses website kami~ :)

Next, page contact us.. page ini adalah bertujuan untuk membolehkan user berhubung dengan pihak admin secara email.. segala pertanyaan akan di jawab dab di balas menggunakan email~ :)

3. ADMIN

Untuk ADMIN pula, admin akan log in masuk seperti user lain... Bezanya ialah tab-tab yang dapat dilihat adalah lebih meluas dari tab customer..
Jika dapat dilihat di bawah ini, selain daripada tab2 yang boleh dilihat pada registered customer, tab2 lain seperti view user(customer), edit user (customer) insert user(customer), view order, view order and delete order. Semua tab yang sama untuk registered user(customer) adalah mempunyai function yang sama untuk admin~

Di bawah ini adalah interfaces untuk page view user.. Di mana semua user yang mendaftar akan dapat dilihat oleh admin.. Recordset behavior adalah salah satu server behavior yang digunakan selain dari restrict access to page~ :)

Manakala, ini pula adalah page untuk admin edit butiran mengenai user.. apabila admin click edit (link edit di setiap hujung nama) admin akan dibawa ke page untuk edit details user itu...

Tada~ here the page.. :) di sini admin boleh edit mana2 field yang admin mahu~ dan segalanya akan di update once button update di click.. update data behavior digunakan untuk tujuan ini~ :)

Di bawah ini pulak page untuk admin delete user... :) delete user behavior digunakan untuk page ini...

Apabila details berjaya di delete.. admin akan dapat melihat list of user yang telah diupdate~

Untuk tab setereusnya iaitu tab view order, admin dapat melihat order2 yang di buat oleh customer~

Order list ini adalah order list yang menunjukkan order yang belom selesai.. Hal ini kerana, admin akan delete order yang telah selesai dan data tersebut tidak akan ada dalam list di bawah ini~ :)

Ini adalah page untuk admin update data untuk order-order oleh customer~ :)

again, pakai update data server behavior~ :)

Bawah ni pula page untuk delete order.. page ini penting untuk admin kerana jika admin tidak delete order yang telah selsai, ini akan mengelirukan admin pada masa akan datang~ :)

Dan yang terakhir button sign out terdapat pada semua page, dimana log out user server behavior digunakan~ :) Apabila user telah log out.. Mereka tidak lagi dapat view pages untuk registered user~ 

:)

Thanks to my team member for this gud job~ :D

::LAST WEEK:: Drag and Drop

Salam and hi.. :D

Minggu ni adalah minggu last untuk kuliah..

Untuk authoring system ni, bfore habis kelas kami telah belajar mengenai drag n drop..

Kalau sebelum ni belajar simple ttg drag n drop tp this time blajar advance sikit…

Yang mana aka nada tanda betul jika kita Berjaya drag n drop di tmpat yang betul…

Here the steps~

1.       We have to insert a new symbol and name it as place…

2.       Make sure you choose movie clip as the type of object..

3.       Then make a rectangle at the first frame…

4.       Put this action script on the frame..

Stop();

5.       Insert new key frame at frame 2.. and draw a tick at the corner of the rectangle…

6.       Put the stop action script also on the frame..

7.       Then, back to the scene and drag the place movie clip that we create on the stage…

8.       Insert two new symbols which are rectangle and circle..

9.       Rename them as rec and circle..Again choose movie clip as the type of the symbol..

10.   Then right click on the symbol and insert these below action script for the rectangle..

on(press){

startDrag(this);

}

on(release){

stopDrag();

if((this._x>=378.4)&(this._x<=427.8)&(this._y>=195.2)&(this._y<=234.6))

{

_root.box2.gotoAndStop (2);

}else{

_root.box2.gotoAndStop (1);

this._x=93.5;

this._y=117.6;

}

}

111.  And this below action script for circle..

on(press){

startDrag(this);

}

on(release){

stopDrag();

if((this._x>=398.1)&(this._x<=442.8)&(this._y>=281.8)&(this._y<=289.3))

{

_root.box1.gotoAndStop (2);

}else{

_root.box1.gotoAndStop (1);

this._x=112.2;

this._y=179.6;

}

}

12.   Test Movie..

Ini adalah drag n drop yang baru saya create untuk project flash saya~ :D