The goal of this challenge is to add new screens to the provided native app prototype using the UI Design in Portrait view.

There is no backend interaction in this challenge, we will have a follow-up challenge to connect the application with backend.

This Prototype challenge is part of the HPE Live Blitz Challenge Series. Make sure to check it out!

Challenge Requirements

In this challenge you will add new screens to the provided prototype following the design provided to you.

Note the following :

- The design screens are very detailed to show the flow between the screens. If there is anything not clear please post questions in forums.

- The 11_Style Guide.png show the common UI controls we use in the app.

Screen Requirements

Follow the screenshot numbers to understand the flow of screens, the app is set of modules, each module contains set of questions/steps, at the end of each module there is a screen that show result/badge with options to navigate to dashboard or next module.

If anything is unclear in the flow, please ask in forums.

The following screens are in scope :

- Forgot Password

    - We don’t have design for this one, it will simply be similar to login screen but will have a single field for username/email, button to send the reset password email, and at bottom link to navigate back to login.

- Modules Screens

    - Existing prototype implemented Business Continuity Planning module, you need to implement the remaining modules. Screenshots  (from 04-0_Module LC_Intro.png to 07-9_Module ER_Lv 2_Finish.png) These modules are :

        - Business Continuity Planning Level 2 (This is already implemented)

        - Leadership and Culture

        - Leadership and Culture Level 2

        - Networks and Relationships

        - Networks and Relationships Level 2

        - Change Ready

        - Change Ready Level 2

        - Employee Resilience

    - For each step we have “next” button, by default it should say “Skip” until user fill/answer all questions in the step, if all questions are filled/answers then the “skip” should switch to “next”.

    - Please note that the existing module and new modules have similarities in flow and styling with difference in color and number of questions and their content, it is recommended if you can reuse existing module as template to create the remaining modules, we are open to ideas, but also if you want to implement them as static screens that is Ok.

General Notes

Note the following :

- The app will be in Portrait view only.

- The target screens should target normal and large screens, it should be responsive and proper densities/resolutions should be used as provided in the storyboard.

- The implementation must be a native application, native controls must be used wherever possible.

- The back button should go back in history (i.e. as if you were pressing back in the browser). If there is no more history (i.e. you're at the first page), pressing back closes the app.

Project Structure

You will use Android Studio project for this application. Follow Android Studio project structure best practices.

Technology Overview

- The target platform is Android.

- You will support Android version 4.1.x - 6.x, with minimum screen resolution to be 240dpi.

- You are allowed to use any supporting open source libraries. Please clearly document use of all such libraries.

- Use of PhoneGap is NOT allowed. We are building native application.

Source Code

Attached in challenge forums, it is a git folder, so you need to upload it as it is with your modifications or include only git patch file of your changes.

Documents

Provided in challenge forums : the Storyboard and Screenshots

 

Final Submission Guidelines

Deliverable

- Git patch file of the changes.

- Deployment guide

- Verification document