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.


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

Working with Processing – Creating random generating circles

Working with processing again, this time generating 10 random circles. These circles had to be random sizes and also random colours. Having limited knowledge on Processing it was pretty hard to start it off, then I remembered everything that we’ve learnt already covered the task.

The main 3 inputs that were needed for the task were:

  • void setup () { }
  • void draw () { }
  • void mouseClicked() { }

This is what I came up with:

Screen Shot 2014-11-09 at 02.21.25
A screen shot of the code used for circles generating.


I programmed so that every time the mouse is clicked different size and colour circles would appear on random spaces within the box.

Screen Shot 2014-11-09 at 02.22.14
Screen shot of random generated circles.





Html, CSS & Javascript

We started to touch on the basics of HTML, CSS & Javascript with Ryan, we used a programme called ‘Brackets’ as Ryan didn’t like to use Adobe Dream waver. So we touched on the basics of HTML and using Javascript (Processor) with our basic websites. We also arranged text to always fit the screen of any platform of technology, from phones to tablets and to computers etc. This goes with the Java as well. This is what was coded into ‘Brackets’, needs more practise but I know in future we will go into depth.

Bracket Coding
Screen Shot 2014-10-23 at 11.18.42
Outcome of coding