savetheinternet.com,2015. Net Neutrality: What You Need to Know Now. Available from: http://www.savetheinternet.com/net-neutrality-what-you-need-know-now [Accessed: 28/03/2015]
In a workshop today we began looking at jQuery.
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.”
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.
jQuery.com, 2015. Available from: https://jquery.com/ [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.
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.
Getbootsrap.com, 2015. Getting started. Available from:http://getbootstrap.com/getting-started/#examples [Accessed:16/03/2015]
techcrunch.com, 2015. What Exactly is GitHub Anyway?. Available from: http://techcrunch.com/2012/07/14/what-exactly-is-github-anyway/ %5BAccessed:25/02/2015%5D
readwrite.com, 2015. GitHub For Beginners: Don’t Get Scared, Get Started. Available from: http://readwrite.com/2013/09/30/understanding-github-a-journey-for-beginners-part-1 %5BAccessed:25/02/2015%5D
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:
This is the code used for match.php:
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:
This screenshot shows the PHP used to return the results, it uses if variables and searches the data from the users table.
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.
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:
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.
And here is the screenshot of the preview of the wiki:
When a user sign’s in to BUsingles, they are directed to their profile page which currently looks like the screenshot below:
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…
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:
Below is a screen recording of me signing into my profile and viewing my profile page:
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:
u-tx.net ,2015.Available from: http://u-tx.net/ccritics/as-we-may-think.html [Accessed: / /]
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
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.