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]


Using Brackets #8

Screen Shot 2015-01-13 at 15.45.51  Screen Shot 2015-01-13 at 16.35.08

Today we worked more on PHP using the database. What we did first was start off from last week and just make the code more tidy and clean. I then copied bits over from different files so I could work on them and make them do what we wanted them to do. So we had the data base up and ready and anyone was able to add any new posts to this database but they weren’t really in any sort of order. What I did next was add a function to make a drop down box to my page which you was able to select Old or New, This will make the posts show either the new ones or old ones first after pressing the MAGIC BUTTON which is just a sort button but your able to change it to whatever you like.

Screen Shot 2015-01-13 at 16.20.52  Screen Shot 2015-01-13 at 16.20.43

Next I moved on making messages to indicate if the message was sent or not. I had two message a success message if it works and a failed message is something didn’t work and it don’t send for some reason. I also added some funny phrases to these but not for the fact to make a riot but more for the fact I was able to change them to say whatever I like and it also is more of a mental note to myself as when I come back to this I will be able to see what I have added random notes too and know It is the part of the code the viewer is able to see.

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



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

Poster Project – Final Outcome

Screen Shot 2015-01-12 at 00.51.31


Okay So its all done and been summited now and Im done, So what I had to do was chose a topic from a list of different things, in which I would have to visually communicate an idea to explain the data within the chosen topic on an A2 sized canvas

The topic I chosen was -What is your social network? Visualise your Facebook social network using Facebook’s classification of close friends, family and acquaintances

So for this I had a few ideas where I could go with this topic but in the end I chose to do my family tree of Friends. After this I then draw up a few Ideas to what I wanted my design to look like. So after a few lessons on how to use illustrator and Inkscape and also research I was able to start my designs. So I started on the way home for xmas I started my illustrator poster design. I started drawing the tree out first so I had my starting point and could work on from there. After this I started adding all of my friends to the tree. When I had added all of my friend I then started changing the colours of my design to a blue scheme for Facebook. Then after so many different colour changes I came to the Idea of adding the circuit board idea and ditching the tree trunk idea. Then even more colour changing until I started adding the key extras like a title, Facebook logo, key and colour zones on the tree then finally I made the background perfect with the circle gradient, enough to make the tree glow and stand out but less so you can also see the tree trunk

On reflection of my poster design I am extremely happy with the outcome of my design and I mainly love the idea I added using the circuit board, using this idea made my tree look so much better and improved it by so much. i love that it is used on a tree and the lines in the network make it look like the branches to the tree. It just completes the tree and really makes it stand out from the normal boring tree I had before. Although not everything goes to plan as not everything is right about my poster. When I look at the poster I cant help but see the background isn’t a 100% right! although I tried so much to make the background right by trying so many different colours and gradients I didn’t know what else I could do, Its not that I think blue is the wrong colour…. Its just the type of blue I Used in the end I wish I Had chosen a different one. Also The trunk being white caused so many issues then If it was Black but it wouldn’t look as good. But being white it clashes with my bleach blonde hair and the gradient in the background, but without that the poster would be far to flat and not look as nice.

Overall I know I can improve in the areas I messed up in before such as the background and the gradient as improving these would improve my poster so much more. Also something I really regret is not applying a 3D look to the faces. If I was able to go back to the project I would add a second layer with slightly a different colour on my friends faces to make it look a tad 3D and have more depth. The only reason I never acted on this Idea was because this idea I had only thought of Yesterday and was unable to add to my project unfortunately. Next Time I need to plan my working time out better and not do most of it in the last 2 weeks and to spread it all over christmas.

Now my A2 poster is complete and you can see my Poster shows all of my close friends on Facebook, unfortunately I don’t have any family or any acquaintances on my Facebook as I only accept my close friends on Facebook. So what I have done is include all of them and display them on a tree. This tree represents a family tree as I see all my Friends like a Family. You have me at the bottom of the tree sitting right on the trunk. Then have my friends Ive know the longest branch on on my network of pathways from friend to friend. This is because you will meet one friend and then they would make you meet more and them friend make you meet even more and so on and this tree just expands more and more! So you can see in the poster what friends I have known the longest and who I got to know them though and who know who in my friendship Tree

So did I answer the question?

-What is your social network? Visualise your Facebook social network using Facebook’s classification of close friends, family and acquaintances

