SAP UI5 - Snap Mobility Webinar

Transkript

1 SAP UI5 - Snap Mobility Webinar Thomas Brandstetter TECHNISCHE SAP-BERATUNG tbr@snapconsult.com snapconsult.com Andreas Legath TECHNISCHE SAP BERATUNG ale@snapconsult.com snapconsult.com Konrad Seigfried TECHNISCHE SAP BERATUNG kse@snapconsult.com snapconsult.com SNAP

2 !!! HERZLICH Wir reden mit Vollbild Es existiert eine Vollbild Schaltfläche mit der Sie das Bild Fragen -Fenster Gerne können Sie während des Vortrags im Fragen -Fenster eventuelle Unklarheiten formulieren. Wir werden uns bemühen, sofort darauf einzugehen!

3 Gemeinsame Sicht auf Mobility im SAP Anwendungsentwicklung mittels SAP UI5

4 Mobility App Klassifizierung Apple Xcode Objective-C Native App Google - Android Studio Java Frontend Hybride App SAP AppBuilder Javascript Javascript HTML App Javascript

5 Was bietet mir die SAP für Entwicklungen im mobilen SAP UI5 & (OPEN Einfache Web-Oberflächentechnologie basierend HTML5, Javascript, Sehr viele unterschiedliche Bildschirmelemente Felder, Tabelle, Knöpfe, Menüs, Charts für Plattform- und geräteunabhängig (Desktop & Spezielle vereinfachte Komponenten für Mobile, inkl. Ausrichtungswechsel, Datenaustausch mit Backendsystemen SOAP / Rest -> odata, Json, Keinerlei Bindung an ein ERP Backendsystem / Releasezyklen

6 SAP Gateway Wie bekommen die mobilen Endgeräte Ihre Über den SAP Gateway Server das SAP Ist ein Add-On das auf einem ABAP Stack laufen Ist der zentrale Zugriffspunkt auf SAP Daten und Der Datenaustausch basiert auf HTTP und dem OData Ist wie SQL für das WEB -> Select * From Kunde OData ist offen / standardisiert ( REST/OData SAP ERP Native, HTML5 oder hybride Anwendungen

7 Der SAP UI5 Die Entwicklung erfolgt im Javascript mit Hilfe der SAP UI5 Als Entwicklungsumgebung dient Eclipse mit zusätzlichen SAP Über ein Plug-In wird die Entwicklung in das SAP System Ist dann Teil des Standard SAP Transportwesens

8 SAP FIORI Baut auf SAP @ Launchpad zentraler Einstiegs-punkt Personalisierter Zugang zu den Apps Plattform- und geräteunabhängig

9 Für das Gesamtbild Die SAP Mobile SAP Mobile Plattform 3 (Vereinigung von Cyclo + SUP + Open Login / Authorization (LDAP, AD OData Native und hybride Offline Daten Replikation (z.b. Auch Online Offline (Replicate) Online!!)

10 Konrad Seigfried, SNAP Consulting GmbH Mobile Logistikprozesse mit APM SAP FIORI, Barcodes und Scanner

11 GHT Mobile & Web Technologien ab 2014 / 2015 laufend Anforderung Menüwunscherfassung Modulschrankauffüllung Stationsinventur Kommissionierung Inventur WE WA PTR Fallbezogener Materialverbrauch Ess-und Trinkprotokoll Menüwunscherfassung SAP Fiori SAP UI5 SAP EMR Frontend Technologie SAP-Netweaver-Gateway & ODATA APM, VPM, PTR, ADT

12 Pakettracking im UKA Aachen, Oktober 2014

13 Zahlen Daten Fakten - Universitätsklinikum Aachen Stand 2012/13 Uniklinik RWTH Aachen Pakettracking im UKA Seite 13

14 Ausgangssituation Ablösung der veralteten Pakettracking Lösung Anforderungen: Integration in SAP Selektionsmöglichkeit zu anderen mobilen Lösungen, z.b. Modulschrankerfassung von Verbrauchsmaterialien, Freigaben Statusinformation in SAP BW/BO für Enduser Mobile Statusbearbeitung von Paketen im gesamten UKA Hohe Scanperformance im gesamten Prozess Besonderheit: Bei Projektstart war WLAN im gesamtem UKA geplant, kurz vor Going Live wurde SAP Fiori mobile App. präferiert. Die technischen Voraussetzungen zum Einsatz von SAP Fiori werden z. Zt. umgesetzt Uniklinik RWTH Aachen Pakettracking im UKA Seite 14

15 Prozesschritte An der Laderampe: Vorerfassung Einscannen der ankommenden Sendungen nach Paketdiensten sortiert und Anzeige der Anzahl der angelieferten Pakete auf dem mobilen Gerät Im Paketraum: Rollkarte Aufteilung der Sendungen in Pakete, Vergabe von internen Paketnummern (Eine Sendung kann aus n-paketen bestehen) Buchung des Wareneingangs mit Bestellbezug (MIGO) und automatischer Ermittlung der Anlieferadresse Verknüpfung mit dem Lieferschein über Barcodeetikett Buchung des Wareneingangs ohne Bestellbezug und automatischer oder händischer Ermittlung der Anlieferadresse Uniklinik RWTH Aachen Pakettracking im UKA Seite 15

16 Prozesschritte Im UKA: Weiterverarbeitung und Paketstati Übergabe der Pakete an die AWT Station oder einen Läufer Direktzustellung durch einen Läufer Entnahme der Pakete aus der AWT Station Entnahme aus dem AWT In Zustellung Zugestellt (mit Erfassung der Mitarbeiterkennung) Retoure mit Angabe von Gründen z.b. MitarbeiterIn verzogen, Annahme verweigert, usw. Alle Statusänderungen werden per mobiler App. gesetzt bzw. gelesen AWT= Allgemeiner Warentransport, automatisches Warentransportsystem des UKA Seite 16

17 Besonderheiten Anlieferadresse Anzeige der Anlieferadresse eines Pakets durch Scan der internen Paketnummer Vollständigkeitsprüfung von Sendungen In jedem Prozessschritt wird die Vollständigkeit der Sendung geprüft. So wird eine unvollständige Auslieferung einer Sendung verhindert. Es erscheint beispielsweise folgende Meldung: Historie Für jedes Paket lässt sich immer eine aktuelle Individualhistorie aufrufen. Eine Suche nach freien Kriterien wie Lieferant, Lieferdatum, externe Paketnummer, usw. ist möglich. Uniklinik RWTH Aachen Pakettracking im UKA Seite 17

18 Beispiel: Individualhistorie Paket 132 PTR Cockpit: Zugestellt liefert eine Liste der zugestellten Pakete. Durch Auswahl der Paketnummer (132) wird die Individualhistorie des Pakets 132 angezeigt, alle Statusänderungen, mit dem Namen des Mitarbeiters und dem Zeitpunkt der Änderung lassen sich nachverfolgen. Für die anderen Cockpit Buttons gilt dies analog! Uniklinik RWTH Aachen Pakettracking im UKA Seite 18

19 Eclipse (Luna / Updatesite Lokaler Tomcat Code ABAP Team SAP OData SAP Datenbeschaffung

20 UI App Browser basierter WYSIWYG Wird in den nächsten Monaten durch die Web IDE SAP Web Online via Hana Cloud Lokale App ABAP Git Repository

21 SAPUI5 Anwendungsarchitektur: Saubere Trennung von Logik und Anzuzeigendes / Zu bearbeitendes Model wird über OData bereit Die Darstellung (View) wird unabhängig von der Logik & Datenbeschaffung Benutzeraktionen und Seitenablauflogik wird pro View in einem eigenen Controller Das Model kann einfach an die Controls gebunden One-Way / Two-Way Kaum Implementierungsaufwand für Client / Server Kommunikation

22 Startpunkt für SAPUI5 Initialisiert das Startpunkt für Fiori Views & Übersetzungen

23 Navigation & Zentrale Verwaltung aller Navigationspfade in der Definition aller Views & Möglichkeit einen eigenen Router zu Dynamisches Hinzufügen von Komplexe Route Match Kann pro View implementiert Verarbeitung der Parameter

24 SAPUI5 Responsive, unabhängig von Geräteauflösung

25 Online / SAPUI5 / Fiori Apps sind rein für Onlineszenarien SAP Mobile Native Fiori Teilweise Offlinefähigkeit kann erreicht Vorladen / Cachen von Offline Reagieren auf Nativen HTML5 Container für Datenreplikation

26 Live Paket Tracking Eclipse Entwicklungsumgebung

27 VIELEN DANK FÜR IHRE AUFMERKSAMKEIT! Thomas Brandstetter TECHNISCHE SAP BERATUNG snapconsult.com Andreas Legath TECHNISCHE SAP BERATUNG snapconsult.com Konrad Seigfried TECHNISCHE SAP BERATUNG snapconsult.com SNAP