Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SAPUI5 Web Applications Development

14,071 views

Published on

SAPUI5 Web Applications Development overview. The main purpose of the document is to give a brief introduction into the SAPUI5 / OPENUI5 development and data flow steps.

Published in: Business, Technology, Education

SAPUI5 Web Applications Development

  1. 1. Classification: Public 12 May 2014 SAP UI DEVELOPMENT TOOLKIT FOR HTML 5 (AKA SAPUI5) GENERAL OVERVIEW www.skybuffer.com
  2. 2. Agenda 2 SAP UI :: Revolution and Evolution SAPUI5 :: Architectural Overview SAPUI5 :: Application Development SAPUI5 :: Advantages
  3. 3. From R/2 to R/3 3 R/2 R/3 R/3
  4. 4. From SAP GUI to HTML5 4 SAP GUI SAP NWBC (inc. WebDynpro) SAP HTML5
  5. 5. Agenda 5 SAP UI :: Revolution and Evolution SAPUI5 :: Architectural Overview SAPUI5 :: Application Development SAPUI5 :: Advantages
  6. 6. SAPUI5 :: Architectural Overview 6
  7. 7. Agenda 7 SAP UI :: Revolution and Evolution SAPUI5 :: Architectural Overview SAPUI5 :: Application Development SAPUI5 :: Advantages
  8. 8. SDK Documentation 8 https://sapui5.netweaver.ondemand.com/sdk/ https://sapui5.hana.ondemand.com/sdk/
  9. 9. Controls 9
  10. 10. Integrated Development Environment 10 Eclipse Plugin https://tools.hana.ondemand.com/
  11. 11. Test Environment 11 SAP HANA on Demand Trial Account Creation https://account.hanatrial.ondemand.com/ Local Tomcat Web Server Run from Eclipse at Localhost
  12. 12. SAP ABAP Repository 12
  13. 13. Data Providers 13
  14. 14. Custom Implementation of RESTful Controller 14 SAP Community Network http://scn.sap.com/community/developer-center/front-end/blog/2012/12/07/building...
  15. 15. SAPUI5 Application Development Steps • Create New SAPUI5 Project at Eclipse • Get Project from External GIT (in case of sub-contractors involvement in development process) • Test Project at Localhost • Connect Project to SAP ABAP Repository • Create New BSP Application • Submit Project to SAP ABAP Repository • Execute Application from SAP ERP Server 15
  16. 16. Agenda 16 SAP UI :: Revolution and Evolution SAPUI5 :: Architectural Overview SAPUI5 :: Application Development SAPUI5 :: Advantages
  17. 17. Advantages • Rich set of controls; • Easy to access XML or JSON data from server; • Easy to sort and filter data; • Easy to interact and update data; • All kind of platform: from mobile phones to big desktop PC; • Easy to integrate with SAP ABAP Application Servers like ECC, SCM, SRM, CRM and etc. 17
  18. 18. 18 SAP UI DEVELOPMENT TOOLKIT FOR HTML 5 (AKA SAPUI5) GENERAL OVERVIEW Skybuffer AS, Norway E: support@skybuffer.com W: www.skybuffer.com Highly skilled experts in SAP and WEB

×