SAP HANA UI Integration Services
Transcript of SAP HANA UI Integration Services
SAP HANA UI Integration Services Overview and roadmap Product Management
July, 2013 (SAP HANA SP6) Customer
© 2013 SAP AG. All rights reserved. 2 Customer
Disclaimer
The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of
SAP. This presentation is not subject to your license agreement or any other service or subscription agreement with SAP. SAP
has no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or
release any functionality mentioned therein. This document, or any related presentation and SAP's strategy and possible future
developments, products and or platforms directions and functionality are all subject to change and may be changed by SAP at
any time for any reason without notice. The information in this document is not a commitment, promise or legal obligation to
deliver any material, code or functionality. This document is provided without a warranty of any kind, either express or implied,
including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or non-infringement. This
document is for informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or
omissions in this document, except if such damages were caused by SAP´s willful misconduct or gross negligence.
All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially
from expectations. Readers are cautioned not to place undue reliance on these forward-looking statements, which speak only as
of their dates, and they should not be relied upon in making purchasing decisions.
© 2013 SAP AG. All rights reserved. 3 Customer
Agenda
SAP HANA Platform and Extended Application Services
SAP HANA UI Integration Services
Using SAP HANA UI Integration Services
Roadmap
Summary
© 2013 SAP AG. All rights reserved. 4 Customer
Trends and expectations in the market
User Experience
Demand for attractive user experience
Responsive design and high interaction
High user productivity
Real-time access to critical information
Analytical applications
Web and native applications on any device
Global trends
Cloud
Mobile
Social
Information (big data)
Development
Emergence of SAP HANA platform for in-
memory, high-performance applications
Agility, fast innovation cycles
Developer efficiency and reduced TCD
Consistency across applications
Open standards and open source
© 2013 SAP AG. All rights reserved. 5 Customer
Business perspective Addressing the needs of various business roles
Launch sites and overview dashboards with analytics or business applications
to quickly analyze business data in a central, personalized work environment
Drill down into details if needed
Structure business content and make applications, reports and information
available to end users based on their business role
Enrich standalone business applications with contextual information & services
Efficiently develop high-performance, interactive applications based on SAP
HANA leveraging core services
End user
Designer
Developer
Use &
personalize
Configure &
enhance
Develop
SAP HANA Platform
Overview
© 2013 SAP AG. All rights reserved. 7 Customer
SAP HANA Platform Platform for next-generation “smart” applications
More than a DB – it’s a true platform Converged OTLP + OLAP
Embedded business logic
Completely re-imagined
Supports any application 60% of HANA use cases are outside of the SAP Landscape
440+ Startups are developing on HANA
SAP HANA PLATFORM D
ev
elo
pm
en
t |
Co
nn
ec
tiv
ity
|
Lif
ec
yc
le M
an
ag
em
en
t S
erv
ice
s
Un
ified
Ad
min
istra
tion
| S
ec
urity
Se
rvic
es
Processing Engine Event Processing | Planning | Calculation | Predictive Analytics
Application Services Application Server | UI Integration Services | Web Server
Database Services Transactions | Analytics | Partitioning Compression | Availability | Encryption
Integration Services Mobile | XaaS | High-volume Replication | Real-time Replication | Hadoop
Rules | Text Mining | Search | Application Function Libraries | Geospatial
Applications & Tools
Industry | LoB | Consumer | Analytics | Social | Cloud | Mobile
Developers Data Scientists Business Users Consumers Executives
Re-imagined, Transformative Transactions, analytics, predictive, sentiment and spatial
processing transformed for real-time business operations
© 2013 SAP AG. All rights reserved. 8 Customer
SAP HANA Extended Application Services (SAP HANA XS)
Benefits
Fast, open, and flexible application development and
deployment environment
Reduced TCO and development due to minimized “layers”
required to deploy applications
Leverage the built-in strengths of SAP HANA for best
possible performance
Scope
Lightweight small web-based applications
Complex high-speed business applications with deep
integration of differentiating SAP HANA database features
Small footprint application server / web server / basis for an application development platform
inside SAP HANA
Database
HANA
Rep
o
XS
UIS RDL
SQLScript Views MDX SQL
XSJS OData XMLA
CDS
© 2013 SAP AG. All rights reserved. 9 Customer
SAP HANA
Client
Development model for SAP HANA based native applications
SAP HANA extended application services offer
Easy access to SAP HANA database via HTTP-based consumption
Attractive, dynamic HTML5 UI applications via OData services or by
writing native application-specific code that runs in SAP HANA context
Powerful search services
Built-in web server to access static content stored in
SAP HANA repository
Application development following a layered approach
UI rendering completely in the client (browser, mobile apps)
Server-side procedural logic in JavaScript
All artifacts stored in the SAP HANA repository
Presentation logic
Control flow logic
Calculation logic Data
XS
SAP HANA UI Integration Services
Overview
© 2013 SAP AG. All rights reserved. 11 Customer
SAP HANA UI Integration Services
Value Proposition
With SAP HANA UI Integration Services, developers and designers can easily create and design application sites
based on HANA applications through efficient development using standardized services and consistent UI
patterns to support end-to-end business scenarios with harmonized user experience across applications.
Provides end users a state-of-the-art user experience and
access to seamlessly integrated HANA native applications
Enables designers to easily organize applications and
widgets into sites via intuitive design environment
Gives developers a simple way to use standardized services
for creating application sites and integrating widgets within
their familiar SAP HANA studio environment
© 2013 SAP AG. All rights reserved. 12 Customer
Benefits
Consistent user interface and state-of-the-art user experience
Unified access point to assigned sites and applications
Options to personalize preferences
Quickly compose and configure application sites via site designer
Aligned user experience by using same paradigms for widget configuration
Allow easy extensibility of custom-build or partner applications
Simple way to use standardized services as part of HANA native (XS) development
environment for creating well-performing, two-tier applications
Easily build and reuse HTML5-based applications using widgets
Design the application UI with the design environment embedded in SAP HANA studio
Create and manage all artifacts directly from SAP HANA studio and repository
Allow the business developer to focus on the business apps
End user
Developer
Designer
© 2013 SAP AG. All rights reserved. 13 Customer
SAP HANA UI Integration Services - Overview
Sites and page building: state-of-the-art design environment of
for managing sites, page navigation, layout and content
Property persistence: widget can define properties that are
persisted via customization
Personalization: persistency of widget properties on user level
Publish-Subscribe: eventing mechanism allowing data
interchange between widgets (mashups)
Context: properties can be reflected in the URL allowing
bookmarking and sharing
OpenSocial: integration of OpenSocial-compliant widgets SAP HANA Platform
UI Integration Services
Sites &
navigation Properties
Personali-
zation
Eventing Context Widget
catalog
Detailed information about the UI services and APIs are described in the “SAP HANA Developer Guide” (http://help.sap.com/hana_platform)
© 2013 SAP AG. All rights reserved. 14 Customer
End user perspective Quick access to interactive application sites
Native HANA
application
wrapped as
widget
Application site
with interactive
widgets
Full flexible
page layout
Flexible
navigation
based on the
user’s roles
SAP HANA UI Integration Services End-to-end scenario for using UI Services
© 2013 SAP AG. All rights reserved. 16 Customer
Creating a native SAP HANA (XS) application and application site Development process overview
Developer Designer End User
Develop and enrich
native applications
leveraging UI services
Create application site
in HANA studio with full
support of the lifecycle
Adjust application site
provided by a developer
Change site layout, add
widgets and configure
properties
Optimize the site to
match end user needs
Assign end users who
are allowed to access
the site
Use application site
Personalize the site
© 2013 SAP AG. All rights reserved. 17 Customer
SAP HANA native applications development flow
Detailed information for developers is available in the “SAP HANA Developer Guide” via http://help.sap.com/hana_platform
• DB tables
• Analytical objects
• Data restriction
1. Define data artifacts
• Control flow logic
• Data services
• Calculation logic
2. Implement business logic • Shell
• Navigation
• Theming
• …
3. Implement user interface
© 2013 SAP AG. All rights reserved. 18 Customer
Development environment
SAP HANA UI Integration Services provide tools
and client-side APIs for development of widgets
and integration into application sites:
UI integration services as dedicated delivery unit
SAP Hana repository plug-ins
Wizards for SAP HANA studio
How can developers integrate an existing HANA
application as widget into an application site?
1) Wrap the application as an OpenSocial component
2) Use wizard to turn it into a widget
3) Create an application site object
4) Open the application site in the design environment
and add a widget
© 2013 SAP AG. All rights reserved. 19 Customer
Developer perspective Integrated development environment in SAP HANA studio
Creation wizard for
application sites
and widgets
Application site
Widget
Editor for using UI
services API in
your code
© 2013 SAP AG. All rights reserved. 20 Customer
Designer perspective Intuitive design environment for managing application sites
Web-based editor for creating and organizing application sites and content
Widget catalog
Standalone
native
application
wrapped as
widget
Application site
Full flexible page
layout
Manage site
layout
Manage
navigation
structure
Manage site
properties
Adding widgets
to the site
© 2013 SAP AG. All rights reserved. 21 Customer
Step-by-step
Begin the UI implementation with a UX wireframe describing the entire application and site structure
Should include all required screens and the entire interaction flow
Define UX mockup Put it all together
and launch!
Design complete
application site
Import or develop
widgets
Identify UI
components
© 2013 SAP AG. All rights reserved. 22 Customer
Step-by-step
Break down the mockup to identify distinct UI components (building blocks)
Can either be simple controls or more complex elements
Different components should be loosely coupled
Define UX mockup Put it all together
and launch!
Design complete
application site
Import or develop
widgets
Identify UI
components
Search box widget
Table Widget
Details Widget Pie Chart
Widget
Navigation Bar (Shell) Navigation Bar (Shell)
Exact Parameter Selector Widget
Bar Chart Widget
© 2013 SAP AG. All rights reserved. 23 Customer
Step-by-step
Build UI components as widgets directly from the HANA native IDE (HANA studio)
Use third party widgets for selected components
Define widget customizable properties to allow optimal flexibility and reusability
Define widget personalizable properties to allow end users to persist preferences
Define events widgets can publish or subscribe to allowing widget communication
Define application context attributes reflected in the URL
Define UX mockup Put it all together
and launch!
Design complete
application site
Import or develop
widgets
Identify UI
components
© 2013 SAP AG. All rights reserved. 24 Customer
Step-by-step
Define UX mockup Put it all together
and launch!
Design complete
application site
Import or develop
widgets
Identify UI
components
Table Widget
Details Widget
Search box widget
Pie Chart
Widget
Exact Parameter Selector Widget
Bar Chart Widget
Personalizable
attributes
Context
attributes in URL
Widget
interaction
3rd party widget
Widget
interaction
Customizable
widget
properties
© 2013 SAP AG. All rights reserved. 25 Customer
Step-by-step
Create the application site directly from SAP HANA studio as the application shell
Edit the application site using the design environment
Add, rename, reorder and manipulate sites to define the application site hierarchy
Add widgets to pages and customize them
Reposition and resize widgets and refine the layout to reach a pixel perfect experience
Define UX mockup Put it all together
and launch!
Design complete
application site
Import or develop
widgets
Identify UI
components
© 2013 SAP AG. All rights reserved. 26 Customer
Step-by-step
Define UX mockup Put it all together
and launch!
Design complete
application site
Import or develop
widgets
Identify UI
components
Adjust site
hierarchy and
manage pages
Add widgets from
gallery
Pixel perfect layout
definition
Customize widgets
(width, properties)
© 2013 SAP AG. All rights reserved. 27 Customer
Step-by-step
Refine and iterate as needed
Activate the application site from SAP HANA studio
Provide the link to your end users to access the site
Define UX mockup Put it all together
and launch!
Design complete
application site
Import or develop
widgets
Identify UI
components
SAP HANA UI Integration Services
Roadmap
© 2013 SAP AG. All rights reserved. 29 Customer
Planned Innovations Today Future Direction
SAP HANA UI Integration Services Roadmap
End user
Easy access to and navigation
between (native) applications
Designer
Embedded WYSIWYG design
environment to organize application
sites and widgets
Manage site layout, hierarchy and
properties
Developer
Integrated development
environment in SAP HANA studio
Wizards for creating artifacts such
as application sites and widgets
Public APIs for consistent UIs
Core Services
Additional services supporting
developer scenarios, e.g.
navigation, branding, layout
personalization in the shell
Shell
Support of additional shell(s)
Support of catalogs from different
sources
Widgets
Re-useable templates for widgets
to support common requirements
e.g. responsive tables
Future enhancements
Extension of the developer story to
an integration point for end users
on SAP HANA stack
Integration of SAP HANA and non-
HANA applications
Service integration with other SAP
solutions, e.g. SAP JAM
Usage of smart, contextual services
to provide the right content in the
right context to end users
This is the current state of planning and may be changed by SAP at any time.
This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or non-infringement
SAP HANA SP6
Summary
Roadmap
© 2013 SAP AG. All rights reserved. 31 Customer
Summary
With SAP HANA UI Integration Services, developers and designers can easily create and design application
sites based on HANA applications through efficient development using standardized services and consistent
UI patterns to support end-to-end business scenarios with harmonized user experience across applications.
SAP HANA XS
UI Integration Services
Page
building Properties
Personali-
zation
Eventing Context Widget
catalog
Provides end users a state-of-the-art user experience and
access to seamlessly integrated HANA native applications
Enables designers to easily organize applications and
widgets into sites via intuitive design environment
Gives developers a simple way to use standardized services
for creating application sites and integrating widgets within
their familiar SAP HANA studio environment
© 2013 SAP AG. All rights reserved. 32 Customer
5 easy steps to quickly get started
1) Watch the tutorial videos on SAP HANA Academy
2) Download SAP HANA developer edition
3) Join OpenSAP course to learn more and run the exercises
4) Learn about SAP HANA SP6 enhancements: developer guide, feature overview, release notes
5) Share your feedback with the SAP HANA developer community
© 2013 SAP AG. All rights reserved. 33 Customer
Further Information
Overview
Experience SAP HANA http://www.saphana.com/welcome
SAP HANA In Memory http://scn.sap.com/community/hana-in-memory
HANA Startup Focus Program http://www.experiencesaphana.com/docs/DOC-1781
Twitter @SapDevs, #sapdevcenter
Developer Information
SAP HANA Developer Center http://scn.sap.com/community/developer-center/hana and
http://developers.sap.com/hana
SAP HANA Help Center http://http://help.sap.com/hana_platform (Release Notes, Developer Guide)
SAP HANA Academy http://academy.saphana.com / http://www.saphana.com/docs/DOC-3123
SAP HANA Developer Edition http://scn.sap.com/docs/DOC-31722
OpenSAP courses https://open.sap.com
Thank you
Contact information:
Product Management
SAP Portal and SAP HANA UI Integration Services
© 2013 SAP AG. All rights reserved. 35 Customer
© 2013 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.
National product specifications may vary.
These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and
SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services are those that are set forth in
the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other
countries.
Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.
© 2013 SAP AG. All rights reserved. 36 Customer
© 2013 SAP AG. Alle Rechte vorbehalten.
Weitergabe und Vervielfältigung dieser Publikation oder von Teilen daraus sind, zu welchem Zweck und in welcher Form auch immer, ohne die ausdrückliche schriftliche
Genehmigung durch SAP AG nicht gestattet. In dieser Publikation enthaltene Informationen können ohne vorherige Ankündigung geändert werden.
Einige der von der SAP AG und ihren Distributoren vermarkteten Softwareprodukte enthalten proprietäre Softwarekomponenten anderer Softwareanbieter.
Produkte können länderspezifische Unterschiede aufweisen.
Die vorliegenden Unterlagen werden von der SAP AG und ihren Konzernunternehmen („SAP-Konzern“) bereitgestellt und dienen ausschließlich zu Informationszwecken.
Der SAP-Konzern übernimmt keinerlei Haftung oder Gewährleistung für Fehler oder Unvollständigkeiten in dieser Publikation. Der SAP-Konzern steht lediglich für Produkte
und Dienstleistungen nach der Maßgabe ein, die in der Vereinbarung über die jeweiligen Produkte und Dienstleistungen ausdrücklich geregelt ist. Keine der hierin
enthaltenen Informationen ist als zusätzliche Garantie zu interpretieren.
SAP und andere in diesem Dokument erwähnte Produkte und Dienstleistungen von SAP sowie die dazugehörigen Logos sind Marken oder eingetragene Marken der SAP
AG in Deutschland und verschiedenen anderen Ländern weltweit. Weitere Hinweise und Informationen zum Markenrecht finden Sie unter http://www.sap.com/corporate-
en/legal/copyright/index.epx#trademark.