MultiFinal (PDF)

ST PAUL’S MANLY

Task 1 – Research Task
INDUSTRIAL TECHNOLOGY
Simons, Max (12)
10/29/2015

This task will research, plan and develop a project that will be used for my HSC major work.

2

Table of Contents
Contents
Statement of Intent ................................................................................................................................. 4
Ghant Chart ............................................................................................................................................ 5
Finance Plan ........................................................................................................................................... 6
About the Project ................................................................................................................................... 7
Research ................................................................................................................................................. 8
Market Research ................................................................................................................................ 8
Websites ......................................................................................................................................... 8
Video Research ............................................................................................................................ 10
Animated Logo ............................................................................................................................ 13
Prototyping ....................................................................................................................................... 13
Multimedia Materials ....................................................................................................................... 14
Image File Types.......................................................................................................................... 14
Video File Type ........................................................................................................................... 15
Audio File Type ........................................................................................................................... 15
Multimedia Processes ...................................................................................................................... 16
Videography................................................................................................................................. 16
Animation .................................................................................................................................... 18
Graphics design ............................................................................................................................ 19
Sound Production ......................................................................................................................... 19
Web production............................................................................................................................ 20
Technologies .................................................................................................................................... 21
Software ....................................................................................................................................... 21
Hardware (Storage) ...................................................................................................................... 23
Hardware (Cameras) .................................................................................................................... 24
Hardware (Personal Computer) ................................................................................................... 26
Hardware (School Computer) ...................................................................................................... 27
Sketching.......................................................................................................................................... 28
Website Ideas 1 ............................................................................................................................ 28
Website Ideas 2 ............................................................................................................................ 29
Website Idea 3.............................................................................................................................. 30
Website Idea 4.............................................................................................................................. 31

3

Website Idea 5.............................................................................................................................. 32
Production and Work Drawings....................................................................................................... 33
Storyboard – Training Video ....................................................................................................... 33
Storyboard – Website Navigation ................................................................................................ 34
Final Design and Justification of Design ......................................................................................... 37
Record of Productions.......................................................................................................................... 39
Creation of Logo .............................................................................................................................. 39
Photoshop Logo ........................................................................................................................... 39
Animated Logo ............................................................................................................................ 41
Creation of Homepage ..................................................................................................................... 42
Homepage prototype 1 (Interactive) ............................................................................................ 42
Final Homepage ........................................................................................................................... 43
Production of Slider ..................................................................................................................... 47
Evidence of WHS ................................................................................................................................ 74
Evaluation ............................................................................................................................................ 75
In regards to the Statement of Intent ................................................................................................ 75
In relation to Research and Planning ............................................................................................... 76
In relation to Development of Project .............................................................................................. 77
Bibliography ........................................................................................................................................ 78

4

Statement of Intent
I intend to create a website to promote and show healthy living in relation to sports, gym and muscle
building, demonstrating my various skills in the multimedia area. I will use an array or bright and
eye catching colour throughout the website to gain the attention of the marker whilst also providing a
value experience in relation to my skills and knowledge. I will attempt to have as many pages as
possible, each based on something different and having different functions such as galleries, videos,
links and search bars. This website will give news about the latest in health and fitness, muscle
building tutorials and some useful workout tips/tutorial videos. I will use this site to aim at the
demographic consumer range of 15-60-year old’s who have a curiosity of passion for fitness and
working out. I will provide price, information and a working online store connected to a database to
‘sell’ products like protein powder. Entertainment will be in the photo galleries, film pages on the
website and within the various articles and forum section I intend on creating.
I am creating this website to give people
inspiration and new ideas through its content. I
intend to make the website as large and creative as
possible in order to make it look as interesting as
possible. I intend to make my website somewhat
similar to the actual bodybuilding.com’s website,
however not to the point where I am copying
everything that they have. I may have animated
buttons and other gif files playing around the
website so as to make it more than a simplistic
website and to also display different skills I have
in web design and multimedia. This fitness
website will display my variety of multimedia
skills and will hopefully turn out well as being
healthy and working out are to things I enjoy
doing.

5

Ghant Chart

6

Ghant Charts are a commonly used tool for project management, they are one of the most popular
and useful ways of showing tasks whilst reflecting them against a selected time frame. The chart
above shows the period of time allocated during the HSC year and all the tasks I wish to complete
for my project are reflected against the period of time in an effort to allocate my time well during
the development of the project.

Finance Plan
#NO
1
2
3
4
5
6
7
8
9

Finance Plan
ITEM
Estimated Amount
Custom Built PC
$1400
BenQ XL2411T
$220
Monitor
Adobe Master
$0
Collection
Windows 8.1 or 10
$0
1 TB HDD
$0
Gym Membership
$40 per fortnight
Camera
$0
Printing
$60
Logitech G430
$0
TOTAL
$1680

Actual cost
$1425
$210
$0
$0
$0
$40 per fortnight
$0
$80
$0
$1715

The finance plan above gives me a clean and clear way of managing and allocating finances for my
project, whilst not all off the items are necessary if the project was an element in their purchase
then they have also been included. The plan will be updated and used throughout the whole HSC
year in regards to industrial technology. Various elements will not cost me anything as they are
provided or already owned.

7

