COAP:COAP-2110: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(74 intermediate revisions by the same user not shown)
Line 1: Line 1:
<pageby nominor="false" comments="false"/>
== Introduction ==
== Introduction ==


This is the resource page for my Fall I 2007 Webanimation ([[Flash]]) COAP 2110 course at Webster University, Geneva. This page does not replace the official syllabus file, but it allows students to navigate more efficiently through the materials
This is a program for an introductory Flash course. It is based on my Webanimation ([[Flash]]) course at [http://www.webster.ch/ Webster University], Geneva. '''This is not the official syllabus nor the official program. See the (closed) Worldclassroom (Blackboard)'''.


; Course level learning outcomes (roughly)
; Major topics (roughly)
# Know the organization and tools of the Macromedia CS3 Flash Desktop
# Know the organization and tools of the Macromedia CS6 Flash Desktop
# Create simple drawings
# Create simple drawings
# Manipulation of graphics (e.g. envelope transforms, color gradients)
# Creating and using layers
# Use of embedded movie clips
# Frame-by-frame, motion and shape animations
# Frame-by-frame, motion and shape animations
# Creating and using layers
# Making use of non-Flash media files (graphics, sound and video)
# Reusable Flash: symbols, instances and templates
# Interactivity in Flash, e.g. use of buttons, button components and some action script
# Incorporating non-Flash media files (graphics, sound and video)
# Create animated Splash pages in Flash
# Simple interactivity in Flash, e.g. use of buttons and some action script
 
; Teaching materials
* [[Flash]] tutorials in this wiki
* Veer, E.A. Vander and Chris Grover (2007). Flash CS3: The Missing Manual. ISBN 0596510446 - 527 pages.
** [http://www.oreilly.com/catalog/9780596510442/ O'Reilly page] for the book
** [http://www.missingmanuals.com/cds/flashcs3tmm/ Missing CD-ROM], materials used in the book.
* Flash Tutorials on the Internet
 
; Reference and overviews
* See the [[Flash]] article for some good links to the Adobe web site (introductions and reference manuals)
* [[Flash CS3 keyboard shortcuts]]
* [[Flash formats and objects overview]]


; Tips of the week
== Weekly programs ==
* '''Lock''' layers when you don't work with them !


== Program ==
Templates:
The program will be adjusted according to students' progress. However, grading scheme, homework policy and such will remain stable.
* [[COAP:COAP-2110/grading form|Grading form]]
* [[COAP:COAP-2110/doctemplate|homework template]] (to paste into the Flash file documentation: ''Modify->Document'' or hit CTRL-J)


=== Week 1 ===
''' Weekly programs''' (including homework, exams and term project)
* [[COAP:COAP-2110/week1|Week 1 - Homework 1]]
* [[COAP:COAP-2110/week2|Week 2 - Homework 2]]
* [[COAP:COAP-2110/week3|Week 3 - Homework 3]]
** [[COAP:COAP-2110/mid-term|Mid term exam information]] (week 5)
* [[COAP:COAP-2110/week4|Week 4 - Homework 4]]
* [[COAP:COAP-2110/week5|Week 5 - Homework 5 / Midterm]]
* [[COAP:COAP-2110/week6|Week 6 - Homework 6]]
* [[COAP:COAP-2110/week7|Week 7 - Homework 7]]
* [[COAP:COAP-2110/week8|Week 8 - project presentations - final]]
** [[COAP:COAP-2110/final|final exam information]]
* [[COAP:COAP-2110/term project|Term project]]


; Elements of the Flash Desktop
== Teaching materials ==
* Handout: [[Flash CS3 desktop tutorial]]
* Handout: [[Flash CS3 keyboard shortcuts]]


; Creating simple Drawings
Also look at each weekly program !
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
; Teaching materials
* Handout: [[Flash layers tutorial]]
* [[Flash tutorials]] (a list of Flash tutorials in this wiki, not all are used in this class)
* [[EduTech Wiki:Books/Flash CS6 - First steps|Flash CS6 - First steps]] List of tutorials used in this class + some extras. Also available as PDF


; Importing clipart and textures
* Chris Grover (2012). Flash CS6: The Missing Manual, O'Reilly.
* Resource: [[Clipart]] and [[texture]]
** [http://shop.oreilly.com/product/0636920022787.do O'Reilly page] for the book
** [http://missingmanuals.com/cds/flashcs6mm/ Missing CD-ROM] or [http://examples.oreilly.com/0636920022787/ zip files], materials used in the book.
* Flash Tutorials on the Internet, e.g. see [[Flash and AS3 links]]


=== Week 2 ===
; Reference and overviews


; Frame-by-frame animation
* [[Flash]] (Tech overview)
* Previews: [http://tecfa.unige.ch/guides/flash/ex/frame-by-frame-intro/flash-cs3-shaking-hello.swf Shakin hello], [http://tecfa.unige.ch/guides/flash/ex/frame-by-frame-intro/flash-cs3-rocket-uncompressed.swf Rocket]
* [[Flash CS3 keyboard shortcuts]]
* Handout: [[Flash frame-by-frame animation tutorial]]
* [[Flash formats and objects overview]]
 
; External resources:
; Introduction to motion animation
* [[Flash and AS3 links]] - Pointers to other documentation, including manuals and tutorials
* Previews: [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-tweening.swf Moving cat], [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-shape-tweening.swf Moving, changing cat], [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-guide-tweening2.swf Flying Rocket]
* Handout: [[Flash motion tweening tutorial]]
* Summary: [[Flash animation summary]]
 
=== Week 3 ===
 
; More about drawing / Transformation of graphic objects
* Previews: [http://tecfa.unige.ch/guides/flash/ex/colors-intro/flash-cs3-colors-intro.html Colors]
* Handout: [[Flash object transform tutorial]]
* Handout: [[Flash arranging objects tutorial]]
* Handout: [[Flash colors tutorial]]
 
; Shape tweening
* Previews: [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-tweening-intro.swf Simple shape morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-tweening-tear.swf Simple shape and motion morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-picture-morphing.swf traced bitmaps morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-tweening-in-motion.html Shape tweening in motion]
* Handout: [[Flash shape tweening tutorial]]
 
=== Week 4 ===
 
; Introduction to buttons and some ActionScript
* Previews: [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-simple-slide-show.swf Simple slide show], [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-rocket-launcher.swf Rocket launcher], [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-simple-menu-site.html Menus with buttons], [http://tecfa.unige.ch/guides/flash/ex/buttons-intro/flash-cs3-image-map.html Image maps with pictures].
* Handout: [[Flash button tutorial]]
 
==== Mid-term Exam (Week 4) ====
I will test points mentioned in the [[Flash animation summary]] (read this to check what you should know)
* Contents: You will receive a *.fla file to complete/repair. Several tasks must be completed, some easy and some more difficult.
 
Prepare for the following subjects:
* Motion guide tweening
* Motion tweening with a shape modification (simple transform or tint)
* Shape tweening
* Color gradients
* Simple transforms (e.g. size)
* Drawing (only a little bit)
 
Other information:
* All materials are allowed (e.g. books, handouts, web pages)
* Use of communication tools is '''strictly forbidden''' (no chat, no mail, etc.). No talking between  students. Offenders may get an F.
 
=== Week 5 ===
* Using sound and the button component
* The Term project
 
; Discussion
* Some past homework
* mid-term exam and term projects
* planning of term projects, the design process
* What do we mean by "quality?"
 
; Flash components
* Previews: [http://tecfa.unige.ch/guides/flash/ex/components-intro/flash-cs3-simple-slide-show-menu.html Slide show with component button menu],
* Handout: [[Flash components tutorial]]
 
; Sounds
* Previews: [http://tecfa.unige.ch/guides/flash/ex/sound-intro/flash-cs3-cloud-animation-sound.html Cloud animation with sound], ([http://tecfa.unige.ch/guides/flash/ex/drag-and-drop-intro/flash-cs3-drag-and-drop-matching-3.html Drag and drop edutainment]
* Handout: [[Flash sound tutorial]] (adding sound to Frames)
 
=== Week 6 ===
'''IMPORTANT''': The Wednesday October 3 class is cancelled. To catch up we decided to add 20 minutes to four classes, starting Monday, October 1.
 
; Flash Video
* The FLV Video playback component
* The captioning component
* Dealing with cue points (jumping to cue points, using events generated by cue points)
* Previews:
** [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-simple-server.html Simple use of the FLVPLayback component]
** [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-simple-server-caption.html flash-cs3-video-simple-server-caption.html] (captions)
** [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-simple-server-caption2.html flash-cs3-video-simple-server-caption2.html] (captions)
** [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-simple-embedd.html flash-cs3-video-simple-embedd.html] (simple embedding)
** [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-timeline-embedd.html flash-cs3-video-timeline-embedd.html] (embedding with animation)
** [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-cue-events.html flash-cs3-video-cue-events.html] (use cue points to trigger animations)
* Handout: [[Flash Video component tutorial]]
 
; Special effects for motion animation
* Timeline special effects (short summary)
* Handout: [[Flash special effects tutorial]] (will not be distributed in class)
 
; Term project
* Short follow-up discussion
 
=== Week 7 ===
(provisional planning)
 
; Interactivity
* Preview: [http://tecfa.unige.ch/guides/flash/ex/drag-and-drop-intro/flash-cs3-drag-and-drop-matching-3.html Drag and drop edutainment]
* Handout: [[Flash drag and drop tutorial]]
 
; Delivery
* Fine tuning publish settings
* Preloaders
 
; Term project
* Each student will present the design of his term project (informal discussion, but I expect everyone to come prepared with a design in mind !)
 
=== Week 8 ===
(provisional planning)
* Final exam
* Presentation of term projects
 
== Old Homework ==
 
* [[Help:COAP-2110/hw1|Homework 1]]
* [[Help:COAP-2110/hw2|Homework 2]]
* [[Help:COAP-2110/hw3|Homework 3]]
* [[Help:COAP-2110/hw4|Homework 4]]
 
== Current and next homework ==
 
{{:Help:COAP-2110/hw5}}
 
{{:Help:COAP-2110/hw6}}
 
== Term project ==
 
=== Kinds of projects ===
 
The term project can take several forms, e.g.
* A splash page
* A multimedia presentation (audio, pictures, movie clips etc.)
* An educational animation (explaining a concept)
* An animated comic strip
* A sophisticated animated logo
* Part of a game (difficult)
 
=== Constraints and major evaluation criteria ===
 
* Clear objectives and that are met
* Aesthetics
* Usability
* Good code
 
=== Elements that must be included ===


* Button that leads to a credits page
; Assets
* A 1-page report (as Word, PDF or HTML File) handed in separately. Use the same kind of structure as in the [[Help:COAP-2110/doctemplate homework template]], but make it a bit longer and better than for a typical homework.


=== Advice ===
* [[Clipart]], in particular check out http://openclipart.org/ and import via Illustrator
* [[Texture]]
* [[Sound Assets]]


* Make it a reasonable project
* Typically, it should not exceed three times the length of a typical homework project
* Focus on quality.


[[Category: Courses and workshops]]
[[Category: Courses and workshops]]

Latest revision as of 15:39, 14 November 2016

Introduction

This is a program for an introductory Flash course. It is based on my Webanimation (Flash) course at Webster University, Geneva. This is not the official syllabus nor the official program. See the (closed) Worldclassroom (Blackboard).

Major topics (roughly)
  1. Know the organization and tools of the Macromedia CS6 Flash Desktop
  2. Create simple drawings
  3. Manipulation of graphics (e.g. envelope transforms, color gradients)
  4. Creating and using layers
  5. Use of embedded movie clips
  6. Frame-by-frame, motion and shape animations
  7. Making use of non-Flash media files (graphics, sound and video)
  8. Interactivity in Flash, e.g. use of buttons, button components and some action script

Weekly programs

Templates:

Weekly programs (including homework, exams and term project)

Teaching materials

Also look at each weekly program !

Teaching materials
Reference and overviews
External resources
Assets
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=COAP:COAP-2110&oldid=60900"