1. Project Overview

The purpose of this contest is to convert LFMS static web pages to be compatible with IBM W3 Designs and Standards. So we can setup the standard for conversion.

2. Competition Task Overview

In past UI Prototype contests, we have already completed 42 pages.

This contest will convert 5 pages (53 LFMS Cash report.htm, 54 LFMS Cash report results.htm, 55 LFMS Fixed delinquency report.htm, 56 LFMS Fixed delinquency report results.htm, 57 LFMS Royalty delinquency report.htm) and merge them to existing UI Prototype.

Note: I use browser save as html feature to export the pages, you should use single image / css / js folder for all 4 pages in your submission. (e.g. /i. /css, /js)

The saved html files use @import url("//w3.ibm.com/ui/v8/css/interior-1-col.css") to import some external css / js files.

You need to change it to local path (get the files from IBM W3 Designs and Standards or deploy it to http server and map the domain (e.g. w3.ibm.com) to 127.0.0.1.

Please make sure primarily you use the provided w3 v17 css and dojo calls. You need to as much as possible use the provided v17 template generator for the core, and provided css,dojo calls. Then use own css files to tweak. If needed.

We need to the follow the w3v17 standards, but for testing you can point to www.js and www.css, so everything shows correctly.

link href="//1.www.s81c.com/common/v17/css/www.css"

script src="//1.www.s81c.com/common/js/dojo/www.js"

Notes:

For V17
Site Secured link is to be removed.

3. Submission Deliverables

• Modified HTML Pages (The modifications to the HTML pages should be documented and explained)
• Instructions on how to deploy and test the new pages.

4. Specific HTML/CSS/Javascript Requirements

HTML/CSS Requirements:

• ***** Fields should not be using class="ibm-styled" ***** 
• ***** Forms should not be using class="ibm-styled-form" ***** 
• We should only use the w3.css (no other external css files), if it can't meet the requirement, you can use inline css but it must be reviewed and checked as we have to use it at a minimum.
• Remove calls in code to lfms*.css files.
• Update all the application web pages with the latest look and feel of  IBM W3 V17 web standards. All elements on the pages should be following the IBM W3 V17 web standards put forth by IBM. Pages should also follow the WAI-ARIA accessibility standard. IBM follows IBM Accessibility checklist version 5.2. Misc, Browser,  HTML authoring, and other ST&G standards would be followed. Created pages should be tested by the latest browsers: Firefox 17 ESR, IE 8 & above, and Chrome, as well as using Freedom Scientific JAWS version 12 or above (using Firefox and IE).  Firefox 17 ESR can be downloaded at: http://www.mozilla.org/en-US/firefox/organizations/all.html
• Your HTML code must be XHTML 1.0 Transitional 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.
• 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.
• Your code must render properly in all browsers listed in the scorecard in both Mac and PC environments.

Final Submission Guidelines

N/A