Upload
others
View
15
Download
0
Embed Size (px)
Citation preview
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