Key Information

Register
Submit
The challenge is finished.

Challenge Overview

Appirio's Workday Practice would like to develop a Data Management application for assistance in Workday implementation projects.  There is a set of data-related tasks that the practice is hoping to automate:

  1. Producing a data dictionary for a project
  2. Producing data gathering workbooks for a project
  3. Validating data from data gathering workbooks.
  4. Mapping data from data gathering workbooks to ILoad sheets
  5. Transforming data gathering workbooks to ILoad sheets.

The goal of this challenge is to create a Responsive HTML5 Prototype application based on provided Storyboard Design using HTML, JavaScript and jQuery 1.11.1.

Required Pages:

General Screens :

- login/error login screens 

Admin Screens :

- Dashboard screen
- Project dashboard screen
- Project Details screen
- Create Project screen
- user dashboard screen
- user details screen
- Create user screen

Project and User pages are quite similar.

Specific HTML/CSS/JavaScript Requirements:

As part of this challenge you will need to document all HTML5/CSS3/JavaScript code. We need clear explanation of the code to help us figure all the HTML5/CSS3/JavaScript code functions and make it easier for future developers and the client to understand what you have built.

  • Your HTML code must be valid HTML5 and follow best practices
  • 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 style-sheet.
  • 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.
  • All navigation links between pages should work properly
  • The table paging and filtering should work properly (use this jQuery table plugin: https://datatables.net/).
  • All action links/buttons that are supposed to trigger a server call for some information should make use of a distinct function, which, for the scope of this competition, will provide mock data. This will properly isolate the functionality that should be replaced in the following Assembly competitions and will better structure the code.
  • Group the JavaScript functionality, so that the code that handles the User pages is grouped in one place, the code that handles the Project pages is grouped in another place, and so on.
  • CSS and JavaScript that is not generated by a tool, so that it can be easily maintained and modified in the following Assembly competitions.

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. We would like to use following JavaScript libraries:

Browsers Requirements:

  • Google Chrome 27+
  • Latest Firefox Browser
  • Internet Explorer 9+


Final Submission Guidelines

Submission Deliverables:

Final Submission:

 

ELIGIBLE EVENTS:

2014 TopCoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30043074