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.


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.

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.

Web Application and Reflective Blog Brief

For the new brief the task is to complete online training through the use of code academy and create design/interactive experiments using processing software. The knowledge gained form the courses and practising with process will be used to create:

  • HTML page with CSS/Javascript/JQuery/Php
  • Php file
  • HTML or php which embeds a processing sketch

The goal is to demonstrate the understanding of the fundamentals of creating a website and being creative with what I learnt. I’m expecting this to be something fun to do as I get to explore and experiment with code to create dynamic and unique designs. On top of that I will attain knowledge needed for second year of university as I am practising more coding.

Net Neutrality

So what is Net Neutrality?

Quote J.K Trotter. “Net neutrality describes the idea that whoever provides you Internet access—for example, Comcast, Time Warner, Verizon, and so on—should treat all of your Internet traffic, or packets of data, the same way.

In the United States, the U.S. agency responsible with upholding laws related to net neutrality is the Federal Communications Commission (FCC), which is based in Washington, D.C.”

Quote J.K Trotter, for example: “Let’s say you use Hulu and Netflix, and often switch between the two to see what’s on. Supporters of net neutrality say that your broadband Internet service provider (ISP) should not be able to charge either Netflix or Hulu, or any other company that depends on the Internet, for a faster connection to you and other customers. Nor should the ISP be able to charge you more to access certain services.”

This means that the any internet providers have the choice to decide on the transmitting data and quality they can provide for users. This can become quite a problem as the power can be discriminated. This is because some data/information can be chosen to be give slowly where as other providers may have the option to send data fast, overall this can create clash.

Here are some pros and cons written by Phil for Humanity:

Pros For Net Neutrality

  1. No Restrictions: Currently, there are no restrictions on what parts of the Internet that people can access, except for what local governments decide. For example, there are no restrictions or preferences over emailing, file sharing, instant messaging (IM), Voice over IP (VoIP), Video Conferencing, Podcasts, blogs, RSS feeds, USENET, etc.
  2. No Throttling: Currently, Internet Service Providers (ISPs) can not change the download or upload transfer rates depending on what people are accessing.
  3. No Censorship: There are no restrictions on what or how much anyone can upload or download besides connection rates.
  4. Capitalism: Net Neutrality promotes a level playing field for competing companies, and allows start-ups easier access to new potential customers. Net Neutrality is equated to a free market.

Cons Against Net Neutrality

  1. Restrictions/Censorship: ISPs, in addition to governments, can decide what parts of the Internet that people can access and what parts are blocked. For instance, ISPs could block peer to peer file transfers. Additionally, ISPs could censor criticism against themselves, other companies, or politicians that they favor.
  2. Anti-Competition: Similar to the previous con, ISPs could block or prevent access to their competitors products, services, or web pages. Thus have restrictions against competition.
  3. Throttling: ISPs can decide what types of services have prefer transfer rates. For instance, Google’s Gmail could be fast why their competitors Microsoft’s Hotmail could be slower, depending on how much both companies pay the Internet Service Providers. Another common example would be high data transfers, such as peer to peer file transfers, could have slow rates than regular shorter data transfer, such as email.
  4. Money: ISPs could charge more money for more access to the Internet. ISPs believe that heavier users of the Internet should pay more. This extra money could be used to increase the bandwidth of the Internet for everyone and drive prices down. However, ISPs are already extremely profits and they can just as easily increase prices for everyone. Keep in mind, that Internet connection prices should be decreases why bandwidth increases. However in many parts of the world, this is not the case.
  5. Monitoring: There is already a lot of monitoring on the Internet, however without Net Neutrality, ISPs could literally monitor everything that their customers do on the Internet and sell or use that information as they choose.

In conclusion, I think it is obvious that Net Neutrality strongly favors people while the alternative favors corporations. ”


Trotter, J., K., 2014. What is Net Neutrality and why should I care? The Non-Geek’s Guide. Available from:http://gawker.com/what-is-net-neturality-and-why-should-i-care-the-non-g-1657354551 [Accessed on: 25th March 2014].

Phil for Humanity, 2011. The pros and cons of net neutrality. Available from: http://www.theguardian.com/technology/net-neutrality[Accessed on: 16th March 2016].


Upload Recipes PHP

This section I have created a upload section where the users of the site can upload their cocktail recipe as part of the user interface section of the project. This is what I came up with.

This is what this section of the website looks like at the moment, I have used components of bootstrap once again to style this section of the blog. Using grouping and columns to keep the input box very simple and clean. I have also added text within the box to give the user some ide of what to put down. These would then eventually be automatically updated under the upload form from recent to old, which I need to configure still.

Screen Shot 2015-04-20 at 02.56.05

Here is the CSS/Code for the box above.



Screen Shot 2015-04-20 at 02.56.54

This is the phpmyadmin data table which I still yet to configure as I am not too good with php but I will pass it down to Toby/Javaid to get things done and hopefully make progress.


Screen Shot 2015-04-20 at 02.55.52

Login Form

I have worked on the login form, we have learnt this in previous workshops with Kyle and I though that this would be a good place to start on the php side of the website. I have created the login area of the website with functional php.

Screen Shot 2015-04-20 at 02.43.07

I have been using bootstrap for the sites CSS and this is what it looks like at the moment. The code under is the CSS styling for the box, it is pretty simple and basic at the moment.

Screen Shot 2015-04-20 at 02.49.43




The code below is the php for the login box so if the user logs in and that their login details is on the database it will allow them to login and redirect them to the homepage, if not then they receive a message saying “wrong username/password”. This code is connected to myphpadmin where the table can be seen below.

Screen Shot 2015-04-20 at 02.48.26

The screenshot below is the table used for the login area of the website, this is still in progress.

Screen Shot 2015-04-20 at 02.43.53