What is my social Network – I group of my close friends that are mixed from some that I have known for 15 years and others I have known just this year, all different types of personality, live in different areas and completely different people. Yet they all have one thing in common and what is that? ME! Also the fact that all my friends are connected  though this network we called FACKBOOK! and no matter how much you don’t like it you cant escape the network as there is no forgetting me 😀 People are forever connected but I really believe it shows my social network group in one poster and clearly explains how I have know one person to another. And proud of the final Outcome.

Poster Project – Roots???

Screen Shot 2015-01-12 at 00.46.19 Screen Shot 2015-01-11 at 23.01.43


When I approached my Poster to my house mates and they told me to add roots to my tree, So i thought why don’t I just try and see how it looks. So I made some roots but at first they where to square so I added a kink to the roots to make it more appalling but it didn’t turn out as good as I thought. at the end I decided I didn’t like it as the roots in the middle lean nowhere and it just don’t look right to me so I just kept it to how I had it before with the straight trunk, which in a way i think is better due the the lines being the pathways of my connections to my friends which do root from the ground, but shooting up from beneath me and branching out looks the best for my poster.


Poster Project – Touchups

Screen Shot 2015-01-10 at 20.39.11 Screen Shot 2015-01-11 at 19.17.38

Okay so everything is starting to come together now and it is already looking a lot better than it did at christmas. As you can see I have not spelt Social right this time round and also made a Facebook symbol next to the title there. Also you have the key placed on the bottom right side of the poster. also so the Tree stands out a bit more I changed the colour a bit Just so the centre was darker and the outside was lighter. This was so the you can tell the colour apart in the tree and can read the key to understand the poster fully.

So everything it looking amazing… Till you look at the background… it just wasn’t quite right… either it was too light to see the tree trunk or too dark it wouldn’t let the tree stand out as good. So I added a circler gradient around the tree, so this made the tree stand out more but still has the nice blue background and it may just be perfect! also the gradient isn’t too high that you cant see the tree trunk. So this may be my final design after a few tweaks.


Screen Shot 2015-01-11 at 19.22.07

Poster Project – Appeal for the Audience

Screen Shot 2015-01-11 at 19.20.19 Screen Shot 2015-01-11 at 19.21.50

Back to step 2 – Explain? – What message am I trying to tell the audience? So I thought why not add a key to my tree! So you know How I change the tree’s colour of the tree making it darker in the middle and all… well I thought how will anyone understand this by just looking at the poster. So I made a key on my poster. The key is describing how long I have known my friends. such as the ones at the core next to me I have known longest and on the outside are the ones I just met. So I thought I should add a colour code key to show how long I have known the person. I also later changed the years round as I thought saying 15-8 years isn’t the correct grammar and 8-15 years so I swapped them around.

Using Brackets #7

  Screen Shot 2015-01-08 at 15.03.10

Back to databases!!! Yay! So leaving of from last week we had to connect to the database but this time I added in the function of name description city and gender, This was so when you enter the page you can place in your own information and add it to the database from any computer in the world. I then placed my own details into here with my name, message, gender and city i lived in as you can see below. This was quite a fun task to mess around with databases and this has the same stepping stones as Twitter. So as my coding improves I will be able to make make my own sort of twitter and so on.

Screen Shot 2015-01-08 at 15.03.16 Screen Shot 2015-01-08 at 15.36.38 Screen Shot 2015-01-08 at 15.37.01

Poster Project – Background

Screen Shot 2015-01-11 at 22.06.52 Screen Shot 2015-01-11 at 22.04.50Screen Shot 2015-01-11 at 22.06.06 Screen Shot 2015-01-11 at 22.05.14Screen Shot 2015-01-11 at 22.05.43 Screen Shot 2015-01-11 at 22.07.49

So posted a screenshot of my work on my Facebook page and asked my friends to point out some problems with my poster so I am able to fix them before I hand in my work as a 2nd persons point of view on it really dose help me improve or in this case 34 other people. So a few comments like ‘will we get faces?’ which I thought I could add but then came to the conclusion of not adding the faces on because that would take the attention of what i’m trying to express in my poster that is the thought that we are a network also the fact it would over complicate it all. Another one of my friends didn’t like the fact her hair was better than in real life but this was due to taking a image when she 1st dyed her hair and she may have edited the photo. And Lastly the Typo I did…. Okay I’m not good at spelling but its a good thing i placed this online or I would have handed that in like that as I honestly wouldn’t have known the difference. So as soon my friend pointed this out to me I then soon changed it ASAP!! and then it all all fine.

