COAP:COAP-2110/week6: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Week 6 ==
== Week 6 ==
Main theme: Importing and augmenting videos
Main theme: Using the Flash video playback component and creating "augmented" videos


=== Monday ===
=== 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]]


; Using the ActionScript panel
'''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]
 
'''Using the ActionScript panel''' (if time left)
* [[Flash actions-frame tutorial]]
* [[Flash actions-frame tutorial]]


=== Wednesday ===
=== Wednesday ===


'''Classroom activity 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]  
* 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
* Complete the example or work on your own ...


=== Homework 6 - Week 6 ===
=== Homework 6 - Week 6 ===
Line 39: Line 47:
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:
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)'''.
# 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 (most difficult option).
# 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
For each of these options, there is an example or two you can download from the [[Flash augmented video tutorial]].
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
; Reuse of prior homework

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.