Challenge Overview
1. Project Overview
The client for this project is a company having a few applications that are implemented using implemented using Microsoft Access and VBA. The applications work very well and the users are generally content with the function, with some very small exceptions.
However, support for these applications has become non-existent and turnover of personnel has created a very different skill set. Not being able to support these applications with the current support team has created an exposure that we hope to close by rewriting the function in Java.
But no documentation exists for the applications before so we can re-implement them using Java & web technologies, we have to reverse engineer the applications and get the requirements fully documented.
2. Competition Task Overview
Before we move to assembly phase, we need the UI Prototype to be created based on the wireframes and storyboard design, which is the purpose of this contest.
2.1 Key Requirements
- Test in all the required browsers.
- Replicate the design of the approved Storyboards (PSD Files) for all pages.
- Your pages must match the colors and structure of the provided storyboards.
- Ensure your pages display correctly in all browsers. It is your responsibility to make sure the pages display correctly.
- Ensure you submission clear of HTML and CSS Validation error and warning.
2.2 Detailed Requirements
Please stick to the storyboard design and make sure the entire wireframes is implemented.
2.3 Password Rules
Minimum password length is 10 characters
Password must meet 3 out of the following 4 complexity rules:
At least one uppercase letter (A-Z)
At least one lowercase letter(a-z)
At least one digit (0-9)
At least one special character (!@#$%^&*()-+=)
2.4 Specific HTML/CSS/JavaScript Requirements
- You must follow the IBM w3 v17 standard (see http://www.topcoder.com/ibm/)
- 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 tables of data/information 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).
- Label all CSS, JavaScript, or HTML hacks with explanations so others will understand.
- Table sort is in scope.
- Your code must render properly in all browsers listed in the scorecard in both Mac and PC environments.
2.5 JavaScript Libraries/Plugins
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.
2.6 Browser Requirements
- IE8, IE9
- FF 7+
- Safari 5+
- Chrome Latest
3. References
None
4. Documentation Provided
The following documents are provided in contest forum:
- Wireframes
- Storyboard
Final Submission Guidelines
5. Submission Deliverables
- Your submission must be a single zip file containing all the files necessary to view and run your submission properly (i.e. images, css, html, and javascript files.)
6. Submission Guidelines
Submit an archive file contains all HTML/CSS/JS/images and another required files into Online Review.