SAP TechEd 2013 - CD265 End-2-End Developer Experience with SAP HANA Cloud Platform and SAPUI5 In this session, you will develop a ready-to-use customer reviews application on SAP HANA Cloud Platform. We show how to retrieve existing on-premise data and extend it with additional information using SAP HANA Cloud Platform persistence powered by SAP HANA. This allows you to add additional functionality to your on-premise data model without any modifications. In addition, we will develop the necessary SAPUI5 interface to complete the end-to-end scenario. Please note that the content of this session is heavily based on the ESPM Extension scenario provided on the SCN Developer Center (http://scn.sap.com/docs/DOC-41491).
Text of SAP TechEd 2013: End-to-end exercise
1. CD265 End-2-End developer experience with SAP HANA Cloud Platform and SAPUI5 Matthias Steiner October, 2013
2. Disclaimer This presentation outlines our general product direction and should not be relied on in making a purchase decision. This presentation is not subject to your license agreement or any other agreement with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to develop or release any functionality mentioned in this presentation. 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 assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP intentionally or grossly negligent. 2013 SAP AG or an SAP affiliate company. All rights reserved. 2
3. Scenario Overview/Agenda OpenSocial widget 5 OpenSocial widget ESPM Shopping application 1 ESPM Customer Reviews app UI UI Connectivity Proxy 4 Connectivity Proxy 3 ESPM Backend 2013 SAP AG or an SAP affiliate company. All rights reserved. OData Provider 2 JPA Model 3
4. Project setup social codesharing platform: dependency & build mgmt: Simplified Experience: Easy way to provide source-code Simplifies project setup Lower entry-barrier Code repository based on git Solves the dependencies issue Upskilling of dev community Lots of SAP HCP samples Reliable builds Better Adoption http://github.com/SAP 2013 SAP AG or an SAP affiliate company. All rights reserved. 4
5. Network considerations Network Proxies [Corporate Networks] Cross-origin resource sharing (CORS) 2013 SAP AG or an SAP affiliate company. All rights reserved. 5
6. System landscape setup (destinations) ABAP OData backend (via Gateway) alternatively Cloud OData backend (via OData Provider) Cloud OData backend (via OData Provider) 2013 SAP AG or an SAP affiliate company. All rights reserved. 6
7. Open Data Protocol (OData) ODBC for the Web, Unlock Your Data Based on industry standards HTTP, XML, Atom, JSON REST based architecture Entity Data Model to describe OData services Entities, Complex Types, Relationships Each entity can support Create, Read, Update, Delete Query operations at Collections Standardization at OASIS EDM Modeling Tools Open Source Client and Server Libraries, e.g. 2013 SAP AG or an SAP affiliate company. All rights reserved. 7
8. OData Provider [web.xml] 2013 SAP AG or an SAP affiliate company. All rights reserved. 8
9. Reviews UI Views/Controllers 2013 SAP AG or an SAP affiliate company. All rights reserved. 9
10. SAP HANA Cloud Portal Composition views 2013 SAP AG or an SAP affiliate company. All rights reserved. Shopping application (original) Reviews application (extension) 10
11. OpenSocial & Apache Shindig OpenSocial is [] a standards-based component model for cloud based social apps. Using OpenSocial, it's easy to have your app reach users where they get work done; in their activity stream, in content, in email, or even on their mobile device. Apache Shindig is an OpenSocial container and helps you to start hosting OpenSocial apps quickly by providing the code to render gadgets, proxy requests, and handle REST and RPC requests. 2013 SAP AG or an SAP affiliate company. All rights reserved. 11
12. Eventing Publish Events: products.controller.toDetails() productDetail.view.createContent() SAP UI5 EventBus Portal Pub-Sub Eventing SAP UI5 EventBus Subscribe Events: customer-reviews.controller.onInit() 2013 SAP AG or an SAP affiliate company. All rights reserved. 12
13. Lessons learned [Best practices] Clean usage of MVC paradigm eases extensibility: Use SAP UI5 EventBus Use: $(document).ready(function(){}); 2013 SAP AG or an SAP affiliate company. All rights reserved. 13
14. Demo
15. Thank you! Contact information: http://twitter.com/steinermatt http://scn.sap.com/people/steinermatt/ Matthias Steiner Cloud Platform Evangelist SAP HANA Cloud Platform 2013 SAP AG or an SAP affiliate company. All rights reserved. http://about.me/steinermatt http://github.com/steinermatt
16. 2013 SAP AG or an SAP affiliate company. 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 or an SAP affiliate company. All rights reserved. 16
