Project Mapping

In todays session we looked into how a map to portrayed to people in different ways. we started looking at maps of the world and how the map we know isn’t really correct in comparison to the word as Africa and brazil are a lot bigger and the uk is squashed upwards. We then looked into a art type of the world map when at first it may have looked like a mess of a design but when informed its the world map you can sort of see it and it comes to light. we also then looked at the London underground map. This map is known to being a very good famous map in London however it isnt at all geographically correct. This is bazaar as you expect a map to tell you where you are in the world and you dont really expect it to be wrong. Although it is wrong it dont really matter as the underground is… Underground. So above ground hasn’t really any relevance to the service as long as you get of where you intend this is just a simple easy way to read and useful to its users.

Today I looked into making a map of my trip back to my mothers house which is near Daventry, Northamptonshire. I started by drawing out my train journey all the way home. I thought this was more interesting as I always get the train and the car route would be a long straight line up the M40. Seeing as I took the train home I thought I shouldn’t label the stops I pass though by their full name but the Train station Codes they use to identify each station easily. and also the starting postcode and ending postcodes as I dont live at a train station. I placed these names all the way up my map at the correct place. I then thought to add some landmarks I noticed when passing though each one of these stations until I get home. I then thought to add the county flags but not all stations had its own flag as some shared them.

I then came to scrap my whole idea… Ish… I kept the train station codes and made them¬†huge and listed them downwards like going down the country, Or up the country depending which way your¬†travelling. I then made the text grey so you can see the black images I made beforehand of the landmarks. So I overlaid these ontop of the station codes. I like this last one better as it nice and organised and looks more pleasing that a random route with no map. Also I like that fact there is no route however you know there is a route of getting to A to B and passing what I see also on the way. Sometimes the simple designs are the better designs ūüôā



In yesterdays session we looked into how symbols can be iconic, Symbolic or index. We looked into how an image of a dog means dog no matter where your from. we recapped how icons have¬†physical resembles of what your intending to show. e.g. a tree, Britain or a man/woman. These images can be identified as what they are and have a understanding what they are trying to show without words. next are symbols, these are¬†often an abstract¬†image that stands for something. such as recycle, peace, no entry. We all know what these signs are however the don’t relate in anyway to what they mean such as the¬†peace symbol. A circle with a line though it and 2 lines coming out of that line in no way means peace but this abstract symbol has become symbolic and we call know what it stands for now. lastly we have index, this is still an sign however this sign is only culturally correct. Such as a toilet, analog clocks and throw away coffee cups. These are all things that can be turned into an iconic sign however these have different rules because they may not exist in a different country. such as a toilet may be a simple icon to us but it is an index as some countries dont have toilets therefore would not understand this sign. Because it isn’t a universal icon it then falls into being a¬†index.

we then looked into known brands such as cocacola, nike, apple, google and mcdonals. These logos are symbolic as they are abstract works of art that had become recognisable though out the world. No matter if no words are include or if the logo was changed if they kept the basics you could still understand what it is.

I then had a go for myself making a new sign that everybody would be able to recognise to anybody who hasnt seen it before. As you can see above I have used the symbol that is a No entry sign, However is used alot as a DO NOT ALLOW sign. Then behind the sign i anded a Penguin. This then means DO NOT ALLOW PENGUINS or No Penguins. I thought this was boring so I added a Fag in the penguins mouth. It now means DO NOT ALLOW PENGUINS TO SMOKE or No Smoking Penguins. either way works but at the end of the day you know what im trying to say though a sign.

I then moved on to making a redesigning a Brand icon. I took apple and basically swaps the symbolic apple to a iconic apple. I made it keep its leaf onto and also had a bite taken out of it so it looks the same but just changed it from a symbol to an icon.

I found todays session quite useful as I know for a fact how index icons have been used and I dont understand but also how symbol and icon signs are very useful. I recently have been to Japan where I know very little of there symbolic language. So when it is written down I have no chance of understanding it compared to if it was written in the alphabet I use in English. I came across lots of signs such as EXIT, ENTER, NO SMOKING, METRO, JR, FOOD and brands but also many more. These signs are simple and easy to understand though images so you dont need to rely on the text to explain what you need to know. However this wasn’t always true as the Japanese use symbols for there alphabet they seem to use it a lot in there signs which i was unable to understand. Not only this some some images where not clear and lots was happening so them signs also where hard to understand. Lastly some images where clearly shown but due to me not living in the country I didn’t understand. These signs are all index as the only are intended for that culture and not the world. an example is that¬†one sign i was was of a hippo wagging it tail, I thought this was cute however little did I know it was a warning sign meaning that hippos wag there tail and to be aware of flying poo which wasn’t as present as I thought.

