Interactive Web Content Design Documentation: CSC10214 Assignment 1

Desklib provides past papers and solved assignments; this is a student's interactive storybook project.

CSC10214 Assignment 1
SOUTHERN CROSS UNIVERSITY
ASSIGNMENT COVER SHEET
Student Name: Sri Naga Charanprathipati
Student ID No.: 23149601
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: Mr Adam Fletcher
Assignment No.: Assignment 1, Part A- Design Documentation
Assignment Title: Interactive Web Content
Due date: 05-04-2019
Date submitted: 05-04-2019
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: Sri Naga Charan
Date: 05-04-2019

CSC10214 Assignment 1
[Your STORYBOOK TITLE]
Design Documentation
By [Sri Naga CharanPrathipati]

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 STORY is named as Get the Treasure; it is a short animated story that is inspired
from the STORY named Adventure Quest. The story is purely based on a person named
Joseph who roams around in the forest and suddenly finds a map on the way. The map
contains the way to the treasure and the person starts following it. On the way, he
finds a monster who restricts him to pass by and then the person named Joseph kills
him and collects the treasure.
The aim of the story is to make the person win the maximum treasure. The story is very
much similar to the STORYd Adventure Quest. As the person moves on, fighting with
the monster and then the person named Joseph kills him and collects the treasure.
Wireframe
Theme
The theme of the story is to represent the whole scenario of the person winning the
treasure by fighting the monster and all other obstacles coming in his way. The scenario
is inspired and taken from the STORY named Adventure Quest. The story mainly
focusses on winning the treasure. The monster seems to be quite dangerous and tries
to kill the person. The player willhit the monster and grab the treasure.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.
(Note that:

CSC10214 Assignment 1
 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: Story Frame ID: Home
STORY SCREEN:
DIMENSIONS: The story will be displayed as the short movie and it will cover almost complete
display.
Person Size: Length = 100 pixels and Breadth = 150 pixels
Villain Size: Length = 200 pixels and Breadth = 300 Pixels
MEDIA USED:
SOUNDS
Villains- This STORY will use the monstrous sound as monsters are present in the story and also the
sound of the forest is being used.
Atmosphere- the sound of the forest is being used.
FONTS:
To make it look as hand written, Normal text is to be used.
BUTTONS:
Different buttons are being used in order to facilitate the viewer to skip whatever page or screen
they want and switch to whatsoever screen they want. It facilitates the viewer to get to know the
twist whenever they want.
IMAGES
The images are-
Image of Personis to be used for the better looking of the story; the path also moves here to make it
look like the Person is moving.
Image of Monsteris to be used here to showcase the attractive design of the story and instead of the
monster the path is to be moved and to make it look like the monsters moving towards the Person.

CSC10214 Assignment 1
HOME SCREEN:
MEDIA USED
SOUNDS
Atmosphere: the sound of the forest is being used.
Music: This STORY includes the music or the sound when monster enters. While gathering coins, it
will generate the lovely sound of happiness.
FONTS
Normal Text was used like hand written text.
IMAGES
Images were used in this STORY were:
- Monster images were used for making story so attractive and entertaining as the monsters
were moving continuously. In this, the end user will act as the Hero of the STORY.
- End user images or the character of Personwere used as the fighter. In this they will fight
against the monsters and also attack them by moving to them.
Buttons:
Different buttons are being used in order to facilitate the viewer to skip whatever page or screen
they want and switch to whatsoever screen they want. It facilitates the viewer to get to know the
twist whenever they want.

CSC10214 Assignment 1
END SCREEN
MEDIA USED:
SOUNDS
Villains- This STORY will use the monstrous sound as monsters are present in the story and also the
sound of the forest is being used.
Atmosphere- the sound of the forest is being used.
IMAGES
The images are-
Image of Personis to be used for the better looking of the story; the path also moves here to make it
look like the Person is moving.
Image of Monsteris to be used here to showcase the attractive design of the story and instead of the
monster the path is to be moved and to make it look like the monsters moving towards the Person.
Background:
The background of the forest is being used.
Content:
The story is purely based on a person named Joseph who roams around in the forest and
suddenly finds a map on the way. The map contains the way to the treasure and the person
starts following it. On the way, he finds a monster who restricts him to pass by and then the
person named Joseph kills him and collects the treasure.
Description (purpose / objectives):
Story purpose is for making personto fight with monsters and collect the coins while story
moves on. The person will collect or gather the coins.
Animations:

CSC10214 Assignment 1
Background will move continuously and it also looks like that it was animated but actually
Cartoon walking display will be appearing.
User Interactions Required:
Different buttons are used to take the viewer to different pages and read the story.
Navigation / Links:
In the STORY, it will be provided the navigation or the links for playing STORY with no issues
or the problems.

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 withpermission for reuseor within creative commons.)
Image
name or
description
Resource address/URL
Monsters https://ya-webdesign.com/images/bill-clipart-cute-21.png
Forest https://www.google.com/url?
sa=i&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwijz57Q
g9fhAhXaAnIKHdskCzAQjRx6BAgBEAU&url=https%3A%2F
%2Fwww.clipart.email%2Fclipart%2Fjungle-path-clipart-
54036.html&psig=AOvVaw0aj1BwBHlZMRluxnEW1VgV&ust=15555
86834416732
Backgroun
d 1
https://img.pngio.com/green-mountain-path-cartoon-mountain-
road-mountain-road-twists-and-turns-png-image-mountain-path-
png-650_465.png
Map http://clipart-library.com/new_gallery/map-clipart-68.png
Joseph(bo
y)
https://www.seekpng.com/png/detail/415-4153752_computer-icons-
cartoon-drawing-child-poor-boy-cartoon.png
Treasure https://img.pngio.com/treasure-cartoon-download-cartoon-chest-
treasure-png-900_900.jpg
Sheep https://us.123rf.com/450wm/mischoko/mischoko1501/
mischoko150100014/35955083-stock-vector-isolated-illustration-of-
a-cartoon-sheep-eating-grass.jpg?ver=6