Challenge Overview
Challenge Overview
The goal of this contest is build the HTML5 web app (Support Easy OnBoarding Application) : integrate the UI prototypes Part 1 with the backend service, and impement all the features included.
The Support Easy OnBoarding app is a client-facing application to streamline the Onboarding Process utilizing existing content. It is fun, useable, innovative, educational, engaging, and give the client a sense of accomplishment.
Challenge Details
Please ask any questions as soon aspossible in the forum, any feature that cannot be finished but not discussed in the forum will be scored down.
1. Please follow the design of the storyboards and utilize the UI prtotoype, the screens of the given the UI prototype are in scope.
2. The backend service is deployed to bluemix. An API doc is provided in the forum.
3. login, after login success, reset current step with stored step.
4. don't duplicate code for navigation bars(top, bottom, step header)
5. each step contains introduction, video, quiz, action(signup/access/register, etc.).
display the step according to config/config.xml
1) support multiple introductions(content is located in e.g. steps/1/introduction1.html), if not the last, click the "continue" of introduction will go to the next, if it is the last, go to video page.
2) support multiple videos, if not the last, click the "continue" of video will go to the next, if it is the last, go to quiz page
3) quiz containing multiple questions, and each question could have multiple correct answers.
4) page content of action(signup/access/register) is located in e.g. steps/1/action.html
when each step is finished, send a request to backend service /api/v1/nextStep/:stepId
6. certification of completion will be generated and emailed to user at the client side.
7. trigger of Cathy's talk
configure all the talk in config/cathy_talk.xml (it may contain html content and mostly it will), we may also need to define the way to display here(popup window as 03_11_IBM_ID.png or 03_2_IBM_ID.png in storyboard)
there are three ways to trigger cathy's talk:
1) click cathy icon(if exists) in the view
if in step1 introduction view, it may try to find talk named as "step1_introduction1", if not it will try to find talk named "step1".
2) view transition, e.g. if talk "step1_introduction1_in" exists, then after go to introduction view of step1, show cathy automatically,
if talk "step1_introduction1_out" exists, then before transition, show cathy automatically.
3) custom event: call a function e.g. showCathy(talkId) to display the talk.
there may be more event need to add during your work.
Technology Requirements
1. Open source third party libraries are allowed. Any libries that are not open source are not allowed. Prior to use of any library or framework, please see permission in the forum.
Technology Stack
- HTML5
- AngularJS
Final Submission Guidelines
- Code that covers all requirements
- A complete and detailed deployment guide explaining how to deploy the application, including configuration information.