I am happy with the final production of the web application. It has worked out better than I ever imagined as we didn’t think we would have time to implement a favourites button in there. Also creating all the HTML and CSS to make it as visually appealing as possible for our target audiences. The functionality of the website is great and the logging in and out system is a very simple process to follow as if it was difficult it wouldn’t be an effective web page. I like how on the home page there is a slideshow of several images, so this website is not a static site, there is movement. something always to look at within seconds.

Improvements, if we had more time we would of spent it making the favourite button more visually appealing to finish off the ideal look we wanted, also the responsiveness when the screen gets smaller as it moves the layers around too much.

This project has taught me to work well in a team and that I have to be very cooperative with people as they are with me


Log in function

The log in function is essential for this project, with this complete it will allow a favourites button to be added.

Screen Shot 2015-04-20 at 02.48.45

This is the code used to log in which includes a session which displays a message if the username or password is wrong. By saying username or password is wrong it clears any verification issues.

Screen Shot 2015-04-20 at 03.00.22

This is the code for logging out of the website, which when log out button is pressed, it will just destroy the web page, and take you back to the original webpage.

Screen Shot 2015-04-20 at 03.06.05

This is how to register on the website. It will need all fields to be occupied with text for it to register you on to the system, which is stored on my the database, if all fields are filled out it will display a message that you are now registered or that your username already exists in which case you need to create a new one.


The main issue, we have had so far is to make the sort button work, as if you were to leave a filter blank it would cancel our the rest of the filters. Neither Connor or I were struggling to find out the problem, so we seemed assistance of one of our teachers who gave us a clue where were wrong but let us figure it out on our own, unless we were really struggling to come back. But in the end this was the code we did.

Screen Shot 2015-04-20 at 02.20.47

It now sorts out which contact matches your search criteria on the drop down boxes.

Screen Shot 2015-04-20 at 02.33.17

New Team Members

Due to uncooperative group members, Connor and I were joined with new team members Elliot and Seb which we were thankful for as it meant more support and more people for ideas and inspiration. However we came across a problem as Elliot and Seb were a lot further in to their project compared to us so we made an agreement that we would keep our projects separate but both be their supporting each other to get the best out of each others projects. I helped Elliot out with some final research planning this was beneficial to him but also to me as I got to know more about their website.

We knew that Easter was approaching and feared it would put strain on our projects not being in the same area or being able to contact each other easily. So we made a group Skype so over easter we are able to communicate and keep the project productivity on a high level.

Skype with Connor&Elliot

I am happy with the group changes and and excited to see both our creations at the end as a final product.


Screen Shot 2015-04-20 at 09.14.33

I have started to upload the the wireframes on to the dokuwiki which was success. However I need to make my research available on there for it to be accessed by others. The wiki is useful because all of the URL’s are all in once place and it’s a lot easier to handle than having them randomly through out our blogs.


My task for the next few days was to create a wiki and I have had trouble creating one, I kept trying to upload the file on to my server on the dakar account, but for some reasons would not transfer any files, after a few hours and trying and failing I emailed my teacher for support, he told me how to do it, a way that was easier to understand than the internet but still didn’t work. I then tried the next day to do it at university and it worked, I think it was a fault on my personal laptop at home. But after creating that, I then set it up to contain research, development and links to both mine and Connors blog, so it has all the links in one place to access.

Screen Shot 2015-04-20 at 01.43.49


Today I went in to university to get started on the first part of our home page HTML. But I bumped in to Rob and i sat down with him for an hour, maybe longer going through the basics of GitHub, which was to much of my advantage as Connor and I would work through this to transfer our work so we both have the same files to work off. Also if anything went wrong we could back track our work, find and sort out our problems without loosing all of are current work.

I worked through terminal to upload my files on the GitHub by using the command ‘commit’. Then the functions of push and pull mean I was able to access my work wherever by pulling it back down. Git has ‘repositories’ which act s a directory which allows me to add and edit files either via a command line interface or a graphic user interface. I have never used a command line interface until it was introduced to me through a seminar I had. I then experimented in my own time but I could never get the hang of it. So with my hour with Rob he explained it more so that I could understand easier. I think because there was an example I could follow it the made it easier for m to understand knowing he was doing it right and I was never sure on my own.

This was the Git test that I experimented with which was successful. Over the next few weeks I want to carry on working with terminal as I think I will use it on a regular basis through the process of this project and for future projects.

Screen Shot 2015-04-19 at 21.07.48