Your SlideShare is downloading. ×
0
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 :: A...
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 :: A...
SAPUI5 :: Architectural Overview
6
Agenda
7
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: A...
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 Ser...
SAP ABAP Repository
12
Data Providers
13
Custom Implementation of RESTful Controller
14
SAP Community Network
http://scn.sap.com/community/developer-center/front-e...
SAPUI5 Application Development Steps
• Create New SAPUI5 Project at Eclipse
• Get Project from External GIT (in case of su...
Agenda
16
SAP UI :: Revolution and Evolution
SAPUI5 :: Architectural Overview
SAPUI5 :: Application Development
SAPUI5 :: ...
Advantages
• Rich set of controls;
• Easy to access XML or JSON data from server;
• Easy to sort and filter data;
• Easy t...
18
SAP UI DEVELOPMENT TOOLKIT FOR
HTML 5 (AKA SAPUI5)
GENERAL OVERVIEW
Skybuffer AS, Norway
E: support@skybuffer.com
W: ww...
Upcoming SlideShare
Loading in...5
×

SAPUI5 Web Applications Development

4,546

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
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,546
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
209
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×