Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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...
Nächste SlideShare
Wird geladen in …5
×

SAPUI5 Web Applications Development

13.773 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Business, Technologie, Bildung
  • Als Erste(r) kommentieren

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

×