CSC10214 Assignment 1: Interactive Web Content Design Documentation

Desklib provides past papers and solved assignments. Download this solved assignment 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 .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: SAI KIRAM GOUD MUNEGALWAR
Student ID No.: 23103869
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: CAROLYN SETON
Assignment No.: Assignment 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
Due date: 5/04/2019
Date submitted: 5/04/2019
Declaration:
I have read and understand 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)
SAI KIRAM GOUD MUNEGALWAR
Date: 5/04/2019

CSC10214 Assignment 1
[Parliament Fall Sequence(Terrorist Attack)]
Design Documentation
By [SAI KIRAN GOUD MUNEGALWAR]

CSC10214 Assignment 1
Table of Contents
Introduction........................................................................................................ 1
Wireframe.......................................................................................................... 1
Theme............................................................................................................... 1
Storyboards........................................................................................................ 1
Dimensions.................................................................................................. 2
Media Used.................................................................................................. 2
Buttons........................................................................................................ 2
Background.................................................................................................. 3
Content........................................................................................................ 3
Description (purpose / objectives)...............................................................3
Animations................................................................................................... 3
User Interactions Required..........................................................................3
User Feedback............................................................................................. 3
Navigation / Links........................................................................................ 3
Technical specifications (optional)............................................................................4
Media List/References (if required)...........................................................................4
Introduction
This is an introductory movie for the game based on a terrorist attack. The scene will
showcase a casual day at the commonwealth parliament when suddenly a group of
tourists start attacking the ministers and common people. The scene will show how the
terrorists entered the parliament dressed as tourists and started their attack.
The scene will develop the background story for the game and will make the game
objectives clear to the player. The story will show the terrorist attack and show how the
player takes responsibility of getting the prime minister out safely. The graphics for the
movie and the game will be pretty basic and the objective of this scene is to give the
game a storyline and a background before it begins.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at:

CSC10214 Assignment 1
Theme
The introductory scene of the game has been created with the “Cartoon” theme and is
derived from the movie “Olympus has fallen”. The scene will be displayed to the player
in the form of a movie with some background music. The details about the scene will
be displayed to the player in a sort of a chat bubble below the scene. Some complete
sequence will cover some scenes showing a busy day at the parliament which is
guarded by agents suited in black and then the terrorists barging into the area
deceiving the bodyguards to be some tourists.
The story will show how the player initially makes sure that the prime minister is safe
and protects him from the terrorists when ultimately, he sees that it is his responsibility
to get him out of the parliament in one piece.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.
Onclick: The game go to the Next page if click on next , If click on prev then pervious
page and if click on the exit the person will get exit from the story.

CSC10214 Assignment 1
Onclick: The game go to the Next page if click on next , If click on prev then pervious
page and if click on the exit the person will get exit from the story.
Terroist: They will come in the helicopter therefore there will be the sound of
helicopter.

CSC10214 Assignment 1
Onclick: The game go to the Next page if click on next , If click on prev then pervious
page and if click on the exit the person will get exit from the story.
Bomb: when bomb blast goes the sound will come.
Terrorists: They will come in the helicopter therefore there will be the sound of
helicopter.
(Note that: At least one storyboard should be provided for each page of your story.
 You may need to provide a separate storyboard for some of your
banner/animations in order to describe/demonstrate your planned design
ideas.
 The following storyboard format is one option. You may choose other formats
as long as you include the same details)

