CSC10214 Assignment 1: Interactive Web Content Design Documentation
VerifiedAdded on 2025/04/25
|11
|1618
|316
AI Summary
Desklib provides past papers and solved assignments. This project details the design of an interactive fishing game.

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: ____________________________
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 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)
____________________________
Date: ____________________________
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: ____________________________
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 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)
____________________________
Date: ____________________________
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

CSC10214 Assignment 1
[Your STORYBOOK TITLE]
Design Documentation
By [Your Name]
[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)............................................................................8
Media List/References (if required)...........................................................................8
Introduction
In this game scenario, a short animation is created that will let the people know about
the game scenario and game controls. This animation is for about half a minutes which
shown to the player before the game starts on the home screen. Player can skip the
video if he/she do not want to watch the video.
In this game title as catch fish, a fisherman boat in the sea need to catch the fishes in a
particular amount of time score is increasing as the fisherman caught the fish while to
make it interesting some negative scoring fishes also included in the scenario. These
negative scoring fishes are those fishes which eat the fishes of the fisherman.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at:
Wireframe present on this below link is of the home page of the game.
https://drive.google.com/file/d/1KxpvoRetCw7fOh6vDNB2jG2-NYkXkdDl
Wireframe present on this below link is of the main play screen of the game.
https://drive.google.com/open?id=17H-mmpKXoZZfEvzQRCAU8HmJNtBLpuaJ
Wireframe present on this below link is of the scoring page of the game.
https://drive.google.com/open?id=1s_2bv_qDZyMYpRqhTefBwvv_yMuSHPdt
Theme
Theme for this game is chosen to be the sea as the name suggest catch fish. Sea theme
suits the scenario best. As the fisherman catches the fishes from the sea. This theme
supports the narration of the game at its best while if we talk about the further game
which is also supported by this theme.
Table of Contents
Introduction........................................................................................................ 1
Wireframe.......................................................................................................... 1
Theme............................................................................................................... 1
Storyboards........................................................................................................ 1
Technical specifications (optional)............................................................................8
Media List/References (if required)...........................................................................8
Introduction
In this game scenario, a short animation is created that will let the people know about
the game scenario and game controls. This animation is for about half a minutes which
shown to the player before the game starts on the home screen. Player can skip the
video if he/she do not want to watch the video.
In this game title as catch fish, a fisherman boat in the sea need to catch the fishes in a
particular amount of time score is increasing as the fisherman caught the fish while to
make it interesting some negative scoring fishes also included in the scenario. These
negative scoring fishes are those fishes which eat the fishes of the fisherman.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at:
Wireframe present on this below link is of the home page of the game.
https://drive.google.com/file/d/1KxpvoRetCw7fOh6vDNB2jG2-NYkXkdDl
Wireframe present on this below link is of the main play screen of the game.
https://drive.google.com/open?id=17H-mmpKXoZZfEvzQRCAU8HmJNtBLpuaJ
Wireframe present on this below link is of the scoring page of the game.
https://drive.google.com/open?id=1s_2bv_qDZyMYpRqhTefBwvv_yMuSHPdt
Theme
Theme for this game is chosen to be the sea as the name suggest catch fish. Sea theme
suits the scenario best. As the fisherman catches the fishes from the sea. This theme
supports the narration of the game at its best while if we talk about the further game
which is also supported by this theme.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.

Trusted by 1+ million students worldwide

CSC10214 Assignment 1
The narration which is to be developed is completely according to the theme in which
fishes and fisherman talk is represented. The sound of sea from the back end will work
as a supportive agent to the theme.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.
(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)
The narration which is to be developed is completely according to the theme in which
fishes and fisherman talk is represented. The sound of sea from the back end will work
as a supportive agent to the theme.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.
(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)
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

