#The Obenda Music Band
##Overview The project has created a website which helps the band showcase their music and publicise their upcoming gigs. It contains a page with some multimedia examples of the band’s music. This allows the viewer to sample some of the band’s songs and get a flavour of their genre. The website has an easy to use, intuitive design which will appeal to the casual browsing music fan. It is dynamic and functions equally well on PC and mobile devices. It has been optimised to work on all of the common web browsers. As a clean and visually attractive interface, the website not only allows the user easy navigation but also projects an air of modernity. This will help the band appeal to a new audience, whilst not alienating their fans of over 50 years standing.
##Functionality The website contains several elements which contributes to the overall functionality. These can be broken down into their key parts: #Home Page The home page offers a navigation menu to allow easy access to all parts of the website. It showcases some stunning photos of their past live performances at various events where they have performed About Us This page contains the information about the band, including images of individual members. This page uses rows and columns to display all the information. There is a button called Book with us that the user can click to book an event.
#Music
This page allows the user to click on imbedded audio files. It also links to a video which allows them to play and watch the music within the same page. This is hosted on YouTube. A user can either choose to display the video at full screen width, or choose to listen the video later. They can also share the video by pressing the shared arrow which displays on the video screen. The page uses static images of the band to increase the visual impact and help the user navigate.
#Tour
The tour page highlights upcoming gigs that the band will be performing. It lists the date and location for each. The page contains a ‘book now’ button which opens a form and allows them to request tickets for their chosen gig.
#Contact
The contact page contains a form which allows the user to submit their name and contact details. There is a free-type message box which they can complete, so that they can specify the reason they want to contact the band.
#Newsletter
The newsletter contains a form which allows the user to subscribe to the regular newsletter.
#Social Media
At the bottom of each page of the website are links to Facebook, Twitter, YouTube and Linkedin. These take the user to band’s social media content.
##Technologies
The website uses various technologies to execute the functionality mentioned above. Main navigation uses Angularjs and the grid layout use Bootstraps. >The website uses the HTML 5 mark up, the Cascading Style Sheet (CSS) and Javascript.
##Deployment and testing
The website was deployed firstly to GitHub. It was then hosted by GoDaddy under the domain www.obenda.com. The website was continually tested and evaluated as it was constructed. This involved running the code on a local machine and testing each link, button and presentational aspect. Once this phase of the testing was completed, it was deployed to GoDaddy and tested by several friends independently. This allowed them to verify that it worked across a range of platforms, both mobile and desktop based.
##Contributing [Animation displayed on the main page] (https://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/)