COMM 427  Advanced Web & Multimedia Production
SPRING 2011 (Subject to Change)
Jan 18, 2011 - April 27, 2011 | Course of Study
Date Topic Assignment  Additional Readings and Support Files
Week 1  (January 18-21)
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)

 

Free Hosting 

Free resources (images, etc)

FTP

Link to all of the above sources/info

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

Simulation: Basic File Structure

Simulation: FTP Interface

 

Also- WIX - Free Website

W3C School

W3C website

Bandwidth Calculators 

File Size Calculator

More information about adding an image to an HTML document.

 

Week 2  (January 24-28) 
Jan 24
Last day for UG students to Add/Drop 

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  (January 31-February 04)

Feb 01Last day to Change P/F or Audit Options ALSO Census Date

Jan 31 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 (February 07-11)
  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  (February 14-18)   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 (February 21-25)   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 (February 28-March 04)
March 02 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 (March 07-11)
SPRING BREAK SPRING BREAK SPRING BREAK
Week 9 (March 14-18)
  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 10 (March 21-25)
(10/27/ registration for spring/summer classes begin)
 

 

 

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 11 (March 28-April 01)  


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 12 (April 04-08)
Nov 16 Last day for University Withdraw (from all classes) with grade of "W"

 

 

PROJECT (1)

Download Video 1

Download Video 2

Download Video 3

Embedded Video Example 

 

Week 13 (April 11-15)
April 12 Last day for Individual Class Withdraws (from One or More Classes-Not All Classes) with grade of "W"
  PROJECT (2)

 

 

Week 14 (April 18-22)   PROJECT (2)

 

Week 15 (April 25-29)
Last day of classes April 29
Final Project

DUE BY 
05/02/2011

FINAL PROJECT (3)
Example
Week 16 (May 02-05)
Grades dues by 10AM 12/20/2010 Final Exams 12/13-16
Final Project

DUE BY 05/02/2011

 

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