Agenda

• Introduction
• Review Syllabus / Class Requirements

1. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Ch 01. Getting Around Flash
   • Ch 20. Publishing and Exporting
2. Watch: on lynda.com (optional)
   • FP CS6: 02. Introduction to the Flash Interface (27m 10s)
   • FP CS6: 18. Publishing (32m 58s)
3. Research: your product
   • Chart - document what makes your product advertisement banner unique compared to it's competition.
   • Make sketches and notes about overall design aesthetics, including: font styles, colors, textures, animations and interactivity.

• Lecture Slideshow
• Getting Acquainted with Flash

1. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Ch 01. Getting Around Flash
   • Ch 20. Publishing and Exporting
2. Watch: on lynda.com (optional)
   • FP CS6: 02. Introduction to the Flash Interface (27m 10s)
   • FP CS6: 18. Publishing (32m 58s)
3. Research: your product
   • Chart - document what makes your product advertisement banner unique compared to it's competition.
   • Make sketches and notes about overall design aesthetics, including: font styles, colors, textures, animations and interactivity.

How to turn in homework

Submit via your Drexel email account to your professor's email account, subject: "wbdv241hwk01s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• URL to your advertisement research and brainstorming image:
  • Filename: wbdv241-###-brainstorm-xxx.jpg
  • Replace ### with your section number
  • Replace xxx with your Drexel email prefix
  • i.e. wbdv241-002-brainstorm-jwt123.jpg
  • 150 dpi Grayscale jpg format
  • Rotate your scans and adjust levels/contrast to make them easy to read.
 If I cannot read it, I cannot grade it.
  • NO zip files
• URLs to your thumbnail sketches (minimum: 8 unique designs) images:
  • Sketches and notes about overall design aesthetics, including: font styles, colors, textures, animations and interactivity.
  • Filename: wbdv241-###-thumbnails-xxx-p##.jpg
  • Replace ### with your section number
  • Replace xxx with your Drexel email prefix
  • Replace p## with page number
  • i.e. wbdv241-002-thumbnails-jwt123-p01.jpg
  • i.e. wbdv241-002-thumbnails-jwt123-p02.jpg
  • Minimum thumbnails 4 per page.
  • 150 dpi Grayscale jpg format
  • Rotate your scans and adjust levels/contrast to make them easy to read.
 If I cannot read it, I cannot grade it.
  • NO zip files

• Homework Review
• Graphics, Symbols & Libraries
  • Lecture
  • Software Tutorial
• Homework Overview
• In-class lab time

1. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Ch. 02: Creating Simple Drawings
 - Ch. 04: Organizing Frames and Layers
   • Ch. 05: Advanced Drawing and Coloring
   • Ch. 07: Reusable Flash: Symbols and Templates
   • Ch. 10: Incorporating Non-Flash Media Files

   Regarding your reading assignment, bring with you to class a single sheet of paper. This single piece of paper will have on it three MEANINGFUL questions from the reading assignment, the answer to each question and the page-location number the information came from. At the top of the page write the assignment due date, your full name and Drexel Drexel email prefix. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate and will NOT receive credit for the assignment.

2. Watch: on lynda.com (optional)
   • FP CS6: 03. Importing Graphics (24m 2s)
   • FP CS6: 04. Structuring a Flash Document (44m 43s)
   • FP CS6: 05. Drawing Basic Shapes (29m 15s)
   • FP CS6: 06. Beyond Basic Shapes (51m 29s)
   • FP CS6: 07. Symbols (36m 55s)
   • FP CS6: 17. Integrating with Other Applications (9m 26s)
3. Create: Due before midnight the night before next class
   • Create a static version of your advertisement in flash based upon your best thumbnail
   • Graphics must be entirely vector based
   • Stage size must match one of the predefined stage sized list in class syllabus
   • Flash library should have contextually named symbols, organized with contextually named folders
   • Publish flash file and upload relevant files to your web site