CSC10214 Assignment 1
Title: Terrorist attack intro Frame ID: terror-attack
Dimensions:
The scene will make use of the full width and around
3/4th of the screen height for the movie. The bottom
part will be used for details about the scene.
Media Used:
IMAGES
The scene requires a cartoon image of an office type
building which will be the parliament in the movie.
Images of attacking terrorists are also required.
Along with that, images of black suited bodyguards
covering the area are also required.
For the later part, we need an image of a devastated building.
The scene will require images of explosions over which the narrative dialogues will be
shown to the payer as soon as the attack begins.
Image of a cartoon bullet will serve as the next button.
SOUNDS
Background music: The game requires a sad music for the fall of the parliament which will
support the creation of a serious environment. For the beginning, sounds of trumpets is also
required to give a sense of a normal day at the parliament.
Gunshots: Sounds of random gunshots are needed for the terrorist attack sequence.
People: Sounds of people screaming in pain and agony will also be needed which build the
sad and intense theme which we intent to create.
Onclick: The game will play the sound of a shotgun firing and reloading when a button is
pressed.
Additional noises: With the background music, random sounds of explosion and shouting
terrorists will be needed which will make the environment destructive.
Buttons:
A skip button on the top left of the screen will be available to start the game instantly.
The next button will be placed on the bottom right of the screen enabling the players to
move to the next scene of the movie. This button will be shaped like a bullet.

CSC10214 Assignment 1
Background:
The background will initially show an image of the parliament with black suited bodyguards
surrounding the whole area. The loading screen will show a black limousine car moving on a
plain road with police bikes in front and behind it. The moving car will show the loading
progress. After the game has loaded, the background will turn to a destroyed
office/parliament where the player will have to fight the enemies.
Content:
The intro sequence will show short scenes about the story with the description about the
same in a chat bubble beneath the scene.
Description (purpose / objectives):
The player will come to this screen after the game will have finished loading. This scene will
portray how a normal day in the parliament turned into something so devastating and
horrific. It will showcase how the terrorists took over control of the area. To project the
scene better, sounds of trumpets will be played at the beginning and sad music will be
played during the attack along with sounds of explosions and people screaming in fear. The
game will then begin with a short animation where the player is protecting the prime
minister by shooting back at the terrorists.
Animations:
The next button will animate (user feedback).
Player shooting at the terrorists.
Prime minister taking cover from the terrorists.
User Interactions Required:
The user can click the next button to go to the next scene in the intro sequence.
Pressing the skip button would skip the entire intro movie.
User Feedback:
Pressing the next button would revolve the bullet and play the sound of a revolver rolling.
Pressing the skip button would make the sound of a shotgun shooting and reloading.
Navigation / Links:
Navigation to the game is provided.
Navigation to next scene is provided.

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;
a. This will show the player inventory, the guns, grenades and other items the player
has.
3) Vertical banner: 160 pixels wide x 600 pixels high;
a. This will show the prime minister’s and the player’s health in the form of five blocks.
2) Button 1: 125 pixels x 125 pixels;
a. The next button in the shape of a bullet.
4) Button 2: 180 pixels wide x 150 pixels high;
a. The skip button, which will enable the player to skip the intro movie.
5) Button 3: 320 pixels x 50 pixels;
a. This can be the play button which will be available to the user to begin the game.
b. This can also be a pause button in case the user wants to pause in between.
6) Custom 1: 300 pixels x 250 pixels.
a. This can be a pop-up box which will say “Do you really wish to quit and fall before the
terrorists?” along with which yes and no buttons will be available.
Media List/References (if required)
Image name or
description
Resource address/URL
IMAGES
Bodyguards
Employees
cartoon
Terrorists
Explosion
background
Cartoon
parliament
https://www.clipartmax.com/so/securitysecurity-guard-clip-art/
https://www.clipartmax.com/middle/
m2i8m2K9A0K9b1G6_personal-injury-lawyers-and-attorney-in-
brampton-cartoon-falling-man-png/
https://www.clipartmax.com/download/
m2i8m2K9A0K9b1G6_personal-injury-lawyers-and-attorney-in-
brampton-cartoon-falling-man-png/
https://www.clipartmax.com/middle/
m2H7m2H7d3N4N4b1_transparent-background-microsoft-paint-
terrorist-cs-go-draw/
https://www.clipartmax.com/download/

CSC10214 Assignment 1
m2i8m2d3m2d3A0m2_free-vector-graphic-history-of-british-
rock-n-roll/