COMS 427 Advanced Web and Multimedia Production
FALL 2010 (Subject to Change)
Aug 30, 2010 - Dec 16, 2010
Date Topic Assignment  Additional Readings and Support Files
Week 1  (August 30-September 03)
Su August 05
Last day for UG students to Add/Drop 
Getting started

- Cover Course of Study

- Talk about changes to Unlimted FTP

- Research various free/non-free hosting and set up an account with at least two different hosting services. E-mail yourself your password.

- Research some free training solutions
(Break up into groups, research, and send me URLs at sjennings15@radford.edu)

 

*Managing web pages and Setting Web Permissions(By Dr. Bob Stepno)

Website tips: (free tips)

FREE Copyright Free Images

http://freestockphotos.com/

http://www.freedigitalphotos.net/

http://www.free-stockphotos.com/

http://www.public-domain-photos.com/

Free Images from my website

 
Week 2  (September 6-10) 
Sept 06 Labor Day - Classes in Session
Hosting

FTP

Intro to Flash

 
- Create backup hosting for you your assignments and projects

- Go over FTP (File Transfer Protocol) including the one available on the RU Portal. 

Setting up Freewebs account: 

Simulation: Step 1

Simulation: Step 2

Setting up Lime Domains account: 
 
Simulation: Lime Domains Tutorial 

Also- WIX - Free Website

Free Web hosting services:
(Ex: Freewebs.com)
Others to research

Simulation: FTP Interface

Other free hosting:

FREE Hosting
(
www.100best-free-web-space.com)
www.yola.com

www.000webhost.com
www.homestead.com
www.geocities.yahoo.com
www.freewebs.com

With SQL/PHP  (also FrontPage Extensions) support

