ui innovation with sap netweaver gateway
DESCRIPTION
A sanitized version of slides presented by John Moy at the SAP Australia User Group 2012 for the presentation 'How SAP NetWeaver Gateway can deliver the User Interfaces you've always wanted'TRANSCRIPT
By John Moy SAP Mentor
© September 2012
Thoughts and opinions expressed here represent my own and not those of SAP
All content provided in this presentaCon is for informaConal purposes only. The author makes no representaCons as to the accuracy or completeness of any informaCon in this presentaCon. The author will not be liable for any errors or omissions in this presentaCon nor for the availability of this informaCon.
R/2 Terminal Screens
R/3 SAP GUI
Web Dynpro Java,
SAP Portal
Web Dynpro ABAP, Floorplan Manager, NWBC
ITS, WebGUI, BSP, HTMLB
SAP UI5, Page Builder,
CHIPs
Enterprise Systems
Enterprise
Consumer
Faster user interface innovaCon cycles eg. browsers, iOS, Android etc.
Slower user interface updates, Ced to core upgrade cycles
“Our basic argument is that there isn’t such a thing as a building. A building properly conceived is several layers of longevity of built components”
Frank Duffy, Architect 1994 FoundaCon
Structure
Internal W
alls
Tables, etc
Enterprise Systems ExisCng
UIs, Web UIs
Mobiles & Tablets
TVs, Voice etc…
SAP NetWeaver Gateway as an enabler
Edge Usage
Casual Usage
Pro Usage
ESS / MSS
NWBC / SAPGUI
Websites / Intranet
Tablets
Mobiles
Kiosks &
Other
SAP NetWeaver Gateway as an enabler
Edge Usage
Casual Usage
Pro Usage
Leaders Front Office
Back Office
Field / Mobile Sales
Consumers Business Partners
NOTE: A sample indicaCve allocaCon – will vary for
each organisaCon
Edge Usage
Casual Usage
Pro Usage
ZERO training expectaCon
Simple learning aids
Training
SAP NetWeaver Gateway as an enabler
Edge Usage
Casual Usage
Pro Usage
Mainstream Usage
Edge Usage now is potenCally Mainsteam Usage in future
SAP
1. GET hep://server/sap/myapplicaCon
“ INSIDE OUT “
2. HTML + Data 2.1. CSS 2.2. Javascript 2.3. Images 2.4. ..etc
SAP
1. GET hep://server/sap/myapplicaCon/data
“ OUTSIDE IN “
3. Lightweight Data (OData)
2. NaCve App -‐ iOS -‐ Android -‐ etc. IN
STALLED
NaCve mobile app example
SAP NetWeaver Gateway as an enabler
SAP
1. GET hep://server/sap/myapplicaCon
“ OUTSIDE IN “
3. Lightweight Data (OData)
2. HTML5 Layout -‐ CSS -‐ Javascript -‐ Images CA
CHED
HTML5 example using ‘single-‐page’ web apps
SAP NetWeaver Gateway as an enabler
Stateful UIs Stateless UIs
SAP NetWeaver Gateway as an enabler
SAP
SAP NetWeaver Gateway
Service generaCon tools (eg. Generate from RFC / BAPI without coding )
Service consumpCon libraries • Mobile plakorms • HTML5 libraries (eg. SAPUI5) • Java, PHP, Flash ..etc. • Code generaCon
SAP
SAP NetWeaver Gateway
Architecture for many of SAP’s Mobile Apps
SAP Mob
ile
Plak
orm
• AuthenCcaCon & Security • Secure CommunicaCons • Device registraCon
Relay
Server
(Depending on App) • iOS • Android • Blackberry • Windows
= SAP NetWeaver Gateway as an enabler
Sample list of SAP’s mobile apps (not all-‐inclusive) …
Samples courtesy of and developed by John Paeerson (see blog on SCN
hep://bit.ly/Mh8rC4)
SAP
OUTSIDE IN • Adopt latest consumer UI usability • Empower non-‐SAP UI developers
LIGHTWEIGHT DATA INTERACTION • OpCmise response Cme & usability • Support HTML5 / naCve mobile UIs
LOOSE COUPLING • Support pace layering & service re-‐use
STATELESS • Highly scalable
PRODUCTIVITY AIDS • Quickly expose and consume services
John Moy SAP Mobility, UI and Development Architect
Email: [email protected] Twieer: @jhmoy
SAP NetWeaver Gateway official SAP Help hep://help.sap.com/nwgateway
SAP NetWeaver Gateway plug-‐in for Eclipse hep://bit.ly/wHwy2B
Installing Trial SAP NetWeaver Gateway on Amazon Web Services (by John Moy) hep://bit.ly/N7JwR3