Let’s take that call!

The Calltaker / A Fiori-like app
Wim Snoep & Leo van Hengel
SAP Inside Track NL 2013
User is frustrated

Challenge
Create failure notification in SAP
Basis steps for creating a
notification in SAP PM
1. First step is to enter a reference...
Challenge

Bad User Interface design

How to design a better UI?
Solution
User in the center!
Ideal image creating a notification
• Quick access to information based on entered
address
– Enter postalcode and housenum...
Prototype
Fiori or Custom Fiori-like
Architecture

Standard
Fiori apps

Custom Fiori
like apps
SAPUI5

SAP NetWeaver
Gateway
SAP Bus...
NetWeaver Gateway - Option A
Transaction ‘segw’ on gateway
system, map and build
services
Optionally use Eclipse oData
mod...
NetWeaver Gateway - Option B
• IW_BEP add-on in
backend.
• Build via ABAP OO.
Only add the service
in gateway.
Demo
Let’s build a Fiori-like App with SAPUI5

It even gets better!
Cooking a Fiori-like app with blue
crystal (theme)
Best Practice for Building Mobile
Applications
Demo
SAPUI5 Open Source!
Upcoming SlideShare
Loading in …5
×

SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app

1,012 views

Published on

SAP Inside Track Netherlands 2013.

Building a Fiori like app. Building an app with SAPUI5 & SAP NetWeaver Gateway.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,012
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Handover to Leo
  • SAP Inside Track Netherlands 2013, The Calltaker, building a fiori like app

    1. 1. Let’s take that call! The Calltaker / A Fiori-like app Wim Snoep & Leo van Hengel SAP Inside Track NL 2013
    2. 2. User is frustrated Challenge
    3. 3. Create failure notification in SAP Basis steps for creating a notification in SAP PM 1. First step is to enter a reference object 2. Enter coding or damage report 3. Fill a description 4. Extra information in long text 5. Optional entry if there is a failure. 1 2 3 4 optional
    4. 4. Challenge Bad User Interface design How to design a better UI?
    5. 5. Solution User in the center!
    6. 6. 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
    7. 7. Prototype
    8. 8. Fiori or Custom Fiori-like Architecture Standard Fiori apps Custom Fiori like apps SAPUI5 SAP NetWeaver Gateway SAP Business Suite
    9. 9. 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.
    10. 10. NetWeaver Gateway - Option B • IW_BEP add-on in backend. • Build via ABAP OO. Only add the service in gateway.
    11. 11. Demo
    12. 12. Let’s build a Fiori-like App with SAPUI5 It even gets better!
    13. 13. Cooking a Fiori-like app with blue crystal (theme)
    14. 14. Best Practice for Building Mobile Applications
    15. 15. Demo
    16. 16. SAPUI5 Open Source!

    ×