Wednesday, 28 September 2011

Sharing is Caring : How to upload and embed Flash SWF file into blogspot?

Hai kawan2...best kan design n develop animasi guna Flash. So, saya nk kongsi macam mana nk embed Flash file (.swf) dalam blog.
Antara langkah-langkahnya iaitu :

1) Upload file .swf di https://sites.google.com.


2) Highlight the 'View' link, right click and copy link location

3)Open New Post from the blog. Click Edit HTML.



4) Copy coding HTML and paste into your blog.

HTML Codes :

<embed type="application/x-shockwave-flash" src="https://sites.google.com/site/heyymyauthoringsystem/my-first-flash/motionguide.swf?attredirects=0" pluginspage=" http://www.macromedia.com/go/getflashplayer" height="400" width="500"></embed>

5) Change your link address starting from the red codes and then paste your link address that you copy from https://sites.google.com.

That's all that I know and share wiht you.:)

p/s : Saya dh tryn sudi2 la view blog saya..hehe

M3 : Animation in Flash

Minggu ke-3 belajar teknik animasi kartun dalam kaedah pembelajaran Flash. Best kan dapat belajar Flash n design animasi..Tak sabar nk tunggu minggu seterusnya. Good luck kawan2..:)

Using Motion Guide Animation




Image Sequence






Traditional Animation

Saturday, 24 September 2011

Heyy, My 1st Flash Movie

Assalamualaikum everyone...

I am very appreciate if you feel free to visit my first flash movie. It's a simple flash.
Please drop some comments and critique to my Flash Movie.

https://sites.google.com/site/heyymyauthoringsystem/my-first-flash/SelamatHariMalaysia.swf?attredirects=0




Here by, the step how I am design and develop for my first Flash Movie :

1) Create three rectangle with different colors.
2) Make a transform tool for every keyframe that you want.
3) Create a motion tween for three rectangle.
4) Import two flag image to the stage.
5) Modify - Bitmap - Trace bitmap
6) Insert a text to make likes a typing effect.
7) Make a break part for every single word.
8) Import any picture to make a trace image.
9) Import any picture (.png) to the library to make an effect.
10) Right click - Timeline effect - Transform/Trasition - Transition

Sorry if my explanation is so simple because I don't know how to explain by word.
I am feel free to help you.
Thank You.

Friday, 23 September 2011

M2 : Heyy, My 1st Drawing Duck




Tracing Images With The Onion Skin Tool in Flash CS3

- Adakah anda seorang yang kreatif dan tangan seni? Saya memang bukan tangan seni.just tahu lukis orang lidi je.Tetapi dengan perisian Adobe Flash CS3, dah x perlu risau sebab kita boleh trace gambar asal dan lukis dgn menggunakan pencil tool.

- Antara langkah-langkah trace gambar iaitu :

 1) Import gambar (Contoh : Duck) ke dalam library Flash
 2) Pada layer 1 akan dipaparkan keyframe.
 3) Copy duck tersebut dan paste di keyframe kedua.
 4) Delete duck pada keyframe pertama.
 5) Paparan duck akan dipaparkan dengan kabur.
 6) Klik pada pencil tool, lakarkan setiap bentuk pada duck tersebut.
 7) Anda akan lihat gambar lakaran sama dengan gambar asal.

Selamat Mencuba!!!

Tuesday, 20 September 2011

Web?? What is it??


Web
1.      What are a webpage, website, and portal?
      Webpage
-    document or information resource that is suitable for the World Wide Web and can be accessed through a web browser and displayed on a monitor or mobile device
-    consist of files of static text and other content stored within the web server's file system
-    be retrieved from a local computer or from a remote web server

      Website
-    collection of related web pages containing images, videos or other digital assets
-    contain a group of web pages that are linked together, or have some other coherent method of navigation

      Portal
-    web site that functions as a point of access to information on the World Wide Web

2.      What are multimedia elements that can be integrated into a webpage?
a)      Sound
b)      Music
c)      Videos
d)     Animations

