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



© 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




Agenda

Introduction

Key Capabilities

Architecture overview

When to us SAPUI5?

Shipment Roadmap

Demo



Introduction


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, …)



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

http://en.wikipedia.org/wiki/Markup_language

http://en.wikipedia.org/wiki/World_Wide_Web


http://en.wikipedia.org/wiki/HTML

http://en.wikipedia.org/wiki/HTML



http://en.wikipedia.org/wiki/Markup_language



Key Capabilities



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



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



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



Architecture Overview




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

http://lesscss.org/

http://lesscss.org/




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



Shipment Roadmap




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)

https://sapui5.netweaver.ondemand.com/sdk/

http://vesapui5.dhcp.wdf.sap.corp:1080/trac/sapui5/wiki/Mobile

http://vesapui5.dhcp.wdf.sap.corp:1080/trac/sapui5/wiki/Mobile





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



Demo




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

http://scn.sap.com/community/developer-center/front-end


https://saptools-saptools.netweaver.ondemand.com/juno/com/sap/ui5/updatesite/

https://saptools-saptools.netweaver.ondemand.com/juno/com/sap/ui5tp/updatesite/

https://saptools-saptools.netweaver.ondemand.com/juno/com/sap/ui5tp/updatesite/

https://saptools-saptools.netweaver.ondemand.com/juno/com/sap/ui5/updatesite/









FeedbackPlease complete your session evaluation for CD102.

Thanks for attending this SAP TechEd s




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.


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

cd102 - html5 instruction document for sap

Documents