Design for Digital Media Environments – Sort By Rating

With the project coming to a close I thought it would be best to make a few last additions. At the moment users can only sort posts by the category, which limits their experience of the website. To give the user more, I thought it would be best to enable them to sort by the rating of a post. This means that if they wish to find just the very best offers then they can do so easily and quickly. I’ve also made this feature just accessible for registered users. In a way this is almost like a perk we give back to users when they register to our site. Users will also be able to sort just their own posts by the rating, this can be found on the ‘My Posts’ page.
Screen Shot 2015-04-12 at 22.35.33

Screen Shot 2015-04-14 at 18.05.45


Design for Digital Media Environments – Deleting Posts

As I discussed my previous post our next goal was to enable users to delete post. Users are now able to do such and the images below show a demonstration of this being performed. As you can see, I wanted to delete the post about Amazon, once it was deleted it was then not viewable in the other category, meaning it had deleted successfully. Being able to delete post is vital in create a professional web application, users may make mistakes and now have the ability to delete these mistakes. For instance my Amazon post wasn’t specific to the Bournemouth location, therefore I didn’t feel it was necessary to show this deal.   Screen Shot 2015-03-26 at 12.38.50

Screen Shot 2015-03-26 at 12.39.32

Design for Digital Media Environments – Account Page

Today we have ticked of another task in the way of creating a functioning account page. As you can see from the image below only posts from that users account will show up in their account page. Furthermore the account button in the nav bar is now only visible once a user is logged in. Our next bridge to cross is to complete the CRUD process of making a website. CRUD stands for create, read, update and delete. All these process are vital in creating a fully functional social web application. We are now only left with the delete stage, users will be able to do this from their account. We also wish to create a way in which users will be able to edit posts.

Screen Shot 2015-03-23 at 14.46.47

Screen Shot 2015-04-14 at 18.08.07

Design for Digital Media Environments – Database / PHP progress

As Adam created the table for the posting form I could now go ahead and link the two together. Using similar code to the register form I was able to adjust certain aspects such as the names of rows in my code. Now as you can see in the two images below, when a user enters information into the form it will get sent to the database.
Screen Shot 2015-03-17 at 13.11.24

Screen Shot 2015-03-17 at 13.17.26Another aspect to the website we had to include was enabling all users posts to display on the website. Even though it was a small amount of code it was still difficult to perform. Our next step is now more on the style of our website. At this point in time I not quite satisfied with how the forms look also we will properly need to create an account page where people can see all their posts. We also need to make the posts more organised for example adding a sort button.

Screen Shot 2015-03-17 at 13.18.23

Design for Digital Media Environments – Coding Progress

As I stated yesterday our next step is to combine our php with our html. One thing I did before this was to create a title page, the page you first see when visiting the site. We did this to give us a chance to explain what the website is about and stands for.
Screen Shot 2015-03-13 at 20.01.10Users now on our real website can register, login and logout. There were a few extra bits of we had to produce to make the site more user-friendly. For example when a user is logged in the login and register button won’t appear as they won’t need it.

Screen Shot 2015-03-13 at 19.57.09To make sure our register form had defiantly connected with our database I got some of my friends from DMD to register to our site. As you can see in the image their username and password have come through, meaning they can now login to our site. Our next step is to enable users to post on the site, to do this we will have to create a new table in our database.

Screen Shot 2015-03-13 at 19.58.12

Design for Digital Media Environments – PHP Progress

Today my group set out to enable users to register and login to our site. To do this we started with a project file that we had been using with Kyle. This project already enabled users to login to a database but that was all. As you can see in the image below people will now be able to register to the site. We have also added a logout feature once they successfully logged in. 11028407_10204699170056303_1647635328_o

The image below shows the php for the register form. In this block of code we had to perform certain ‘if’ statements when situations would arise. For example if a user was to use a username that was already taken then they wouldn’t be able to register and would be told why. Furthermore when users re-write their password and don’t get it correct they will notified with a message saying ‘passwords don’t match’.
11064565_10204699170256308_32716649_oIn the image below you can see the index.php, this is where the forms can be edited. While building our php our forms will look very basic as it is more about getting them to work. Once The forms work then I will be able to link them to the website that I have shown in previous posts.


Design for Digital Media Environments – Coding Progress

In the last few weeks with Kyle we have been making the backbone to our websites. The first week was relatively simple with just creating and organising the project files. This week I came to a slight halt when trying to connect our PHP to the database. Screen Shot 2015-02-17 at 09.48.06The concept is that whatever is input into the username and password form will then be shown in the database. It may sound simple but I just couldn’t get the two to link together. Screen Shot 2015-02-17 at 10.15.59

As you can see in the image above I was finally able to get the two linked together as you can now see data in the user and password fields. The image below shows the reason why I was able to connect my database. I tried to narrow what might be the main problem and found the two were in fact connected but any data being input in the form wasn’t showing up. I was missing the code between lines 10 and 17, meaning that the now the data input into the form would show in the database. Screen Shot 2015-02-17 at 10.15.13

The ‘echo connected successfully’ code on-line 15 was what I used to narrow my problem. When pressing submit on my form this would display next to the form meaning that it had connected to the database. When try a ‘echo input successfully’ it did not display’. This has given me quite a bit of confidence as I was able to find the issue without having to ask Kyle. Screen Shot 2015-02-17 at 10.15.29