Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reflex Solutions Pro

Reflex Solutions Pro

Konzeption und Umsetzung einer datengetriebenen, erweiterbaren UI mit ExtJS

eyeworkers GmbH

November 11, 2022
Tweet

More Decks by eyeworkers GmbH

Other Decks in Programming

Transcript

  1. View Slide

  2. myview systems GmbH 2022 2
    Reflex Solutions Pro
    Konzeption und Umsetzung einer datengetriebenen,
    erweiterbaren UI mit ExtJS

    View Slide

  3. myview systems GmbH 2022 3
    Das Team
    MYVIEW SYSTEMS - EYEWORKERS
    o Simon Buckel (44)
    o eyeworkers GmbH
    o Teamleiter Software
    o Christoph Brandt (56)
    o myview systems GmbH
    o Projektleiter RSP

    View Slide

  4. myview systems GmbH 2022 4
    MYVIEW SYSTEMS – WER WIR SIND

    View Slide

  5. myview systems GmbH 2022 5
    MYVIEW SYSTEMS – KUNDEN, REFERENZEN
    … weitere Kunden von

    View Slide

  6. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Entwicklung eines Self Service Portal zu Anlagenauslegung
    6

    View Slide

  7. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Reflex Solutions Pro – Die Ausgangslage
    o Vielzahl an gewachsenen Tools, die als Insellösung
    nicht aufeinander abgestimmt waren
    o Abhängigkeit von internen Spezialisten
    o Nicht dokumentiertes Fachwissen
    o Hohe Belastung einzelner Produktmanager
    im Pre-Sales
    o Hohe Durchlaufzeiten bei Einführung von neuen
    Produkten
    7

    View Slide

  8. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Reflex Solutions Pro – Zielsetzung
    o Mehr Output in höherer Qualität mit wenigen
    internen Ressourcen (Anwendungen, Produkte,
    Sprachen, Vertriebsregionen, etc.)
    o Einfache Nutzbarkeit trotz hoher Komplexität
    o Systemische Ablage des Fachwissens, einfache
    Erweiterbarkeit
    o Hohe Aktualität aller Produktinformationen und tiefe
    Integration in die ERP- und CRM-Landschaft
    o Analyse der Nutzung als Steuerungsgrößen für
    Vertrieb und Produktmanagement
    8

    View Slide

  9. myview systems GmbH 2022 9
    Schaffung einer zentralen PXP Plattform, von der aus alle Produktdaten und
    produktnahen Services für sämtliche digitalen Kanäle verwaltet und bereitgestellt
    werden können.
    Reflex Solutions Pro – Konzept und Umsetzung
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    als eigenständiges Applikations-Backend für Produktservices, z.B.
    Portale, Apps, Self-Services, etc.
    PIM für zentrale Organisation aller Produktdaten und die
    Automatisierung der kanalspezifischen Publikations-Prozesse

    View Slide

  10. myview systems GmbH 2022 10
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    MYVIEW PXP Architektur
    Publikationsplanung
    Datenmanagement
    Applikations- und
    Domänenmanagement
    API API
    User Experience
    API
    Applikationsmodelle und
    freigegebene Produktdaten
    Redaktioneller
    Produktdatenbestand

    View Slide

  11. myview systems GmbH 2022 11
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    RSP System Architektur
    EXTJS UI
    API
    Geschäfts- Applikationslogik,
    Projektdaten- und Content,
    freigegebene Produktdaten
    Backend-Systeme
    xom REST API
    Preise Assets Benutzer
    App
    Content
    Navigation
    Interaktion
    Fachregeln Produkte Projekte
    RSP Client
    ERP PIM
    CRM MAM
    Interne
    Services

    View Slide

  12. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    RSP Client
    12

    View Slide

  13. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Ausgangssituation
    o Überflug über die Anwendung
    o Implementierung
    o Demo
    o Ergebnis
    13

    View Slide

  14. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Ausgangssituation
    14

    View Slide

  15. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Design, Interaktions-Design
    o API
    o multiple Märkte mit unterschiedlichen Normen, Produkten und Preisen
    o Erweiterbarkeit und Wiederverwendbarkeit
    o Zentrale Geschäftslogik
    15

    View Slide

  16. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Überflug
    16

    View Slide

  17. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Kopfzeile mit
    Orientierungshilfe und
    Funktionsbuttons
    o Inhalt für
    Anwendungsbereiche
    o Fußzeile mit weiterführenden
    Links
    Bereiche
    17

    View Slide

  18. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Einfacher Registrierungsprozess
    o Freischaltung weiterer Funktionalitäten
    Benutzerverwaltung
    18

    View Slide

  19. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Bestehende Projekte einsehen
    o Möglichkeit der Bearbeitung
    o Erzeugung von Dokumenten
    o Import/ Export von Projekten
    Projektverwaltung
    19

    View Slide

  20. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Durchsuchen einer Liste
    von vorgefertigten
    Komplettlösungen
    o Eingrenzen der Menge durch
    Eingabe Eckdaten
    Solutions
    20

    View Slide

  21. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Einstieg durch Auswahl
    Land und einer oder
    mehrerer Produktgruppen
    o Bereitstellung von Links zu
    weiteren Produkten
    Einstieg Auslegung
    21

    View Slide

  22. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Übersicht durch Navigationsbar
    o Strukturierung in
    Parameter-Gruppen
    o Eingabe der Anlagenparameter
    Auslegungsstrecke
    22

    View Slide

  23. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Darstellung berechnetes Ergebnis
    o Auswahl aus mehreren Alternativen
    o Produkte können bearbeitet
    werden
    o Download verschiedener
    Dokumente
    o Möglichkeit der Angebotserstellung
    Auslegungsstrecke
    23

    View Slide

  24. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Implementierung
    24

    View Slide

  25. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    o Umfangreiches Set von UI Komponenten unterstützt die Kernaufgabe der
    Anwendung
    o Wenige Abhängigkeiten vereinfachen die Verwaltung
    o Hohe Standzeit ist von Vorteil bei der Produktentwicklung
    o Erfahrung mit dem Framework bei den Projektbeteiligen vorhanden
    Warum ExtJS?
    25

    View Slide

  26. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Mehrsprachigkeit
    26

    View Slide

  27. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Statische Inhalte
    27

    View Slide

  28. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Dynamische Inhalte
    28

    View Slide

  29. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Konzepte
    29

    View Slide

  30. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Interaktion
    30

    View Slide

  31. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Demo
    31

    View Slide

  32. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Ergebnis
    32

    View Slide

  33. myview systems GmbH 2022
    PRAXISBEISPIEL – REFLEX WINKELMANN GMBH
    Reflex Solutions Pro – Highlights
    o Client mit hoch dynamischer Formular-Komponente
    o 4 Klicks zur Auslegung einer Anlage
    o Durchgängige API mit klarer Entkopplung von
    Fachlogik und Client
    o Direkte Verfügbarkeit aller vorhanden
    Produktdaten und Dokumente
    o Integration nützlicher Mehrwertfunktionen
    o Verfügbar in 18 Sprachen mit >10T Nutzern monatlich
    o Monatliche Releases mit regelmäßigen Produktneuerungen
    und Funktionen
    34

    View Slide

  34. myview systems GmbH 2022
    VIELEN DANK FÜR IHRE AUFMERKSAMKEIT
    Haben Sie noch Fragen?
    35
    myview systems GmbH | Lindberghring 1 | 33142 Büren | www.myview.de
    Christoph Brandt
    +49 (0)160 8825599
    [email protected]

    View Slide