Databases and Interactivity

We learn’t from a previous lecture that a database is a modular form. From this a database others choice/interaction which is a new media.

Grids & Postion

Screen Shot 2015-04-17 at 16.08.38 Screen Shot 2015-04-17 at 16.08.45


Screen Shot 2015-04-17 at 16.08.51


Screen Shot 2015-04-17 at 16.08.56



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: / /]


As we’ve decided as a group to create a dating website that connects to a MySQL database, I need to research other dating websites to see the basic necessities and view the wireframe of each website. I googled the top 4 dating websites/apps and the following results were returned:



Tinder is a app on mobile’s and tablets, it involves connecting to your social media site: Facebook. From which you can choose your profile pictures, set an age you’re searching for, choose whether you’re looking for a man/woman/both. Then main functionality of Tinder is the swiping method (swipe right to match, swipe left to not match). If two people swipe right they get matched and are then able to send messages to each other through an IRC. Tinder’s logo is a small orange cartoon-like flame.

Screen Shot 2015-04-14 at 10.57.31 came up as the number 1 dating website. The homepage includes a simple user interface with drop-down boxes in the sign-up form which is in the centre of the frame. It includes information on: Why , Events , Our Site, Register Now and, Login through a parallax scrolling feature on the homepage. The background includes a Man and Women, that are suggested to be on a date.

eHarmonyScreen Shot 2015-04-14 at 10.38.28eHarmony follows an almost identical wireframe to It also has a parallax scrolling feature, when scrolling up it includes information about eharmony, success stories and, links to their social media. Along with this a background-image of a couple is also used, it has a log-in button at the top-right and a simple sign-up form on the left. eHarmony and both don’t use a image logo for their website, but just have a format for the text of the website.

Screen Shot 2015-04-14 at 10.38.37

The fourth most popular dating website was, which again follows an almost identical layout to and . A couple is used as the background-image, the login in button is at the top-right , parallax scrolling is used to navigate to the information of the website and, there is a simple drop-down sign-in box to the left of the page.

Our dating website

As a group we need to decide whether we want to follow a similar format to, and, or if we want to use something unique like the swiping method used by tinder. Along with this we also need to draft ideas of the name of our dating website and whether we want to include a image-logo or have a unique font and think about the typography and colours we want to use.

References:, 2015. Tinder Plus. Available from: [Accessed: 22/02/2015], 2015. Available from: [Accessed 22/02/2015], 2015. Available from: [Accessed: 22/02/2015], 2015. Available from: [Accessed 22/02/2015]