CP5310: E-business Technologies

CP5310: E-business Technologies

Lecturer: Dr. Cue NguyenLab assistant: Dion

About Instructor• Name : Dion Nguyen• Interesting Fields: Web Technology, Social Media, Mobile

Learning, Interactive Design and Development• Email: anhduc.nguyen77000@gmail.com • Discussion Blog: http://dionnguyenjcu.wordpress.com/

Overview

• Modern web technologies nowadays: flash, html, xml, css, javascript, jquery, php and mySQL.

• Weight:• Worth 10% (attendance + practical)• Useful for Web Project (40%)• Many programming questions in final examination ( 30%)

Lab 1: Introduction of Flash

History of Flash• mid-1990s – FutureSplash Animator• First version of Flash professional• Vector animation program

• - 1996 – Macromedia bought it and renamed it Flash• - 2005 – Adobe bought Macromedia• Flash CS3 (2007) – Action Script 3.0 (OOP)• Flash CS4 (2008) – Animation and Designer• Adobe CS5 (2010) – Basic 3D• Adobe CS5.5(2011)• Current version: Flash CS6

• Now – Flash is the leading technology for graphics, animation, and video on the Web

Flash Authoring Environment• Basic structures:• Stage• Tool Panel• Timeline• Library

• Three kinds of files:• Movies : .swf• Documents: .fla• Files with action script: .as

stage

Tool Panel

Timeline Panel

Library Panel

Short Cut Keys• Insert Frame :F5• Insert key frame :F6

- Key frame: defines the starting and ending points of any smooth transition.

• Insert blank frame: F7• Insert New Symbol: Ctrl + F8• Convert object to symbols: F8• Ctrl+L: Open Library• Ctrl+R: Import to Stage

Practice

Now, Put your hand in!

Drawing Shapes in Flash

• Fill• Stroke• Hold Shift key for a perfect square or circle• Selection tool, sub-selection tool (specific point on the shape)• Click or double-click on a shape• Click or double-click on a shape and drag it• Ctrl-Z to undo• Delete a shape, shapes, fill and stroke• Primitive rectangles/ovals• Shift and click multiple selections

Animation• Frame and Key Frame• http://www.youtube.com/watch?v=4mupkhM1LUo• http://www.youtube.com/watch?v=r6JZjrapV-Q

• Shape tweens• Frame-by-frame animation• Motion tweens

• Learn Flash Professional CS6 • http://tv.adobe.com/show/learn-flash-professional-cs6-/