COAP:COAP-2110/week5: 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 5 [[Help:COAP-2110| COAP 2110]] ==
== Week 5 [[Help:COAP-2110| COAP 2110]] ==
Theme: Using sound and the button component
 
=== Monday ===
 
Main topics:  
* Using embedded movie clips, i.e. stop/start and hide/unhide with ActionScript


; Discussion
; Discussion
Line 7: Line 11:
* planning of term projects, the design process
* planning of term projects, the design process
* What do we mean by "quality?"
* What do we mean by "quality?"
* The Term project


; Flash components, in particular the button component
; Quick overview of Flash components
* Overview: [[Flash components overview]] (this will give you an overall picture)
* Handout: [[Flash components overview]] (this will just give you an overall picture)
* Overview demo: [http://tecfa.unige.ch/guides/flash/ex/components-intro/flash-cs3-components-overview.html Flash components demo]
* Overview demo: [http://tecfa.unige.ch/guides/flash/ex/components-intro/flash-cs3-components-overview.html Flash components demo]
* Previews: [http://tecfa.unige.ch/guides/flash/ex/components-intro/flash-cs3-simple-slide-show-menu.html Slide show with component button menu],
* [[Flash component button tutorial|Flash component buttons]] have been introduced in week 4 ....
* Handout: [[Flash component button tutorial]]


; Embedded movie clips (again)
; Embedded movie clips
* Previews: [http://tecfa.unige.ch/guides/flash/ex/exams2007/final-exam-coap2110-solution-2007.html COAP 2110 - Final 207] and [http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-SOLUTION.html COAP 2210 - final 2008]
* Embedded movie clips within a menu structure: [http://tecfa.unige.ch/guides/flash/ex/exams2007/final-exam-coap2110-solution-2007.html COAP 2110 - Final 207] - [http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-SOLUTION.html COAP 2210 - final 2008] - [http://tecfa.unige.ch/guides/flash/ex/exams2010/final-coap2110-2010-SOLUTION.html final-coap2110-2010-SOLUTION.html]
* Source for previews: [http://tecfa.unige.ch/guides/flash/ex/exams2007/ exams2007/] - [http://tecfa.unige.ch/guides/flash/ex/exams2008/ exams2008/]
* Source for previews: [http://tecfa.unige.ch/guides/flash/ex/exams2007/ exams2007/] - [http://tecfa.unige.ch/guides/flash/ex/exams2008/ exams2008/] - [http://tecfa.unige.ch/guides/flash/ex/exams20010/ exams20010/]
* Handout: [[Flash embedded movie clip tutorial]]
* Handout: [[Flash embedded movie clip tutorial]] (basics)
* Handout: [[Flash using embedded movie clips tutorial]] (adding interactivity)


; Sounds
; 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]
* 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)
* Handout: [[Flash sound tutorial]] (adding sound to Frames)
=== Wednesday and MidTerm ===


; Term projects
; Term projects
* Presentation of the global task
* Presentation of the global task
* See [[Help:COAP-2110/term project|term project]]
* See [[COAP:COAP-2110/term project|term project]]


=== Mid term ===
; Mid term
See [[COAP:COAP-2110/mid-term|Mid term exam information]]
 
* See [[COAP:COAP-2110/mid-term|Mid term exam information]]


=== Homework 5 - Week 5 ===
=== Homework 5 - Week 5 ===
Line 35: Line 41:
; Assignment
; Assignment


'''Option A''':
'''(a) Option A''' (a bit harder):
Create a Flash file that includes the following features:
Create a Flash file that includes the following features:
* At start, the user should land in a frame that displays at least a component button
* At start, the user should land in a frame that displays at least a component button
Line 41: Line 47:


Your animation should include:
Your animation should include:
* '''At least one sound track'''. Sound can be attached to a frame or be included with AS code
* '''At least three component buttons'''  
* '''At least three component buttons'''  
* '''At least one embedded animation (frame-by-frame or motion or morphing) that is started/stopped by a button
* '''At least two embedded animations (frame-by-frame or motion or morphing) that is started/stopped by a button
 
See the [[Flash embedded movie clip tutorial]] for help and inspiration


'''Option B''':
'''(b) Option B''' (a bit easier):


Create an application where the user can navigate on the timeline, e.g. a slide show of pictures or a portfolio of prior work or a "story". Then create a Flash file that includes:
Create an application where the user can navigate on the timeline, e.g. a slide show of pictures or a portfolio of prior work or a "story". Then, create a Flash file that includes:
* At least '''five buttons''' that you can place either on single frames, extend over several frames or over the whole timeline. These buttons should position the playhead (i.e. the user) in a new frame. In other words, these buttons must allow the user to move from one frame to other frames.
* At least '''five buttons''' that you can place either on single frames, extend over several frames or over the whole timeline. These buttons should position the playhead (i.e. the user) in a new frame. In other words, these buttons must allow the user to move from one frame to other frames.
* To make this work, you must add a stop() instruction to the script layer of each key frame.
* See the week 4 program and either the [[Flash button tutorial]] and/or the [[Flash component button tutorial]] for examples that you can reuse


Try to focus on quality.
'''Try to focus on quality''', e.g. a good background, well aligned buttons, good selection of pictures, etc. Imagine a target population that will have to look at this ....


; Reuse of previous homework
; Reuse of previous homework
* If you wish you can reuse prior 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. In particular, I don't want' '''any''' Tween objects in the library...
* If you wish you can reuse prior 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. In particular, I don't want '''any''' Tween objects in the library...


; Submission date and format
; Submission date and format
* To be returned by Monday week 6 (start of lesson)
* To be returned by Monday week 6 (start of lesson)
* Use the a Flash file name like ''project5-familyname''-''firstname''.fla, e.g.
:''p5-miller-joe.fla''
:... I must be able to distinguish these files and we want to avoid overwriting.


; Other constraints
; Other constraints
* Reuse of objects: 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).
* Reuse of objects: 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.
* There is no restriction on the subject, e.g. you can do a slide show and/or play with embedded motion/shape/frame animations.
* You can import sound from any source.
* You can import sound from any source.
* If your Flash file is an animation using the main timeline (vs. a menu-based architecture), make sure that the animation stops at some point (unless you can argue that your animation should run as a loop).
* 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 in homework 1.
* 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.
* If you reuse old homework, try to improve the aesthetics of your drawings.
* Your *.fla should be error free. No broken tweens, no strange tween objects in your library, etc.
* Your *.fla should be error free. No broken tweens, no strange tween objects in your library, etc.


Line 79: Line 82:
* Insert it with menu ''Modify->Document''
* Insert it with menu ''Modify->Document''
* Enter a title and description
* Enter a title and description
* See the [[Help:COAP-2110/doctemplate|template]]
* See the [[COAP:COAP-2110/doctemplate|template]]

Latest revision as of 10:10, 11 February 2013

Week 5 COAP 2110

Monday

Main topics:

  • Using embedded movie clips, i.e. stop/start and hide/unhide with ActionScript
Discussion
  • Some past homework
  • mid-term exam and term projects
  • planning of term projects, the design process
  • What do we mean by "quality?"
Quick overview of Flash components
Embedded movie clips
Sounds

Wednesday and MidTerm

Term projects
Mid term

Homework 5 - Week 5

Assignment

(a) Option A (a bit harder): Create a Flash file that includes the following features:

  • At start, the user should land in a frame that displays at least a component button
  • Clicking on buttons will show something that is different (e.g. move the user to a different frame or trigger an embedded movie clip).

Your animation should include:

  • At least three component buttons
  • At least two embedded animations (frame-by-frame or motion or morphing) that is started/stopped by a button

See the Flash embedded movie clip tutorial for help and inspiration

(b) Option B (a bit easier):

Create an application where the user can navigate on the timeline, e.g. a slide show of pictures or a portfolio of prior work or a "story". Then, create a Flash file that includes:

  • At least five buttons that you can place either on single frames, extend over several frames or over the whole timeline. These buttons should position the playhead (i.e. the user) in a new frame. In other words, these buttons must allow the user to move from one frame to other frames.
  • See the week 4 program and either the Flash button tutorial and/or the Flash component button tutorial for examples that you can reuse

Try to focus on quality, e.g. a good background, well aligned buttons, good selection of pictures, etc. Imagine a target population that will have to look at this ....

Reuse of previous homework
  • If you wish you can reuse prior 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. In particular, I don't want any Tween objects in the library...
Submission date and format
  • To be returned by Monday week 6 (start of lesson)
Other constraints
  • Reuse of objects: 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 and/or play with embedded motion/shape/frame animations.
  • You can import sound from any source.
  • You must fill in a document description using the same template as in homework 1.
  • 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, try to improve the aesthetics of your drawings.
  • Your *.fla should be error free. No broken tweens, no strange tween objects in your library, etc.
Evaluation criteria - bonus and malus points

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 template