sapui5 web applications development

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: support@skybuffer.com W: www.skybuffer.com

Highly skilled experts in

SAP and WEB