Design CV

Screen Shot 2016-02-07 at 01.42.36

Last week I had a lesson on how to make my CV the worst it could be, Well since then I have worked on the best It could possibly be! by the end of that session I came back thinking that a CV don’t have to be boring words on a page with boring information on how qualified to¬†stack shelfs¬†in a shop or serve drinks in a bar. I wanted to show¬†the Employers for my placement that im not a boring person, That I can be creative and also that I love design so much I designed my own infographic CV. I feel that this will give my CV a different edge as well as being¬†fun and interesting. Also the fact that employers get 100s of CVs in for a job, So I want mine to be remembered and stand out from the rest that way they cant not think about me when it comes to the job and I have less change of being over looked.

So for my CV I started in big bold letters! My name…. and what it is. Hard to miss you know what it is and who it is for, Simple. Next I welcome myself with a little banner along with a image cutout of myself. This was to make the CV looked more personal to me. I wasnt sure if I was keeping it at the time but all ideas that popped into my head at the time was welcomed! I then added the essentials of name, number and email address. Followed by my education from college and here at university so people can see what I have done and also what im doing that relates to a design career. I was also debating adding in my blog page because these pages show all my work and employers go do further research on my work however I feel my blog is something for me! A place where I explore Ideas and write willy nilly things where I have no worry what I write as Im not writing to an audience but just myself. Not to worry if what I say is right, Not to worry is my grammar and spelling is correct but a place where I can look back on all the ideas I had going though University and how my projects improve over the time of being here. So I think I will give it a miss to add my blog to my CV. However a moment can still arise where I feel including it may be useful.

Although I didnt ass my blog I feel my next task will be to create a webpage where I am able to show off my skills of building a website and also display all my work within the website and will all be designed by me! this will be a step forward and make me a lot more confident with code again seeing as we havent done any website coding since last year. So this will most likely we the next project I work on.

I then moved to my Skills. Now this was hard for me because im a student and im still learning and also constantly getting compared with other students that may be a little better than me however this makes me feel like I dont know enough so im always trying to keep on top and learning new and different things each day. I originally had the percentages at the bottom of the page to show how well I know each topic like Photoshop and xcode but how I mentioned before, Im still learning this so whatever I put in there is wrong and will be out dated everyday im in uni. I then added a Ven Diagram showing Design, Coding and problem solving with me in the middle. This was just to show employers that I am good at design as well as coding and also at the same time I am also good a problem solving. I though this looks good on the page but I still feel its not that important.

I then moved onto a timeline of my education but all I had was 4 things and it wasnt that interesting so i scrapped the idea to the revisit it. However this time I thought to add education along with work experiences, achievements and also life milestones of my own. So I started with 2016 at the top as I feel what I do these days are more interesting then when I got my first paper round. I stated adding when I graduated from each school and moved on to places I had worked. I thought this was a bit boring until I recalled some achievements I had made in the summers between school years. However this is a bit boring I needed to add a bit of my personal touch so I thought why not add countrys I had visited throughout the years as this shows something I love to do and also show an employer that my im up for new experiences no matter how big they are. This could turn into a conversation at an interview where I will be able to tell them what experiences I have gained from doing this, Exploring different cultures totally different from my own and also the fact that I have travelled 6,000 miles away with neither a mother or father by my side to a foreign country where I cant speak the language let alone even read the kanji symbols. This shows employers that I have independence for myself while making tough decisions, which include what country to go to but also what to do while Im there. This includes communication with locals and sometimes its not as easy when you dont know the language and  also navigation and organisation is very important as when traveling you need to know where you are going, how to get there and be sure to arrive on time. So adding travelling is key to show what sort of person i am and also what I am capable off.

