How to use the prototype

The prototype is a set of 5 HTML web pages with JQuery functionality to give examples on how the design should work. The design uses the foundation framework and therefore should be fully responive.

Compatability

The Prototype has been tested and works correctly on the following browsers

Mozilla Firefox v43

Microsoft Edge v13

Google Chrome v49 (Minor styling issues may occur)

Previous versions of browsers and Apple Safari have not been tested.

Pages

The design consists of the following pages

http://uni.blue-phoenix.co.uk/MSP/ – Contract page

http://uni.blue-phoenix.co.uk/MSP/phone-choice.html – Choose your phone page

http://uni.blue-phoenix.co.uk/MSP/phone-view.html – Full mobile phone view

http://uni.blue-phoenix.co.uk/MSP/accessories.html – Accessories view

http://uni.blue-phoenix.co.uk/MSP/compare.html – Compare phones view

Contract Page

The following areas have functionality

  • Contract, Phone Accessories tiles
  • Select Options on contracts
  • View phone within advertisment
  • Advert Video

Choose your Phone Page

The following areas have functionality

  • Contract, Phone Accessories tiles
  • Filter and Sort capability
  • Apple iPhone 6 tile
  • Apple iPhone 6 compare button

Phone Comparison Page

The following areas have functionality

  • Contract, Phone Accessories tiles
  • Add Phone link

Accessories Page

The following areas have functionality

  • Contract, Phone Accessories tiles