Evaluation

The resit brief and the subjects touched: JQuery/Javascript/php and code academy has helped me feel more comfortable to work around with coding on the web. I find it more easier to code to then where I started as I have never done any coding before. I will definitely code in my own time more often because the more practise the better you get and i will use code academy more and also work on the side such as any other languages to boost my knowledge. The hardest thing I found hard was php as it was quite difficult working with so many symbols but after sitting down and recognising the formula in the codes it became easier to understand. I believe it is one of the hardest codes I know for now. The thing I enjoyed most was working with processing because it was interesting to research on as I approached many projects and files which didn’t seem like it could have been created on processing but was. Which made me more into processing and programming, I will continue to use it more and hopefully create something big. This has given me confidence for second year and given me a strong foundation meaning I will be prepared for what’s to come.

PHP

For my php file I have created a simple array that I have learnt from the code academy tab of php, I haven’t finished the course yet but I have gotten a better understanding to php. The brief to create and array file which I have done. The code is an array of people, showing their ages and where they are from. These are then arranged into rows in numerical order and the php echoes out the person in what order they are. This is followed by the information taken from the array and arranged into a table like below.

Screen Shot 2015-08-19 at 16.44.09

Here’s what it looks like on the web, from learning PHP I still need to develop my skills in this area of coding as it is quite complicated. At first I found it quite difficult with all the new language but after a few practises in my own time I felt more comfortable. I understand that i need put more time into coding and maybe in specific areas such as php. If I master php then i’ll be able to work with backend of websites and create a website like twitter.

JQuery/HTML Site

“Most Net.Art is indeed created by artists with an extensive knowledge of programming or alternatively, by teams that include both artists and programmers” (Winfried Noth, 2007)

Having doing some art before, I have use what I learnt with code academy to put both art and code together. I have created a website which has a visually creative feel to it. I have created a grid by putting boxes together, this became a canvas like website. JQuery is then used with the toggleClass, and the click function on the box, the toggle class allows the box to be lit up.

Bottom of website
Bottom of website
Top of website
Top of website
Art in form of pixels
Art in form of pixels
Smiley face created
Smiley face created

 

Because of the grid it allows the use of visual art because you can simply create your art in the form or squares or even better pixels. This can be related to gimp as it is pixel drawing only  having the ability to draw and erase. The only thing that I am unable to do is create a proper art canvas for people to draw on and also select colours.

Reference:

Winfried Noth (2007). Self-reference in the Media. Accessed 16, August 2015, from Social Science.

JQuery Code Academy

Within a few days of working on HTML, I moved on to have completed the course for JQuery.

Completion of Jquery
Completion of Jquery

Throughout this course I have gained more of a understanding for JQuery as well as Javascript, as I have never had any experience with JQuery Throughout this course I have learnt :

  • How to run JQuery within a website
  • Mixing what I learnt from CSS with JQuery
  • Functions
  • Variables
  • Document Object Model
  • Different effects available with JQuery
  • Selectors

From doing this course I have more understanding from JQuery as i have done some Javascript before hand and it has helped enhanced my knowledge on Javascript and JQuery and how they work together. I also learnt that there are tons of effects which are available from the JQuery website. This can help with my website that I will build as the brief says to use JQuery and I feel more comfortable with it. So I will implement the basic teaching that I have learnt to the website I will build and hopefully make something creative.

HTML Code Academy

Working through code academy within the few weeks, I have completed the course for HTML/CSS.

Completion of HTML/CSS course
Completion of HTML/CSS course

Throughout this course I have gained more of a understanding for CSS/HTML, as I have never had any experience in coding. Throughout this course I have learnt :

  • HTML basics
  • How to build my own webpage
  • Creating a social networking profile
  • Clickable photo page
  • Designing a button for the website
  • CSS Selectors
  • Sorting out friends
  • CSS positioning
  • Building a Resume

All together I have learnt the code bit by bit, this helped me because I learnt how to code from scratch and not using a template and it also helped with my memory on coding. This will further develop my skills in HTML/CSS as it will aid me in, front end CSS and building any simple website. The only problem having with this course was that I noticed that I struggled to remember some of the code meaning next course I will be more consistent in practising and that I take down notes so that I can reflect upon the code and understand each meaning.

New Blog System

