Monday, June 16, 2014

9th : Symbols in FL CS3

Dalam Flash symbols terbahagi kepada 3 iaitu :


  1. Movie Clip
  2. Button
  3. Graphics
A symbol is a graphic, button, or movie clip that you create manually in Adobe Flash Professional or by using the Button (ActionScript 2), SimpleButton (ActionScript 3), and MovieClip classes. Once you've converted an object to a symbol, the symbol appears in the Library and you can reuse the symbol by dragging out instances of it throughout your document. You can also copy symbols to use in other documents.
A symbol can include artwork that you import from another application. Any symbol that you create automatically becomes part of the Library for the current document.
An instance is a copy of a symbol located on the Stage or nested inside another symbol. An instance can be different from its parent symbol in color, size, transparency, and function. When you edit the symbol directly, Flash updates all of its instances. Conversely, you can apply effects and transformations to an instance of a symbol and only update that specific instance.
Using symbols in your documents dramatically reduces file size; saving several instances of a symbol requires much less storage space than saving multiple copies of the contents of the symbol. For example, you can reduce the file size of your documents by converting static graphics, such as background images, into symbols and then reusing them. Using symbols can also speeds SWF file playback because each symbol needs to be downloaded to Flash Player only once.
file

To convert a selected element or elements to a symbol, follow these steps:
  1. Invoke the Convert to Symbol command by doing one of the following:
    • Select Modify > Convert to Symbol (or press F8)
    • Drag the selection to the Library panel
    • Right-click (or Control-click) the elements and select Convert to Symbol from the context menu that appears
  2. In the Convert to Symbol dialog box, enter the name of the symbol and select the type of symbol: Button, Graphic, or Movie Clip.
  3. Click in the registration grid if you wish to reposition the registration point for the symbol. (Note: In most cases, it is best to keep the registration set to the top left corner.)
  4. Click OK.
Flash adds the symbol to the Library. The corresponding icon indicates whether the symbol is a button, graphic, or movie clip.




Contoh Penghasilan Symbol 

1. New > Blank page > ActionScript 2.0 > OK
2. Pilih Shape Tool dan buat shape yang anda suka. Contoh seperti di bawah :



3. Kemudian, gunakan Selection Tool untuk memilih semua bentuk yang telah dibuat.
4. Right click > Convert to Symbol


5. Pilih jenis symbol yang dikehendaki 


6. Apabila objek tersebut telah diconvert ke dalam symbol, automatik symbol tersebut akan disimpan di dalam library.



7. Untuk menukar symbol dalam bentuk movie clip atau graphic, lakukan langkah yang sama seperti di atas. 

8. Symbol anda telah siap! :)

Sunday, June 15, 2014

8th : Pengenalan dalam Adobe Flash CS3


Adobe Flash (formerly called "Macromedia Flash") is a multimedia and software platform used for creating vector graphics,animationgames and rich Internet applications (RIAs) that can be viewed, played and executed in Adobe Flash Player. Flash is frequently used to add streamed video or audio players, advertisement and interactive multimedia content to web pages, although usage of Flash on websites is declining
sumber : http://en.wikipedia.org/wiki/Adobe_Flash


Interface Adobe Flash CS


Fungsi Tools pada Adobe Flash CS3

Tool - Contains drawing, painting, and selection tools.
View - Contains zooming and panning tools.
Colors - Contains tools for setting stroke and fill colors.
Options - Displays options for the selected tool that affect the tool's painting or editing operations.

Timeline
  • contains the frames of the animation and will display them in sequences from left to right.
  • when your animation is viewed, the viewer will see the frames in sequential order starting at frame 1.
Panel
  • Flash screen elements that give you easy access to the most commonly used features in Flash. 
  • help you view, organize, and change elements in your Flash document. 
  • can have different appearances or states and are categorized into different types based on function.
Properties Panel
  • contains the options you have for the tool/object you are working with.
Stage
  • display your animations, images, and other content.
  • the ares visible to users after you publish/export a finished project.

Contoh lukisan menggunakan Adobe Flash CS3


No.
Tool Name
Fuction
Object
1
Selection tool
Selects, moves, and edits shapes and drawings.
Tree/flowers/clouds/hill
2.
Subselection tool
Modiļ¬es the anchor points and tangent handles of a shape’s path or outline.
Tree/flowers/clouds/hill
3.
Free transform
-Freely transforms objects, groups, instances, or text blocks.
-Can move, rotate, scale, skew, and distort individual transformations or combine several transformations all at once.
Tree/flowers/clouds/hill
4.
Line tool
Draws the straight  line
Hill / Tree
5.
Oval
Creates circles and ovals composed of ļ¬lls and strokes, just ļ¬lls, or just strokes
Hill / Sun / Flowers
6.
Pain bucket
Adds a ļ¬ll inside a shape and can change the color of a ļ¬ll.
Tree/flowers/clouds/hill/grass
7.
Pencil Tool
Draw an object
Dog / Birds / Tree / Girl

Saturday, June 14, 2014

6th : ADMIN PAGE, VIEW USER, DELETE USER, UPDATE USER Using PHP

Admin Page: create Admin database


1. go to localhost > PHPmyAdmin > masukkan username and password > create new table > namakan, e.g: adminregister > masukkan maklumat id, username, password, level






2. go to insert > isikan username dan password ( admin dapat login pada LoginAdmin untuk access maklumat user ) > Go 







Done!

**************************************************************************************************************
AdminPage : LoginAdmin.php


