Focused more on PHP rather than the project.
However I did do some Unreal Engine, focusing on designing the main menu
I also worked on my presentation for my project which is due on the 22nd
- On Thursday 15th will complete the presentation then rehearse for the 22nd
Thursday, 8 November 2018
Thursday, 1 November 2018
Unit 4: Update Presentation
Currently working on Unit 4 presentation.
I am currently working on my concept art for my project. Which will then be put into my power point
Explaining why i have chosen the "the four tales" as my final project.
This involves explaining what the project is all about
Why i'm doing the project.
My past project ideas
The target audience and who is doing the project
I have also updated my time chart to make it easier for people to understand
I am currently working on my concept art for my project. Which will then be put into my power point
Thursday, 11 October 2018
My final HND Project Specification
Project Specification
The Project: Named "The 4 Tales"
(UNREAL ENGINE GAME)
5 HORROR LEVELS EACH WITH A DIFFERENT STORY
AND PLOT
Influence: The game
“Affected”
https://www.youtube.com/watch?v=ZlvPcaMzpzY
I
like how this game has focused on the stereotypical (scary) environments that
aim to scare you. I like how each one focuses on something slightly different
from the other.
What I would like to do is give each of my levels more of a
story that the player can get hooked on while still making the game scary.
I also want the levels to have reasonable playing time which
doesn’t make people choose the next level straight after. I would like to aim
for a good story and a scare factor.
The reason I would like to do a game like this is because
I’m into horror games, I like how people can react to them and you can clearly
see if the game is good or not.
Game type: Story
teller
Genre: Horror/puzzle
This game will have 5
different horror stories and environments that are stereotypical.
The House – You’re a kid and home
alone, you hear a suspicious noise and go to investigate. You notice a creepy
old doll that you’ve never seen before with foot prints leading to the basement. As the kid you can explore the house and find out the dark secrets the house holds. The more you find out the angrier the doll gets... make sure you find out all the secrets before its to late.
Abandoned building
level 2 – its mid night and you’re working as a security guard Update 1. Removed
The Forest – you
have decided to go camping and you’ve ended up getting lost. A whisper in the
woods tell you to collect the mysterious objects. Another whisper tells you to leave the forest which one will you choose.
The forest has two similar choices of gameplay (Collect or Escape). In which both are avoiding the enemy.
The School – you decided to do
extra hours of work after school when you’ve noticed no one’s around. While walking
around the school you notice strange appearances and whispers about a girl who
use to go there. Find out what must be done in order to stay alive
Objective (Wake up) - interact with loud objects around the school
The Theme Park – You’ve received an
invitation to go to an old theme park which all your friends are going. When
you get there no one is around and you’re on your own. When suddenly you hear a
scream and go to investigate.
Objective: Locate your friends, without alerting the crazy
clown.
I will be working by myself while making this project. I will get no help and all the work will be mine.
Target Audience?
The target audience is gamers aged around 15+ due to the game having some horror aspects. The game wont have to much graphic content which is why its not 18.
Sketches:
Each level will have a character that the player will try and avoid. The characters will have some link to the story which will make them unique in there own way.
The environments are stereotypical horror environments:
The House
The Forest
The Circus
The School
Each environment will be unique and large, with the task of finding objects or a way out.
Why am I doing this project?
I'm doing this project as I feel that i'm able to show my creativity in writing and designing. I love horror/puzzle games that have some story behind them. I wanted to create a game where the genre is something i'm passionate about. It will also give me the skills I would want to make future games like it.
One of my favourite genres is horror, so to make one would be a lot of fun and interesting to make. I’ve always liked the reaction people give when playing a horror and I feel it’s the best genre for a reaction.
HND Project Update
HND Project Ideas Update:
1. Sci-fi (The Experiment)
Update 1: This is
1 of 2 project ideas that I’m considering. I personally love the plot and I feel
the story could be very good. I also like how I could change it up a little as I
go on as it’s a sci-fi game.
Update 2: My
reason for not doing this project is that I want to focus on a game which id
enjoy but also learn the important aspects of a game that I would want to make
in the future. I also feel it’s one of those games that could go horribly wrong
if it doesn’t work out. Also having the experience that when I created an
action/adventure game with a group we still struggled for time. Which shows me I
wouldn’t be able to finish this project.
2. Horror/thriller (The 5 Tales) - My final project idea
Update 1: I have
narrowed it down to 1 of 2 project idea.
I have decided to narrow down the levels
by 4:
The house
The circus
The forest
The school
The reason behind this is I feel having to make 5 individual
different stories would be too much. I chose these levels as the house and
school could have similar props that I could create making it easier. The
forest would be an easy one due to me not needing to use Maya much. For the
circus I’m either considering it to be indoors so I don’t have to spend a long
time on the environment, plus I could take some “killer klown” props for the
environment.
Update 2: I have
chosen this as my project. My main reason is I would love to make a game that
involves puzzles/riddles that will tell you a story. I know I also get bored very
quick so having 4 different small stories to tell would be fun for me to do. It
would also give me the chance to focus more of my creative side, than just
code.
3. The killer klowns game add on/remaster
Update 1: I will
not be designing the killer klowns game due to the many problems I feel the
game had. With what I had in mind, I would have removed most of the game and I realised
that I would be basically designing a brand new game. It’s also been a long
time since I designed the game so the code would be very hard to understand or
even locate. I do think it was a cool idea, but it was going to be too easy (if
I left the game how it was) or too hard (recreating it from scratch).
4. A mixed 2D and 3D platform game
Update 2: I will
not design this game for my project due to it being a genre that I would have no
passion doing. It’s neither a game I would enjoy playing or designing. I also feel it could be too easy for a final project as i already know how platform games are made.
5. A game you can make choices
Update 1: I do
like this idea as a project but I need to be honest with myself on the fact I wouldn’t
know where to start. I’m aware that the game would rely heavily on code rather
than design, which I know i'm better at. I would honestly love to make a game like this but realistically wouldn't know what to do.
Thursday, 4 October 2018
HND Project Specification
UNIT 4: Project Design Implementation and Evaluation
Project ideas:
KILLING LOWER CLASS FOR A BETTER FUTURE (SCI-FI GAME)
KILLING LOWER CLASS FOR A BETTER FUTURE (SCI-FI GAME)
(UNREAL GAME)
Game type: FPS
Genre: SCI-FI/ACTION/HORROR
Target Audience 16+
Plot: In the far
future where resources are running low and the population is increasing the
government has had to take a drastic measure of insuring the best future for
their world.
Originally the government decided to create “Tunnels” which
can teleport anyone to the destination which they have paid to go. They decided
to use this device as way to take certain individuals to an unknown location
where they would be experimented on in order to gain a new resource which the
world is dependent on.
The main player is someone that isn’t of high class and has
won a ticket to travel through one of these tunnels, unknowingly will be teleported
to an unknown place where he would be killed and experimented on to make new
resources which the city needs.
Main Aspects of game:
Some sort of choice (ending)
/ cool environments / AI voice or companion / Story Driven / Different controls
i.e. driving, walking, flying. / Shooting.
The game will have choices, 2 different endings, a horror
aspect and a plot twist to the character
(Changed Controls/Genre)
Instead of it being a FPS the player will only be able to
interact and run depending on what they need to do. – Ideally this would be
much easier as it removes the gun mechanics.
(Making the game become a story teller rather than an action
game could improve the game in some aspects as my design skills are better than
my coding)
The reason I would like to make a sci-fi game is that I believe
the future is limitless and the fact you can implement your own future and make
the game come alive is amazing. I like how the game would have no rules on
theme, design, logic etc. It also lets you be as creative as you want, which I really
like as I’m much better at art and design than code.
I like the plot and not many games have gone in a similar
direction. I like how it won’t be too much of a task as it’s a very open plot
that could develop in a range of ways. If I remove the FPS aspects the game
would be a lot easier to design, however I would like to create a game that
involves you attacking AI.
(UNREAL GAME)
5 HORROR LEVELS EACH WITH A DIFFERENT STORY AND PLOT
5 HORROR LEVELS EACH WITH A DIFFERENT STORY AND PLOT
Influence: The game
“Affected”
https://www.youtube.com/watch?v=ZlvPcaMzpzY
I
like how this game has focused on the stereotypical (scary) environments that
aim to scare you. I like how each one focuses on something slightly different
from the other.
What I would like to do is give each of my levels more of a
story that the player can get hooked on while still making the game scary.
I also want the levels to have reasonable playing time which
doesn’t make people choose the next level straight after. I would like to aim
for a good story and a scare factor.
The reason I would like to do a game like this is because
I’m into horror games, I like how people can react to them and you can clearly
see if the game is good or not.
Game type: Story
teller
Genre: Horror/puzzle
My target audience
would be 16+ due to it being a horror but not including anything to graphic
that would make it into 18+
This game will have 5
different horror stories and environments that are stereotypical.
House level 1 – you’re
a kid and home alone and you’re actually in a nightmare
Abandoned building
level 2 – its mid night and you’re working as a security guard
Forest Level 3 – you
have decided to go camping and you’ve ended up getting lost
School level 4 – you
decided to work do extra hours after school when you’ve noticed no one’s
around.
Theme Park 5 – you’ve
broke into an old theme park and decided to explore
Obviously the environment or plot could change or be
different depending on my thoughts and development.
These will have similar controls… however the story and the
environment will be different.
I could also decide to focus on one environment and one big
story line rather than telling 5. This could be good as the player would be
more invested in finding out the story.
One of my favourite genres is horror, so to make one would
be a lot of fun and interesting to make. I’ve always liked the reaction people
give when playing a horror and I feel it’s the best genre for a reaction. I
also feel telling a creepy story or giving a plot twist to a game would be
great and give it that bit extra which most games need. This is my favourite
idea of them all as I feel it has more variety of gameplay and lets you experience
different versions of horror.
(UNREAL GAME)
THE KILLER KLOWN GAME (RECREATED)
THE KILLER KLOWN GAME (RECREATED)
Game type:
Third-person action
Genre:
Adventure/action
The target audience will remain at 16+ due to no manger
changes on graphic content
I will remaster the killer klowns game that I did two years
ago. Making the controls and graphics better. I will also fix all the problems
I had with my game and make the game better overall. As the game is basically
finished I will make the game flow better through the environments and fix any
major bugs that it had.
FIXES: Walking
animation / Cancel Attack animation / AI attack animation / Loading Times /
CHANGES: Players HUD / Tips / Controls / Environment
size and layout / Environment Links / Some minor colour changes / Lower Poly
count.
ADD: New Environments
/ New AI / Sounds / Weapons /
Main focus:
Adding a story /
better gameplay / Immersive sounds and effects
I might consider changing it to a FPS as I believe a simple
step like this can help me fix a big problem with some of the character
animations.
I would like to create this game as I’m a perfectionist and I
would love to have it finished and working at the standard I would want. By
reworking on this Killer klowns game, I am aware that I already have a
basically working game, but ill more likely either add on to it or use it more
like a template. The Film Killer Klowns wasn’t anything special, however I do
like the plot and how maybe giving it a few changes a good game could come from
it.
One of the biggest problems we had was not linking our
environments together. One moment we were in a snowy mountain the next at a mansion
covered in lava. We also struggled showing a story so adding them would be
great.
(UNREAL GAME)
A MIXED 2D AND 3D PLATFORM GAME
A MIXED 2D AND 3D PLATFORM GAME
Game type:
Platform Game
Genre: Adventure/puzzle
Age 13+ due to some difficult puzzle levels and no graphic
content.
I would like the game to be either 2D which can be changed
to 3D depending on what the player would prefer. I think having the chance to
play a platform game in two different ways would be cool and fun for people.
This game will involve the player aiming for a high score
before either time runs out or they die.
The game won’t have a story and will mainly be straight
forward for the player. The game will aim for young teens + as some puzzles
could be seen as difficult for Youngers. If I was to change the target I could
make it so have to complete levels, rather than try and reach a high score.
The design of the game would more likely be bright and with
a colour scheme for example like portal or Mario.
I would like to create a game like this as I would like to
put my own little twist to the game genre. I feel these type of games are
easily made in some aspects but can fail to standout which is why I’d like to
create a platform game that involved having to use both the 2D and 3D aspects
to solve puzzles.
(UNREAL GAME)
A CHOICE GAME
A CHOICE GAME
Game type: Telltale
game
Genre: Story
based
Age 16+
Main focus:
The story / the
choices
This game would be a thriller that lets you choose your fate.
The game will have multiple endings depending on the choices you made. The game
will have two main endings either good or bad depending if the player dies or
survives.
Some of the games decisions won’t actually affect the ending
but will be used to make the game seem more immersive.
I’ve always liked the idea of making a game that gives you
choices. Even the smaller of choices for me makes me like the game more as I feel
like it’s my decision where I end up.
Thursday, 3 May 2018
Unit 26 & 2 Task 3
Unit 26 & 2 Task 3 Operating Systems
When installing these operating systems I used:YUMI - MultiBoot USB 2.0.5.4
Computer Info:
IP Address:192.168.25.102
Subnet Mask: 255.255.255.0
Default Gateway: 192.168.25.254
Ram: 2GB
Operating System:
Windows xp Server
Information:
Date and time are correct
Main screen and is working with login screen shown.
Due to their being a problem related to logging in (Blank screen) We were unable to find out any other information related to the server. i.e. internet connection, antivirus and other added software.
This was our very first attempt on starting an operating system from scratch. With the login error, we attempted to do the process again however, the error was the same. As we didn't have any error code and only a blank screen we decided to choose a different operating system in hope this was just a problem related to the download of the server.
(I didn't take any images due to the operating system giving us no access to the computer and the fact it was a first attempt).
Operating System:
Windows Server 2012
Information:Date and time are correct
No screen
No antivirus
No added software
Due to the operating system having an administrator problem we were unable to proceed with the installation of this server.

The installation was the same as the other operating systems with the use of "YUMI" and "MultiBoot USB" The installation had no problems that we were aware of and had all the necessary installation and system requirements in order for the system to work.
However, with the administrator page (left image) it wouldn't allow us to go any further with the installation.
From what i expect the computer we were using had certain restrictions which didn't allow us to install the system. So we changed computers and installed the operating system again which worked. However due to the computer not being ours we decided to ignore this operating system and to find another one which worked "Windows server 2003".As it didn't restrict the use of this server we expect that at one point in the installation we may have entered the wrong information or the computer glitched.
If I was to install this operating system again I would double check all the information that is provided in the installation just to be on the safe side.
Operating System:
Linux Lite
Information:Date and time are correct
Main screen and login work.
This operating system had no problems when being downloaded and transferred. However due to a weird glitch the computer wanted a password which we didn't know or have. I attempted a restart and searched around the web if the system had a default password, but we couldn't find anything with the same problem. However, due to everything else working except the password we were able to find that it didn't have internet access nor did it have any antivirus installed on the system.
We were unable to find out if the system had any added software involved as we didn't have complete access to the computer.
When adding this system to our computer we decided to use a laptop to download all the necessary software i.e. "YUMI" and the operating system. We would also use this laptop to install an antivirus for the system if there wasn't one.
When starting the installation of Linux we used "YUMI - MultiBoot USB" to download the operating system and then to install.
After the operating system was downloaded to my USB stick we then inserted it into the computer that we wanted the operating system to be used on. We then rebooted the computer and made it run on the |USB stick allowing the Multiboot menu to pop up.
When on this menu we had to choose the version we were downloading and wait for the installation.
When the "MultiBoot" installation was complete we had the Linux Lite menu which gave us a variety of different options that we could choose.
We chose start Linux Lite which led to the main screen. As already spoken about we were unable to get past the login screen due to a password glitch.
We then restarted the system and launch the safe mode and it allowed us to find out some of the information that was on the computer i.e the internet access and time.
From what problems we encountered if we were to do this again we would either start the installation from scratch or we would use a different computer to see if it would solve the password error.
Operating System:
Windows Server 2003
Information:
Time and Date were incorrect, changes were made and now it works.
Main menu and login screen works with complete access to other software/apps
The firewall has been activated
No antivirus. (Update: Installed "Clamwin")
Due to the system not having an antivirus we decided to install avast. We got an error, after searching the code error we found that it wasn't compatible with the operating system. So we decided to use "Clamwin" as it is a free antivirus and compatible with the operating system.
Installing Antivirus:

When researching online for a compatible antivirus for the operating system the choices were very slims with no up-to-date system. (Because its an old system). I managed to find an antivirus "Clamwin" that helps support the computer fight any malware and viruses.
The antivirus, as told in the description isn't perfect as should have some sort of added support (another antivirus). Although it says you can use it as your own way of supporting your computer, its not advised.The antivirus worked fine and found no problems associated with the computer or with any of the files.
The computer has the status of "Good" for health on both the computer and data files.
When activating the antivirus the process of the scan was around 5 mins depending on what file you wished it to scan.
As stated that it isn't advised for it to be a standalone antivirus, the fact that it only scans manually and only the certain files on the computer is alarming.
The system also can only scan the file if it has permission, which in this case you would have to do manually as well, wasting more of your time.
The software allows you make times where the antivirus can scan, however you would have to continuously writing down dates for it to scan in order for it to work.
I agree that this antivirus is more extra support on keeping your system safe rather than it being a independent antivirus, however with this all said due to it being such an old operating system people have stopped making compatible support.
No Internet access, however we have access to the search engine "Bing" and it allows us to use the search bar and gives us access to images, however I found that trying to load a website it would cause a network error.
This operating system was one of our most successful, due to us having complete access and no errors. This was our last operating system that we tried to put on our computer.
For this installation we did the same steps that we previously have been doing, however we burned a disc instead of placing it on a USB stick. As it was our last operating system we thought we would change the way we installed it a little.
When the disc was in the computer and it had been restarted we had to go through a few steps for the installation.
One of the steps as you can see is on the right, which was asking which file system we wanted and then some other information such as where we wanted all of the installation process to be saved.After we had finished choosing the correct files we needed we had to wait for the files to be updated
This included, the disks to be examined, and setup files to be copied and saved in a certain folder "Windows Installation Folders"
After this their were a few other blue screens which was asking rather simple questions on what memory we wanted it to be used on etcWhen that finished we had one more installation screen which is displayed on the left. This is the overall installation process screen that involves; Collecting information, Dynamic Update, Installing windows and finalising the installation.
Once this was complete we had complete access to the operating system. Due to this being the one of the most successful ones, next time I would consider using a disc for the operating systems.
Different student Operating System:
Ubuntu
Information:
Time and Date correct
Internet working with complete access.
Office apps available such as; Microsoft libre office (Word, PowerPoint etc.) All have been tested and work fine.
Has an antivirus
Firewall activated
This computer is healthy and has most/all systems working (that i'm aware of).

The operating system has other apps available such as video/image files etc.
The files also have a working search bar and sound works fine.
The computer has a working resolution with everything in view (no image or writing cropped).

The operating system has access to Libre office which gives you access to word processing, creating and designing spreadsheets, slideshows, diagrams and drawings. This offers a much wider usage of what the user could use and access.
The image on the left shows one of the office apps being used (word) which allows you to use the computer for writing and work.
Some of the office apps such as PowerPoint had to be installed afterwards as it hadn't been successfully installed when downloaded.The operating system had access to Firefox as its main browser. It gave access to most sites (some with restrictions, due to settings). Besides that it gave use fast response and gave the correct format of the site.
The example we tried was checking if letter "H" (random) had working websites, images, news, videos etc. which all worked.
From looking at the computers specs and the operating system I believe that the system worked better due to the computer having much better ram and CPU.
Partner:
Luke Anderson
References:
Finding a compatible antivirus for Windows Server 2003
http://www.tomshardware.co.uk/forum/236437-46-free-antivirus-windows-2003-server
Clamwins download site:
http://www.chip.de/downloads/ClamWin_13774146.html
Site for Operating Systems:
https://ccm.net/download/operating-system-6
Windows Server 2003 - If we were to add an update to software and security.
https://www.microsoft.com/en-us/download/details.aspx?id=41
Yumi - Multiboot USB Creator Download:
https://www.pendrivelinux.com/yumi-multiboot-usb-creator/
Thursday, 7 December 2017
Website Design: Assignment one - the drafts
Website Design - Draft 1
Cover Page:
The Airless Tire
Contents Pages:
Home Page: The Basic information needed to understand what the airless tire is, with a little of information from all pages.
Impact/Ethics: This will include both the Impact and Ethics side of things based on the airless tire.
Advantage/Disadvantage: Showing the advantage and disadvantage the airless tire has in different situations and environments
The Evolution: Where the Tires have evolved from, and what might evolve from this tire in the far future
Extra: Any information that I found to not have much link with the previous pages but worth reading about.
Prototypes: This will link with the evolution of the tires and how they have changed through time.
Background: I decided to choose a dark grey image of dried paint for the website. I wanted to keep the background image as close to the colour scheme as possible (Black, grey, white). I chose the image of dried paint as it gave the look of mud and what the lower part of a vehicle would look like if it was travelling through mud or bad terrain. I also liked how it didn't stretch the image when placing it in the background.
The command given to the background was "100% 100%" which means the image will take the entire background vertically and horizontally.
I did have a previous image that was a tire, however the image had too many issues based around its resolution and problems reading the font in front.
HCI - Human Computer Interaction.
Reference: http://www.color-wheel-pro.com/color-meaning.html
Colours:
Dark Purple: Boundary.
I'm using a dark purple to dominate sections of the webpage to show areas of importance.
I've chosen dark purple to organise my information like a table. as it clearly shows where a new topic starts and finishes. I've also decided to chose this colour as it goes nicely with dark blue.
Dark Blue: Headings/subheadings
I'm using a dark blue for all the headings/subheadings, to give a formal and professional feel to the website.
Light Blue: For other information
This colour is used for any secondary important information like:
Stats/facts
links
image-boundarys
I've chosen this colour as its close to the previous colours and will be suitable for the emerging technology.
The main reason for choosing a light blue is to give life to the website, which will stop the website looking boring and dull. Its also a great way to make certain text or information standout.
-May change to black to give the website some depth and feel to the website. I think that it could also make the website look much more formal and grown-up.
Font: White for headings
Due to the heading being a dark purple a white will allow the font to standout.
Font: Black for normal information
Due to the background being a much lighter tone of blue it allows the font to be seen well in black.
Originally I would have chosen the colour scheme of white, black and grey as it would be suitable for the tires, however due to them being airless and prototypes I thought that using some colour would relate to the fact its emerging technology and that soon they maybe the new generation of tires.
Colour meanings in different Cultures:
Blue:
Blue has the most meanings in the world and is very positive. Blue in most religions is sign of hope and good health, while countries such as america see it as masculine. These meanings are similar and which my website wants to portray a masculine yet friendly website for smart purposes.
Black:
The colour black is an absence of colour. Is a mysterious colour typically associated with unknown or the negative. Black is also associated with power, authority, elegance. Black is required for all other colours to have depth and variation of hue. As i'm aiming at businesses and wealthy people the colour black will give the website a formal look and feel.
Dark Purple:
Purple combines the stability of blue. It symbolises power, nobility, luxury and ambition. As i'm excluding lower class people the colour is suitable as it gives the website class. The colour also conveys wealth and extravagance, which would make it obvious who the target audience is.
With these colours used, it would seem that I would not be offending or excluding any culture, of course their maybe a few different meanings to the colours, however its a much smaller target group which wouldn't be a problem to exclude.
Power Distance Index - The Airless tire is a prototype and is only being released to construction companies and the military. This means that the website will have to aim at rich and big companies in order to make relevance to the emerging technology.
Femininity vs Masculinity index - Due to the world having more male drivers I have chosen to use more masculine colours i.e. blue and black.
Update keeping this in mind I have changed the colour scheme a little by choosing black, white and grey.
Client Brief:
To create at least 5 pages about your chosen Emerging Technology (The Airless Tires)
The pages must include:
A Homepage
The Impact
The Ethics
The Evolution
And a added page of your choice:
(Prototype, Extra, Advantage/Disadvantage and a Reference Page)
Initial Brief:
The basic template for all pages:
I wanted a side menu to give the website that little bit more of a professional look. It will also be the location where I can add more page links without creating problems with the normal template. This will be likely the place where I will add more information that doesn't relate to the main pages and the references that I used.
The side menu icon can be located near the top left that can be clicked on, which will open up the side menu. The icon looks like 3 lines like most other side menu icons look like.
(Edit: I may change the icon to look like a tire to relate more to the emerging tech).
Note: You will only see the side menu if you click the icon. The icon doesn't move existing tables when it appears and in stead has the command to go over the existing table.
The idea of having two videos in each page maybe changed i.e. the location...as it can make the pages look like they've been copied and pasted. The videos that are in each page link with the page topic.
I've added in a <<Marquee>> command as i like how it makes the website look active and not dead. I've also checked that most websites that sell products that are low key have a <<Marquee>>
The logo is a airless tire, which is located at the top right. I chose the tire as the logo as its very suitable to the website and its an image that can be made small and people can still be aware what the image is.
I've placed a "title" in the middle of the page to show the viewer what that page is about. While this changes the title "The Airless tire" (Located at the top right), will not be changed.
The footer will contain the words "all rights reserved" with my name.
Draft of Homepage:
The Draft Impact and Ethics page
The Draft Pros and cons page
The Draft Prototypes and its replacements page
The Draft Evolution page
Client Feedback:
What was Said?
That the overall design and structure was nice. I should keep the colour scheme and remove the sidebar and include a different title font. I should add another page that would replace the sidebar to the homepage making 6 unique pages. Each page will include two YouTube videos. The 6th video may not include any videos as its just an add page for anything I wanted to add in extra.
No Changes Made:
The Background, colour scheme, structure
The Changes Made:
The Sidebar, add an extra page, add two videos per page, change title font.
Show Correspondence with client?
I shown a title page, 5 unique pages with added details of what I will include. I also explained on reasons behind all my decisions in front of the client in which the client explained what they liked and disliked.
What was Agreed?
The Client agreed on the background and thought it went well with the colour scheme. The overall structure of the website was liked and agreed on. The Colour of the font (White/Black/Grey) was chosen to stay the same.
We also agreed with two videos per page =10 in total. (They may not be in similar positions depending on changes).
The font of the title would like to be changed to represent tires "a tire font". We agreed that the font could relate more to the topic and give the page a better look and understanding
Difference in opinion?
I thought having a side bar would make the website more interesting and more formal. However, I do understand that it is not needed due to the website not having much content involved... resulting in the side bar being useless.
Instead I will design an extra page on the homepage which will have any extra information i wanted to put in the sidebar in this page.
Suggestions you gave to the client?
I suggested that the sidebar could have different information instead of having the same links that the homepage provides. The Idea was considered but the client chose to remove the sidebar all together.
Disagreement?
Their was no disagreement that I had with the choices that the client made. I understood what the client suggested and the reasons behind it.
Time?
6:04 Mins
Date?
11/01/2018
Second Draft:
Changes Made:
The Sidebar and its context has been removed - (The icon used for the sidebar has also been removed)
The Title for the webpage has a different font (Rugged Ride). Due to the design of the font a box had to be designed to make it clear.
A page has been added to the homepage which will include anything extra I wanted to show or explain in the website.
The Size of the page links and font size has also been updated to make room for the other page link.
Two videos will be in each page... the 6th page may only contain one video (Not sure) as its just an added webpage that wont be big.
The Homepage:
The Evolution Page
The Impact and Ethics Page:
Pros and Cons Page:
Prototypes Page:
The Extra Page:
Concluding Points: N/A
Cover Page:
The Airless Tire
Contents Pages:
Home Page: The Basic information needed to understand what the airless tire is, with a little of information from all pages.
Impact/Ethics: This will include both the Impact and Ethics side of things based on the airless tire.
Advantage/Disadvantage: Showing the advantage and disadvantage the airless tire has in different situations and environments
The Evolution: Where the Tires have evolved from, and what might evolve from this tire in the far future
Extra: Any information that I found to not have much link with the previous pages but worth reading about.
Prototypes: This will link with the evolution of the tires and how they have changed through time.
Background: I decided to choose a dark grey image of dried paint for the website. I wanted to keep the background image as close to the colour scheme as possible (Black, grey, white). I chose the image of dried paint as it gave the look of mud and what the lower part of a vehicle would look like if it was travelling through mud or bad terrain. I also liked how it didn't stretch the image when placing it in the background.
The command given to the background was "100% 100%" which means the image will take the entire background vertically and horizontally.
I did have a previous image that was a tire, however the image had too many issues based around its resolution and problems reading the font in front.
HCI - Human Computer Interaction.
Reference: http://www.color-wheel-pro.com/color-meaning.html
Colours:
Dark Purple: Boundary.
I'm using a dark purple to dominate sections of the webpage to show areas of importance.
I've chosen dark purple to organise my information like a table. as it clearly shows where a new topic starts and finishes. I've also decided to chose this colour as it goes nicely with dark blue.
Dark Blue: Headings/subheadings
I'm using a dark blue for all the headings/subheadings, to give a formal and professional feel to the website.
Light Blue: For other information
This colour is used for any secondary important information like:
Stats/facts
links
image-boundarys
I've chosen this colour as its close to the previous colours and will be suitable for the emerging technology.
The main reason for choosing a light blue is to give life to the website, which will stop the website looking boring and dull. Its also a great way to make certain text or information standout.
-May change to black to give the website some depth and feel to the website. I think that it could also make the website look much more formal and grown-up.
Font: White for headings
Due to the heading being a dark purple a white will allow the font to standout.
Font: Black for normal information
Due to the background being a much lighter tone of blue it allows the font to be seen well in black.
Originally I would have chosen the colour scheme of white, black and grey as it would be suitable for the tires, however due to them being airless and prototypes I thought that using some colour would relate to the fact its emerging technology and that soon they maybe the new generation of tires.
Colour meanings in different Cultures:
Blue:
Blue has the most meanings in the world and is very positive. Blue in most religions is sign of hope and good health, while countries such as america see it as masculine. These meanings are similar and which my website wants to portray a masculine yet friendly website for smart purposes.
Black:
The colour black is an absence of colour. Is a mysterious colour typically associated with unknown or the negative. Black is also associated with power, authority, elegance. Black is required for all other colours to have depth and variation of hue. As i'm aiming at businesses and wealthy people the colour black will give the website a formal look and feel.
Dark Purple:
Purple combines the stability of blue. It symbolises power, nobility, luxury and ambition. As i'm excluding lower class people the colour is suitable as it gives the website class. The colour also conveys wealth and extravagance, which would make it obvious who the target audience is.
With these colours used, it would seem that I would not be offending or excluding any culture, of course their maybe a few different meanings to the colours, however its a much smaller target group which wouldn't be a problem to exclude.
Power Distance Index - The Airless tire is a prototype and is only being released to construction companies and the military. This means that the website will have to aim at rich and big companies in order to make relevance to the emerging technology.
Femininity vs Masculinity index - Due to the world having more male drivers I have chosen to use more masculine colours i.e. blue and black.
Update keeping this in mind I have changed the colour scheme a little by choosing black, white and grey.
Client Brief:
To create at least 5 pages about your chosen Emerging Technology (The Airless Tires)
The pages must include:
A Homepage
The Impact
The Ethics
The Evolution
And a added page of your choice:
(Prototype, Extra, Advantage/Disadvantage and a Reference Page)
Initial Brief:
The basic template for all pages:
I wanted a side menu to give the website that little bit more of a professional look. It will also be the location where I can add more page links without creating problems with the normal template. This will be likely the place where I will add more information that doesn't relate to the main pages and the references that I used.
The side menu icon can be located near the top left that can be clicked on, which will open up the side menu. The icon looks like 3 lines like most other side menu icons look like.
(Edit: I may change the icon to look like a tire to relate more to the emerging tech).
Note: You will only see the side menu if you click the icon. The icon doesn't move existing tables when it appears and in stead has the command to go over the existing table.
The idea of having two videos in each page maybe changed i.e. the location...as it can make the pages look like they've been copied and pasted. The videos that are in each page link with the page topic.
I've added in a <<Marquee>> command as i like how it makes the website look active and not dead. I've also checked that most websites that sell products that are low key have a <<Marquee>>
The logo is a airless tire, which is located at the top right. I chose the tire as the logo as its very suitable to the website and its an image that can be made small and people can still be aware what the image is.
I've placed a "title" in the middle of the page to show the viewer what that page is about. While this changes the title "The Airless tire" (Located at the top right), will not be changed.
The footer will contain the words "all rights reserved" with my name.
Draft of Homepage:
The Draft Impact and Ethics page
The Draft Pros and cons page
The Draft Prototypes and its replacements page
The Draft Evolution page
Client Feedback:
What was Said?
That the overall design and structure was nice. I should keep the colour scheme and remove the sidebar and include a different title font. I should add another page that would replace the sidebar to the homepage making 6 unique pages. Each page will include two YouTube videos. The 6th video may not include any videos as its just an add page for anything I wanted to add in extra.
No Changes Made:
The Background, colour scheme, structure
The Changes Made:
The Sidebar, add an extra page, add two videos per page, change title font.
Show Correspondence with client?
I shown a title page, 5 unique pages with added details of what I will include. I also explained on reasons behind all my decisions in front of the client in which the client explained what they liked and disliked.
What was Agreed?
The Client agreed on the background and thought it went well with the colour scheme. The overall structure of the website was liked and agreed on. The Colour of the font (White/Black/Grey) was chosen to stay the same.
We also agreed with two videos per page =10 in total. (They may not be in similar positions depending on changes).
The font of the title would like to be changed to represent tires "a tire font". We agreed that the font could relate more to the topic and give the page a better look and understanding
Difference in opinion?
I thought having a side bar would make the website more interesting and more formal. However, I do understand that it is not needed due to the website not having much content involved... resulting in the side bar being useless.
Instead I will design an extra page on the homepage which will have any extra information i wanted to put in the sidebar in this page.
Suggestions you gave to the client?
I suggested that the sidebar could have different information instead of having the same links that the homepage provides. The Idea was considered but the client chose to remove the sidebar all together.
Disagreement?
Their was no disagreement that I had with the choices that the client made. I understood what the client suggested and the reasons behind it.
Time?
6:04 Mins
Date?
11/01/2018
Second Draft:
Changes Made:
The Sidebar and its context has been removed - (The icon used for the sidebar has also been removed)
The Title for the webpage has a different font (Rugged Ride). Due to the design of the font a box had to be designed to make it clear.
A page has been added to the homepage which will include anything extra I wanted to show or explain in the website.
The Size of the page links and font size has also been updated to make room for the other page link.
Two videos will be in each page... the 6th page may only contain one video (Not sure) as its just an added webpage that wont be big.
The Homepage:
The Evolution Page
The Impact and Ethics Page:
Pros and Cons Page:
Prototypes Page:
The Extra Page:
Concluding Points: N/A
Subscribe to:
Posts (Atom)



















