COAP:COAP-2110/week6: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
=== Week 6 - [[Help:COAP-2110| COAP 2110]]===
== Week 6 ==
Main theme: Importing and augmenting videos
Main theme: Using the Flash video playback component and creating "augmented" videos
 
=== Monday ===


; Term project Q/A
; Term project Q/A
* Tell me about your plans
* See [[COAP:COAP-2110/term project|Term project]] specifications


; Publish settings
'''Topics'''
* Flash version
* Using the FLV Video playback component
* Document description !
* Encoding and editing video files with the Flash Media Encoder
* Generated HTML file.


; Flash Video topics
'''Handout'''
* The FLV Video playback component
* [[Flash Video component tutorial]]
* 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]]


'''Classroom activity Wednesday''':
'''Videos'''
* Get a video from http://vimeo.com
* Videos used in my examples are [http://tecfa.unige.ch/guides/flash/ex6/component-video-intro/ here]


* Download [http://tecfa.unige.ch/guides/flash/ex/component-video-intro/flash-cs3-video-cue-events-exercise.fla flash-cs3-video-cue-events-exercise.fla] (also on the N: drive)
'''Using the ActionScript panel''' (if time left)
* Complete
* [[Flash actions-frame tutorial]]


==== Homework 6 - Week 6 ====
=== Wednesday ===
 
'''Topics''':
* Importing video to a timeline
* Defining cue points
* Dealing with cue points (jumping to cue points, using events generated by cue points to play movie clips)
* Captions and the captioning component (if time left)
 
'''Handouts'''
* [[Flash augmented video tutorial]]
* [[Flash video captions tutorial]]
 
'''Previews:'''
* See the [[Flash augmented video tutorial]]
 
'''Classroom activity''':
 
* Download [http://tecfa.unige.ch/guides/flash/ex6/component-video-intro/flash-cs6-video-cue-events-exercise.fla flash-cs6-video-cue-events-exercise.fla]
* Complete the example or work on your own ...
 
=== Homework 6 - Week 6 ===


; Assignment
; Assignment
Create a flash file that includes some video and add some "interaction" between the video and the rest. You can '''choose''' among several options:
Create a flash file that includes a video and add some augmented elements, for example "interactions" between the video and the user. You can '''choose''' among several options:
 
# Embed the video into the timeline and add animations and/or buttons. This is probably the easiest option, but '''make sure that your video is both short in duration (less than a minute) and small (low quality)'''. Each frame in the video will become a picture ...
# Use cue points to generate events (more difficult, but more "real life" option).
# Add captions (text messages) to a video
# Add captions (text messages) to a video
# Embed the video into the timeline and add animations and/or buttons. This is probably the easiest option, but make sure that your video is not too long.
For each of these options, there is an example or two you can download from the [[Flash augmented video tutorial]] or the [[Flash video captions tutorial]]
# Use cue points to generate events (most difficult option).
For each of these options, there is an example or two you can download from the [[Flash video component tutorial]].


; Reuse of prior homework
; Reuse of prior homework
Line 41: Line 57:
; Submission date and format
; Submission date and format
* To be returned by Monday, at start of week 7 lesson
* To be returned by Monday, at start of week 7 lesson
* Use the following Flash file name ''familyname''-''firstname''.fla, e.g.
:''miller-joe.fla''
:... I must be able to distinguish these files and we want to avoid overwriting.


; Other constraints
; Other constraints
Line 49: Line 62:
* There is no restriction on the subject, e.g. you can do a slide show or motion/shape/frame animations.
* There is no restriction on the subject, e.g. you can do a slide show or motion/shape/frame animations.
* You can import sound and video from any source (so the 1/3 rule doesn't apply for the video).
* You can import sound and video from any source (so the 1/3 rule doesn't apply for the video).
* You must fill in a '''document description''' using the same template as in homework 1.
* You must fill in a '''document description''' using the same template as for prior homeowrk.
* Homework projects are individual. If you work with others, make sure that the individual projects differ, i.e. the "reuse of objects" criteria above apply.
* Homework projects are individual. If you work with others, make sure that the individual projects differ, i.e. the "reuse of objects" criteria above apply.
* If you reuse old homework, make sure that certain errors are fixed (e.g. use only a single non-editable object in a motion tween). Also get rid of unused tween objects in your library. These are most often indicators of badly done tweens. Finally, try to improve the aesthetics of your drawings.
* Your *.fla should be error free.  
* Your *.fla should be error free. No broken tweens, no strange tween objects in your library, etc.


; Evaluation criteria - bonus and malus points  
; Evaluation criteria - bonus and malus points  
As usual.
As usual.
; The document description
Your xxx-xxx.fla file '''must''' include a document description.
* Insert it with menu ''Modify->Document''
* Enter a title and description
* See the [[Help:COAP-2110/doctemplate|template]]

Latest revision as of 22:56, 17 February 2013

Week 6

Main theme: Using the Flash video playback component and creating "augmented" videos

Monday

Term project Q/A

Topics

  • Using the FLV Video playback component
  • Encoding and editing video files with the Flash Media Encoder

Handout

Videos

Using the ActionScript panel (if time left)

Wednesday

Topics:

  • Importing video to a timeline
  • Defining cue points
  • Dealing with cue points (jumping to cue points, using events generated by cue points to play movie clips)
  • Captions and the captioning component (if time left)

Handouts

Previews:

Classroom activity:

Homework 6 - Week 6

Assignment

Create a flash file that includes a video and add some augmented elements, for example "interactions" between the video and the user. You can choose among several options:

  1. Embed the video into the timeline and add animations and/or buttons. This is probably the easiest option, but make sure that your video is both short in duration (less than a minute) and small (low quality). Each frame in the video will become a picture ...
  2. Use cue points to generate events (more difficult, but more "real life" option).
  3. Add captions (text messages) to a video

For each of these options, there is an example or two you can download from the Flash augmented video tutorial or the Flash video captions tutorial

Reuse of prior homework
  • If you wish you may reuse artwork and animations from previous homework (in any way you like). But this is by no means an obligation nor does it have an influence on grading. However, make sure to improve drawing, animation, navigation etc. if you didn't get a top grade for previous work. Adding just some sound and a button to a not so well done prior homework will not get you a very good grade.
Submission date and format
  • To be returned by Monday, at start of week 7 lesson
Other constraints
  • Reuse of artwork and movie clips: 1/3 must be drawn by yourself, max. 1/3 imported but customized, max. 1/3 imported as is. (So you also can do everything by yourself).
  • There is no restriction on the subject, e.g. you can do a slide show or motion/shape/frame animations.
  • You can import sound and video from any source (so the 1/3 rule doesn't apply for the video).
  • You must fill in a document description using the same template as for prior homeowrk.
  • Homework projects are individual. If you work with others, make sure that the individual projects differ, i.e. the "reuse of objects" criteria above apply.
  • Your *.fla should be error free.
Evaluation criteria - bonus and malus points

As usual.