1a 1040 thomas jung sapui5 toolkita
TRANSCRIPT
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
1/29
Premier Partners: Supported
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
2/29
The UI DeveToolkit for
ThSAP Labs, LLC (USA) (S
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
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, )
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
5/29
What Ill Cover Introduction
Key Capabilities
Architecture Roadmap
Demo
UI Integration Services
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
6/29
Introduction
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
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/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
8/29
Key Capabilities
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
9/29
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
11/29
2012 SAP AG. All rights reserved.
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
12/29
Architecture Overview
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
13/29
2012 SAP AG. All rights reserved.
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/ -
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
14/29
2012 SAP AG. All rights reserved.
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
15/29
Shipment Roadmap
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
16/29
2012 SAP AG. All rights reserved.
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/ -
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
17/29
Demo
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
18/29
2012 SAP AG. All rights reserved.
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
19/29
2012 SAP AG. All rights reserved.
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
20/29
2012 SAP AG. All rights reserved.
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
21/29
2012 SAP AG. All rights reserved.
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:
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
22/29
2012 SAP AG. All rights reserved.
UIS Integration in HANA Studio
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
23/29
2012 SAP AG. All rights reserved.
UIS Web Based Application Site Designer
M i t k h ld EERM SAP Gl b l F ilit
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
24/29
2012 SAP AG. All rights reserved.
Main stakeholders: EERM SAP Global Facility
Management and SAP Operation Process Intellig
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
25/29
2012 SAP AG. All rights reserved.
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
26/29
2012 SAP AG. All rights reserved.
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
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
27/29
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
28/29
Thomas JungSAP HANA [email protected]
1 812.391.2444
-
8/13/2019 1a 1040 Thomas Jung Sapui5 Toolkita
29/29
Premier Partners: Supported