Download - CD102 - HTML5 Instruction Document for SAP
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 1/20
Michael Falk and Stefan Beck (TIP Core UI)Oct. 18th , 2012
CD102
The UI Development Toolkit for HTML5
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 2/20
© 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 presentation
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 a
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/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 3/20
© 2012 SAP AG. All rights reserved.
Agenda
Introduction
Key Capabilities
Architecture overview
When to us SAPUI5?
Shipment Roadmap
Demo
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 4/20
Introduction
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 5/20© 2012 SAP AG. All rights reserved.
IntroductionDemand and Requirement
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 functionality (Social media, web 2.0, …)
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 6/20© 2012 SAP AG. All rights reserved.
IntroductionHTML5 definition versus common understanding
The official definition of HTML5
is a markup language for structuring and presenting content for the World
Wide Web, …. It is the fifth revision of the HTML standard (created in 1990and 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
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 7/20
Key Capabilities
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 8/20© 2012 SAP AG. All rights reserved.
Key CapabilitiesFeatures and Benefits
Eclipse-Base
Enterprise Re
Well known aTimeless SAP Data Consumption
Great Productivity
Unmatched Extensibility
Powerful Theming & Branding
Any Screen on Any Device
Cutting-Edge Controls
Based on SFoster INNOVATIONDelight USERS
Openess & FFast Release CyclesEfficiency & Performance
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 9/20© 2012 SAP AG. All rights reserved.
Key CapabilitiesFeatures 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/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 10/20© 2012 SAP AG. All rights reserved.
Key Capabilities Development 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/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 11/20
Architecture Overview
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 12/20
© 2012 SAP AG. All rights reserved.
Architecture OverviewSAPUI5 Components
ControlsSAPUI5Libraries
SAPUI5Core
jQuery
(Static) Web Server
SAP jQuery Plug-ins
Event Resources Device U
UI
Data
BindingControl
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
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 13/20
© 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
T a s k S i m pl i c i t y
D a t a C om pl ex i t y
T r a n s
a c t i o n a l
Expert
User
Supervisor
Manager
Occasional
User
Information
Seeker
Casual Usage
A n al y t i c al / B OB J
Expert Usage
Business
User
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 14/20
Shipment Roadmap
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 15/20
© 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 Cloud and 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 Clo
Oct 2012: SAPUI5 version 1.8 (mobile support with native look & feel - will be adop
BOBJ Explorer, SAP Drop Box)
Feb 2013: SAPUI5 version 1.10 (More charts/controls, improved controls, WYSIWY
experimental)
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 16/20
© 2012 SAP AG. All rights reserved.
Key takeaways
HTML5 is a specification for building highly
interactive and flexible UI`s
SAPUI5 bundles a UI Control Library and
Tooling for building delightful UIs following
web standards
SAPUI5 is your best choice when developing
enterprise ready lightweight businessapplications in the SAP context
SAPUI5 will be available, bundled with several
platforms and products in Q4
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 17/20
Demo
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 18/20
© 2012 SAP AG. All rights reserved.
Further Information
SAP Public Web
SDN: http://scn.sap.com/community/developer-center/front-end
NW Cloud: https://sapui5.netweaver.ondemand.com/sdk/#content/Ov
Update site: SAPUI5 Tools
Update site: SAPUI5 Team Provider
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 19/20
FeedbackPlease complete your session evaluation for CD102.
Thanks for attending this SAP TechEd s
8/10/2019 CD102 - HTML5 Instruction Document for SAP
http://slidepdf.com/reader/full/cd102-html5-instruction-document-for-sap 20/20
© 2012 SAP AG. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express
permission of SAP AG. The information contained herein may be changed without prior notice.
Some software products marketed by SAP AG and its distributors contain proprietary software components of
other software vendors.
Microsoft, Windows, Excel, Outlook, PowerPoint, Silverlight, and Visual Studio are registered trademarks of
Microsoft Corporation.
IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System
z10, z10, z/VM, z/OS, OS/390, zEnterprise, PowerVM, Power Architecture, Power Systems, POWER7,
POWER6+, POWER6, POWER, PowerHA, pureScale, PowerPC, BladeCenter, System Storage, Storwize,
XIV, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, AIX, Intelligent Miner, WebSphere,
Tivoli, Informix, and Smarter Planet are trademarks or registered trademarks of IBM Corporation.
Linux is the registered trademark of Linus Torvalds in the United States and other countries.
Adobe, the Adobe logo, Acrobat, PostScript, and Reader are trademarks or registered trademarks of Adobe
Systems Incorporated in the United States and other countries.
Oracle and Java are registered trademarks of Oracle and its affiliates.
UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group.
Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or
registered trademarks of Citrix Systems Inc.
HTML, XML, XHTML, and W3C are trademarks or registered trademarks of W 3C®, World Wide Web
Consortium, Massachusetts Institute of Technology.
Apple, App Store, iBooks, iPad, iPhone, iPhoto, iPod, iTunes, Multi-Touch, Objective-C, Retina, Safari, Siri,
and Xcode are trademarks or registered trademarks of Apple Inc.
IOS is a registered trademark of Cisco Systems Inc.
RIM, BlackBerry, BBM, BlackBerry Curve, BlackBerry Bold, BlackBerry Pearl, BlackBerry Torch, BlackBerry
Storm, BlackBerry Storm2, BlackBerry PlayBook, and BlackBerry App World are trademarks or registered
trademarks of Research in Motion Limited.
© 2012 SAP AG. All rights reserved.
Google App Engine, Google Apps, Google Checkout, Google Data AP
Google Mobile Updater, Google Mobile, Google Store, Google Sync, G
Google Mail, Gmail, YouTube, Dalvik and Android are trademarks or re
INTERMEC is a registered trademark of Intermec Technologies Corpo
Wi-Fi is a registered trademark of Wi-Fi Alliance.
Bluetooth is a registered trademark of Bluetooth SIG Inc.
Motorola is a registered trademark of Motorola Trademark Holdings LL
Computop is a registered trademark of Computop Wirtschaftsinformat
SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP Busin
SAP HANA, and other SAP products and services mentioned herein a
trademarks or registered trademarks of SAP AG in Germany and othe
Business Objects and the Business Objects logo, BusinessObjects, C
Intelligence, Xcelsius, and other Business Objects products and servic
respective logos are trademarks or registered trademarks of Business
is an SAP company.
Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere
mentioned herein as well as their respective logos are trademarks or r
Sybase is an SAP company.
Crossgate, m@gic EDDY, B2B 360°, and B2B 360° Services are re
in Germany and other countries. Crossgate is an SAP company.
All other product and service names mentioned are the trademarks of
contained in this document serves informational purposes only. Nation
The information in this document is proprietary to SAP. No part of this
or transmitted in any form or for any purpose without the express prior