What is Net Neutrality?
Net Neutrality essentially keeps our “right to communicate freely online” which is an open internet. It means that your ISP (Internet Service Provider) doesn’t control or isn’t concerned with what you view or post online and it provides you with an open network. All data viewed online should not be discriminated against by the government
There is a film that is based on the story of information activist Aaron Swartz. Swartz, was in a two-year legal battle that resulted in him taking his own life from working in social justice and political organizing.
The Internet’s Own Boy: The Story of Aaron Swartz

References:,2015. Net Neutrality: What You Need to Know Now. Available from: [Accessed: 28/03/2015]

Practicing with jQuery

In a workshop today we began looking at jQuery.

            “jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility”

We used the function .toggleClass  which is defined as: “Add or remove one or more classes from each element in the set of matched elements, depending on either the class’s presence or the value of the state argument.”

Once a box was clicked it changes colour, then if it is clicked again it returns to the original colour. The css, javascript and html is shown below:

Screen Shot 2015-03-18 at 10.33.25 Screen Shot 2015-03-18 at 10.33.29 Screen Shot 2015-03-18 at 10.33.34Below is a screen recording of the result from the workshop:

Learning about jQuery will help with making our website more interactive and will also help for the future Collaborative project we have recently been set., 2015. Available from: [Accessed: 19.03.2015]



GitHub is a web-based Git repository that has many of its own features. It includes the function of “forking” which copies a repository form one user’s account to another. Along with this it has the function of  a “pull request” when changes are made, you can share this to the original owner. The owner can then “merge” the changes from your repository to the original repository.

Git is version control software, which means it manages changes to a project without overwriting any part of that project.

Screen Shot 2015-04-13 at 19.01.02

Screen Shot 2015-04-13 at 19.01.27

Using GitHub for our DfDME project allows us as a group to use pull requests on the terminal so we can work on the project at the same time and make changes that only affect the original repository when wanted.

The git command: $ git commit  [‘test’]  is used through the terminal after setting up git and the repository. Git commit is used when changes are made to the code of the project and snap shots of those changes are placed into the repository each time. For instance the commit below “search for a match through hair colour” has the changes made to the code highlighted in green, and the code that is highlighted in red is the code it was before.Screen Shot 2015-04-13 at 21.16.12 Screen Shot 2015-04-13 at 19.23.12, 2015. Getting started. Available from: [Accessed:16/03/2015]

References:, 2015. What Exactly is GitHub Anyway?. Available from: %5BAccessed:25/02/2015%5D, 2015. GitHub For Beginners: Don’t Get Scared, Get Started. Available from: %5BAccessed:25/02/2015%5D

fetch matches by searching through the database on match.php

The main aspect of the website we are trying to create is to return other user’s information after the signed in user has searched or filtered for a match. Just like in any normal online dating website, a user can filter the results by selecting a certain age, height, eye-colour, hair-colour, etc. And then the results are returned to the user and they are presented with the user’s profile information. Currently a logged in user can be click to the match.php page and is shown this screenshot below:

Screen Shot 2015-04-14 at 18.17.11

This is the code used for match.php:

Screen Shot 2015-04-16 at 18.44.52

There needs to be a form for the user to select features of other user’s such as the filters mentioned above and then a submit/search button to return the results.

So, I changed the PHP code to the screenshots below:

Screen Shot 2015-04-16 at 18.46.11

This screenshot shows the PHP used to return the results, it uses if variables and searches the data from the users table.

Screen Shot 2015-04-16 at 18.46.20

Below is a screenshot of the different user’s that have signed up to the website and their data is stored in the users table.

Screen Shot 2015-04-16 at 19.07.08

If a user was searching for another user who had blonde hair, blue eyes, 19 years old and studied Tourism Management they would be returned with the result Holly Banks as shown from the two screenshots below:

Screen Shot 2015-04-16 at 19.08.56

Screen Shot 2015-04-16 at 19.09.16

This is also shown in the screen recording below:


As a group we’ve been using the wiki that we set up to show the development of our work, and to explain the roles of each group member. It’s basically a joint blog that we can edit and add to.

Here is a screenshot of the first wiki we created together explaining the structure of the wiki:
Screen Shot 2015-04-17 at 15.45.48

And here is the screenshot of the preview of the wiki:

Screen Shot 2015-04-17 at 15.45.42

getting the Profile page to show the signed in user’s data

When a user sign’s in to BUsingles, they are directed to their profile page which currently looks like the screenshot below:

Screen Shot 2015-03-15 at 15.12.50

However, the user’s details that they registered with are not shown like a normal profile page would include. Therefore, I added the following PHP code (screenshot below) to the profile.php. Which essentially gets the data from the users table in phpMyAdmin by using the user_id and then echo‘s out the username,firstname,lastname etc…

Screen Shot 2015-04-14 at 23.32.41

After this PHP code was implemented, when a user signs in they are directed to their profile page and then able to view their profile details. The screenshot below is an example of a profile page I created:

Screen Shot 2015-04-16 at 18.25.35

Below is a screen recording of me signing into my profile and viewing my profile page:


The Memex

The memex is a hypothetical system that would store and compress individuals books, records and communications. This influenced further ideas of hypertext systems. It has the potential to record a person’s life through interfaces such as text, voice, photography and video.


Ted Nelson and Project Xanadu

Project Xanadu was the first hypertext project, founded by Ted Nelson. Xanadu will most probably never be completed and remain an idealised network however there are several important ideas which stem from it. Xanadu was Nelson’s project to build a computer network with a simple user interface.

Below is a video of Ted Nelson demonstrating Xanadu Space:

References: ,2015.Available from: [Accessed: / /]

Registering users data and connecting to phpMyAdmin

The next task I set for myself was to register the user’s details after they sign-up and connect it to the database. Therefore, I had to create a separate php called register.php

Screen Shot 2015-04-14 at 19.18.34

To allow the data entered by the user in the sign-up form to transfer to the database in phpMyAdmin, I used the highlighted php code below. This query inserts the username, password, firstname, lastname, age, gender, university course, biography, smoker, hair, drinker, height and, eye colour into the database.Screen Shot 2015-04-14 at 19.22.27

The below data was entered on the sign-up form and then the register button is clicked.
Screen Shot 2015-04-14 at 19.26.12

To check if the data was then inserted into the users table, I logged into phpMyAdmin and browsed the users table and as you can see below all the data was transferred.Screen Shot 2015-04-14 at 19.26.55