Presentación en el SITPerú 2016

1. Build SAPUI5 App with WebIDE
and Hana Cloud Platform
Roger Lavi
Consultor de tecnología SAP
*
*

2. Agenda
 Introducción
 SAPUI5
 Arquitectura
 Hana Cloud Platform
 Cloud Connector
 Build with BUILD
 SAP WebIDE
 Demo App
© 2016 SAP SE or an SAP affiliate company. All rights reserved.

3. INTRODUCCION
© 2016 SAP SE or an SAP affiliate company. All rights reserved.

4. SAPUI5
© 2016 SAP SE or an SAP affiliate company. All rights reserved.
Framework para enriquecer la experiencia de usuario SAP.
Combina tecnologías Javascript, HTML5 y CSS3.
Soporta a las aplicaciones SAP Fiori para cumplir con los principios de
diseño.
No es un producto SAP con licenciamiento separado.
Esta integrado en los siguientes productos:
SAP HANA
SAP HANA Cloud Platform.
SAP Netweaver >= 7.4
Cuenta con una versión Opensource(OpenUI5).
Cumple con los siguiente principios:

5. Arquitectura
 Utiliza patrón MVC.
 Método dataBinding síncrona y asíncrona.
 Soportado por Javascript y Jquery.
 Consume servicios Odata y Json
© 2016 SAP SE or an SAP affiliate company. All rights reserved.

6. Arquitectura
© 2016 SAP SE or an SAP affiliate company. All rights reserved.

7. Hana Cloud Platform
© 2016 SAP SE or an SAP affiliate company. All rights reserved.
Plataforma como servicio.
Provee base de datos In-Memory y servicios para aplicaciones.
Multiples plataformas tecnológicas(Java, HTML5, NodeJS y más).
Permite desarrollar nuevas aplicaciones, integrar y extender las existentes.
Fuente: OpenSAP

8. Hana Cloud Platform
© 2016 SAP SE or an SAP affiliate company. All rights reserved.
Nuevas aplicaciones es adecuado para clientes que pretenden construir aplicaciones desde
cero.
Extensión On-Premise adecuado para empresas que ya cuentan con una inversión On-
Premise.
Extensión Cloud adecuado para empresas que deseen extender funcionalidades de
soluciones Cloud.
Escenarios

9. Cloud Connector
 Permite la conexión entre soluciones On-
Premise y soluciones Cloud
 Actúa como un reverse-proxy y no
necesitas configurar el firewall ni abrir
puestos de comunicación.
 Permite conexiones HTTP o RFC.
 Facilita también la conexión de On-
Premise a Cloud.
 Fácil de instalar y configurar.
© 2016 SAP SE or an SAP affiliate company. All rights reserved.

10. Build with BUILD
© 2016 SAP SE or an SAP affiliate company. All rights reserved.
BUILD permite diseñar y crear aplicaciones mediante un conjunto de herramientas en la
nube.
Permite crear prototipos(Ideas to Life).
Recibir feedback de usuarios y entender sus necesidades fácilmente.
Facilita el inicio del diseño usando la galería de plantillas.
Se puede publicar un prototipo como aplicación en SAP WebIDE.

11. SAP WebIDE
© 2016 SAP SE or an SAP affiliate company. All rights reserved.
Entormo de desarrollo basado en Web que simplifica el ciclo de construcción de aplicaciones.
Se expone como un servicio en Hana Cloud Platform.
Permite prototipar, desarrollar, desplegar y personalizar aplicaciones.
Permite crear aplicaciones Fiori y SAPUI5 que trabajan con HCP, SAP Mobile Platform y
ABAP.
Incrementa la productividad del desarrollador.

12. DEMO
© 2016 SAP SE or an SAP affiliate company. All rights reserved.
Construir aplicación con plantilla Master-Detail

13. LINKS
© 2016 SAP SE or an SAP affiliate company. All rights reserved.
 http://scn.sap.com/community/developer-center/front-end
 https://sapui5.hana.ondemand.com
 https://experience.sap.com/fiori-design/
 http://www.sap.com/fiori
 https://hcp.sap.com/developers.html
 https://tools.hana.ondemand.com/
 https://www.build.me/splashapp

14. © 2016 SAP SE or an SAP affiliate company. All rights reserved.
https://pe.linkedin.com/in/rlavi
https://twitter.com/roglavi
GRACIAS…!!