1a 1040 thomas jung sapui5 toolkita

8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita

1/29

Premier Partners: Supported


2/29

The UI DeveToolkit for

ThSAP Labs, LLC (USA) (S


3/29

2012 SAP AG. All rights reserved.

Disclaimer

This presentation outlines our general product direction and should not be relied on

purchase decision. This presentation is not subject to your license agreement or anywith SAP. SAP has no obligation to pursue any course of business outlined in this pr

develop or release any functionality mentioned in this presentation. This presentatio

strategy and possible future developments are subject to change and may be chang

time for any reason without notice. This document is provided without a warranty of

express or implied, including but not limited to, the implied warranties of merchantab

particular purpose, or non-infringement. SAP assumes no responsibility for errors or

document, except if such damages were caused by SAP intentionally or grossly neg


4/29

Main Message

Growing demand for business insight everywhere on any device business UIs following known End User Paradigms

applications with native look & feel

high client side interactivity and performance

seemless integration of modern web standards and f(Social media, web 2.0, )


5/29

What Ill Cover Introduction

Key Capabilities

Architecture Roadmap

Demo

UI Integration Services


6/29

Introduction


7/29 2012 SAP AG. All rights reserved.

IntroductionHTML5 definition versus common understanding

The official defin ition of HTML5

is a markup languagefor structuring and presenting content for the World

Wide Web, . It is the fifth revision of the HTMLstandard (created in 1990

and standardized as HTML4 as of 1997)

The commonly used definition

Integrated Multimedia support

Graphics and Charts (Canvas / SVG)

New JavaScript APIs (e.g. Web SQL, Web Storage, Web Workers, )

ARIA (accessibility)

OpenAJAX (interoperability)

JIT JavaScript compilation

CSS3
http://en.wikipedia.org/wiki/Markup_languagehttp://en.wikipedia.org/wiki/World_Wide_Webhttp://en.wikipedia.org/wiki/World_Wide_Webhttp://en.wikipedia.org/wiki/HTMLhttp://en.wikipedia.org/wiki/HTMLhttp://en.wikipedia.org/wiki/World_Wide_Webhttp://en.wikipedia.org/wiki/World_Wide_Webhttp://en.wikipedia.org/wiki/Markup_language


8/29

Key Capabilities


9/29


10/29 2012 SAP AG. All rights reserved.

Key Capabili tiesFeatures and Benefits

Runs on Various SAP and Non-SAP Platforms

SAP HANA XS

SAP NetWeaver AS ABAP

Open Source Platforms

SAP NetWeaver Cloud

SAP NetWeaver AS JavaSybase Unwired Platform

Built with Leading Web Technologies

jQuery CSS3 OData LESS D3OpenAJAXHTML5


11/29


Key Capabili tiesDevelopment Environment

Homogeneous Set of Eclipse Tools and Editors

Small learning curve for web developer

UI Screen & Application development

HTML5 templates support

Shipped via SAP release train for Eclipse (SRTE)

NWDS support

Outlook:

WYSIWYG Design of HTML5 Applications

Web based IDE


12/29

Architecture Overview


13/29


Architecture OverviewSAPUI5 Components

ControlsSAPUI5Libraries

SAPUI5Core

jQuery

(Static) Web Server

SAP jQuery Plug-ins

Event Resources Device

UI

Data

Binding

Control

Base

Render

Manager

Themes Mobile Des

Mobile Des

Resource Handler (optional)

Optional server component

Core JS Framework including

jQuery

Extension libraries

Controls

Themes

Helper assets like e.g.

Less

Code minimizer
http://lesscss.org/http://lesscss.org/


14/29


Summary

Positioning of SAPUI5 technology

User Types

Occasional User, Manager

Scenarios

limited transactional

Highly interactive

Collaboration , Feeds

Requirements Intuitive with low entry barrier

multiple devices

TaskSimplicity

DataComplexity

Tran

sactional

Expert

User

Supervisor

Manager

Occasional

User

Information

Seeker

Casual Usage

Analytical/BOBJ

Expert Usage

Business

User


15/29

Shipment Roadmap


16/29


SAP UI Development Toolkit for HTML5

Shipment Timelines (plan)

February - June: more than 4300 downloads in SDN Q3 2012: Released on NW Cloudand ABAP add-on for 7.0 -7.31

Oct. 2012: Release on NW NetWeaver Java 7.31

Nov/Dec 2012: Release of SAPUI5 version 1.8 on HANA XS SP05,

with Sybase SUP 2.2.1

Q1 2013: Release of SAPUI5 on NW ABAP 7.40 SP2 and

NW Java 7.30 SP 9, updates for all other platforms

Release independent and quarterly delivery (internal dates):

July 2012: SAPUI5 version 1.6 (adopted by BI ZEN, Business Suite, EPM, NW Cloud

Oct 2012: SAPUI5 version 1.8 (mobile support with native look & feel - will be adopte

BOBJ Explorer, SAP Drop Box)

Feb 2013: SAPUI5 version 1.10 (More charts/controls, improved controls, WYSIWYG

experimental)
https://sapui5.netweaver.ondemand.com/sdk/http://vesapui5.dhcp.wdf.sap.corp:1080/trac/sapui5/wiki/Mobilehttp://vesapui5.dhcp.wdf.sap.corp:1080/trac/sapui5/wiki/Mobilehttps://sapui5.netweaver.ondemand.com/sdk/


17/29

Demo


18/29


Hana UI Integration Services (UIS) Goal and Com

Allow XS application developers to concentrate on t

functionality of their application, by providing UI servenable the creation of multiple experiencesA part of the Hana Developer Workbench

released to Customers with SPS 5:

An XS application

HANA Repository Plug-Ins

Eclipse Plug-Ins for Hana Studio


19/29


Hana UI Integration Services Current Features

Page build ing

State-of-the-art design environment of the application layout and content

Property persistence and customization

Widget can define properties that are persisted enabling customization

Property personalization

Widget can define properties that are persisted on user level

Publish-Subscribe

Eventing mechanism that allows data interchange between widgets in th

application site

Context

All properties are reflected in the URL allowing bookmarking and sharing


20/29


UIS Benefits for HANA App Developers

Easily build and reuse application components by utilizing U

Design the application UI quickly and easily UIS applicatiodesigner

Create and manage all artifacts directly from Hana Studio a

repository

Personalize and customize end-user preference

Allow easy customer or partner application extensibility

Concentrate on the application core logic

D t il d hit t f ll i t t d i t H


21/29


Detailed architecture fully integrated into Hana

index server to client

HTML5 Portal Client

Client-side data ModelClient-side component

model

Portal UI component(layout, shell...)

Connectivity & adaptation layer

REST/oData4SAP over HTTP(S)

SAP UI5Components

HANA

XS Engine

ICM

XS App Authentication & Authorization

Portal Services (XS App)

Data Model

(e.g. application/page/gad

XS Access Layer API

SQL/SQL Script Access Repository Acces

Index server

AuthePortal SQL Scripts

Personalization

Content Provider

TrexNet

Runtime Tables

Application Page Gadgets

Repo

Personalization

Component Model

(e.g. Gadget Rendering )

Data Model CRUD

R

R

R

R

R

R

R R

R R

R

R

Portal components

Legend:


22/29


UIS Integration in HANA Studio


23/29


UIS Web Based Application Site Designer

M i t k h ld EERM SAP Gl b l F ilit


24/29


Main stakeholders: EERM SAP Global Facility

Management and SAP Operation Process Intellig


25/29


UIS 2013 Roadmap

2013 Planned Services

Open Social Compliance

Theming and Branding

Navigation

Authorization & Access Management

Mobile Enablement

2013 Planned Conte

BI Visualization (

Personal Task In

Embedded Searc

Widget templates


26/29


Key takeaways

HTML5 is a specification for bui lding

highly interactive and flexible UI`s

SAPUI5 bundles a UI Control Library and

Tooling for building delightfu l UIs

following web standards

SAPUI5 is your best choice whendeveloping enterprise ready lightweight

business applications in the SAP context

SAPUI5 will be available, bundled with

several platforms and products in 2012


27/29


28/29

Thomas JungSAP HANA [email protected]

1 812.391.2444


29/29

Premier Partners: Supported

1a 1040 thomas jung sapui5 toolkita

Documents