About the Project
During the course of this HSC and schooling year I will be making a website combining interest,
skills and community needs. This project will be a website called ‘Our Gym’; a website that will
successfully provide its audience of sporty and curious web goers a place to communicate to each
other, buy products, read articles and magazines and get motivation for the Gym lifestyle. Whilst
also providing this the page will also serve as a workout guide and advertisement for the ‘Our Gym’
Gyms. This site will contain a massive array of different resources that I will make complete the
project. At this point in time in have broken up and planned the site in three different categories
based on their applications used for development.
Web Consists of my web pages e.g. Home and about, JavaScript elements like my personal web
based magazine and other unique concepts like a working store.
Video contains various videos that will be displayed on different pages on the site to give the user
information and help for needs like, what is this site, how to sue a machine in the gym and workouts
for specific muscles.
Photo and Graphics will consist of all of the photo elements around the page, their involvement to
other elements, designing them and displaying them for specific needs. For example, some of the
resources will be products, logos and portraits.
The purpose of the site is to provide alternative to the narrow genre of sites on the web at the
moment whilst also providing a hub for the Gyms and a place for the Aussie gym and fitness
community, whilst also providing a unique genre to display my multimedia skills and set my apart
from the rest of the cohort.
The site and all the content is being made is an extremely clear and made in a professional manner,
all resources are being made on industry standard technology whilst also keeping a clean and
professional look and feel once displayed on their pages. The site will not look like a beginner
project but one of professional quality from a web design studio and I will strive for nothing less than
this. I will create or take all graphics and photos for this project to avoid nonprofessional breaches of
laws and rules.

8

Research
Market Research
Websites
1) Bodybuilding.com
This website is the pioneer for sites of its
kind; providing a great skeleton for sites
alike to build them self around.
Bodybuilding.com has all the required
fields for a successful site of its kind
giving users an online store, community
hub with a strong following on their
forums, a highly useful training section
and an articles and videos sector. This
website boasts a simple but amazing
aesthetic design with bold blue and white text and headers over mainly dark backgrounds or images.
The home page incorporates a basic slideshow for advertisement purposes which is trailed by a neat
and basic content section.
This product fits my statement of intent in almost every way and is also mentioned in it as the main
inspiration for this project, however in my statement of intent I mention wanting to include elements
like GIFS and even the possibility of a small game. Another differing point between the sites
mentioned in my statement of intent is my intention to aim my focus more towards an Australian
demographic and base it around local gyms which I will advertise for the sake of the project as being
run by ‘Our Gym’.

2) NutritionWarehouse.com.au
Nutrition Warehouse is almost a meagre
version of bodybuilding.com. Their site
contains a similar layout to the store
section found on bodybuilding.com
however their focus lies within their store
and not under community and articles or
workout guides like I mention in my statement of intent. Within this site, elements of multimedia and
business can be found creating an effective and modern online company. Mouse over animations,
slideshows and countdown clocks boast their design ability on the home page whilst at its core it has
a great business model with effective product outlines, an easy to navigate store with suggestion
features and connections to their stores within the real world.
This site has sections that connect to my statement of intent however they have a narrow objective
focussing purely on their business and store. Whilst it fits my SOI (Statement of intent) and is a
professionally made site with highly aesthetic elements it doesn’t have the same range of design I

9

would like to use. Therefore, it is only useful to me for its store and design element for idea and
guidelines.

3) MuscleandFitness.com
Muscle and Fitness can only be analysed
through its comparison of sites similar;
BodyBuidling.com is basically this site if
it was combined with Nutrition
Warehouse. By that statement I mean that
this site contains the elements that
Nutrition Warehouse lacks in order to
compete with BodyBuilding.com’s range
of elements. Muscle and fitness,
however, is a well-made site in regards to size and information, however its design and multimedia
elements anchor its ability to achieve. The site has a focus on being an online magazine which can be
noted through its articles and its design similarity to other sports magazines online domains like
surfermag.com and mensfitness.com.
This site has a different approach than most of its online competition due to its magazine nature. This
approach has influenced decisions in design which can be noted through the overly colourful
background, congested core and its headers. One of this sites main mistake falls within it outsourcing
of its store elements, all products advertised on the website are linked to various online stores causing
them to lose customers and traffic. This site however provides great journalistic ideas in its bold
clickbait style titles which originate through its magazine routes. Because of Muscle and Fitness’s sites
different approach it can be used for my research as contrast and originality whilst also providing me
with help on design and also article writing. Its lack of flashy multimedia elements doesn’t allow for
any influence in that department sadly. As stated this site has elements that meet my SOI like
bodybuilding.com however its lack in multimedia elements and design sophistication and its
outsourcing are two major red crosses in my eyes for a site of this category.

My statement of intent raises my intention to create a website to promote and show healthy living
in relation to sports, gym and muscle building whilst demonstrating my various skills in the
multimedia area. The three websites analysed above show a wide range of exciting products that
would fit my statement of intent, however each of these products have provided negative and
positive elements. The analysis above allows me to gather a greater understand of the industry and
further my ideas in regards to products and my statement of intent, through this bodybuilding.com
becomes a clear standard for elite tier websites and products of the genre my project falls into. The
other two websites positives have been taken into account and the principle ideas they contain are
a great foundation for my project.