SAPUI5 Web Applications Development

10,999 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
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
10,999
On SlideShare
0
From Embeds
0
Number of Embeds
101
Actions
Shares
0
Downloads
431
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

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

×