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

Transcription

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 Jack (aka Butcher) turn Insight into Action in double quick time 50, married, 15 yrs. experience on circuit Leader, Creative thinker, Achiever Frank but not cut throat F1 Manager 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 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 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 Can t measure race readiness quickly and easily Race and Rival information is not available in a single spot Board Team Director Driver(s) Chief Engineer(s) Crew chief Race coordinator(s) Press Page - 1

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. Page - 2

3 Mockup Shareable link: _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. Page - 3

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: nt/ad44a855bf8be8ee0bd 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: nt/107c bf3230bd87908 Develop Challenge: F1 Manager App Technical Summary App Type Data used Images used/ stored Design Components implemented Master Detail Mock Data (.json) Locally within Web IDE 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 Page - 4

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 Record Found 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) Page - 5

6 10. Qualifiers icon tab with details including position (for e.g. Pole) 11. Click Race Rivals icon tab (shows Strength categorizations) Qualifier position secured 12. Race Readiness with clickable checkboxes and message box 13. Click Results Icon tab to view Race Results (shows WIN indication) i Race 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. Page - 6