TECH1004-5004 Introduction to Multimedia

Assignment 2 – Video/Audio editing; Website creation
Due Date: 5pm, Thursday of Week 11. Worth 20%
 
This assignment will test your video and audio editing as well as your website creation skills and is worth 20% (Type A) of your overall course mark.
 
Objectives
This assessment task examines the following Learning Outcomes and Attributes:
Knowledge:

K2. Relate multimedia design methodologies to the lifecycle of a multimedia project;

K4. Relate legal and ethical concerns to a multimedia project and associated wider society;

Skills:

S1. Reproduce a multimedia design from a set of specifications;

S2. Select and apply appropriate multimedia approaches to solve a real world design;

S3. Outline issues of ethical and legal natures which may impact a multimedia project;

S4. Select and appropriate multimedia tools to author a product.

Values:

A1. Select appropriate design principles to design multimedia products that align with client and project expectations;

A2. Operate appropriate software packages to build multimedia products that align with client and project expectations.

 
 
Assignment specifications
This assignment consists of two stages:

1. Editing a video with soundtrack, based on audio and video files provided to you. You must use Windows Movie Maker only for this exercise (the version that your lecturer has advised you to use).
2. Creation of a small website incorporating the various media elements created during the assignments for this course.

 
In the Assignment 2 section of Moodle there is a zip file called “Ass2_Files” available to download – when unzipped this will produce the following files:

• digits-movie.avi (a movie file consisting of short animations of each of the digits from 0 to 9)
• spoken-digits.wav (an audio file consisting of spoken the digits 0 to 9)
• asst2-sample-solution.avi (a sample of the sort of movie which needs to be created for stage 1 of this assignment).

Stage 1
Using digits-movie.avi as source material, create a movie using Movie Maker consisting of the following elements:

• A title screen consisting of white text with Movie Maker’s “Contemporary – Fade 2” title animation with a black background listing the following information:
  • your student number;
  • your full name;
  • course code;
  • Lecturer’s full name.
• Ensure that each of the above elements display at the same time during the title animation and that each element fits across one single line only.

• A series of animated clips extracted from digits-movie.avi, arranged so as to display the digits of your student number in sequence. Each digit clip should show for close to 4 seconds including the transition and must be accompanied by the name of the digit being spoken (extracted from the spoken-digits.wav file), with the second, fourth, sixth & eighth digits being clearly and audibly louder than the other digits.
• You must use the following transitions between each clip, with each transition being as close to 1 second in length as possible:
  • 1^st and 2^nd digit: Pixelate;
  • 2^nd and 3^rd digit: Heart;
  • 3^rd and 4^th digit: Zig zag horizontal;
  • 4^th and 5^th digit: Whirlwind;
  • 5^th and 6^th digit: Page curl top-left;
  • 6^th and 7^th digit: Checkerboard;
  • 7^th and 8^th digit: Fan, in.
• Credits, again using white text and a black background, listing yourself as Producer, Animator, Audio Engineer and Effects Coordinator (in this order) of this movie. Use the credits “Zoom in-Big” option. Again ensure that each element is contained over one single line and that all requirements show on screen at the same time.

Save your movie both as a Movie Maker project file (.wlmp), and as an .mp4 file.
 
Stage 2
Create a website consisting of 5 pages, with the following titles outlined below. Study the example website provided carefully to give you an idea of the expectations for this website. You are also required to have a single external cascading style sheet (named “style.css”) that will direct some of the formatting and look of your site. All CSS requirements will be explained within the following sections.

• ITECH1004 students may use tables or CSS to structure their site.
• ITECH 5004 students are not allowed to use tables to structure their websites. ITECH5004 students alternatively must only use HTML5 structural tags or HTML <div> tags (together with CSS classes and/or IDs) for their site structure and are not allowed to use tables.

HINT: Build your home page and CSS first and then if you make a copy of this page for all subsequent pages, they will all contain identical formatting and navigation.
Site Properties
All pages should have the following features:

• A non-white background colour and a well-chosen text colour (use the same colour scheme for all 5 pages). All text must be easily readable against the chosen background colour;
• 5 links on the left-hand side of the page to the other pages on the site. These must remain consistent on all pages.
• Follow the file name conventions outlined below;
• A main heading which matches the page HTML title;
• The list of dot-points on all the pages except for the homepage (described below) must contain five (5) dot-points each.

External CSS File
Your pages must have elements of their formatting controlled by a single external CSS sheet (style.css). Elements which must be controlled are:

• Background colour of the page;
• Font family;
• Headings;
  • Heading sizes must vary depending on the heading type, but care must be taken that headings and text are balanced and use the <h1> & <h2> tags.
    • H1 tags must be used for each pages’ heading (e.g. Favourite Hobby) and
    • H2 tags used for the content headings (e.g. “What I enjoy about <insert hobby>”)
  • Font size;
    • The font size for all text, except headings and sub-headings, must be 15px.
    • It must be obvious by the size of the different text elements that a hierarchy of sizes exist.
  • Font colour;
  • Hyperlink state colours;
  • Any dot points used must be an ordered list and use the upper-alpha list style type.
  • Additionally ITECH 5004 students must have their dot list formatting and any relevant HTML5 and/or <div> tags formatted by their single external style sheet.

Individual Web Page requirements
The Home page (index.html) should also display the following details:

• Your name and student number;
• The course code and name;
• The assignment number;
• A ‘mailto’ link to your email address;
• An image of yourself (600px by 400px).
• ITECH5004 students only must embed a sound file under the picture of themselves which will express the first three dot points required for this page. The sound file must be of decent listenable quality and be controllable (does not automatically start upon page load).

 
The “Likes” (likes.html) page should display:

• A list of five dot-points on the topic “Things I Like” – these must be in your own words and be expressive.
• An image representing one of your likes (sized at 600px by 400px) and its source referenced;

The “Dislikes” (dislikes.html) page should display:

• A list of five dot-points on the topic “Things I Do Not Like” – these must be in your own words and be expressive.
• An image representing one of your dislikes (sized at 600px by 400px) and its source referenced;

 
The “Short Film” (film.html) page should also display:

• Your earlier Stage 1 Movie Maker .mp4 embedded;
• A list of five dot-points briefly describing how you built your video from stage 1 – these must be in your own words.

The “Favourite Hobby” (hobby.html) page should also display:

• An embedded YouTube link to a video associated with your favourite hobby;
• A list of five dot-points on the topic “What I enjoy about <insert hobby>” – these must be in your own words and be expressive.