Group meeting #3

11047076_841860199220660_1606029893_n Screen Shot 2015-03-18 at 09.46.08 Screen Shot 2015-03-18 at 09.31.05

Yesterday we had another Group meeting to see how everyone is doing and more what work we can be getting on with. Currently I am working on the slide show and Logo. As for the Slideshow I have a basic code for it, But I just need to change it so it is full screen and instead of a dissolve we as a group decided it would look better with a slide in from right to left. Also the suggestion of adding Arrows on the page so the user can scroll though the images faster if they wish. Somehow I will need to place the images on a loop along with an If statement. I could be wrong but I think in order to do this I will need something along the lines of slide every 10 second (else statement) arrow clicked turn to following image? I will need to work on this and next time im in the labs make sure it works as-well.

Next was the Logo.! Now I cant draw… So what I did was just take the image I had taken from the image I took the other day. and traced round it in in photoshop. Then printed it off and coloured it in. I thought seeing as the turtle is our mascot we should include him in the Logo. I shown the girls the other day the image and asked them what I can do with the logo. Great ideas where tossed about such as a turtle on a PC, dancing and so on. As for the logo we decided to keep it sweet and simple. at the group meeting Darlene had also came up with a an Idea for the Logo so she could place it on the page and display how it will look, Darlene said we dont need to use this Logo but it is a good design. In conclusion we thought we will make a few different designs and chose the best from all of them at a later date.

Israfel was also at the Group meeting today and said he was working on the about Bournemouth page. We all thought It would be a nice idea for the page. Seeing as it is based on BU students It would be nice to include a bit about the town in which we live in. So israfel when off to work on this.

Becky is still doing working on the about the team page. currently she is working on a report button for the page. We thought that some people may abuse the site but posting offensive posts to one another. To avoid this happening as much we thought we could add the report button so people can click it and feel safer on the site. This report button we send us a notification so we know what post is causing offence. Then we can look who posted the post via their BU ID and then send them an angry Email telling them it is not acceptable and theaten them with deleting there account. as for the About page Becky asked me if I would help her with some of the coding and I thought why not. I will get the code off github when I finish the Logo and see how I can help her with the page and add my own little sparkle. Also asked Becky if she too could come up with a Logo so we have a few different designs to chose from and we all have a input on it aswell.

Darlene as normal has speed ahead with the PHP! amazing isnt she! Looking on the page she has now made the boxes blue and green and has fixed the Gender bit to the posts which she said last week she wanted to fix. Now darlene has also added a Delete button! This is so you can delete your account from the database if you wish not to have it anymore. Darlene has improved so much on this task and still continuing to add more. The only thing I have just seen that I will need to mention to her is the Whats up? box. I can see she is using a white, grey and green colour scheme on the header there but when typing in the box it had to see what you are typing with the green on Grey. Either the Grey or Green needs to change as currently it is difficult to read. Besides from that everything is amazing and I cant wait to see how every one is getting along tomorrow!

  Screen Shot 2015-03-18 at 09.29.13



Büttner, D., 2015. Darlene Büttners’s Blog. Available from: [Accessed on the 18th March 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.

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

Poster Project – Colour Change

Screen Shot 2015-01-06 at 10.13.06 Screen Shot 2015-01-06 at 10.16.51

Okay so its the New Year now and I need to see what I can do with my poster to make it look better. So first I started on my first problem – Colour! So I had my Black background that I really didn’t like so that needed to go. I them made the background Blue like Facebook as this project is based around Facebook, Then the Green tree didn’t look right. So next I changed the tree to white… This was so bad and I hated it, But this project if full of trail and error experiences. So then I though why don’t I make the tree blue and the background white.  But the white just didn’t suit it so i made it light blue and already I can see a mass improvement just by changing the colour of the tree and background.

Poster Project – My Tree

Screen Shot 2014-12-24 at 19.18.18


Okay so now I have added all my faces to my tree?? But… I don’t like it still… There is just something I don’t like about it thats making me not love it as much as I should. I think Its the colours! The black background NEEDS TO GO! though it was never gonna stay but I need to know what I want for this poster. So for now Im leaving it Like this but when I come back to Bournemouth I’m Going to have a clear Idea of 3 things…

1. Colours? – Use Blue for the link with Facebook more?

2. Explain? – What message am I trying to tell the audience?

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?

So after christmas I should have a clear route I’m going to take with this poster and that should help me improve this and make it look so much better than what it is currently looking like.

Poster Project – More the Merrier :)

Screen Shot 2014-12-22 at 20.28.40 Screen Shot 2014-12-23 at 22.19.09 Screen Shot 2014-12-24 at 18.51.11 Screen Shot 2014-12-22 at 20.42.27 Screen Shot 2014-12-23 at 22.30.30Screen Shot 2014-12-22 at 22.00.00 Screen Shot 2014-12-23 at 22.24.13 Screen Shot 2014-12-23 at 22.54.38 Screen Shot 2014-12-23 at 21.27.39 Screen Shot 2014-12-24 at 16.01.36 Screen Shot 2014-12-24 at 16.13.40 Screen Shot 2014-12-22 at 21.03.19 Screen Shot 2014-12-24 at 17.54.04 Screen Shot 2014-12-24 at 18.34.25 Screen Shot 2014-12-23 at 22.11.24

So here you can see Ive made many more faces! Lots more! While being stuck at home with nothing to do I thought I would get more done with my Project. So i’ve started by drawing out all the faces i’m hopefully using in the Friendship Tree! So after I completed one of these beautiful faces I them grouped the hair and face… And more in other cases like ears and earrings. This was so I could move them around easier. Then one by one I added them to my tree. Some of my friends I had found it hard to find an image of them facing forward so I had to take old ones and change the hair colour to what they have now, and in others not all the head was in the frame of the image or in a hat so i’ve had to guess what it looks like for them. But finally all my faces are done!

Screen Shot 2014-12-23 at 22.03.37 Screen Shot 2014-12-23 at 21.54.39 Screen Shot 2014-12-23 at 22.44.16  Screen Shot 2014-12-24 at 15.02.10       Screen Shot 2014-12-23 at 22.50.35 Screen Shot 2014-12-23 at 23.05.04 Screen Shot 2014-12-24 at 14.52.15 Screen Shot 2014-12-24 at 16.06.47 Screen Shot 2014-12-24 at 15.56.54 Screen Shot 2014-12-23 at 23.00.07Screen Shot 2014-12-22 at 21.22.08Screen Shot 2015-01-08 at 20.40.50 Screen Shot 2014-12-24 at 18.40.56