1. buka Dreamweaver > taip seperti di atas.
2. server behaviors > + > user authentication > login user > OK > save as loginadmin.php
Done!

**************************************************************************************************************

Admin Page: ViewAdmin.php

Dreamweaver > new > blank page > PHP > create > create table : view user, user, add, update user, delete seperti di bawah > save as viewadmin.php


View User

RecordSet berfungsi untuk membaca semula data daripada fail database.
2.       File > New > PHP > Create > Insert > Form > Table
3.       Activate the Server Behaviors tab, klik ‘+’ dan pilih Recordset ( Query )
4.       Drag sahaja elemen-elemen tersebut masuk dalam table yang anda buat dalam view.php
 5. Seterusnya, highlight semua bahagian dalam view.php, then klik ‘+’ button pada panel dan pilih Repeat Region.
6.       Pilih RecordSet1 dan pilih All Record kemudian klik ‘OK’.



Delete User

1. letak cursor pada row bawah Delete User > ago to insert > form > button > Value tukar kepada Delete 
2. go to insert > hidden field > Properties : Hidden Field : hd_del , Value: klik id > OK
3. server behaviors > + > delete record > OK

Done!
=======================================

Update User

1. highlight Update > server behaviors > + > go to detail page > pilih detail page > OK

Friday, June 13, 2014

5th : Dynamic Web using XAMMP

Langkah-langkah Membina Class Registration.
1.Untuk memulakan satu projek laman web, ADCS3 menyediakan fungsi untuk mencipta tapak web yang akan menempatkan kesemua fail-fail web seperti HTML, imej, multimedia, skrip seperti JavaScript, templat dan lain-lain. Ini memudahkan fail diurus/dipindahkan.


1.       Pergi pada Site > New Site
2.       Isikan nama site anda itu, contoh : projekfatinn
3.       Untuk URL site isikan http://localhost/exercise1/
4.       Then klik next
5.       Pilih “Yes, I want to use a server technology.
6.       Pilih server yang anda gunakan. Contoh PHP MySQL. Selepas itu klik next





7.        Kemudian, anda perlu test URL yang anda masukkan tadi.
8.       Kalau keluar box seperti di bawah, maknanya site anda Berjaya dibina.


9.       Finish 


.......................................................................................................................................................................
 
"Setup Database file in Access". Aplikasi yang digunakan adalah Microsoft Access. 

1. Pilih "new database" dengan mengklik "Blank Database"



2. Jangan lupa untuk menukar tapak menyimpan fail ini di dalam 

C:/xammp/myql/data/exercise1.mdb




3. Then klik butang create. Simpan fail database dalam MS 2002-2003 dengan format .mdb (exercise1.mdb)
4. Buat database anda dalam jadual seperti berikut :



5. Selepas itu masukkan apa yang anda mahu isi dalam database tersebut. Kita boleh pilih format untuk data yang mahu diisi, contohnya, textnumber atau lain lain. 



5. Untuk bahagian address dan remarks, anda perlu pilih data jenis "Memo" sebab ia boleh isi lebih banyak character berbanding Text. Bagi phone pula pilih numeric sebab jenis data adalah nombor.  






6. Seterusnya, simpan fail anda seperti di bawah :

a. Pergi File > Save&Publish > Save Database As > Access 2002-2003 Database > Save As





.......................................................................................................................................................................
 
 
Setup the Connection 

1.       Pergi File > New > PHP > create
2.       Pergi pada window di toolbar then klik panel databases.
3.       Klik tanda ‘+’ pada panel databases dan pilih “MySQL Connection”
4.       Apabila dah klik ia akan popup window seperti di bawah


5.       Isikan maklumat yang dikehendaki seperti di atas.
6.       Bagi username dan password ia adalah security yang telah kita buat dalam localhost xammp.
7.       Sekiranya tiada database untuk diconnectkan, bermakna anda tidak create database PHP menggunakan MySQL.
8.       Jadi anta hanya perlu pergi ke enjin pencarian internet anda, contohnya, GOOGLE dan type ‘localhost’. Sekiranya xammp anda telah dihidupkan, maka ia akan memaparkan seperti di bawah :


Sekiranya, ia memaparkan IIS maka anda perlu menghentikan server IIS dan menghidupkan server XAMPP dalam Xampp Control Panel. Sekiranya juga anda tiada XAMPP dalam computer anda, anda boleh mendownload ia melalui internet.

9.       Seterusnya, pergi pada security untuk menetapkan username dan password. Pastikan anda menghafal username dan password yang anda masukkan.

10.   Selepas selesai menetapkan username dan password, anda perlu mengklik pada bahagian tools iaitu phpMyAdmin untuk memasukkan database.


11.   Create table dalam MySQL. Then klik save.
12.   Apabila database anda dalam MySQL telah dibina, maka anda boleh membuat connection pada database tersebut.



13.   Apabila anda mengklik button test, window seperti di bawah akan keluar. Connection anda telah siap.


.......................................................................................................................................................................
   
Setup the Contact Form
1.       File > New > Blank Page > PHP > Create


2.       Insert > Form


3.       Selepas itu masukkan butiran yang dikehendaki then masukkan Textarea seperti gambar di bawah.

4.       Apabila anda memasukkan Textarea, window seperti di bawah akan keluar, anda hanya perlu klik ‘OK’. 

5.       Anda boleh mengedit Textarea anda melalui Properties.



6.       Jangan lupa untuk memasukkan button Submit di bahagian bawah form.


7.       Simpan fail anda di dalam site yang anda bina tadi 
C:/xammp/htdocs/projekfatinn