sapui5 web applications development
DESCRIPTION
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.TRANSCRIPT
![Page 1: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/1.jpg)
Classification: Public
12 May 2014
SAP UI DEVELOPMENT TOOLKIT FOR HTML 5 (AKA SAPUI5) GENERAL OVERVIEW www.skybuffer.com
![Page 2: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/2.jpg)
Agenda
2
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
![Page 3: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/3.jpg)
From R/2 to R/3
3
R/2
R/3 R/3
![Page 4: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/4.jpg)
From SAP GUI to HTML5
4
SAP GUI
SAP NWBC (inc. WebDynpro)
SAP HTML5
![Page 5: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/5.jpg)
Agenda
5
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
![Page 6: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/6.jpg)
SAPUI5 :: Architectural Overview
6
![Page 7: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/7.jpg)
Agenda
7
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
![Page 8: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/8.jpg)
SDK Documentation
8
https://sapui5.netweaver.ondemand.com/sdk/ https://sapui5.hana.ondemand.com/sdk/
![Page 9: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/9.jpg)
Controls
9
![Page 10: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/10.jpg)
Integrated Development Environment
10
Eclipse Plugin https://tools.hana.ondemand.com/
![Page 11: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/11.jpg)
Test Environment
11
SAP HANA on Demand Trial Account Creation https://account.hanatrial.ondemand.com/
Local Tomcat Web Server Run from Eclipse at Localhost
![Page 12: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/12.jpg)
SAP ABAP Repository
12
![Page 13: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/13.jpg)
Data Providers
13
![Page 14: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/14.jpg)
Custom Implementation of RESTful Controller
14
SAP Community Network http://scn.sap.com/community/developer-center/front-end/blog/2012/12/07/building...
![Page 15: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/15.jpg)
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
![Page 16: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/16.jpg)
Agenda
16
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
![Page 17: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/17.jpg)
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
![Page 18: SAPUI5 Web Applications Development](https://reader030.vdocuments.mx/reader030/viewer/2022012307/555e09a8d8b42a9e188b4942/html5/thumbnails/18.jpg)
18
SAP UI DEVELOPMENT TOOLKIT FOR HTML 5 (AKA SAPUI5) GENERAL OVERVIEW
Skybuffer AS, Norway E: [email protected] W: www.skybuffer.com
Highly skilled experts in
SAP and WEB