CSC10214 Assignment 1
Title: Home Page Frame ID: boat
Dimensions:
Around 300 pixels wide 200 pixels height size may vary according to the requirement of the game.
Media used:
Sounds: -
A showering sound is used on this page so that player feels like he is in the sea.
Boat sound is used so that player can listen to the sound of its own boat to make the scene more
real.
Birds chirping sound is played in the background which makes the scene of the game more realistic.
Button press sound is also used so that player will come to know if the button is pressed or not.
Fish caught sound is also played in this scene so that when player catches the fish then that sound is
played. By this sound, player will know about successfully catches the fish.
Images: -
A fisherman image is used in this scene which is used in the narration while communicating with the
fish is going on in the video.
A sea interface in this animation is also required to attach. By this image, the animation looks more
real.
Buttons:
On the main home page, a start game button is represented which redirects the user to the main
play page. This button is also used to skip the animation for that player who does not want to watch
the narration. If the player is already watched the narration, then he/she can skip the scene.
Background:
Initially, the background of the narration is black but as the animation progress, the background
turns a sea face background. So to make the content more real and natural.
Content:
Title: Home Page Frame ID: boat
Dimensions:
Around 300 pixels wide 200 pixels height size may vary according to the requirement of the game.
Media used:
Sounds: -
A showering sound is used on this page so that player feels like he is in the sea.
Boat sound is used so that player can listen to the sound of its own boat to make the scene more
real.
Birds chirping sound is played in the background which makes the scene of the game more realistic.
Button press sound is also used so that player will come to know if the button is pressed or not.
Fish caught sound is also played in this scene so that when player catches the fish then that sound is
played. By this sound, player will know about successfully catches the fish.
Images: -
A fisherman image is used in this scene which is used in the narration while communicating with the
fish is going on in the video.
A sea interface in this animation is also required to attach. By this image, the animation looks more
real.
Buttons:
On the main home page, a start game button is represented which redirects the user to the main
play page. This button is also used to skip the animation for that player who does not want to watch
the narration. If the player is already watched the narration, then he/she can skip the scene.
Background:
Initially, the background of the narration is black but as the animation progress, the background
turns a sea face background. So to make the content more real and natural.
Content:

CSC10214 Assignment 1
The screen of the home page has a character (boat and fisherman) and the fish. They both
communicating with each other in the whole animation. Game scenario is also telling to the player in
the video.
Description (purpose / objectives):
This page has the narration to let the player know about the scenario and controls of the
game. Game-winning situation and losing situation is known to the player in this scenario
only.
Animations:
Boat is continuously moving on its place which makes the feel of a real bot. As the boat is
kept on moving up down in the sea so this animation is added to scene so to make the scene
more real.
User Interactions Required:
To skip the narration user press the start game button.
To start the game after the narration is also done by this same button.
Navigation / Links:
This page is linked with the main game page.
The screen of the home page has a character (boat and fisherman) and the fish. They both
communicating with each other in the whole animation. Game scenario is also telling to the player in
the video.
Description (purpose / objectives):
This page has the narration to let the player know about the scenario and controls of the
game. Game-winning situation and losing situation is known to the player in this scenario
only.
Animations:
Boat is continuously moving on its place which makes the feel of a real bot. As the boat is
kept on moving up down in the sea so this animation is added to scene so to make the scene
more real.
User Interactions Required:
To skip the narration user press the start game button.
To start the game after the narration is also done by this same button.
Navigation / Links:
This page is linked with the main game page.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.

Trusted by 1+ million students worldwide

CSC10214 Assignment 1
Title: Game Page Frame ID: Game
Dimensions:
Fits the whole page completely.
Media Used:
Images: -
On this page images of the water is used to make it real so that player feels that he is in the
water.
A boat image is used on which fisherman is sitting. The boat floats on the water.
Fish image which is treated as the scoring way to the player.
Negative fish image is also used in the game which is used to denote the negative score of
the player.
Sounds: -
Showering sound of the sea which is used in the background to make the scene of the game
more realistic.
Birds sound is also played in the background to make the scene more real.
Motorboat sound is used to make the sound of the boat.
Button pressed sound is used which is played when player pressed the button.
Splash sound is used to make the sound when fish jumps from the water.
Game over sound when player game is over.
Title: Game Page Frame ID: Game
Dimensions:
Fits the whole page completely.
Media Used:
Images: -
On this page images of the water is used to make it real so that player feels that he is in the
water.
A boat image is used on which fisherman is sitting. The boat floats on the water.
Fish image which is treated as the scoring way to the player.
Negative fish image is also used in the game which is used to denote the negative score of
the player.
Sounds: -
Showering sound of the sea which is used in the background to make the scene of the game
more realistic.
Birds sound is also played in the background to make the scene more real.
Motorboat sound is used to make the sound of the boat.
Button pressed sound is used which is played when player pressed the button.
Splash sound is used to make the sound when fish jumps from the water.
Game over sound when player game is over.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