Freehostia (http://http://www.freehostia.com/)

 

Week 3  (September 13-17)

Sept 13 Last day to Change P/F or Audit Options ALSO Census Date

Sept 17 Last day for UG to apply for Spring Graduation

 

Drawing tools

 

- Working with your prospective groups, tour the tutorial sites (to the right) and provide feedback via discussion. 

- Intro to Flash Interface

- Discuss Bitmap graphics vs. Vector graphics.

 

- Intro to Drawing Tools in Flash CS4

Assignment I:

- Create a folder called "drawingtools" in the Public_html folder.

Create an .FLA file called "drawingtools" and save it to the "drawingtools" folder.

Provide an example on one keyframe of each of the following (following the tutorials):

- Object and merged drawing
- Modified shapes (object and merged)
- Rectangal tool
- Oval tool
- Paint brush
- Gradients
- Line and Pencil Tool
(Total 100 pts - 12.5 pts each)

Assignment 2 (100 pts):

Create a "Photo Essay" of a relevant topic. Have no less than 10 slides. Add some text on each slide. Use the same process used to create a slide show for the various drawing tools. Flash buttons are also required to at least stop and play. 

FREE TUTORIALS/TRAINING RESOURCES:
http://www.learnthat.com/software/learn/1439/Adobe-Dreamweaver-CS4/

http://www.softwaretrainingtutorials.com/cs4.php
http://www.photoshopcafe.com/cs4/index.htm
http://tutorials.securesignup.net/
http://byethost.com/
http://www.flashperfection.com/
http://www.freeadobeflashtutorials.com/
http://www.tutorialized.com/tutorials/Flash/1
http://flashkit.com/
http://library.creativecow.net/tutorials/adobeflash
http://www.tutorialhero.com/view-3-flash_tutorials.php

FREE SOFTWARE (from Microsoft):
https://www.dreamspark.com/default.aspx 


Simulation:
Flash CS4 Interface

Simulation: Vector Graphics vs. Bitmap Graphics

Simulation: Flash Workflow and file types

Simulation: Customizing the workspace

DRAWING TOOLS

Simulation: Object Drawing versus Merged Drawing

Simulation: Modify Shapes  

Simulations: Rectangle Tool

Simulation: Oval Tool

Simulation: Paint Brush

Simulation: Gradients (Linear and Radial)

Simulation: Line and Pencil Tool

Simulation: AS 2.0 with buttons to play slideshow

 

 
Week 4 (September 20-24)

 

 
Assignment 3 (50 pts):

Create a folder and call it "animationAS2."
This folder will contain assignments for the following:
(Name each .FLA accordingly EX: the text shape tween assignment = "textshapetween.fla")

- Nested animation using classic motion tween (10 pts)
- New motion tween (10 pts)
- Background effect with shape tween (10 pts)
- Shape tween (10 pts)
- Text Shape Tween (10 pts)

Lab (50 pts):
Create an intro page that includes each of the above processes. Save the .FLA file to the "AnimationAS2" folder as "Lab2.fla."

- Optimized (.SWF under 70KB) (10 pts)
- Smooth clean animation (10 pts)
- Correct dimensions (fits screen no scrolling) (5 pts)
- Use of each of all of the examples covered in Assignment 2 (5 x 25 pts)


 
Week 5  (September 27- October 01)   Assignment 3 (50 pts):

Create a folder and call it "animation3."
This folder will contain assignments for the following:
(Name each .FLA accordingly EX: the text shape tween assignment = "textshapetween.fla")

- Nested animation using classic motion tween (10 pts)
- New motion tween (10 pts)
- Background effect with shape tween (10 pts)
- Shape tween (10 pts)
- Text Shape Tween (10 pts)

Lab (50 pts):
Create an intro page that includes each of the above processes. Save the .FLA file to the "animation3" folder as "Lab3.fla."

- Optimized (.SWF under 70KB) (10 pts)
- Smooth clean animation (10 pts)
- Correct dimensions (fits screen no scrolling) (5 pts)
- Use of each of all of the examples covered in Assignment 2 (5 x 25 pts)

 

ANIMATION

 

Simulation: Nested animation using a "classic" motion tween

Simulation: New motion tween

Simulation: Shape Tween

Simulation: Text Shape Tween

Simulation: Background Shape Tween Effect

 
Week 6 (October 04-08)  


 

Assignment 4 (50 pts):
Create a folder and call it "buttons4." This folder will contain one example of each the following:
- Basic button (12.5 pts)
- Button with more hit area (12.5 pts)
- Button with rollover effect (12.5 pts)
- Button with hit area only (12.5 pts)
Save .FLA as "basicbuttons.fla."

Lab 4 part A (25 pts):
Create a .FLA file and save it as buttonmenus.fla within the "buttons4" folder.
You can create all of the buttons on the same .FLA file. Each button MUST have a separate link (also must be an true link otherwise the button will be counted wrong/incomplete).

- Basic buttons menu- 4 buttons (5 pts)
- Rollover buttons menu- 4 buttons (5 pts)
- Rollover buttons menu with sound - 4 (10 pts)

Lab 4 part B (25 pts):
Create a second .FLA file and call it "imagemap1.fla"
- Image map "states"(download). Create a rollover effect and link for each state (15 pts)

- Image map (your own example) - Create your own image map and call it "imagemap2.fla" 4 buttons with rollover effects and live links (15 pts)


Total = 100 pts


Simulation: Buttons

Simulation: Adding URLs

Simulation: Image Map: Step 1

Simulation: Image Map: Step 2

 
Week 7 (October 11-15)
Oct 13 Mid-Semester grades due by 10:00 a.m. (W)
Animated Banners Assignment 5

Create a folder and name it "advbanners."
Within the "advbanners5" folder create 10 animated banners (both .FLA and .SWF formats per banner) using one of the following dimensions from the Interactive Advertising Bureau.

Use the Interactive Advertising Bureau Guidelines site as a guide to create the following:

1 Full size horizontal banners (~2 x 7) or (1 x 5) = 5 pts
1 Half size horizontal banners (~2 x 3) or (1 x 2) = 5 pts
1 Full size verticle banners (~7 x 2) or (5 x 1) = 5 pts
1 Square banners (2 x 2) or (3 x 3) or (4 x 4)  = 5 pts  
1 Half size verticle banners (3 x 1) or (4 x 2) = 5 pts
Create 5 more banners of the specifications that you like = 25 pts 

Criteria/Rubric for each banner: 

Meets required dimensions = 2 pts
At least 3 animations = 2 pts
File size under 100 kbs = 1pts

 
 
Week 8 (October 18-22)
Oct 22 Last day for Individual Class Withdraws (from One or More Classes-Not All Classes) with grade of "W"
  Assignment 6 (50 pts)
Create a folder and call it "advbuttonsAS5."

Create a .FLA file and save it as advancedbuttons.fla within the "advbuttonsAS4" folder. Create an interactive menu with 5 buttons (up to 10 pts each). Follow the tutorials and create the same effects via nested animated layers. Each button should have a sound added for either the rollover or hit states. Each button must also link to a live URL.

- Display all states (up, over, down) = 10 pts
- Creativity = 10 pts
- Live link to URL = 10 pts
- Sound added to either rollover or hit state = 10 pts
- Functionality = 10 pts

Lab 6 (50 pts)

Create a .FLA file and save it as advancedbuttonsLab4.fla within the "advbuttonsAS4" folder.
Create your own interactive menu with 5 animated buttons (up to 10 pts each). The effect for each button can be the same or vary. Each button should have a sound added for either the rollover or hit states. Each button must also link to a live URL. and the URL for each button should be different.

- Display all states (up, over, down) = 10 pts
- Creativity = 10 pts
- Live link to URL = 10 pts
- Sound added to either rollover or hit state = 10 pts
- Functionality = 10 pts

 

 

Sound Download ("swoosh.wav:):

Simulation: Adding sound to buttons
_______________

Advanced Buttons

Simulation: Setting up the work space

Simulation: Creating the button

Simulation: Step 1

Simulation: Step 2

Simulation: Step 3

Simulation: Step 4 Blur

Simulation: Step 5 Text Blur

Simulation: Step 6 Final Down State

 
Week 9 (October 25-29)
 

Assignment 7 (50 pts)

PART 1: Create a new folder within the "public_html" folder and call it "slidingmenu." Create two examples of scrolling/sliding menus that use images as mouse event driven links while incorporating animation.
The first menu will be demonstrated via the instructor in terms of the technical aspects. There should be a minimum of Five images per scrolling/sliding menu.
Also should include:
- Active link per image (25%)
- Sound effects for one of the states (25%)
- Hover or rollover effect (25%)
- Identification or description on link (25%)
Overall = 50%

PART 2: Create another scrolling/sliding menu with the above criteria, but also intigrate other Adobe products and, via creation and discovery, blend these technologies to enhance the aesthetics of the menu. Make this document a "one page" web site with a theme.
Overall = 50%

 

 

 

 

Practice Images for PART I:
PC
Laptop
IPod
T.V.
Camera
Video Cam
Radio
Cell Phone

Simulation:
Step One: creating the button.

Simulation: Step Two: creating the animation for roll over state.

Simulation: Step Three: adding the animation to the overall button.

 
Week 10 (November 1-5)
(10/27/ registration for spring/summer classes begin)
 

Assignment 8

Adding Video

Create a new folder and name it "video." Create a .FLA file imbed the video via Flash. Publish the file including the .SWF and html files. Name the .FLA file Video as well. (or something that you will remember). 

Add an animated text description on another layer (ex: "my video example"). - 50 pts

Add controls (buttons) that will stop and play the video. - 50 pts

Start PROJECT (1)

Download Video 1

Download Video 2

Download Video 3

Embedded Video Example 

Week 11 (November 8-12)  

PROJECT (1)

 
Week 12 (November 15-19)
Nov 16 Last day for University Withdraw (from all classes) with grade of "W"

 

  PROJECT (2)  
Week 13 (November 22-26)
Thanksgiving break November 20-28
 

THANKSGIVING

 

 

Week 14 (November 29-December 03)   PROJECT (2)  
Week 15 (December 06-10)
Last day of classes 06/10
Final Project

DUE BY 12/06/2010

FINAL PROJECT (3)  
Week 16 (December 13-17)
Grades dues by 10AM 12/20/2010 Final Exams 12/13-16
Final Project

DUE BY 12/06/2010

 


FINAL PROJECT (3)

File should be viewable as a web page from the public_html folder by typing 
"www.radford.edu/~USERNAME/final."

E-mail URLs  to sjennings15@radford.edu 
Assignment due Tuesday May 04, 11:00 AM

The FINAL Project and projects 1 and 2  lose a letter grade per day that they are late