Wie flexibel ist SAPUI5? -...
24
Wie flexibel ist SAPUI5? Matthias Thiebes, TÜV Rheinland Group Miroslav Antolovic, bsc solutions GmbH & Co. KG
Transcript of 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