Finally my intreats I added at the bottom. I thought I will use my charts in the end but for what i find intreating and also my own rating on how much I love that topic so of course¬†what is first… Travelling with a massive 90% This is simply because I love travelling however travelling cost money and even though I love trains and flying… I hate delays and other problems that may happen when travelling. Moving onto¬†Photography and Film, or my hobbies as I would say. I love photographing images as if they are to tool of never forgetting the moment. but at the same time capturing a fantastic image that is so visually appealing. The same goes for film both truly amazing however I feel I have nothing worth while to take images so this is again why I love travelling as I see new places and capture the moment forever. However this is a hobby as Im totally useless at it, it also helps to my more creating filler content in my work as well as inspiration¬†in my designs and drawings. Next we have music, Growing up I listened to lots of music and this is what brought me close to some of my friends however over the years my taste has varied and is a bit over the place. Music helps me concentrate and depending on the type of work im doing the different music I listen to expanding how i think and letting creativity flow free. Up next would be Coffee… Now coffee isnt really a normal interest but it is a ball of fluff protecting your heart. Its the go to thing¬†for all of lifes issues…. getting up and alive in the morning, getting you thought the day, helping you stay awake during essay hand ins, Coffee is my life saver. But also its a drink you have when you bump into an old friend, and also new friends for that matter. Coffee also opens new opportunities and just by leaving the house early to grab that coffee opens you up to seeing the world in a different light. But not only the drink but the smell of coffee and the taste of coffee ice cream and also coffee memories. The first time I ever had coffee was in a cake I help make with my grandma when I was little. I loved it so much I wanted to make 1000 more of them that day. So to me Coffee is not only a drink but also a social event and memories. Cinema for me is just a posh way to say I like to watch a lot of TV and films, which is very true but more about enjoying the storyline of people in all sorts of different situations but also the emotions the shows put you though. I enjoy a good horror movie as I like to work out the where the jump scares will be and watch my friends cry in fear, but also the how it makes myself feel. I like being scared when I know there is no real fear to be scared of. then on the opposite side you have Comedies where they make you feel happy and enjoy yourself while watching. But also you have the relatable dramas that dont always have a happy ever after but you build a bond with a character and know how they feel as if your not alone in the world. Then Lastly you have the Superhero films, You gain the hope that you are being protected by this person but really I love it for the fact that there are people dressed up in fancy dress that are out to kick the enemies butt! but it is so unrealistic as there are no super powers, no evil villains as nobody has that much power along with hatred for people in the world crimes like this will be at a small scale¬†thrown into prison. Then finally you have Disney shows where you get to feel like the kid you wish you still were and pretend your taking your little sibling to see the movie and its not for you. I could go on but finally I have Puzzles. Now i love solving problems so what I love to do are puzzles as well as challenges. I would always get the newspapers and complete the sudukos witch my mother believes is witchcraft. I then so all the puzzles I find¬†in newspapers and magazines but thats not always enough so amazing with the app store I am able to download all the apps I please and more. This also includes challenging games that make you have a timer to complete the puzzles that makes it so much more interesting ūüôā

And that is my whole CV explained so far! however this could change as I will take this into uni for people to tear apart and pick out whats good and bad just to make it the best possible CV I can make in the end.

Collab Workshop

Screen Shot 2015-03-20 at 17.13.46  Screen Shot 2015-03-20 at 17.33.25

Today in class I learnt some basics on jQuery. jQuery is what makes the website look nice and shiny! Basically all of the funky layouts and functions on the page from how a button look to an image, jQuery can be used on anything to snazzy it up and look better. We started of the lesson by making some simple boxes. first they where all black then made one turn purple. What we had now was a fuction that when the box is clicked it would turn a different colour. I then Added lots more boxes to my page this then made it so I could click on the box and it would turn black and if I clicked it again it woule turn back to purple. This then can be used like a 8-bit paint pallet! you also could change the colours and go on. Even added a 100 more boxes would mean you have more canvas and could draw whatever you pleased to draw. This concluded my 1st jQuery workshop! This was a fun workshop and I cant wait to use more jQuery as the next project begins. Also It comes in handy with the work Im doing on the webpage currently.

Screen Shot 2015-03-20 at 17.36.54 Screen Shot 2015-03-20 at 17.24.02



Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 25th March 2015]

Brackets #11

Screen Shot 2015-02-24 at 14.28.34 Screen Shot 2015-02-24 at 14.28.52

Today we was just fixing things on the PHP so it links up with the database nicely and will move smoothly. To do this I added in a few more if statements such as what will really happen when you sign into the database. Such as when you sign in it will you be asked for the username and password. then the database will try and find a match coming up with one result which will be your login. If this is incorrect then an error message will appear if it is successful then a welcome message is displayed. I also made it so when the welcome message come up it will also display your name. I did this by referring to the users username.



Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 24th February 2015]


Screen Shot 2015-02-19 at 12.16.54Screen Shot 2015-02-19 at 12.07.50 Screen Shot 2015-02-20 at 09.53.16

