Coding

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 – Coding Progress

Today I have been making adjustments to the overall look and navigation of the website. As I stated in my previous post I was going to organised each category, so for example only food posts will appear in the food category. This makes the website more organised and user-friendly as they can find what they’re looking for far quicker. Screen Shot 2015-03-18 at 13.17.39Furthermore we added a ‘Other’ and ‘All’ category. This means that users can now post any items and won’t be restricted to our categories. I also made a few changes to the look of the website, for example the register page and login drop down button have a far similar and professional style. I also made an adjustment to nav bar, in the way of making it fixed. Making it fixed means that when scrolling down the  page the nav bar will follow the scroll and not stay hidden at the top. This makes for a far more user-friendly experience as they can navigate through our site wherever they might be on the page.

Screen Shot 2015-03-18 at 13.18.33Our next step is to redesign the posting form and creating an account page the stores all of users individual posts.

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.

11065072_10204699170216307_1816616605_o

Design for Digital Media Environments – Website / Coding Progress

After creating the basic design of the website I was now able to make the nav bar and category sections work. As a result of creating these pages users will be able click on categories such as food and night clubs and will be direct to a separate page where a live feed will focus on just that certain genre. I was able to do this through using code such as ‘<a href=”food.html”>Food</a>’. The href is basically a link to another html page.

Screen Shot 2015-03-10 at 21.27.51

I’ve also made some changes to the homepage, as before it included a form where users will be able to post their thoughts. The reason I changed this was because users shouldn’t be able to post on the website before they login.

Screen Shot 2015-03-10 at 21.38.38Now when users press the login button they will be direct to the original homepage where they can post their finds to their heart’s content. At the moment this only works as the login button is essentially separate from the form. When we connect the form to the database and enable users to register they will be able to login and post for real.

Screen Shot 2015-03-10 at 21.29.07The image below shows the Social Media drop down menu. It is now fully functional and users will be taken to the actual site.

Screen Shot 2015-03-10 at 21.29.16I have also created the register page. From hear users will be able to create accounts and eventually post on the website. My idea of having a live feed on pages such as these will have to wait, as getting the PHP correct is essential. Enabling users to resister, sign in and out and post on the website is the next step and the one that will take the longest.

Screen Shot 2015-03-10 at 21.28.24