3.      How to integrate graphics into a webpage?
a)      Edit your Publish settings for Flash SWFs and HTML to reflect how you want your Flash SWF to appear in your web page.
b)      Export your Flash movie as HTML.
c)      Locate your HTML file on your computer, right-click, and select "Open With".
d)     Choose either Notepad or another text editor.
e)      Copy the source code from the HTML file.
f)       Paste it into your web page's source code in the appropriate location where you want your SWF file to display.
g)      Edit the file path to reflect the location of the SWF file on your web server, and upload both your HTML and SWF file to the appropriate directories on your server.

4.      What are the graphics file extensions that can be accepted in WWW medium?
a)      Flash
b)      Shockwave
c)      Java applet

5.      How to integrate audios videos into a webpage and what are the file extensions?
      Video
If the video from YouTube, when you click the Share button, the HTML code used to embed a link that video is displayed directly below it, however that's not what we are after--we want to directly embed the video into the page. We do that by clicking the Embed button which is displayed directly below the Link URL, as shown below. 

Once you click the Embed button, you will see the HTML code for embedding the video, as shown below.


By clicking your mouse within the new embed code (in the form field), all the text in that field is highlighted. You then right mouse click in that field, and select Copy from your browser's drop down that will appear when you right click in the field, as shown here:
Then, paste the source code and save the page, upload it to your web server using an FTP client, and view it in your browser!
AVI
.avi
WMV
.wmv
MPEG
.mpeg / .mpg
QuickTime
.mov
RealVideo
.rm / .ram
Flash
.flv / .swf
Mpeg
.mp4

      Audio
  1. Open your Web page in an HTML editor. Your editor must have the ability to edit the source code to follow this tutorial.
  2. When you're done, your HTML should look like this:
<object>
<param name="autostart" value="true">
<param name="src" value="eureka.wav">
<param name="autoplay" value="true">
<param name="controller" value="true">
<embed src="eureka.wav" controller="true" autoplay="true" autostart="True" type="audio/wav" />
</object>
MIDI
.mid / .midi
RealAudio
.rm / .ram
Wave
.wav
WMA
.wma
MP3
.mp3 / .mpga

6.      How to integrate animations into a webpage and what are the file extensions?
a)      Edit your Publish settings for Flash SWFs and HTML to reflect how you want your Flash SWF to appear in your web page.
b)      Export your Flash movie as HTML.
c)      Locate your HTML file on your computer, right-click, and select "Open With".
d)     Choose either NotePad or another text editor.
e)      Copy the source code from the HTML file.
f)       Paste it into your web page's source code in the appropriate location where you want your SWF file to display.
g)      Edit the file path to reflect the location of the SWF file on your web server, and upload both your HTML and SWF file to the appropriate directories on your server.

7.      What is the software that can be used to develop a webpage?
a)      Adobe Dreamweaver
b)      Microsoft Visual Studio
c)      Text editor
d)     HTML editor

8.      How to make your webpage interactive?
Insert a Flash montage

9.      What are the skills that you have to learn to make your webpage interactive?
a)      Adobe Flash CS 3 -> to design an animation banner
b)      Adobe Photoshop -> to design

10.  What are ASP, JSP, Cold Fusion, PHP etc?
a)      Open source programming
b)      Using to develop a website

Heyy, Educational Courseware!!!


Courseware
1.   What is an educational courseware?
-    A term that combines the words 'course' with 'software'.
-    Its meaning originally was used to describe additional educational material intended as kits for teachers or trainers or as tutorials for students, usually packaged for use with a computer.
-    The term's meaning and usage has expanded and can refer to the entire course and any additional material when used in reference an online or 'computer formatted' classroom.

2.   What are multimedia elements that can be integrated into a courseware?
     Multimedia elements such as audios, videos, graphic texts and effects.

3. How to distribute a standalone multimedia courseware?
a)      CD-ROM
b)      Website / Portal


Standalone Applications vs Web


Standalone Applications and Web.
1.      Are both using the same technology?
No

2.      What are the differences?
Standalone application
Web
Can work offline
Can work online
platform-dependent
platform-independent
a software program does not require any software other than the OS
static or dynamic webs which have an interactive multimedia such as audio, video and  graphic text.
3. When is the appropriate time to develop 
standalone applications or web-based application?
       Standalone applications :
-          Can work offline
-           can only work with local data due to the non existing internet connection
       Web-based application :
-          Can work online
4. Which one you prefer?
      Web