My First Flash movie

https://sites.google.com/site/millyrezz/authoring-stuffs/flashmovie.swf?attredirects=0

Well, this week is quite a busy week for me because there are a lot of school stuff to be done. By the way,  manage to steal some time to make a very simple flash animation. Yes, may be there is so much more to improve but this is just for a beginning ;)

In this simple animation, I draw the image of the cat using onion skin tools technique..it's quite easy because the drawing is a simple one. But I really have trouble to make the image of the cat looks 'moving'. .I really confused whether I should use motion tweening, shape tweening or just draw the different animation on each frame. Because I have totally no experience with this flash stuff before. So I just try based on my current understanding so far..

So if anyone have any suggestions to improve this movie, just let me know..I really appreciate it..I'm still learning to be good user of Flash CS3

First Session with Flash CS3

For week 2, we had session with flash. It's quite a new things for me. The learning points are the introduction of Flash CS3, the user-interface and the tools. The first skill I've tried in Flash CS3 is Tracing image with  onion skin tools. I think this skill is very interesting and useful in creating graphics in Flash.

Tracing Image with the Onion Skin Tools

We were required to sketch the image of duck by using this skill. The original image of duck is shown as follow:

The step by step process are:

1.   Open a new flash file by selecting File > New. 

2.   Import the picture you want to trace by selecting File > Import and then 

      selecting the image from it’s location on your computer.   

3.   Resize the image to a size suitable for tracing by selecting the image          

      and using the Free Transform tool (pictured here). 

4.   Your image will currently be located on keyframe 1 of layer 1 of the timeline.   

      To be able to trace the image we are going to add another keyframe.  To do  

      this, select the frame next to the current keyframe and select Insert >  

      Timeline > Keyframe.  Your timeline will now have two keyframes with the  

      picture appearing in both. 

5.   Click on the second keyframe and then select your image on the stage. 

      Delete the image from the second keyframe by selecting the Delete key 

      on your keyboard.  Alternatively just cut the image by selecting Ctrl + x. 

       Your timeline should now look like this.  In this first keyframe on your  

      timeline, you will see that the circle is filled in.  The second keyframe  

      contains an outline of a circle.  This means it is currently empty.   This second  

      keyframe is where you are going to draw your image.     

   

6.   Click on the second keyframe in your timeline and click on the onion skin  

      tool.   This will enable you to see a faint version of your image in the second  

      keyframe. 

7.   Using the drawing tools of your choice, trace over the faint image in the  

      second keyframe to create your own drawing. 

   

8.   Once you are happy with your image, you no longer need the original  

      graphic in your Flash file.   Remove it by deleting the first keyframe in the 

      timeline.  To do this, select the first keyframe and then right click on your 

      mouse and select Remove Frames from the menu that appears. 

9.   You will find that you now just have one keyframe containing the image that 

      you have drawn.   This image is now ready to be converted to a symbol, 

      animated or even exported to use in another graphics application. 

10.   Your final step is to turn the onion skinning off.  Click on the Onion Skin  

        Tool button to do this.  

HINTS: This trick is great if you aren’t really confident at drawing.  Just 

remember to ensure that your image isn’t exactly the same as the 

original.      

And the outcome (after I put some editing) looks like this..

17 QS

Standalone Applications and Web.

1. Are both using the same technology?

Yes in some extent..depends on the objective or purpose of the applications. As for example in the stage of design process and the choice of material, they could use the same technology such as Flash, Dreamweaver etc. as a tool to create the content.
The obvious different is that the web application can be accessed though internet. In the other hand, standalone application can work offline i.e. does not necessarily require network connection to function.

2. What are the differences?

A web application is an application that is accessed over a network such as the internet or an intranet. The term may also mean a computer software application that is hosted in a browser-controlled environment (e.g. a Java applet) or coded in a browser-supported language (such as JavaScript, combined with a browser-rendered markup like HTML) and reliant on a common web browser to render the application executable.

Standalone applications stands on its own without requiring a connection to a local area network (LAN) or wide area network (WAN).

3. When is the appropriate time to develop standalone applications or web-based application?

Web based application is develop when the internet connection is easily accessible among the targeted user or community while the standalone application is developed when the objective of the software does not require additional internet links and have sufficient content to work offline (suitable to be use without internet connections).

4. Which one you prefer?

Standalone application is restricted to certain resource only. I prefer web applications because it provide broader source for the user to explore.

Courseware

1. What is an educational courseware?

Courseware is 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. Many companies are using the term to describe the entire "package" consisting of one 'class' or 'course' bundled together with the various lessons, tests, and other material needed. The courseware itself can be in different formats, some are only available online such as html pages, while others can be downloaded in pdf files or other types of document files. Many forms of e-learning are now being blended with term courseware. Most leading educational companies solicit or include courseware with their training packages.

2. What are multimedia elements that can be integrated into a courseware?

Multimedia element such as text, graphics, audio, video and streaming links can be integrated to develop an educational software.


3. How to distribute a standalone multimedia courseware?

Standalone multimedia courseware can be distributed by using CD-rom or DVD


Web

1. What is a webpage, website, portal?

Webpage : A document connected to the World Wide Web and view able by anyone connected to the internet who has a web browser

Website : A computer connected to the internet that maintains a series of web pages on the World Wide Web

Portal : A web portal or links page is a 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?

Multimedia element such as text, graphics, audio and video can be integrated into web page

3. How to integrate graphics into a webpage?

Integrate graphic into webpage by using authoring software such as Dreamweaver to insert desired graphics.

4. What are the graphics file extensions that can be accepted in WWW medium?

The PNG, JPEG and GIF format are often used in WWW medium

5. How to integrate audios videos into a webpage and what are the file extensions?

By using authoring software like Dreamweaver. The common file extension are .avi, .flv, .mov and .swf

6. How to integrate animations into a webpage and what are the file extensions?

By using authoring software like Dreamweaver. The common ffile extension are .fla, .gif and .swf

7. What are the software that can be used to develop a webpage?

Software such as Adobe Dreamweaver, HTML editor, Flash and Photoshop can be used to develop webpage

8. How to make your webpage interactive?


Make webpage interactive by putting the element of interaction between user and the webpage. The webpage
not just include text, but have a balance between other multimedia element such as graphic, video, audio or animation (where necessary).

9. What are the skills that you have to learn to make your webpage interactive?

Skill to integrate all the multimedia elements into an interactive webpage


10. What are ASP, JSP, Cold Fusion, PHP etc?

ASP - Active Server Pages commonly known, is Microsoft’s first server side scripting engine that enables you to make dynamic and interactive web pages


JSP - JavaServer Pages (JSP) is a Java technology that helps software developers serve dynamically generated web pages based on HTML, XML, or other document types


PHP - Hypertext Preprocessor is a widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages..

Cold Fusion - is a programming language based on standard HTML (Hyper Text Markup Language) that is used to write dynamic webpages

Greetings ;)

Today is my first day on first week of this course..
after a long long break..it's some kind of blues to walk in again to the class room
but that's okay..i hope i will get over it soon..hopefully ;)
For today's class i'm so relieved to see some of familiar faces, looks like i'm not 'alone' in this course..
really hope that i can cooperate well with the classmates..
and the lecture also got a warming impression to me..after all she makes us excited to offer us to join the 'ipad2 learning experience'
i cant wait ;p
actually i don't really have a strong basic in authoring..i used to learn authorware in college..and have some basic knowledge of basic programming using C++ in university..that's all and i'm afraid the knowledge is outdated..i hope i can learn fast in this couse..by the way i'll try my best..