How to turn in homework

Submit via your Drexel email account to your professor's email account, subject: "wbdv241hwk02s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• Declare the product for your advertisement and write the url of your products web page, including the url schema. (Example: Apple iPad, http://www.apple.com/ipad/)
• URL to your advertisement flash files:
  • wbdv241-###-advert-xxx.fla
  • wbdv241-###-advert-xxx.swf
  • wbdv241-###-advert-xxx.html
  • Replace ### with your section number
  • Replace xxx with your Drexel email prefix
  • i.e. wbdv241-002-advert-jwt123.fla
  • SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.

• Homework Review
• More About Symbols & Animation Techniques
  • Lecture
  • Download sample files
  • Software Tutorial
• Homework Overview
• In-class lab time

1. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Ch. 03: Animate Your Art
   • Ch. 08: Advanced Tweens with the Motion Editor
   • Ch. 15: Controlling the Timeline and Animation

   Regarding your reading assignment, bring with you to class a single sheet of paper. This single piece of paper will have on it three MEANINGFUL questions from the reading assignment, the answer to each question and the page-location number the information came from. At the top of the page write the assignment due date, your full name and Drexel Drexel email prefix. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate and will NOT receive credit for the assignment.

2. Watch: on lynda.com (optional)
   • FP CS6: 08. Motion Tweens (15m 3s)
   • FP CS6: 09. Motion Tweening Tools and Techniques (40m 36s)
   • FP CS6: 10. Shape Tweens (8m 32s)
3. Create: Due before midnight the night before next class
   • Create an animated version of your advertisement in flash
   • Graphics must be entirely vector based
   • Stage size must match one of the predefined stage sized list in class syllabus
   • Flash library should have contextually named symbols, organized with contextually named folders
   • Have at least one symbol that is tweened along a curved path

   • Have at least one continuous looping animation (the screen should never be static)

   • Publish flash file and upload relevant files to your web site

How to turn in homework

Submit via your Drexel email account to your professor's email account, subject: "wbdv241hwk03s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• wbdv241-###-anima-xxx.fla
• wbdv241-###-anima-xxx.swf
• wbdv241-###-anima-xxx.html
• Replace ### with your section number
• Replace xxx with your Drexel email prefix
• i.e. wbdv241-002-anima-jwt123.fla
• SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.

• Advertisement Critique
• Buttons
• Sounds
• Intro to ActionScript 3.0
• Download sample files

1. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Ch. 06: Choosing and Formatting Text
   • Ch. 17: Choosing, Using, and Animating Text
   • Ch. 11: Incorporating Sound and Video
     • Only the Incorporating Sound section

   Regarding your reading assignment, bring with you to class a single sheet of paper. This single piece of paper will have on it three MEANINGFUL questions from the reading assignment, the answer to each question and the page-location number the information came from. At the top of the page write the assignment due date, your full name and Drexel Drexel email prefix. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate and will NOT receive credit for the assignment.

2. Watch: on lynda.com (optional)
   • FP CS6: 13. Text (23m 10s)
   • FP CS6: 15. Audio (19m 30s)
3. Create: Due before midnight the night before next class
   • Add buttons, sound (optional), and finalize your flash advertisement
   • Graphics must be entirely vector based
   • Stage size must match one of the predefined stage sized list in class syllabus
   • Flash library should have contextually named symbols, organized with contextually named folders
   • Have at least one symbol that is tweened along a curved path

   • Have at least one continuous looping animation (the screen should never be static)

   • Have a button that links to your product website
   • Have a button to toggle looping background sound on/off
   • Each button must have a different Up, Over, Down state
   • Publish flash file and upload relevant files to your web site

How to turn in midterm beta

Submit via your Drexel email account to your professor's email account, subject: "wbdv241-midterm-s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• wbdv241-###-midterm-xxx.fla
• wbdv241-###-midterm-xxx.swf
• wbdv241-###-midterm-xxx.html
• Replace ### with your section number
• Replace xxx with your Drexel email prefix
• i.e. wbdv241-002-midterm-jwt123.fla
• SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.

