CSC10214 Assignment 1: Interactive Web Content Design Documentation

Desklib provides past papers and solved assignments. Download this student-submitted project now!

CSC10214 Assignment 1
SOUTHERN CROSS UNIVERSITY
ASSIGNMENT COVER SHEET
For use with online submission of assignments
Please complete all of the following details and then make this sheet the first page of each file
of your assignment – do not send it as a separate document.
Your assignments must be submitted as either Word documents, text documents with a .rtf
extension or as .pdf documents. If you wish to submit in any other file format please discuss
this with your lecturer well before the assignment submission date.
Student Name: ____________________________
Student ID No.: ____________________________
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: ____________________________
Assignment No.: Assignment 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
Due date: ____________________________
Date submitted: ____________________________
Declaration:
I have read and understood the Rules Relating to Awards (Rule 3 Section 18 –
Academic Misconduct Including Plagiarism) as contained in the SCU Policy
Library. I understand the penalties that apply for plagiarism and agree to be
bound by these rules. The work I am submitting electronically is entirely my own
work.
Signed:
(please type
your name)
____________________________
Date: ____________________________

CSC10214 Assignment 1
[Your STORYBOOK TITLE]
Design Documentation
By [Your Name]

CSC10214 Assignment 1
Table of Contents
Introduction.................................................................................................... 1
Wireframe...................................................................................................... 1
Theme........................................................................................................... 1
Storyboards..................................................................................................... 1
Technical specifications (optional).........................................................................3
Media List/References (if required).......................................................................3
Introduction
The report consists of a small animation game named Save the Planet. The game is
based on the scenario that is described as how a gamer can save the planet. The game
starts with the gamer provided with three lives. The motive of the gamer is to collect
the 4 different gems from four villains in order to make the planet peaceful. All the
villains are looking to destroy the planet. The four gems are Water gem, Air gem, Fire
gem and at last and most important is the Earth Gem.
The theme of the game is a bit inspired from the game named Dave where a prince
looks forward to saving his princess by fighting the villains in its way. Here, the gamer is
fighting the villains to snatch the gems from them so that he could save the Planet. The
graphics will be used in the game are going to be basic but many other things make the
gamers get attracted towards this game. This game could make the gamer feel the
adventurous journey.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at https://
https://drive.google.com/open?id=1FOacQ51zsxWA_PmSgsELav2kc2at_NUW
Theme
The main theme of the game is representing a hero and the villains in the type of
cartoon. The scenario of this game resembles a bit from the game named Dave where
the Prince fights with villains to get back his Princess. The game starts with the hero
traveling the Planet to make the planet safe from all the mishappenings. As he moves
on, he encounters four villains in his way.
As the villains enter the game, a sound indicates their entrance. Each of the Villain
contains different gems with them named Water gem, Air gem, Fire gem and at last

CSC10214 Assignment 1
and most important is the Earth Gem. The user has to kill all the villains to collect the
gems and save the earth from the villains. Different players play the game and the one
who finishes the game by collecting the gems early wins the game. The timer is being
set to calculate the timings.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.

CSC10214 Assignment 1
Title: Game Page Frame ID: Home
GAME SCREEN:
DIMENSIONS: This would be displayed as a short movie. This would cover the maximum display.
Gamer Size: Length would be 350 pixels and breadth would be 150 pixels
Villain Size: Length would be 250 pixels and breadth would be 100 pixels.
MEDIA USED:
SOUNDS
Villains- The game will use a horror sound for indicating the entrance of the villains. The sound could
be something like a villain would enter saying “escaaaaaaapeee”.
Atmosphere- The game also uses the sounds of the haunted whether like sounds of the winds,
lightening of the clouds, heavy rain sound, etc.
Clicking Sound- The game also uses the sound when the user clicks on the buttons to make the game
more attractive.
Firing Sound- The game also contains the sound of the firing of bullets when the gamer attacks the
villains and all the villains try to kill the gamer.
Game/Scene Loading- The game uses the sounds for reloading the guns and for screen loading as
well.
FONTS:
Speech bubble text will be used to make it look like that it is hand-written.
BUTTONS:
Play Button- Play button is being used here in order to start or resume the game.
Pause Button- Pause button is being used to stop the game.
Fire Button- Fire button in this is used by the user or the gamer to attack the villains in order to win
the game by collecting the gems.
IMAGES:
The images used in this Page will be-
Image of the Villain will be used here in order to make the game attractive as they keep on moving
towards the user who is acting as a Hero.
Image of the User or the Hero character will also be used here for fighting against the villains and
attacks them by moving towards them.

