Challenge Overview
Project Overview
We have an application that basically support sales, marketing and executive team. In this application there is a part of it that is called Account Report Card. This report card is a way to capture key qualitative and quantitative information of certain accounts. Sales is responsible for this and account report card itself is used to report up to executive team.
Challenge Overview
The goal of this challenge is to convert the Storyboard into a working HTML Prototype. There is only a single page to be converted. Please follow the provided screens to catch and understand the flow of the application. Latest prototype is provided to help you create the solution. You can choose to update it or create from scratch. The style of the prototype should follow the Storyboard.
General Requirement
Following are specific requirement for HTML, CSS and JavaScript files:
- Your HTML code must be XHTML 1.0 Strict Compliant.
- Implement all charts using Highcharts.
- Validate your code, reviewers may accept minor validation errors, but please comment your reason for any validation errors. Use the validators listed in the scorecard.
- Use CSS to space out objects, not clear/transparent images (GIFs or PNGs) and use proper structural CSS to lay out your page. Only use table tags for tabular data and not for page layout. No inline CSS styles, all styles must be placed in an external stylesheet.
- Use semantically correct tags - use H tags for headers, etc. Use strong and em tags instead of bold and italic tags. Element and Attribute names should be in lowercase and use a "-" or camel naming to separate multiple-word classes (i.e. "main-content", or "mainContent".)
- All JavaScript must not have a copyright by a third party. You are encouraged to use your own scripts, or scripts that are free, publicly available and do not have copyright statements or author recognition anywhere in the code. You are allowed to use the JQuery JavaScript library for this contest.
- All elements that will eventually need to be accessible for automated testing (e.g. any type of input) must have the 'id' attribute set.
Browser Requirement
- IE7 and above.
- Latest Firefox.
- Latest Safari.
- Latest Chrome.
MAKE SURE TO WATCH CONTEST FORUM FOR ANY ADDITIONAL REQUIREMENTS AND CLARIFICATIONS THAT MAY BE ISSUED.
Final Submission Guidelines
Submit an archive file contains all HTML/CSS/JS/images and another required files into Online Review.