We had a seminar on blog posts and how they should follow a system, for this I think it is good that we had the seminar as it makes our blog posts more professional. I have redesigned my blog and chose a new theme to fit the new system. I have added a widget which came with the theme on the left of the blog which lists all the categories i’ve created. I’ve put time to categorise the posts into each group , this will show all the posts that are relevant. I also added captions to each of my photos that are posted already. The photos in each post have been placed after a paragraph or even at the start of the post with a width of 400 and height of 300 this will keep the blog tidy and clean. The posts have been shortened as they should be straight to the point. There’s a search button at the top for specific findings and a follow widget at the bottom. I will further do some research to improve my blog.

Screen Shot 2015-02-23 at 21.56.24
New layout/New look

 

The Brief Design for Digital Media Environments

The next project on the Level C course is the ‘Design for Digital Media Environments’. The new task we’ve been given is quite interesting as we have to create a website in a group of 3 that utilizes database such as twitter and using the database through PHP, Myadmin etc., for example Kyle showed us an example website for housing properties that he made.

Last semester Kyle has given us the breakdown into these data base websites, teaching us how construct our own webpages through the workshops. We’ve been learning HTML & CSS & PHP. PHP is coding language that supports databases which is connected through a server, this allows the web developing to minimise the amount of coding within HTML.

Over the next few weeks we will be doing lectures and workshops based on the project and I will interpret the knowledge that I learn within my own website.

 

Infographics Poster Final Product

Screen Shot 2015-01-12 at 11.18.38
Final product of poster

 

This is the final poster that I came up with, it is very simple but still abstract in my eyes. I’ve added a few things to the poster like the bubbles by the head phones stating that the poster results was taken at a enjoyable moment and that music could also give you a bubbly personality. I also added an EQ stencil in the background as I felt that the background was a bit plain and the EQ relates to music because of the music plays through frequencies and I thought it contrasted well with the background and map itself.

I got feedback from fellow peers and they like the abstract feeling towards the poster and that they clearly state the different genres and their favourite music too. The thing that I could’ve improved was experimenting more and inputting more ideas and maybe playing with the layout. But overall I am happy with the outcome.

Infographics Poster Development 4

I added a title to the poster to give the audience a know of what they’re looking at and I quote the year and what the poster is about. All the data is taken from the research taken before, I have created a banner as well because I thought that having it just with the font would make it plain and too simple, so I put shapes together and added different gradients in the format of flat design again to refer back to my ideas of keeping it flat and having it simple but effective. The colours used again to match the neutral feeling of the headphones. The colours used on 2012 are to portray that it was a festive because of the consumption of alcoholic/beer beverages of students in festivals, gave it a distinctive 3D look to stand out.

Screen Shot 2015-01-12 at 06.57.04
Added a banner and title to poster 2

 

I then added borders to make it look like a poster and also gave the map a glow to give a 3D shadow effect and I tried other ways of creating shadows but they did not end up what I wanted it to be.

Screen Shot 2015-01-12 at 07.01.20
Added borders as a flat design for more depth in poster 2
Screen Shot 2015-01-12 at 07.01.27
Over all look to poster 2

 

Infographics Poster Development 3

Developing the poster I wanted to make the poster more looking like a infographics poster so I added a layout to it with the straight lines that go above and across the headphones and a line that splits the headphone and the headphone jack going into the UK which was created with the pen tool then adjusted by playing around with anchor angles.

Screen Shot 2015-01-12 at 04.46.33
Design and layout updated on poster 2

 

I then got rid of the numbers because I thought it would be messy and i’m happy I got rid of it because I think it was really messy and ruined the clean and simple look. I then added extra headphone cable lines to connect to the “Ireland” part of the map and the reason why there are  more than one cable because they connected as the main branch of the map is like the distributer and is acting like a multi audio jack share because we all enjoy the same music and we all listen to the same music.

Screen Shot 2015-01-12 at 05.01.23
Map edited with the numbers taken out of sections on poster 2

The fonts below were all the different fonts that related to music as I typed into google ‘musical fonts’.

Fonts listed below:

Screen Shot 2015-01-12 at 05.06.54
Casale NBP
Screen Shot 2015-01-12 at 05.07.06
KiloGram
Screen Shot 2015-01-12 at 05.07.16
Here Be Dubstep
Screen Shot 2015-01-12 at 05.07.29
Komikahuna