Challenge Overview
Bell Helicopter is going to create a simple web application for conference registration. This application will capture all necessary RSVP data from user and allow the organization to process this information on back-end database. In this contest we need your help to convert the storyboard of this application into a working prototype. Following are details requirements how the prototype should be implemented:
- General Guidelines
- You can use browser based for Input field, text area, drop down, checkbox and radio button.
- Implement hover state for button and link as shown in Storyboard.
- Put image, css and js files into appropriate directory.
- Page for Registrants
- Please use the provided template for your submission. You can modify the template to meet your solution.
- All page should be fluid vertically, based on content length.
- 01 Event List. In this page, there will be listed all events. Each event title is a link and if it is clicked will go to 02A Event Details.
- 02A Event Details. In this page, there are 3 tabs. Travel Information, Agenda and Registration. Travel Information is default tab in this page. If Back to list link is clicked, go to page 01 Event List.
- 04 Event Details - Registration. In this page, there are some fields for registration. Country Code and Phone Number only accepts number and dash (-). If Register button is clicked, required field in this form must be validated (has been filled/selected or not). Email should be validated as valid email, should contain address and its domain. If validation is success, redirect to page 05 Event Details - Registration Confirmation. If validation is not success, show error message.
- Page for Event Manager
- 06A Events Index. In this page will be listed all events that could be managed. If Event Title or Create New Event is clicked, go to page 09 New Event Details. If Attendees is clicked, go to page 07 Registrants Index.
- 07 Registrants Index. In this page will be listed all registrants for the selected event. If Edit is clicked, go to page 08 Registrants Editor. If Back To Registrants List is clicked, go to page 06A Events Index.
- 08 Registrants Editor. This page should work as shown in page 04 Event Details - Registration. If Update Record is clicked, form validation should be perfomed. If validation is success or Cancel is clicked, go to page 07 Registrants Index. If validation is not success, shows error message.
- 09 New Event Details. Start Date and End Date are a drop down. Date should be listed based on number of date in selected month and year.
- 11 New Event Agenda. Number of "Day" form should be same as number of selected days in drop down at top right corner. Number of days range is from 1-15. In each day, if Add button is clicked, add new row in the table in that day. In photos section, if Add button is clicked, add a new row in the table in that section. If remove is Clicked, remove the item. If Move Up or Move Down is clicked, move data in that row up or down.
- 12 Registration Form. Add, Remove, Move Up and Move Down functionality should works as shown in page 11 New Event Agenda.
MAKE SURE TO WATCH CONTEST FORUM FOR ANY ADDITIONAL REQUIREMENTS AND CLARIFICATIONS THAT MAY BE ISSUED.
Final Submission Guidelines
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 JS code must be documented for all variables and methods.
Your submission must works on