Certificate of Completion - SAP Fiori - Build Your SAP Fiori Foundation
SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app
-
Upload
wim-snoep -
Category
Technology
-
view
346 -
download
1
description
Transcript of SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app
![Page 1: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/1.jpg)
The Calltaker / A Fiori-like app
SAP Inside Track NL 2013
Wim Snoep & Leo van Hengel
Let’s take that call!
![Page 2: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/2.jpg)
ChallengeUser is frustrated
I can’t find the ‘save’ button I did click. Nothing happens, why?
On which tab was the order number again? Why do I have to go through 10
screens to change the address
![Page 3: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/3.jpg)
Create failure notification in SAPBasis steps for creating a
notification in SAP PM1. First step is to enter a reference
object2. Enter coding or damage report3. Fill a description4. Extra information in long text5. Optional entry if there is a
failure.
1
23
4
optional
![Page 4: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/4.jpg)
Challenge
Bad User Interface design
How to design a better UI?
![Page 5: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/5.jpg)
Solution
User in the center!
![Page 6: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/6.jpg)
Ideal image creating a notification
• Quick access to information based on entered address– Enter postalcode and housenumber– Based on housenumber search for a reference
object in SAP– Display all open and in progress notifications
based on the found object via address search– Display damage report for notifications and history
when these notifications were created
![Page 7: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/7.jpg)
Prototype
![Page 8: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/8.jpg)
Fiori or Custom Fiori-likeArchitecture
SAP NetWeaver Gateway
SAP Business Suite
SAPUI5
StandardFiori apps
Custom Fiori like apps
![Page 9: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/9.jpg)
NetWeaver Gateway - Option A
Transaction ‘segw’ on gateway system, map and build services
Optionally use Eclipse oData modeler and import data
For stack level reasons we used option A.
![Page 10: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/10.jpg)
NetWeaver Gateway - Option B
• IW_BEP add-on in backend.
• Build via ABAP OO. Only add the service in gateway.
![Page 11: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/11.jpg)
Demo
![Page 12: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/12.jpg)
Let’s build a Fiori-like App with SAPUI5
It even gets better!
![Page 13: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/13.jpg)
Cooking a Fiori-like app with blue crystal (theme)
![Page 14: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/14.jpg)
Best Practice for Building Mobile Applications
![Page 15: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/15.jpg)
Demo
![Page 16: SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app](https://reader033.fdocuments.in/reader033/viewer/2022052622/55906eff1a28ab4e2f8b4577/html5/thumbnails/16.jpg)
SAPUI5 Open Source!