Challenge Overview
Project Overview
Microbac is keeping to bring more values into their customer web portal to satisfy their customers. Now we are going to add more functionality into our web portal so our customer could fill and submit samples analysis and information in our portal. In this challenge, we need your help to create the prototype for our new functionality Chain of Custody record.
Requirements
The goal of this challenge is to create the Prototype for Chain of CustodyRecord pages as following:
- Create the prototype based on provided wireframe, existing prototype and storyboard.
- If there is conflict between Storyboard and Wireframe, follow the Wireframe.
- Follow the layouf of the Wireframe as close as possible.
- Update Resources page (resource.html) as shown in provided wireframe. Use the existing style from results.html page.
- Follow the scenario as explained in each page in wireframe document.
- Ignore icons (Enter Information, Review & Submit, Print & Send) as shown in wireframe. This will be completed in Final Fix phase.
- Please use the existing CSS rule. Only create new rule if it doesn't exist yet.
Following are specific requirements for HTML, CSS and Javascript files:
- Your HTML code must be XHTML 1.0 Strict compliant
- 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 requirements anywhere in the code. You are allowed to use the JQuery JavaScript library for this contest.
Your submission must works on browser in the list below:
- IE7+
- FF 3+ Mac & PC
- Safari 4 Mac & PC
- Chrome Mac & PC
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.