Design & Development Tools II

ET 703

Course Assignments: requirements and other information
Spring 2007

Main Course Page
Projects created students

Assignments: Introductory activities, Graphics 1, Graphics 2, Graphics 3 , Flash 1, Flash 2, Flash 3 , HTML Coding, Personal Web pages,

Graphics 3

Create a virtual picture of a special place that combines a number of elements into a single image. The elements that compose the image should be incorporated so that they look like they belong together.

Minimum Requirements

1. There must be at least five elements and one of them must be create from scratch.
2. Pull Down Menu
   1. Three, different, main level items.
   2. At least one main level item must have at least two sub items.
   3. Each item should connect to a web page. Exception: the main level item with the sub items does not have to have a web page link.

Reflection

Write a description of the place you created and what it means to you. Describe each of the elements that you included in your image and where you obtained them. Describe the process you used to put the elements together including any difficulties you encountered. List some likes and dislikes of Fireworks.

Submit to Instructor

1. NameG3place.png
2. NameG3place.html
3. NameG3place.jpg
4. NameG3place.doc

Top of page

Flash 3

Create a fun, interactive flash document.

Minimum Requirements

1. Buttons
   1. Minimum of three buttons.
   2. Must perform two different types of actions.
2. Movie
   1. A short, Flash movie played within the animation.
   2. The movie clip must be modified while it is playing.
3. Five elements - There must be five elements in addition to the buttons and the movie described above. Three of these elements are described below. The other two are up to you.
   1. Text.
   2. Graphic created by you.
   3. Graphic obtained from somewhere else.
4. One motion guide
5. Tweens -
   1. In addition to the one used in the motion guide.
   2. There must be at least three different types of changes to objects (size, location, shape, alpha, etc.). This does not necessarily have to happen to one object.
6. Sound

Reflection

Write a description of the animation you create and what it means to you. Create a list to describe how you fulfilled each of the requirements listed above. Indicate the name of the layer in which each requirement is fulfilled and the frame number where the requirement first appears. If the layer is in a folder, use this format: Folder-Identity/Layer-Identity.

Example:
1. Button 1: Folder-Buttons/Layer-Replay, Frame 168. This is a button that fades up near the end of the animation and allows the user to start the animation over again.
1. Button 2: Folder-Buttons/Layer-WebsiteBtn, Frame 168. This is a button that fades up near the end of the animation and allows the user to visit a web site about our solar system.
..
5. Tween 1: Folder-Buttons/Layer-Replay, Frame 168. This button uses an alpha setting to fade in using a motion tween.
..

Submit to Instructor

1. NameF3.fla
2. NameF3.html
3. NameF3.swf
4. NameF3.doc

Top of page

Flash 2: Electronic Greeting -

Minimum requirements:

1. Five elements -
   1. Text
   2. Graphic created by you
   3. Graphic located from somewhere else.
2. One motion guide
3. Sound
   1. http://simplythebest.net/sounds/
   2. http://www.findsounds.com/
   3. http://www.thefreesite.com/Free_Sounds/Free_WAVs/ (note underscores and not spaces)
4. Tweens -
   1. One motion and one shape.
   2. Change size, location, shape and alpha. This does not necessarily have to happen to one object.
5. Button & Actions
   1. Cause the Flash movie to stop.
   2. Create a button that will replay the movie.

Submit to Instructor

1. NameF2.fla
2. NameF2.html
3. NameF2.swf

See the demos for some examples of how to complete some of the requirements.

Top of page

Personal web pages

Visit here.

HTML coding

• Create file – NameTags.txt
  • If you are using TextEdit: Choose Format/Make Plain Text
  • Save file in text format with .txt extension
  • Minimum requirements
    1. Page title
    2. Left justified text
    3. Centered text
    4. Bold text
    5. Heading
    6. Paragraph
    7. Line break
    8. Horizontal rule
    9. Bulleted list
    10. Numbered list
    11. Table - three rows & three columns
    12. Imbedded picture
    13. Link to a local file
    14. Link to a WWW site
