MS Flooring Project:
Product Listing Website Tuesday 14th January 2014 Document ref: msflooring-prod-1.0 Produced by: Hannah Weston
H. Weston Client Services Manager
1
1. 2. 3. 4. 5. 6. 7.
Costing Summary Project Specification Schedule Hosting Legal Support Edge of the Web
Disclaimer: Any details, functions or processes not listed in this document are outside of the quote and schedule given in this document. If there are any features required they will be quoted for and charged for separately. More time will also be allocated the schedule to cover these functions. It is noted by all parties that a certain amount of adjustment to visual and minor elements of the project will be required in order to best optimise the final website. Edge of the Web assume that tweaks will be required as part of a refinement approach to the project. These adjustments are welcome and encouraged to ensure the Client is satisfied with the final service provided. These adjustments cannot include elements that fall outside the specification, in particular with regards development features.
2
1. Costing Summary a.
Cost of Delivery of the MS Flooring product listing website: i. £2,520 +VAT ii. provider: Edge of the Web Ltd iii. invoiced by: Edge of the Web Ltd
b.
Cost of Ongoing Support i. £45 per hour ii. provider: Edge of the Web Ltd iii. invoiced by Edge of the Web Ltd
c.
Delivery i.
Project to go live in February 2014
All costs subject to VAT
3
2. Project Specification Logo Design ● ● ●
A minimum of 3 concepts to be provided Selection and refinement of concept Final production in a range of formats for use in print and online
Business card design ● ● ● ●
Business card template created Revision as required Produced in suitable format for print To be re-produced with different names/addresses as required
Website Design ●
Website will be responsive, so designs will include standard PC usage, smartphones and tablets.
Site Pages ● ● ● ● ● ● ● ● ●
Home Partners About Us Contact Us Vacancies Terms & Conditions Privacy Policy Category Pages Product Pages
4
Home We propose the home page will include the following features and information: ● Your logo and contact number ● Featured Items ● A rotating banner with headline messages ● Some brief text about MS Flooring ● Key navigation (including links to category pages) ● Links to social media accounts ● Footer (all pages) ● List of all the categories ● Links to all the pages below ● Phone number and business address of the company ● Copyright statement
Partners Images, descriptions and links to your partners.
About Us Some content about the company, the staff and history.
Contact Us Contact us information to include: ● Telephone number ● Enquiry form ● Business address
Vacancies 5
Including a description of the kinds of jobs available as well as a contact form with the ability to attach your CV.
Terms & Conditions Website terms and conditions text - we can supply website usage terms but you must supply your terms of business.
Privacy Policy Information on how the website collects, stores and uses customer data.
Categories Each Category will have its own page, i.e. Laminate Flooring, Wooden Flooring. These categories can then be broken down into sub-categories (if required) and individual Products.
Product View ●
Browse by Category ○
○
Once a user has selected a category (see categories above), the user will be shown a list of all the sub categories (if any) within that category. If no sub categories exist then the user will be taken to the Results Page (see below). The search drilldown process continues until the user is shown a list of products to select from. At certain points the user will be shown products AND additional filtering options The subcategories can contain the following information: ■ Thumbnail Image ■ Category Name ■ Snippet Text ■ ‘View Products’ button
6
● ●
Results Page ○ ○ ○
●
Once clicked this will take the user to the Results Page (see below)
Once a user has selected a category (see categories above), the user will be shown a list of all the products within that category The products will be split over x number of pages (e.g. 30 products over 3 pages...the numbers are arbitrary) The products details on this page will contain the following information: ■ Thumbnail Image ■ Product Name ■ ‘View Product’ button ● Once clicked this will display the Product Page (see below)
Product Page ○
This page details the selected product. The following fields will be included: ■ Image Gallery ● A gallery of all the images associated with the product ■ Product Name ■ Price ■ Sale Price (if one exists) ■ Description ■ Downloads (if required) ■ Contact Us button/call to action
CMS (Content Management System) The following modules will be included with the CMS: ●
Dashboard ○
●
The dashboard gives you a snapshot of details including: ■ Website Sections ● For editing the static text on the site ■ Products Section ● For adding, removing and editing Products ■ Support Request ● A form to email Edge of the Web support
Website Text ○ ○ ○
Manage the website text on each page Only the main body text will editable Any system notifications, pop ups or emails will be hard coded into the website
7
●
Products ○
○
●
Tags ■
All the products are associated with tags, these are essentially the categories the products are assigned to ■ A product can be associated with any number of tags ■ Each tag exists inside a Tag Type ● The tag type is the parent of each tag ● A tag type can contain as many tags as required ● For example: ○ Brands (this is a tag type) ■ Adidas (this is a tag) ■ Nike (this is a tag) ■ Dunlop (this is a tag) Product Details ■ This is where all the product data is maintained including: ● Price ● Tag associations ● Pictures ● Description
CMS Users ○ ○ ○
Add, edit and delete CMS users There can be unlimited number of CMS users If the user has forgotten their password, a new one can be requested by clicking on the ‘Forgotten Password’ button ■ This will then send an email to the user with a new password ■ All passwords are encrypted in the database using BlowFish ■ Passwords cannot be decrypted
Technologies Below is a list of technologies that will be used in the development of the website, message board and administration system: a. HTML5 i. HTML5 is a markup language for structuring and presenting content for the World Wide Web ii. Each web page will be built using HTML5 iii. The Administration system will be built using HTML5 iv. We will use elements that are fully supported by all the major browsers b. CSS
8
i.
c.
d.
e.
f.
g.
h.
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language ii. CSS will be used to style the HTML5 markup on the website and administration system iii. We will use elements that are fully supported by all the major browsers W3C Web Standards i. Short for World Wide Web Consortium, the W3C is an international consortium of companies involved in developing open standards so that the Web evolves in a single direction rather than being splintered among competing factions. ii. The W3C set out guidelines to use when building websites or applications. This is to aid the compatibility of website over many platforms. iii. Edge of the Web adhere to the W3C standards PHP i. PHP stands for PHP: Hypertext Preprocessor. It is an open source server side language used to develop dynamic websites and web applications. ii. When data is sent from a web page this is processed on the server using PHP iii. PHP will control most of the dynamic content on the website and administration system iv. To increase the performance of PHP, a pre-compiler cache framework like APC (Alternative PHP Cache) will be used. This can increase web page performance by a factor of 2 or more. MySQL i. MySQL is an open source database ii. MySQL exists on the server and will store data related to the website JavaScript/jQuery/AJAX i. JavaScript is a client side scripting language that is used to control elements of a webpage and improve user experience through animation and interactivity. ii. Javascript can communicate to a server side language such as PHP using AJAX (Asynchronous JavaScript and XML). This allows data to be updated on a web page without the need for a refresh. iii. jQuery is a cross-browser JavaScript library designed to improve the clientside scripting of interactive HTML. Apache i. The Apache HTTP Server, commonly referred to as Apache is a high performance, open source web server ii. Apache is used to run PHP: Hypertext Preprocessor Linux i. Linux is an open source Unix-based computer operating system
9
i.
j.
ii. Linux has various distributions such as Centos, FreeBSD, Ubuntu and RedHat iii. We will be using an Ubuntu Server distribution Browser Support i. The website and administration system will support the following browsers: ● Internet Explorer 7 ● Internet Explorer 8 ● Internet Explorer 9 ● Mozilla Firefox 4+ ● Chrome 12+ ● Safari 4+ ● Safari Mobile/iPad ● Opera 10+ SMTP i. Simple Mail Transfer Protocol (SMTP) is an Internet standard for electronic mail (email) transmission across Internet Protocol (IP) networks. ii. SMTP will be used to send out any emails from the system
10
3. Schedule Commencing: February 2014 Completion: February 2014 Stage One Deposit: This is due before work can commence on this project Price: £756 +VAT (30% Deposit) Completion Fee: This is due on completion of the project Price: £1,764 +VAT (70% Final payment)
1. Logo Design 2. Business Card Design 3. Website Design 4. HTML Build 5. Front End Development Phase ii 6. Back End Development 7. Front End Development Phase ii 8. Server Configuration 9. Testing 10. Launch
Overview 1. 2. 3. 4.
Commencing Feb 2014 Completed by Feb 2014 Total project cost - £2,520 VAT Feedback will be required: a. After the initial logo concept design b. After the website design phase c. Then at intervals throughout the project when feedback is required
11
4. Hosting a. We can provide hosting for this project. b. Our basic hosting (on a shared server) costs £15 per month and is provided free for 1 year with any development c. If we discover that your site receives too much traffic (a nice problem) OR if we discover that the bleep synchronisation puts too much strain on the server (affecting other clients) your site will not qualify for free hosting and must be moved onto it’s own server environment. Typically the cost of a cloud solution would start from £30 per month, but can increase depending on the needs of your website. A website would generally be receiving several thousand visitors a month before requiring it’s own server solution.
12
5. Legal 1.
EU Cookie directive a. Whilst vague, the EU cookie law is considered a compliance requirement for websites. The UK ICO consider “implied consent’ will generally suffice over ‘explicit consent’. Edge of the Web will ensure that this requirement is met satisfactorily with minimal interruption to the flow of the website.
2.
Disclaimers / Terms and Conditions a. MS Flooring must supply any terms and disclaimers they wish to be present on the website. Edge of the Web will work these into the design.
3.
Privacy a. A privacy policy is a requirement on websites. MS Flooring must supply the privacy policy content
4.
Accessibility a. Edge of the Web will build the site using standard accessibility techniques including: i. Alt tag content used by screen readers ii. Semantically meaningful HTML markup to imply significance to text iii. Catering for the colour-blind iv. Large or obvious clickable areas v. Coherent structure and layout at large zoom sizes
13
6. Support 1.
Support Overview a. Edge of the Web will support the website and CMS code for a period of 12 months from the launch date b. Support is provided for all aspects of work and service provided by Edge of the Web in accordance with the specification. c. Support does not cover or include technologies (existing or new) or features or enhancements that are not defined in the specification d. There is no charge for support provided under section 6.1.B e. Where support is required for any element described in section 6.1.C or not covered by 6.1.B, Edge of the Web will endeavour to provide support at a rate of £45 hour
2.
Support Process a. MS Flooring will be able to contact Edge of the Web Ltd Mon-Fri 9am-5pm and request support regarding the website and CMS code by: i. calling 01926 411827 ii. emailing
[email protected] or
[email protected] iii. writing to or visiting our offices at 3 High St, Warwick, CV34 4AP.
14
7. Edge Of The Web a.
Company i.
Edge of the Web Ltd is a Limited company registered in England and Wales: 06734891 ii. Trading from: 3 High St, Warwick. CV34 4AP iii. Registered Office: 3 High St, Warwick. CV34 4AP b.
Insurances i.
c.
Edge of the Web Ltd carry £10m professional indemnity insurance with Hiscox
Edge of the Web Project Team i.
ii.
iii. iv.
v.
Project Management 1. Sam Orchard 2. Hannah Weston Usability Testing 1. Hannah Weston 2. Thomas Valaitis Development 1. Sam Orchard Server Administration 1. Sam Orchard 2. Jon Bevan Design 1. Sam Orchard 2. Matthew Haselden
15