COAP:COAP-2160/week1: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
|||
| Line 1: | Line 1: | ||
== Week 1 - Create fancy animated presentations with impress.js == | == Week 1 - Create fancy animated presentations with impress.js == | ||
Prerequisites | '''Prerequisites''' | ||
* [http://www.w3.org/MarkUp/Guide/ Getting started with HTML] (for Ghazzawi) | |||
* [[HTML and XHTML elements and attributes]] | * [http://www.w3.org/MarkUp/Guide/ Getting started with HTML] (mandatory reading for Ghazzawi and other students without prior HTML knowledge) | ||
* [[HTML and XHTML elements and attributes]] (moving on ...) | |||
== Monday == | == Monday == | ||
| Line 62: | Line 63: | ||
* You can freely choose a topic and reuse prior work. | * You can freely choose a topic and reuse prior work. | ||
'''Option B''' ('''Only''' for students without prior Flash knowledge !) | '''Option B''' ((to be confirmed !!, '''Only''' for students without prior Flash knowledge !) | ||
* Create an animation with Flash CS6 using motion tweens. | * Create an animation with Flash CS6 using motion tweens. | ||
* The moving object must have an embedded animation. In other words, there will be an motion animation on the main time line and another one within the symbol that is being animated. | * The moving object must have an embedded animation. In other words, there will be an motion animation on the main time line and another one within the symbol that is being animated. | ||
| Line 70: | Line 71: | ||
* Wednesday, week 2 '''before class''' | * Wednesday, week 2 '''before class''' | ||
* Option A (impress.js): Your presentation must be uploaded as a zip file to the Worldclassroom (Canevas) | * Option A (impress.js): Your presentation must be uploaded as a zip file to the Worldclassroom (Canevas) | ||
* Option B (Flash): Upload the *.fla file to the Worldclassroom | * Option B (Flash): Upload the *.fla file to the Worldclassroom (to be confirmed !!) | ||
== Documentation / Links == | |||
; Impress.js | |||
* [[impress.js]] (documentation in this wiki) | |||
* [https://github.com/bartaz/impress.js Official impress.js website] (including downloads, examples and links to other resources) | |||
; Flash | |||
* [[Flash tutorials]] and/or [[COAP:COAP-2110|COAP-2110 program]] | * [[Flash tutorials]] and/or [[COAP:COAP-2110|COAP-2110 program]] | ||
* ... more to come .... | * ... more to come .... | ||
Revision as of 11:12, 26 August 2013
Week 1 - Create fancy animated presentations with impress.js
Prerequisites
- Getting started with HTML (mandatory reading for Ghazzawi and other students without prior HTML knowledge)
- HTML and XHTML elements and attributes (moving on ...)
Monday
Impress.js demos
- impress.js
- Examples and demos (some)
Student activities / impress.js
- Download impress.js from
- https://github.com/bartaz/impress.js
- (find the Download ZIP button to the right)
- Unpack the zip archive
- Copy index.html to project1.html
- Copy index.html to save.html
- Modify contents of project1.html
Flash CS6 crash course
(Starting on Monday, continued on Wednesday, for students without prior knowledge)
- Elements of the Flash Desktop
- Handout: Flash CS6 desktop tutorial
- Handout: Flash CS3 keyboard shortcuts
- Creating simple Drawings
Topics: Stage size, Drawing modes, Selecting objects, Drawing and painting tools, Erasing and alignment, Colors, Adding text
- Handout: Flash drawing tutorial
- Simple use of Layers
- Handout: Flash layers tutorial
- Importing clipart and textures
- Resource: Clipart and texture
- In a nutshell: Get SVG objects from http://openclipart.org/ and import via Illustrator
- Introduction to motion animation
- Previews: flash-cs-4-motion-tweening.html
- Handout: Flash CS6 motion tweening tutorial
- Summary: Flash animation summary (optional)
- Embedded movie clips
- Previews: flash-cs-6-motion-tweening-a-clip.html
- Handout: Flash embedded movie clip tutorial
Wednesday
- Impress.js continued
- Flash Crash course continued
Homework
Option A (Students with prior Flash knowledge)
- Create a presentation with impress.ch
- You can freely choose a topic and reuse prior work.
Option B ((to be confirmed !!, Only for students without prior Flash knowledge !)
- Create an animation with Flash CS6 using motion tweens.
- The moving object must have an embedded animation. In other words, there will be an motion animation on the main time line and another one within the symbol that is being animated.
Due
- Wednesday, week 2 before class
- Option A (impress.js): Your presentation must be uploaded as a zip file to the Worldclassroom (Canevas)
- Option B (Flash): Upload the *.fla file to the Worldclassroom (to be confirmed !!)
Documentation / Links
- Impress.js
- impress.js (documentation in this wiki)
- Official impress.js website (including downloads, examples and links to other resources)
- Flash
- Flash tutorials and/or COAP-2110 program
- ... more to come ....