A few comments weren’t helpful and others was just positive feedback but a few was helpful such as the ones above. So the 1st issue that came up a lot was the background issue which I also agree with.. but Is it too blue? So after this I tried the colour black so it would stand out, but this was too blunt and not nice…. I then added a circler gradient which did make it better but still didn’t look good. I then tried it with White but this was a defiantly a No due to not being able to see my trunk anymore, in order to see the trunk I added a black gradient but this still don’t look good. I then went back to blue but darker but it don’t have the same approach as the light blue so I was back to the beginning although one comment did say the blue on blue works and I thinking why cant it work? but still may not be the right shade.

Screen Shot 2015-01-08 at 20.53.48  Screen Shot 2015-01-10 at 19.29.17Screen Shot 2015-01-10 at 19.29.43    Screen Shot 2015-01-10 at 19.28.58Screen Shot 2015-01-10 at 19.32.02  Screen Shot 2015-01-08 at 21.37.50





Poster Project – Making it look nice

.                                   Screen Shot 2015-01-08 at 17.23.05


So I thought About the 2nd step –  2. Explain? – What message am I trying to tell the audience? So I thought I would think about what I needed to to explain my poster to my audience so I started by adding the words ‘ My Social Network’ Just for a title for my poster but its nice and discreet in the corner which I quite Like.

So then I though what people may think when viewing my poster? and how can I help to explain what I’m trying to show in the poster. With my tree I changed it slightly with the colour scheme. Instead of just the normal blue I used a different ranges of colours starting at the core with a dark blue for the people I have known the longest and then gradually getting lighter the less years I have known the person. until the outside of the tree with all my uni friends are really light blue. I though this is a great way of showing how the viewer how I also saw the poster.

3.  Appealing? – Right now it don’t look too nice so what can I do to make it more interesting to look at as a poster?

Next I jumped a step due to just because this idea came to my mind the night before. When my house mate was playing with a circuit board from his computer randomly. I though about how in a circuit board you have all the different components that are connected together by the pieces of copper strips. The strips make up patterns of pathways to allow the electricity flow between the components. I thought i could relate this to my Social Network seeing as a circuit board is a network and this is my network of friends. I thought of this as my friends are the components and the network between us all are like copper strips with the electricity flowing between us. 

Friends are not just people, We have this bond between us that makes up never able to let go. yes some friends become lost in the network and some die out, but deep down they are their and we can never forget each other due to always being there and still connected by these invisible copper strips. Although some components are stronger than others and without them my network would just brake

So using the circuit board idea I just thought to delete the tree trunk as it don’t fit in at all. So instead of the tree trunk I used this as the core pathways leading from myself and branching out to each one of my friends. Then I added on the end of some lines some dots to make it really look like the circuit board. but the black was to dark and didn’t look to good so I changed the colour to white but thought the dots look nicer with the black inside. After this I started adding in more lines where needed and joining lines together where I missed before and only just seen due to the lines being brighter.

Next time I need to Work on the background and also what else I need to do to express what i’m trying to say in this poster.

Screen Shot 2015-01-08 at 17.40.45 Screen Shot 2015-01-08 at 17.45.14

Using Brackets #6

Screen Shot 2015-01-06 at 16.05.38Screen Shot 2015-01-06 at 16.19.05 Screen Shot 2015-01-06 at 16.18.56

Back from the holidays and back to Coding! so I started with some code and what I had to so was end up writing up a profile on somebody on this database on a webpage. When I had to connect the code up with the database I needed at to access. But to ensure i close the network when i’m finished with it.

At first I just had this random text repeated 3 times on my screen with the beach as the background so I have a lot to work though till my end result. Next I had to include all the info the code needed to make this database into a website that can hold the information, so i had to tell it where it can find this information and what it needs to do to display this information and then load it up and it should appear there in front of you. And there you go ! my name is now in the database.

Screen Shot 2015-01-06 at 15.50.13 Screen Shot 2015-01-06 at 16.18.48 Screen Shot 2015-01-06 at 16.18.18