1. Project Overview

The client for this project has an existing system called the Apex Journal Facility. This application provides users with the ability to submit requests for changes to the Essbase application (Hyperion Essbase 9.3). The application also provides an approval and tracking process for the submitted journal requests.
The existing Journal Facility application is Notes based. The goal for this project is to create a new, web-based application to replace the existing, Notes-based Apex Journal Facility application. 

2. Compeitition Task Overview

The main goal of this contest is to produce HTML/CSS/JS prototype for studio design.

The UI Prototype should follow the IBM v17 Standards. The look and feel of storyboard has been reviewed by client so it should be V17 compliance.

Please follow the storyboard if there is any inconsistent between storyboard and wireframes.

IBM V17 Standards: http://www.topcoder.com/ibm/

Part 2 Scope: We have implemented the major part of this project in Part 1 - Create Journal and Journals Page. In Part 2, you only need to implement the remain pages (Help, Roles, Report, etc.)

3. 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.).

4. Specific HTML/CSS/Javascript Requirements

HTML/CSS Requirements:

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.
• 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.
• Your code must render properly in all browsers listed in the scorecard in both Mac and PC environments.

Javascript Requirements:

• Please use dojo library, jquery is not allowed.

Final Submission Guidelines

Wireframes and Storyboard: http://apps.topcoder.com/wiki/pages/viewpageattachments.action?pageId=98174252

Phase 1 Prototype (attached).