wie flexibel ist sapui5? -...

Wie flexibel ist SAPUI5?

Matthias Thiebes, TÜV Rheinland Group

Miroslav Antolovic, bsc solutions GmbH & Co. KG

Agenda

Unternehmensvorstellung1

Entwurf eines Kundenportals2

Implementierung mit SAPUI53

Live-Demo4

Implementierung einer FIORI App5

Live-Demo6

Zusammenfassung & Fazit7

TÜV Rheinland - Umsatzanteil nach Geschäftsbereichen

29

24

22

14

83

Industrie

Service

Produkte

Mobilität

Training und

Consulting

Leben und Gesundheit

Systeme

TÜV Rheinland - Auf allen Kontinenten zuhause

bsc solutions GmbH & Co. KG

User ExperienceSAPUI5/ Fiori – Flexibilität

Mobility – FreiheitSAP HANA – Performance

TestManagement – ProzesssicherheitSchulungen – HandlungssicherheitSystemintegration - Transparenz

Agenda

Unternehmensvorstellung1

Entwurf eines Kundenportals2

Implementierung mit SAPUI53

Live-Demo4

Implementierung einer FIORI App5

Live-Demo6

Zusammenfassung & Fazit7

Erster Entwurf

Powerpoint Mockups

Aufteilung der

gewünschten Inhalte auf

Screens

„Klick-Prototyp“

Kundenbefragungen

Inhalte

Ideen

Nutzen

Endgeräte

Inhalte

Festlegung basierend

auf

- Kundenbefragung

- Vertriebsmitarbeitern

- Key-Account

Managern

- Auditoren

UI Design

Screens mit Photoshop

designt

Übergabe an IT

Agenda

Unternehmensvorstellung1

Entwurf eines Kundenportals2

Implementierung mit SAPUI53

Live-Demo4

Implementierung einer FIORI App5

Live-Demo6

Zusammenfassung & Fazit7

Umsetzung in SAPUI5

896 Zeilen CSS

5 Custom Controls

28 Views

6 Fragments

Implementierung des Backend

Integration des

Kundenportals in

bestehende Anwendung

(„Add-On“)

Replizierung der Daten

auf eigenen Server

Agenda

Unternehmensvorstellung1

Entwurf eines Kundenportals2

Implementierung mit SAPUI53

Live-Demo4

Implementierung einer FIORI App5

Live-Demo6

Zusammenfassung & Fazit7

Live Demo „Customer Information System“

Agenda

Unternehmensvorstellung1

Entwurf eines Kundenportals2

Implementierung mit SAPUI53

Live-Demo4

Implementierung einer FIORI App5

Live-Demo6

Zusammenfassung & Fazit7

Implementierung einer FIORI App

Zusätzliches UI für

Zugriff auf Audits

Fokus auf mobile

Endgeräte

Ausschließlich interner

Einsatz

Agenda

Unternehmensvorstellung1

Entwurf eines Kundenportals2

Implementierung mit SAPUI53

Live-Demo4

Implementierung einer FIORI App5

Live-Demo6

Zusammenfassung & Fazit7

Live Demo „Auditor App“

Agenda

Unternehmensvorstellung1

Entwurf eines Kundenportals2

Implementierung mit SAPUI53

Live-Demo4

Implementierung einer FIORI App5

Live-Demo6

Zusammenfassung & Fazit7

Zusammenfassung & Fazit

SAPUI5 ist sehr flexibel und das Design gut anpassbar

Übernahme des Layouts auf andere SAPUI5 Anwendungen

Kundenportal wird weiter ausgebaut

Eigene FIORI Apps sind ohne großen Aufwand umzusetzen

Haben Sie weitere Fragen?

LANDMZInternet

Infrastruktur

HTTPS RFC

RFC

SAPUI5 App + Libraries

Consolidation

System

SAP Systeme

HTTP-Services

Infrastruktur

Authentifizierung/Authorisierung über Internet-User in Customer Portal

Datenzugriff über selbstprogrammierte HTTP-Handler sowie Webservices

Im Kundenportal zur Verfügung stehende Daten in “Consolidation System” zwischengespeichert

Interne Zugriffe werden über Proxies auf Customer Portal umgeleitet

Zusammenfassung