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:  john@BlueT.com.au  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