Redesign und Erweiterung von

SAP Fiori Apps

DI Mag Robert Neuner, Senior Consultant Technology, SAP Österreich GmbH

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 2

Papst Wahl 2005 Papst Wahl 2013

Mobile is growing…

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 3

SAP User Interfaces UI evolution

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 4

RESPONSIVE Unterstützt mich jederzeit, wo immer ich auch bin.

COHERENT Einheitliche Bedienoberflächen.

DELIGHTFUL Anwendungen, die Spass machen.

ROLE-BASED Gemacht für mich und meine Bedürfnisse.

SIMPLE Fokussierung auf das Wichtige.

Bereits mehr als 500 Fiori Apps verfügbar!

SAP FIORI Das neue Gesicht der SAP Anwendungen

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 5

Erweiterungsmöglichkeiten von Fiori Apps SAP Web IDE

click to try…

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 6

Erweiterungsmöglichkeiten von Fiori Apps - SAP Web IDE Beschleunigung des gesamten Development Lifecycles

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 7

Erweiterungsmöglichkeiten von Fiori Apps mittels SAP Web IDE for SAP Fiori and SAPUI5

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 8

Erweiterungsmöglichkeiten von Fiori Apps Erforderliches Skill-Set

Business

Suite Gateway UI

ABAP X X

Business

Suite X X

Gateway X

HTML5 X

JavaScript X

NW AS ABAP

SAP NetWeaver Gateway

Desktop/Tablet/Smartphone

HTML5

Browser SAP Fiori Apps SAPUI5

Fiori OData Service Proxy

SAP Business Suite Fiori Data + Model Provider

Business Application

RFC

Business Content Customizing

Authorization

Config

R

R

R

SAP Fiori Apps SAPUI5

Odata/HTTP

S

Fiori

components

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 9

LIVE-DEMO Erweiterungen einer Fiori App mit SAP Web IDE

© 2014 SAP AG or an SAP affiliate company. All rights reserved. 10 10

SAP Web DIE

- SAP Web IDE on HANA Marketplace: http://marketplace.saphana.com/p/3334

- SAP HANA Cloud Platform: http://hcp.sap.com/index.html

- SAP HANA Cloud Platform (SAP Web IDE trial beta):

https://account.hanatrial.ondemand.com/

- Official documentation: https://help.hana.ondemand.com/

(under Platform Solutions choose SAP SAP Web IDE)

- Documentation within SAP Web IDE: Choose Help > Documentation

-

Additional related information to SAP Web IDE

- SAP HANA Cloud Platform: https://help.hana.ondemand.com/

(Go to SAP HANA Cloud Platform > Getting Started)

- SAP Gateway: http://help.sap.com/nwgateway20

SAPUI5

- UI Development Toolkit for HTML5 - Demo Kit (interactive doc on SAPUI5 / OpenUI5):

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

- OpenUI5: http://sap.github.io/openui5/

- UI Development with SAPUI5 documentation:

https://help.hana.ondemand.com/help/frameset.htm?e8fdaa44bb5710148368de02b150bce3.html

SCN (SAP Community Network)

- SAPUI5 & SAP Web IDE: http://scn.sap.com/community/developer-center/front-end

- SAP Fiori: http://scn.sap.com/docs/DOC-41598

- SAP for Mobile: http://scn.sap.com/community/mobile

Useful Links