openSAP course: Build Your Own SAP Fiori App in the Cloud – 2016 Develop Challenge ( including updated Design Challenge artifacts )

Page - 1

User Story

Formula One ® (F1) World Championship – The ultimate quest for glory in the racing arena. 21 Races,

11 Warriors, 1 Victor. A sport that is not for the faint hearted but for the brave. For on those fiery circuits, tanned with burnt rubber from the constant friction of high RPMs, the weak will perish. But the brave will

survive; on the race battlefield where, SKILL and SPEED reign Supreme. With high class sport car manufacturers battling it out for dominance, there is a lot at stake including

technological innovation, engineering advancement supremacy and a lot of money. It finally comes down to the race team manager’s ability to steer his team and ultimately the auto car manufacturer, to Victory,

in this high class racing event. F1 World Championship being an all year event, with some months packed with as much as 3-4 races,

the team managers are faced with the challenging tasks of analyzing all the information available (circuit info., weather info., changing race rules, team readiness/ availability, vehicle health/ availability, rival info.

etc.) and making critical decisions (how do we secure pole position, what specific strategies do I use for which specific qualifier and race, how do I fine tune the parameters to ensure my team’s readiness for

every race etc) All of which has to be done in double quick time. This app is an attempt to provide F1 managers with a delightful, powerful tool to turn critical Insight

backed with top notch Strategies, into precise Actions, to accomplish one single goal ‘To Rule the Race’

Persona

To proactively ensure team’s race readiness for every race

To assess race and rival information and make strategic decisions

To ensure the team wins the championship

Board Team Director Driver(s)

Chief Engineer(s) Crew chief Race coordinator(s) Press

F1 Manager 50, married, 15 yrs. experience on circuit

Leader, Creative thinker, Achiever

Frank but not cut throat

To quickly assess and ensure team’s race readiness (driver, vehicle, crew)

To have quick access to race

information, rival stats. and race results

To oversee team’s race readiness by assessing driver, team and vehicle info. and taking specific actions

To analyze rival info. (Drivers etc.)

To report race readiness to Team director, Board

To address press conferences To communicate with race coordinators

Can’t measure race readiness quickly

and easily

Race and Rival information is not available in a single spot

turn Insight into Action

in double quick time

Jack (aka Butcher)

openSAP course: Build Your Own SAP Fiori App in the Cloud – 2016 Develop Challenge ( including updated Design Challenge artifacts )

Page - 2

User Experience Journey

Point of View ( PoV )

USER Jack, the F1 Manager

NEEDS A WAY TO quickly assess, update and ensure his team’s readiness for the race

SURPRISINGLY / BECAUSE / BUT / SO THAT he can focus on his prime responsibility – To rule the race

Jack, the F1 Manager needs a way to quickly assess, update and ensure his team’s readiness for the race so that he can focus on his prime responsibility – To Rule the Race.

openSAP course: Build Your Own SAP Fiori App in the Cloud – 2016 Develop Challenge ( including updated Design Challenge artifacts )

Page - 3

Mockup Shareable link:

https://standard.experiencesplash.com:443/api/projects/219cb0904a64d1c50baa1fc8/prototype/snapshot/latest/index.html#/144347

6767993_S0

Click a row(s) in the master list on the left hand side of the app, to view its corresponding details in the

detail screen, on the right hand side of the app.

Please view the data presented in the various tabs in the details screen. First, click a row in the master list

and then click the tab icons to display the data contained within that screen.

openSAP course: Build Your Own SAP Fiori App in the Cloud – 2016 Develop Challenge ( including updated Design Challenge artifacts )

Page - 4

Study

1. App Navigation: Navigate the Master-Detail screen. Click a row(s) in the master list on the left hand

side of the app, to view its corresponding details in the detail screen (on the right hand side of the app).

Shareable link: https://standard.experiencesplash.com/home/projects/219cb0904a64d1c50baa1fc8/research/participa

nt/ad44a855bf8be8ee0bd87803

2. App Data Exploration: Explore the data presented in the various tabs in the details screen by clicking

the tab icon to display the data contained within that screen. Click the tab icon again to collapse that

screen.

Shareable link: https://standard.experiencesplash.com/home/projects/219cb0904a64d1c50baa1fc8/research/participa

nt/107c6380675bf3230bd87908

Develop Challenge: F1 Manager App – Technical Summary

App Type Master Detail Data used Mock Data (.json)

Images used/ stored Locally within Web IDE

Design Components implemented

Search field, Sort Select, Filter Action, Icon Tab filters, Tables, Icons, Progress indicators, Rating Indicators, Images, Rating, Form: Combo

boxes, list boxes, Select lists, Radio buttons, Checkboxes, Object Headers and Object List Items.

Develop Challenge: F1 Manager App – Web IDE Screenshots (some of the design components implemented)

Icon tab filter, Icons, Image, Table Progress Indicator, Rating Indicator, Radio button

Header, Table Object Header Object List Item

openSAP course: Build Your Own SAP Fiori App in the Cloud – 2016 Develop Challenge ( including updated Design Challenge artifacts )

Page - 5

Develop Challenge: F1 Manager App – SAP Web IDE App Prototype ( Please zoom to view ) (Screenshots)

1. App specific Search field Tooltip 2. Search: Unsuccessful search 3. Search: Successful Search

4. Click a race record in master list to show its corresponding details 5. Click a race record in master list to show its corresponding details

6. Click a Race Weather icon tab to view the Weather information 7. Click another Race to view its Weather information

8. Click Race Team icon tab for Crew Member details (editable form) 9. Click Race Car icon tab for car details (rating/progress indicator)

Record Found

openSAP course: Build Your Own SAP Fiori App in the Cloud – 2016 Develop Challenge ( including updated Design Challenge artifacts )

Page - 6

10. Qualifiers icon tab with details including position (for e.g. Pole) 11. Click Race Rivals icon tab (shows Strength categorizations)

i

12. Race Readiness with clickable checkboxes and message box 13. Click Results Icon tab to view Race Results (shows WIN indication)

14. Sort Functions: Select ‘Sort by Race Readiness Status’ to sort the

master list by the same criteria, in ascending order

15. Filter by functions: Select Filter by ‘Race Readiness Status’

followed by ‘Ready to Roll’ status, to filter the master list

Note: The numbers indicate the screen sequence

(YouTube link) Please click the YouTube video link below to see the APP in action.

https://youtu.be/cr4q5VhrvJA

Race WIN

indication

Qualifier position

secured