Classification: Public 12 May 2014 SAP UI DEVELOPMENT TOOLKIT FOR HTML 5 (AKA SAPUI5) GENERAL OVERVIEW www.skybuffer.com
SAPUI5 Web Applications Development
May 21, 2015
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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Classification: Public
12 May 2014
SAP UI DEVELOPMENT TOOLKIT FOR HTML 5 (AKA SAPUI5) GENERAL OVERVIEW www.skybuffer.com
Agenda
2
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
From R/2 to R/3
3
R/2
R/3 R/3
From SAP GUI to HTML5
4
SAP GUI
SAP NWBC (inc. WebDynpro)
SAP HTML5
Agenda
5
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
SAPUI5 :: Architectural Overview
6
Agenda
7
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
SDK Documentation
8
https://sapui5.netweaver.ondemand.com/sdk/ https://sapui5.hana.ondemand.com/sdk/
Controls
9
Integrated Development Environment
10
Eclipse Plugin https://tools.hana.ondemand.com/
Test Environment
11
SAP HANA on Demand Trial Account Creation https://account.hanatrial.ondemand.com/
Local Tomcat Web Server Run from Eclipse at Localhost
SAP ABAP Repository
12
Data Providers
13
Custom Implementation of RESTful Controller
14
SAP Community Network http://scn.sap.com/community/developer-center/front-end/blog/2012/12/07/building...
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
Agenda
16
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: Advantages
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
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
Related Documents