• Midterm Review
• Sound
• UI Components Overview
• Basic Navigation
• Download sample files

1. Create: Due before midnight the night before next class
   • Add buttons, sound (required), and finalize your flash advertisement
   • Graphics must be entirely vector based
   • Stage size must match one of the predefined stage sized list in class syllabus
   • Flash library should have contextually named symbols, organized with contextually named folders
   • Have at least one symbol that is tweened along a curved path

   • Have at least one continuous looping animation (the screen should never be static)

   • Have a button that links to your product website
   • Have a button to toggle looping background sound on/off
   • Each button must have a different Up, Over, Down state
   • Publish flash file and upload relevant files to your web site
2. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Ch. 12: Introduction to ActionScript 3.0
   • Ch. 13: Controlling Actions with Events

   Regarding your reading assignment, bring with you to class a single sheet of paper. This single piece of paper will have on it three MEANINGFUL questions from the reading assignment, the answer to each question and the page-location number the information came from. At the top of the page write the assignment due date, your full name and Drexel Drexel email prefix. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate and will NOT receive credit for the assignment.

3. Watch: on lynda.com (optional)
   • FP CS6: 16. ActionScript (28m 55s)
   • AS3: 1. Understanding ActionScript 3.0 in Flash Professional (23m 38s)
   • AS3: 2. Becoming Familiar with ActionScript 3.0 (45m 50s)
   • AS3: 4. Working with Timelines 56m 20s
