Challenge Overview
Microbac is a commercial laboratory testing company that performs variaty testing service for their customer. Some services provided by them are environmental testing of air, food testing, agrochemical testing, physical and consumer product testing, antimicrobial efficacy testing and pharmaceutical testing. Currently there are four Laboratory Information Management System (LIMS) that client have to manage these testing operations and they want to define an efficient solution for providing central data from these 4 LIMS for their customer to gather the service results.
In this contest we need your help to convert the storyboard into working prototype. The wireframe is provided to get the flow of the application, but the storyboard has higher priority than wireframe.
Following are general guidelines you must follow in building the prototype:
- The background should be fluid and the content should be fixed horizontally and fluid vertically.
- Implement hover state for all buttons and links.
- Implement sorting, grouping and paginating in table.
- Implement a nice transition effect when showing a tooltips.
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.