Content Management System

To make it easier for the admin to edit sections of the website without having to edit the code directly I am going to implement a content management system in to the website. This makes it easier for users who may not have any experience with coding and just need a quick way to edit parts of the website. The main elements the user will need to edit are changing images, changing text, changing videos and changing the logo.

I have previously created my own content management system which I used to upload images to my website and also create albums for them to be stored in. I shall modify this CMS to save having to build one from scratch.

Changing Images 
This option will let the user change the images used on the website, such as the featured image on the homepage and slider images on each page.

Changing Text
The user may want to change text such as what the exhibit is about, opening times and sections on each of the element pages.

Changing the Logo
As the museum may decide to run this exhibit again in the future, they may also need to update the logo if it changes. A simple logo changing form will make this easy for the user to do so.

How will the admin access the CMS?
I shall be putting a button in the footer which says "Admin", this keeps it away from the navigation and content of the web page but will be easy to find if you know where it is which the admin will do. Clicking the admin button will take the user to a login screen which will be themed similar the the Misanji website and include the logo in the header. From there the admin can simply type in his username and password which will take them to a page which welcomes them to them to the CMS and provides them some options for editing.

CMS Design

This is what the admin shall see when they first arrive on the CMS page, it will inform them that they need to log in to make any changes to the website.

Once the user is logged in a menu shall appear under the logo with the options they need to edit the website.

Video of CMS Working

Unfortunately I had a few problems using phpMyAdmin the hosting I was using so I decided to create a quick video showing the CMS working on my local host. I aim to try and get this amended and have a working version online. The hosting I used is a free host which has very basic PHP utilities which I think ultimately stopped my CMS working on the website. 

Finished Website

www.misanjiexhibit.co.uk

Analysis of Work

I found this project to be very interesting as it tested my skills in more than one part of web design such as making a mock up and replicating it, using a new coding library in Foundation and approaching a website from a marketing point of view which was new to me.

If I could change one thing it would be how much time I set aside for aspects of the project. Trying to get the SEO to work took up a of time I could have spent improving the content management system or adding more interactive elements to the website. So next time I'll do my best to manage my time efficiently.

Facebook

Facebook easily integrates in to the website using a snippet of code that displays how many people like the page and shows if any of your friends on Facebook like it too. You can like the page from the homepage of the website or direct on the Facebook page which is www.facebook.com/misanji. On the timeline for the Facebook page there are status updates which informs users about what to expect from the exhibit and how many days are left until the exhibit.

jQuery/Foundation

I shall be using the Foundation CSS/jQuery library to create my website, this will be useful for adding calls to action and sliding image galleries on the pages of each element.

Google Analytics

Navigation

As per the brief the website requires a simple flowing navigation through out the website which can take the user to at least four separate sections. To do this I created four icons, each one has an image of an element with the text for each one underneath, when a user hovers over the icon a line shows below the text.