• Create file – NameTags2.html
  • If you are using TextEdit: Choose Format/Make Plain Text
  • Save file in text format with .html extension
  • Minimum Requirements
    1. Page title
    2. A sentence in the body. Something like, "This is Jane Smith's Page."
• Submitted to instructor
  1. NameTag.txt – the main page (PC users may choose to work with a .html file until right before you submit it. This will enable you to see what the file will look like in a web page.)
  2. NameTag2.html – the second page with minimal information
  3. NameImage.xyz– the image used on the first page. Use your name and the name of the image in the file name. Use the extension appropriate for your image: jpg, gif, png, etc.

Top of page

Graphics 2 - Animation

Photoshop Animation - A fireworks animation is also acceptable. The procedure for fireworks is very different so it will be up to you to learn how that animation is done.

• Design a scene - Minimum of three elements
  • Incorporate drawing tools.
  • Incorporate image from Internet .
  • Incorporate other graphic – from internet or other.
  • The scene must be blended and not appear as a mismatch of elements.
• Animation - The animation must:
  • change location.
  • change size.
  • change orientation.
  • change internally – hand, leg, something.
• Reflection on the scene
  • Describe what the scene means to you.
  • Describe what you did to build the scene.  Describe the portions you created yourself.  Describe the source of each element in the scene.
  • Describe how you created the animation.
• Submit to instructor
  • NameG2anim.psd
  • NameG2anim.gif
  • NameG2anim.doc

Top of page

Flash 1 - Animated USC logo

Below is a simplified procedure that contains the requirements for this activity. Other requirements will be included during the presentation of how to complete this assignment.

1. Import the USC Aiken logo into Flash.
2. Put a copy of the logo in a new layer. (Name layers in a meaningful way. Lock the layer with the original image so that you may use it for alignment.)
3. Break apart the image.
4. Select the palm tree and "South Carolina" and put them in separate layers. Clean up each portion as best as you can. Convert these items to symbols for manipulation.
5. Add the following text: "University of," "®," and either "Aiken" or "Columbia." Do your best to match the text to the original logo.
6. Break apart text and Distribute to layers.
7. Insert and name layer folders to organize the text layers. Put UNIVERSITY OF in one folder and your home campus city in another folder.
8. Add a line that matches the size and color of the one in the original logo.
9. Animate each layer. You must use the following techniques at least once:
   • Fade in
   • Spin
   • Move
10. Publish final product. You will submit three files to the instructor: NameF1Logo.fla, NameF1Logo.html, NameF1Logo.swf.

Other considerations for your final submission.

1. Clear superfluous frames and layers.
2. Ensure that all layers end at the same frame on the timeline.
3. You might have to delete the original layer right before publishing.
4. Make sure that you have a smooth, professional-looking animation.

Top of page

Graphics 1

Prepare to roll-over

1. Your name - In a Photoshop document, you will have layers for:
   • background
   • first name
   • last name
     • Two layers for each name choosing two of the following adjustments
       • 50% opacity
       • brightness/contrast (simplified layer)
       • color
2. A picture - In a Photoshop document, you will have layers for:
   • background (optional)
   • picture from Internet or other source
   • 50% opacity
   • brightness/contrast
3. Submit files to the instructor
   1. NameG1Name.psd
   2. NameG1Picture.psd
   3. NameG1Name.jpg - choose either first or last
   4. NameG1Name2.jpg - choose same name as above but choose one adjustment
   5. NameG1Picture.jpg
   6. NameG1Picture2.jpg - choose one of the adjusted layers

Top of page

Introductory activities

details on syllabus

• Picture of self
• Blackboard Update
• Flash Experience

URL = http://edtech.usca.edu/Courses/ET703/2007sp/703requireSp07.html (January 2007)