CSC10214 Assignment 1
HOME SCREEN:
MEDIA USED:
SOUNDS
Atmosphere: The game would contain the sound of the lightning when the Villains enter the game.
The wind's voice gets heavy as the game proceeds.
Music: The game also contains the sound of the music when the Hero enters to save the earth. The
collecting of gems also creates a pleasant sound.
On-click: The game contains the sounds on the click of different buttons present on the screen that
are settings, start, info as well as the home button. This sound would somewhere be similar to the
sound of the start of the fight.
Game/Scene loading: The sound of loading of the screen is heard in the game.
FONTS
Speech bubble text will be used to make it look like that it is hand-written.
IMAGES
The images used in this Page will be-
Image of the Villain will be used here to make the game attractive as they keep on moving towards
the user who is acting as a Hero.
Image of the User or the Hero character will also be used here for fighting against the villains and
attacks them by moving towards them.
Buttons:
The Button present on this screen is-
 Start button
Different icons are-
 Home icon
 Settings icon
 Info icon

CSC10214 Assignment 1
 Music icon
ABOUT US SCREEN:
MEDIA USED:
SOUNDS
About us: This screen includes the option of About us where the whole game as well the developer
data is being provided to the User.
Music: Lightning sound, as well as the Rocking music, represents the entrance of the Villain and the
hero entry respectively.
On-click: On clicking the Contact us button all the details of the developer gets displayed on the
screen in order to help the user to contact the makers of the game.
IMAGES
Only the background image is used.
BACKGROUND:
Background of the game is the open area where all the villains come together to fight against the
Hero of the game.
Content:
The Content is the Gamer and all the four Villains come face to face in order to stop each other from
winning the game.
Description (purpose / objectives):
The main purpose of the game is to make the hero that is the gamer win the game by
fighting against the four villains each of whom holds the gems. The
gamer has to collect the gems and save the earth.
Animations:
Animation would be the movement of the background or the path that actually display the
walk of the cartoons.
User Interactions Required:
When the pause button is clicked, the game gets stopped and resumes on clicking the play
button.

CSC10214 Assignment 1
User Feedback:
A help icon is being presented to the user in order to provide every type of help to the user
when required related to the game.
Navigation / Links:
Navigation is provided to provide help to the user as well as for playing the game.

CSC10214 Assignment 1
Technical specifications (optional)
(Simple example below could be provided if these details are not provided on storyboards)
Web page dimensions: 600 x 900 pixels. Banner dimensions:
1) Horizontal banner: 600 pixels wide x 90 pixels high;
3) Vertical banner: 160 pixels wide x 600 pixels high;
2) Button 1: 125 pixels x 125 pixels;
4) Button 2: 180 pixels wide x 150 pixels high;
5) Custom 1: 320 pixels x 50 pixels;
6) Custom 2: 300 pixels x 250 pixels.
Media List/References (if required)
(If you create your own images, this section is not required. Otherwise, you should reference all
images that you found online or other sources for your story.
Note: It is recommended that when you search for images online to use, we suggest you use search
parameters set with permission for reuse or within creative commons.)
Image name
or description
Resource address/URL
Gamer https://cdn2.iconfinder.com/data/icons/fantasy-characters/512/knight3-512.png
Villains https://unixtitan.net/images/gaming-drawing-villain-3.png
Background https://gamepedia.cursecdn.com/feheroes_gamepedia_en/thumb/4/46/
Map_S0505.png/360px-Map_S0505.png?
version=f55fadd9e48cee5dac23eaa4df6e4e6d