4. Research: your product
   • The western zodiac is date based, there are 12 signs, each sign spans from the middle of one month to the middle of the next. Zodiac signs have personalities, tie your zodiac personalities into the theme of your project. Declare the theme for your zodiac project (ie: What kind of Underpants are you? This project is about creativity. You do not have to say "What kind of ____ are you?" You can title it any way you want. Examples of past titles: What font should you use?, Where should we go on vacation?
   • Make sketches and notes about overall design aesthetics, including: font styles, colors, textures, animations and interactivity.

How to turn in midterm final

Submit via your Drexel email account to your professor's email account, subject: "wbdv241-midterm-s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• wbdv241-###-midterm-xxx.fla
• wbdv241-###-midterm-xxx.swf
• wbdv241-###-midterm-xxx.html
• Replace ### with your section number
• Replace xxx with your Drexel email prefix
• i.e. wbdv241-002-midterm-jwt123.fla
• SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.

How to turn in homework

Submit via your Drexel email account to your professor's email account, subject: "wbdv241hwk04s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• Title of your Zodiac final propject.
• URLs to your thumbnail sketches (minimum: 8 unique designs) images:
  • Sketches and notes about overall design aesthetics, including: font styles, colors, textures, animations and interactivity.
  • Filename: wbdv241-###-zodiac-xxx-p##.jpg
  • Replace ### with your section number
  • Replace xxx with your Drexel email prefix
  • Replace p## with page number
  • i.e. wbdv241-002-zodiac-jwt123-p01.jpg
  • i.e. wbdv241-002-zodiac-jwt123-p02.jpg
  • Minimum thumbnails 4 per page.
  • 150 dpi Grayscale jpg format
  • Rotate your scans and adjust levels/contrast to make them easy to read.
 If I cannot read it, I cannot grade it.
  • NO zip files
  • NO Attachements

• Homework Review
• Basic - Advance Navigation

1. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Ch. 16: Components for Interactivity

   Regarding your reading assignment, bring with you to class a single sheet of paper. This single piece of paper will have on it three MEANINGFUL questions from the reading assignment, the answer to each question and the page-location number the information came from. At the top of the page write the assignment due date, your full name and Drexel Drexel email prefix. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate and will NOT receive credit for the assignment.

2. Watch: on lynda.com (optional)
   • FP CS6: 12. Effects and Masks (20m 56s)
3. Create: Due before midnight the night before next class
   • Flash movie with stage size 800 px wide x 600 px high
   • Frame rate: 30fps
   • Select your best wireframe interface and build out it's details on the stage
   • Build your 12 "zodiac" icons as buttons in library
   • Each button must have a different Up, Over, Down state

How to turn in homework

Submit via your Drexel email account to your professor's email account, subject: "wbdv241hwk05s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• wbdv241-###-zodiac-xxx.fla
• wbdv241-###-zodiac-xxx.swf
• wbdv241-###-zodiac-xxx.html
• Replace ### with your section number
• Replace xxx with your Drexel email prefix
• i.e. wbdv241-002-zodiac-jwt123.fla
• SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.

• Homework Review
• The Zodiac Algorithm
  • View Zodiac Date Ranges
  • Download sample files
  • Software Tutorial

1. Reading: Due before Midnight the night before next class

   Flash CS6: The Missing Manual by Chris Grover : June 2012

   • Chapter 19: Testing and Debugging Your Animation

   Regarding your reading assignment, bring with you to class a single sheet of paper. This single piece of paper will have on it three MEANINGFUL questions from the reading assignment, the answer to each question and the page-location number the information came from. At the top of the page write the assignment due date, your full name and Drexel Drexel email prefix. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate and will NOT receive credit for the assignment.

2. Create: Due before midnight the night before next class
   • Flash movie with stage size 800 px wide x 600 px high
   • Frame rate: 30fps
   • When user enters a valid birth date they are presented with their "Astrological" Reading.
     • Date Range
     • Text Description
     • Meaningful Sound
   • Invalid birth dates get meaningful custom alerts.

How to turn in homework

Submit via your Drexel email account to your professor's email account, subject: "wbdv241hwk06s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• wbdv241-###-zodiac-v02-xxx.fla
• wbdv241-###-zodiac-v02-xxx.swf
• wbdv241-###-zodiac-v02-xxx.html
• Replace ### with your section number
• Replace xxx with your Drexel email prefix
• i.e. wbdv241-002-zodiac-v02-jwt123.fla
• SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.

• Omnipresent button control
  • Sample
  • Download start file(s)
• Next/Previous button control
  • Sample
  • Download start file(s)
• Scrolling buttons control
  • Sample
  • Download start file(s)
• Optimizing Flash Movies

1. Create: Due before midnight the night before next class
   • Flash movie with stage size 800 px wide x 600 px high
   • Frame rate: 30fps
   • Beta version of your final project

How to turn in homework

Submit via your Drexel email account to your professor's email account, subject: "wbdv241hwk07s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• wbdv241-###-zodiac-beta-xxx.fla
• wbdv241-###-zodiac-beta-xxx.swf
• wbdv241-###-zodiac-beta-xxx.html
• Replace ### with your section number
• Replace xxx with your Drexel email prefix
• i.e. wbdv241-002-zodiac-beta-jwt123.fla
• SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.

• Course Evaluations
• Zodiac BETA Critique

1. Create: Due BEFORE Saturday March 19th
   • Flash movie with stage size 800 px wide x 600 px high
   • Frame rate: 30fps
   • Complete Final Project

How to turn in your FINAL PROJECT. Due BEFORE Saturday March 19th!

Submit via your Drexel email account to your professor's email account, subject: "wbdv241-fp-s###-jwt23" [replace ### with your class section number, replace jwt23 with your Drexel email account prefix]

• wbdv241-###-zodiac-final-xxx.fla
• wbdv241-###-zodiac-final-xxx.swf
• wbdv241-###-zodiac-final-xxx.html
• Replace ### with your section number
• Replace xxx with your Drexel email prefix
• i.e. wbdv241-002-zodiac-final-jwt123.fla
• SWF must be centered on HTML page horizontally with a 2em margin-top, the background of the html page must not compete with the graphics in the swf.