Todays lesson I worked on from last week! So I started by adding a text called Lorum Ipsum, Which is a text that is really random and is used to show where text would go on the page. This is useful as this means I dont need to put as much effort in when it come to text and thinking of paragraphs that I dont know what they will say yet! then at a later time i can change it to what I want to say. Then I moved on to adding borders to my content box and also the navigation bar. After this I started changing the layout of the boxes. I wanted the boxes to have a a space between them both so they stand out more. After this I had to change my whole colour scheme as it didnt go and needed to change. I went with purple as that is my fav colour. after this I worked on text. I had to change it to white so it was visible on the purple box. and I did this for both the content and nav. after this I saw My content box was bigger than it should be by a few pixels. Then I looked into why and I could see I have my border at 3px so it makes it bigger by 6px. To fix this I have to take the 6px from the content box so instead of 800px it is not 794px. After all of this I started changing random things for the sake of it. I started buy making the boxes change colour when they are hovered over, and also placing the text in the middle of the box it is contained in. Also added a header to each box so It links up to the nav bar. This was important so I can link them up. I wanted it so when you click on the name in the nav bar it links up to the text in the content I did this by adding links and <a> tags to the code. I also added an overflow in the content! this is so I can make the content box as big as I like and it adds a scrolling bar so it dont look out of place on my page. lastly I just needed to work out why I had the links and also the names repeated on the page in my nav bar but this was only due to repeated code that was unneeded, So i just deleted it. Then that concludes me today! I think I really have inproved from last week and am really enjoying HTML.

Screen Shot 2015-02-19 at 12.04.28 Screen Shot 2015-02-20 at 09.56.06



Wilkinson, P., 2015. Workshop. Available from: Bournemouth University [Accessed on the 20th March 2015]


Screen Shot 2015-02-12 at 12.24.40Screen Shot 2015-02-12 at 12.17.50

For todays lesson we was set a task to make a webpage with a container containing a header, navigation bar, body and footer, After adding these to the page I had to make them fit in the container correctly and sit nicely. When I fixed all the boxes I then made it so they would stay in the middle of the page no matter how much you change the size of the browser. After this I added in some text and an image. This then made my boxes go out of place. But after finding out the padding on the page is set to 16px, I then changed it to 0px so it would be normal again. So in the end I touched everything up to make it look okay and i completed the task.

Screen Shot 2015-02-12 at 12.33.17Screen Shot 2015-02-12 at 12.55.27



Wilkinson, P., 2015. Workshop. Available from: Bournemouth University [Accessed on the 12th March 2015]

Brackets #10

Screen Shot 2015-02-10 at 14.56.41

Today In the workshop I was mainly getting used to the database in which I will need to use later in the project. This database was ensuring me that when people log into it they will have to have a correct username, password which match up to their ID and also the date they joined. Todays lesson was more about how to get around the page and inputting the correct the information.

Screen Shot 2015-02-10 at 13.36.42



Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 10th February 2015]


Screen Shot 2015-02-05 at 12.30.21

Back to HTML today, Just refreshing the mind and just testing a few Ideas. So got an image of a dog where I then had to make a size of 400 px by 400px, Then add text below and change its colour. After this a added anouther image also changing it size and making it go inline with the other photo. Then I had to make the images and text stay in the center of the page and so make it change depending on the size of the browser, Lastly I added the footer where I changed the colour and also made it stick to the bottom of the page. This concludes my work for the day till next week.

Screen Shot 2015-02-05 at 12.58.08



Wilkinson, P., 2015. Workshop. Available from: Bournemouth University [Accessed on the 5th February 2015]

Using Brackets #9

Screen Shot 2015-01-13 at 16.34.54Screen Shot 2015-01-13 at 16.19.14 Screen Shot 2015-01-13 at 16.20.43

Today¬†I¬†expanded my knowledge¬†from¬†the button that i added last week. So this week I made it so when you post¬†onto the page you can receive a nice message saying ‘Success, Your AMAZING!! Post was Addeed!!! Well done Your Awesome!’ But not all posts will post due to a connection error. If this is the case a message will pop up saying FAILED! YOU FAIL!!!!! Yeah Sorry your Message Ran Away…’ ¬†This is so the user who is posting the post on the page will know if the post has been posted or not.

Screen Shot 2015-01-15 at 14.30.28 Screen Shot 2015-01-15 at 14.52.14

Next i just worked on tweaking some things such as when you dont fill out a field it enters it as invalid and dont post just then, You are then able to enter in the correct information and continue¬†to post your post. As for gender this is a bit diffrent¬†as your only really going to chose from 2 options so I¬†made it muti-chioce then also this means if you dont fill it out you will be male so i added a –Select– button so you have to change it. Lastly I added a welcome user for when you logon to the page and also a logout button that will log you out and take you to the main page.

Screen Shot 2015-01-22 at 15.23.23Screen Shot 2015-01-22 at 15.07.11 Screen Shot 2015-01-22 at 15.27.11



Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 22nd January 2015]