CSC10214 Assignment 1
Buttons:
On this page, three buttons are provided one is for catching the fish from the sea if player
saw the fish. Second, caught the fish from the level of the sea while third button is used to
catch the fish from the air.
Background:
A sea face clear sky background is used to describe the sea.
Content:
This page contains the whole gaming scenario.
Description (purpose / objectives):
On this page, main gaming scenario is developed. A player needs to catch the more and
more fish to score more. After particular time the player whose score is more will win the
game.
Animations:
In this game, an animated platform is moved which seems the boat movable.
Fishes are animated to make them looks jumping.
User Interactions Required:
User needs to control the catching of the fish level.
Buttons:
On this page, three buttons are provided one is for catching the fish from the sea if player
saw the fish. Second, caught the fish from the level of the sea while third button is used to
catch the fish from the air.
Background:
A sea face clear sky background is used to describe the sea.
Content:
This page contains the whole gaming scenario.
Description (purpose / objectives):
On this page, main gaming scenario is developed. A player needs to catch the more and
more fish to score more. After particular time the player whose score is more will win the
game.
Animations:
In this game, an animated platform is moved which seems the boat movable.
Fishes are animated to make them looks jumping.
User Interactions Required:
User needs to control the catching of the fish level.

CSC10214 Assignment 1
Title: Score Page Frame ID: Score
Dimensions:
Fit the full size of the gaming window.
Media Used:
Image: -
A background image is used.
Sound: -
A sound of sea waves comes from the background.
Buttons:
A play again button is presented on the screen which is used to play again the game.
A quit button is used to quit the game.
Background:
A sea face background is used similarly to all the pages.
Content:
Score of the player is depicted to this page.
Description (purpose / objectives):
This page is used to depict the scoring of the player visible.
Animations:
No Animation is used on this page.
Title: Score Page Frame ID: Score
Dimensions:
Fit the full size of the gaming window.
Media Used:
Image: -
A background image is used.
Sound: -
A sound of sea waves comes from the background.
Buttons:
A play again button is presented on the screen which is used to play again the game.
A quit button is used to quit the game.
Background:
A sea face background is used similarly to all the pages.
Content:
Score of the player is depicted to this page.
Description (purpose / objectives):
This page is used to depict the scoring of the player visible.
Animations:
No Animation is used on this page.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.

Trusted by 1+ million students worldwide

CSC10214 Assignment 1
User Interactions Required:
User needs to Choose from the play again and quit button.
Navigation / Links:
This page is linked with the Mani home page and game page.
User Interactions Required:
User needs to Choose from the play again and quit button.
Navigation / Links:
This page is linked with the Mani home page and game page.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

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
descrip
tion
Resource address/URL
Images
Fishing
rod
Fish
Boat
Fisher
man
Remain
ing
Photos
Sounds
Sounds
https://dumielauxepices.net/sites/default/files/styles/225x120/public/fishing-rod-clipart-
transparent-background-608305-8491209.png?itok=RiFJ8KU6
https://dumielauxepices.net/sites/default/files/fisherman-clipart-transparent-
background-609809-1002387.png
https://www.wellcraft.com/uploads/2017/7/302FishermanBABbase2018_1.png
https://vignette.wikia.nocookie.net/runescape2/images/5/59/Fisherman_%28Rellekka
%29.png/revision/latest?cb=20150119004108
Yet to be founded
Yet to be founded
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
descrip
tion
Resource address/URL
Images
Fishing
rod
Fish
Boat
Fisher
man
Remain
ing
Photos
Sounds
Sounds
https://dumielauxepices.net/sites/default/files/styles/225x120/public/fishing-rod-clipart-
transparent-background-608305-8491209.png?itok=RiFJ8KU6
https://dumielauxepices.net/sites/default/files/fisherman-clipart-transparent-
background-609809-1002387.png
https://www.wellcraft.com/uploads/2017/7/302FishermanBABbase2018_1.png
https://vignette.wikia.nocookie.net/runescape2/images/5/59/Fisherman_%28Rellekka
%29.png/revision/latest?cb=20150119004108
Yet to be founded
Yet to be founded
1 out of 11
Related Documents

Your All-in-One AI-Powered Toolkit for Academic Success.
+13062052269
info@desklib.com
Available 24*7 on WhatsApp / Email
Unlock your academic potential
Copyright © 2020–2025 A2Z Services. All Rights Reserved. Developed and managed by ZUCOL.