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.

1. Classification: Public
12 May 2014
SAP UI DEVELOPMENT TOOLKIT FOR
HTML 5 (AKA SAPUI5)
GENERAL OVERVIEW
www.skybuffer.com

2. Agenda
2
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages

3. From R/2 to R/3
3
R/2
R/3 R/3

4. From SAP GUI to HTML5
4
SAP GUI
SAP NWBC (inc.
WebDynpro)
SAP HTML5

5. Agenda
5
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages

6. SAPUI5 :: Architectural Overview
6

7. Agenda
7
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages

8. SDK Documentation
8
https://sapui5.netweaver.ondemand.com/sdk/
https://sapui5.hana.ondemand.com/sdk/

9. Controls
9

10. Integrated Development Environment
10
Eclipse Plugin
https://tools.hana.ondemand.com/

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. SAP ABAP Repository
12

13. Data Providers
13

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. 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. Agenda
16
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages

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
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