Web Dynpro / FloorPlanManager / NWBC Bernd Zehentner TECHNISCHE SAP BERATUNG bze@snapconsult.com snapconsult.com Norbert Prager TECHNISCHE SAP BERATUNG npr@snapconsult.com snapconsult.com 16.06.2014 SNAP
Agenda @ Web Dynpro ABAP die Basis @ Floorplanmanager @ Ein kurzer Überblick Zusammenhang WD4A @ GUIBB, RUIBB, FLUID, PageBuilder, SidePanel @ NWBC @ Überblick @ UI Theme Designer
Agenda @ Web Dynpro ABAP die Basis @ Floorplanmanager @ Ein kurzer Überblick Zusammenhang WD4A @ GUIBB, RUIBB, FLUID, PageBuilder, SidePanel @ NWBC @ Überblick @ UI Theme Designer
Web Dynpro Abap die Basis @ Web Dynpro für ABAP bildet die Technologie von SAP zur Entwicklung professioneller Benutzungsoberflächen für ABAP- Unternehmensanwendungen und ist auch elementarer Bestandteil der SAP NetWeaver Technologie.
Web Dynpro Abap warum? @ Minimierung des Implementierungsaufwands durch den Einsatz von deklarativen und grafischen Werkzeugen @ Unterstützung eines strukturierten Entwurfsprozesses @ Strikte Trennung zwischen Layout- und Business-Daten @ Wiederverwendung und bessere Wartbarkeit durch Einsatz von Komponenten @ Unterstützung zustandsbehafteter Anwendungen, da bei einem Seitenwechsel die wieder benötigten Daten erhalten bleiben, so dass auf den gesamten Anwendungskontext jederzeit wieder zugegriffen werden kann. @ Automatischer Datentransport durch Datenbindung @ Automatische Eingabeüberprüfung (Dictionary) @ Vollständige Integration in die bewährte ABAP-Entwicklungsumgebung
MVC Model View Controller Prinzip @ Design Pattern für Entkoppelung von Präsentation und Logik einer Applikation Verarbeiten von Events Aktualisieren der Anwendungsdaten Definieren des Kontrollflusses Definition der Anwendungsdaten Verbindung zu Business-Funktionalität Visualisieren der Anwendungsdaten
Deklaratives Programmiermodell @ Beschreiben der Eigenschaften einer WD4A Applikation @ In Form von Metadaten @ Mittels Web Dynpro Toolset @ Quellcode wird @ Automatisch generiert (Rendering Machine) @ Kompiliert und @ Zur Laufzeit ausgeführt
Web Dynpro Abap - Anpassungen @ Integration @ Business Grafiken @ Office Integration @ HTML (SAPUI5) @ Adobe... @ Flexibilität zur Entwicklungszeit vorsehen @ Dynamische Anpassung der Attribute von Oberflächenelementen @ Dynamische Kontextgestaltung/Oberflächengestaltung @ Configuration Controller vorsehen
Web Dynpro ABAP codefreie Anpassungen Ersteller Konfigurations Framework gültig für Jeder User (Laufzeit) Personalisierung Erstellenden User Administrator (Laufz.) Customizing User eines Mandanten Entwickler (Entw.zeit) Konfiguration Alle Benutzer überschreibt finalisiert
Live Demo
Agenda @ Web Dynpro ABAP die Basis @ Floorplanmanager @ Ein kurzer Überblick Zusammenhang WD4A @ GUIBB, RUIBB, FLUID, PageBuilder, SidePanel @ NWBC @ Überblick @ UI Theme Designer
FloorPlan Manager was ist das? @ Framework um Web-Dynpro-Anwendungen (Web- Dynpro ABAP basierend) zu erstellen und konfigurieren (codefree!) @ Anwendungserstellung durch Konfiguration vorgefertigter SAP Anwendungen unter Verwendung von UIBB (Building Blocks) @ Konfigurationseditor ermöglicht anwendungsspezifische Sichten einer oder mehrerer betriebswirtschaftlicher Anwendungen zu einer neuen FPM Anwendung zusammensetzen.
FloorPlan Manager - Ziele @ Einheitliches UI (SAP Guidelines Einhaltung) und Bedienung @ Schnellere Entwicklung durch vorgegebene Floorplans @ Einfache Konfiguration der einzelnen Building Blöcke @ Wiederverwendung von Navigation, Nachrichten, Datenverlustprüfung,
FloorPlan Manager Übersicht @ Floorplans zur Abbildung einer Aktivität bezogen auf ein Objekt @ Object Instance Floorplan @ Quick Activity Floorplan @ Overview Page Floorplan @ Floorplans zur Darstellung eines Prozesses @ Guided Activity Floorplan
Object Instance Floorplan FPM_OIF_COMPONENT @ Arbeiten mit Objektinstanzen @ Bereiche @ Identification Region (IDR) @ Toolbar @ Message Region (MR) @ Contextual Navigation Region (CNR) @ Content Area @ Bottom Toolbar @ Quick Activity Floorplan
Guided Activity Floorplan FPM_GAF_COMPONENT @ mehrere aufeinanderfolgende logische Schritte @ Bildschirmabfolge mit strengerem Regelwerk @ führt den Benutzer durch die Ablaufschritte @ Roadmap als Ablaufdarstellung
Overview Page Floorplan FPM_OVP_COMPONENT @ Design-Vorlage für Aufbau und Verhalten für eine Übersichtsseite @ Content Area Typen @ Einstiegsbild (Initial) @ Hauptsicht (Main) @ Dialogfenster @ Bearbeitungsseite
User Interface Building Blocks @ GUIBB - Generische @ Formular @ Liste @ Registerkarten @ Suche @ Hierarchische Listen @... @ RUIBB Wiederverwendbare @ Anlagen @ Notizen @ Freestyle Web Dynpro ABAP
Floorplan Manager - Tools @ FPM Workbench @ Application Creation Tool @ Object Instance Floorplan @ Guided Activity Floorplan @ Overview Page Floorplan @ Flexible User Interface Designer @ Customizing / Konfiguration @ Bereiche der Oberfläche
Live Demo
Agenda @ Web Dynpro ABAP die Basis @ Floorplanmanager @ Ein kurzer Überblick Zusammenhang WD4A @ GUIBB, RUIBB, FLUID, PageBuilder, SidePanel @ NWBC @ Überblick @ UI Theme Designer
SAP NetWeaver Business Client @ SAP NWBC ermöglicht einheitlichen Zugang zu SAP Business Anwendungen inklusive SAPUI5, FPM/WDA und SAP GUI Anwendungen genauso wie Web basiertem Inhalt @ Zentrale Funktionen @ Rollenbasierter Einstiegspunkt (PFCG / PCD) zu Anwendungen @ Integration und Zusammenspiel verschiedenster Oberflächentechnologien @ Als Desktop Version und HTML Version (mit eingeschränkter Funktionalität) verfügbar @ Zusatzfunktionalitäten (Side Panel) @ Browser ähnliches Interaktionsverhalten
Live Demo
Agenda @ Web Dynpro ABAP die Basis @ Floorplanmanager @ Ein kurzer Überblick Zusammenhang WD4A @ GUIBB, RUIBB, FLUID, PageBuilder, SidePanel @ NWBC @ Überblick @ UI Theme Designer
UI Theme Designer @ Erstellen eigener Themes und Anpassung/Migration bestehender @ Clients @ Portal @ NWBC @ Technologien @ Web Dynpro ABAP @ FPM @ SAPUI5
UI Theme Designer @ Browser-basierender WYSIWYG Editor @ Eingebettete Vorschau @ Unterschiedliche Stufen @ Quick theming (Technologie übergreifende Basis Einstellungen) @ Expert theming (Technologie spezifische Einstellungen) @ Manuelle (LESS und CSS) Einstellungen
Live Demo
Überblick UI Werkzeuge - Fertigkeiten
DANKE FÜR IHRE AUFMERKSAMKEIT! Bernd Zehentner TECHNISCHE SAP BERATUNG bze@snapconsult.com snapconsult.com Norbert Prager TECHNISCHE SAP BERATUNG npr@snapconsult.com snapconsult.com