BUSINESS IN THE FAST LANE Portale Übersicht Dr. Stefan Klose
Portale Übersicht www.next-level-integration.com business in the fast lane 2
Portale www.next-level-integration.com business in the fast lane 3
Portale www.next-level-integration.com business in the fast lane 4
Portale www.next-level-integration.com business in the fast lane 5
Portale www.next-level-integration.com business in the fast lane 6
Tarifkundenportale Fastlane User Interfaces www.next-level-integration.com business in the fast lane 7
Tarifkundenportale Fertiger Content Tarifkundenportal Akquiseprozesse Smart Metering www.next-level-integration.com business in the fast lane 8
Tarifkundenportale Framework für die Entwicklung von Web-Portalen Vielseitige Anwendungen Tarifkundenportal Akquiseportal Visualisierung von Lastgangsdaten Energietransparenzportal Das Tarifkundenportal richtet sich an Kunden der Energieversorger Internet Self Service Abbilden von komplexen Geschäftsprozessen in einfache Webmasken Kunden können viele Prozesse selbst ansteuern Entlastung der Mitarbeiter durch Automatisierung Typische Prozesse Pflege von Benutzerdaten: tw. Stammdaten, Bankverbindungen, Zahlwege Liefermanagement: Akquise, Einzug, Auszug, Lieferantenwechsel Zählerstandseingabe Information: z.b. Einsicht in Rechnungen Kundenservice: Kontaktaufnahme www.next-level-integration.com business in the fast lane 9
Portale Architektur Bei Bedarf kundenindividuelles Konzept für Einbindung WebSite-CMS, Redaktionstools Plattform- oder Applikationsserver-Vorgaben (für Service Layer/Portal) www.next-level-integration.com business in the fast lane 10
Portale Systemarchitektur Beispiel für Architektur (mit ReverseProxy und Website-Integration https https(json) Internet Reverse Proxy äußere DMZ Website,CMS, Portal** Einbettung der Komponten in redaktionellen Content ServiceLayer* (Tomcat) AbapAddON SAP rfc (CPIC-User) innere DMZ * Kleiner-mittlerer Server oder Installation auf Portal/CMS Server ** Optional www.next-level-integration.com business in the fast lane 11
Portale Technologien und Komponenten Frontend Webseiten mit HTML5 Reine Darstellung der im Backend gelagerten Daten Steuerung und Logik der Webseiten (Viewcontroller) Fast Lane Middleware (Service Layer) Java mit Direct Web Remoting Austausch von Daten zwischen Webseite und Java Austausch von Daten zwischen Java und Backend (Codegenerierung) BPMN Prozesse falls erforderlich Backend SAP System I-SU hinterlegt Geschäftslogik, Kundendaten, etc. www.next-level-integration.com business in the fast lane 12
Portale Technologien und Komponenten ExtJS Java Java ValueObject View Controller Delegates Kundendaten.js View Controller generierte DAOs Zählerstände.js View Controller Service Layer Rechnungen.js Service Layer www.next-level-integration.com business in the fast lane 13
Portale HTML5 Frontend mit Sencha Bibliotheken Im Frontend werden HTML5 Bibliotheken von Sencha verwendet mobile fähig www.next-level-integration.com business in the fast lane 14
Mobile Anwendungen Mobile Portal (Standardprodukt) Browser-Sizing wirft Events, die von beiden Frameworks gefangen werden können Entscheidung aufgrund Browser-Größe für Maskenanzeige Go Mobile -Ansatz Zielgerichtete Entwicklung für das Standardprodukt www.next-level-integration.com business in the fast lane 15
Responsive Webdesign Weiterentwicklung des NLI Standardportals Reponsive Webdesign mit Foundation5 Framework Einteilung der Webseite in Zeilen und Spalten, z.b. 4x3, wie ein Grid Jede Komponente belegt ein 1+ Zellen des Grids Browser-Sizing positioniert die belegten Zellen neu, bis Minimum auf 1x1 große Zelle 1x1 3x2 2x1 www.next-level-integration.com business in the fast lane 16
Responsive Webdesign Desktop Smartphone www.next-level-integration.com business in the fast lane 17
Portale Allgemeiner MDSD Ansatz (Codegenerierung) Meta Modell Basiert auf Instanz Modell lädt Gen erzeugt Template Template Quellcode lädt Template Template Template www.next-level-integration.com business in the fast lane 18
Portale Trennung von Quellcode generated Gen erzeugt Template Template Quellcode manually written Compile Atrifact Template Template Quellcode www.next-level-integration.com business in the fast lane 19
Portale Fastlane Modellierungsansatz Generiert UI Komponenten, die manuell in ein Layout eingebunden werden. Partner -BP (Geschäftspartner) -Name (Name) -Firstname (Vorname) -Street (Straße) -. Gen Gen Java Service Klassen für das Lesen, Modifizieren und Schreiben des Business Objektes Mapping Model Gen Interface für Integration in die Systemlandschaft. Evtl. Mapping auf existierende Service Schnittstellen www.next-level-integration.com business in the fast lane 20
Portale Vorteile der Modellgetriebenen Entwicklung Backend generiert Backend manuell UI generiert UI manuell www.next-level-integration.com business in the fast lane 21
Portale BPM UI BPM Generierte Service- Sequenz (Process) 1 2 3 6 1 2 3 4 5 www.next-level-integration.com business in the fast lane 22
Portale Komponenten der Plattform BPMN 2.0 Engine www.next-level-integration.com business in the fast lane 23
Tarifkundenportale Beispielfunktionen www.next-level-integration.com business in the fast lane 24
Tarifkundenportale Stammdaten verwalten Übersicht Adressdaten ändern Bankverbindungen und Zahlwege ändern Auf Online-Kommunikation umstellen www.next-level-integration.com business in the fast lane 25
Tarifkundenportale Stammdatenübersicht www.next-level-integration.com business in the fast lane 26
Tarifkundenportale Adressdaten ändern www.next-level-integration.com business in the fast lane 27
Tarifkundenportale Bankdaten und Zahlwege verwalten www.next-level-integration.com business in the fast lane 28
Tarifkundenportale Auf Online- Kommunikation umstellen www.next-level-integration.com business in the fast lane 29
Tarifkundenportale Zählerstande Erfassung Verbrauchshistorie Historische Zählerstände www.next-level-integration.com business in the fast lane 30
Tarifkundenportale Zählerstandserfassung Ansicht letzte Erfassung Eingabe neuer Stände Plausibilisierung durch Backend www.next-level-integration.com business in the fast lane 31
Tarifkundenportale Zählerstandserfassung Nicht plausible Zähler müssen vom Kunden bestätigt werden www.next-level-integration.com business in the fast lane 32
Tarifkundenportale Zählerstandserfassung Der Abschluss zeigt die an das Backend übermittelten Werte www.next-level-integration.com business in the fast lane 33
Tarifkundenportale Verbrauchshistorie www.next-level-integration.com business in the fast lane 34
Tarifkundenportale Historische Zählerstände www.next-level-integration.com business in the fast lane 35
Tarifkundenportale Lieferantenmanagement Neueinzug und Lieferantenwechsel mit Integration eines Tarifrechners Auszug Produktwechsel www.next-level-integration.com business in the fast lane 36
Tarifkundenportale Neueinzug und Lieferantenwechsel mit Integration eines Tarifrechners Klassischer Tarifrechner: PLZ + Verbrauch führt zu Angebot www.next-level-integration.com business in the fast lane 37
Tarifkundenportale Neueinzug und Lieferantenwechsel mit Integration eines Tarifrechners Klassischer Tarifrechner: PLZ + Verbrauch führt zu Angebot www.next-level-integration.com business in the fast lane 38
Tarifkundenportale Eingabe von Kundendaten www.next-level-integration.com business in the fast lane 39
Tarifkundenportale Prozessentscheidung: Neueinzug oder Lieferantenwechsel Eingabe Zählerstände Angabe Zahlweise www.next-level-integration.com business in the fast lane 40
Tarifkundenportale Übersicht und Abschluss www.next-level-integration.com business in the fast lane 41
Tarifkundenportale Auszug Identifikation der Verbrauchsstelle Auswahl der Verträge www.next-level-integration.com business in the fast lane 42
Tarifkundenportale Auszug Eingabe von Zählerständen Bei Auszug in der Vergangenheit www.next-level-integration.com business in the fast lane 43
Tarifkundenportale Auszug Eingabe der Adresse für die Schlussrechnung www.next-level-integration.com business in the fast lane 44
Tarifkundenportale Auszug Optionale Angaben zu Eigentümer oder Nachmieter www.next-level-integration.com business in the fast lane 45
Tarifkundenportale Auszug: Übersicht und Abschluss www.next-level-integration.com business in the fast lane 46
Tarifkundenportale Produktwechsel Identifikation der Verbrauchstelle Auswahl der Sparte bzw. aktuelles Produkt zum Wechsel Angabe zum Verbrauch Siehe auch Tarifrechner www.next-level-integration.com business in the fast lane 47
Tarifkundenportale Produktwechsel Anzeige und Auswahl der möglichen Tarife zum angegebenen Verbrauch www.next-level-integration.com business in the fast lane 48
Tarifkundenportale Produktwechsel Angabe von Zählerständen www.next-level-integration.com business in the fast lane 49
Tarifkundenportale Produktwechsel: Übersicht und Abschluss www.next-level-integration.com business in the fast lane 50
Tarifkundenportale Service Abschlagsplan ansehen und ändern Rechnungen ansehen Archiv ansehen Kontakt und FAQ www.next-level-integration.com business in the fast lane 51
Tarifkundenportale Abschlagsplan Wahl der Sparte und Vertrag Anzeige des bestehenden Plans www.next-level-integration.com business in the fast lane 52
Tarifkundenportale Abschlagsplan Änderung auf gewünschten Wert Bestätigung www.next-level-integration.com business in the fast lane 53
Tarifkundenportale Rechnungen ansehen Mit Download www.next-level-integration.com business in the fast lane 54
Tarifkundenportale Archiv ansehen Archivierung von Kundenkontakten www.next-level-integration.com business in the fast lane 55
Tarifkundenportale Archiv ansehen Download für kundenrelevanten Dokumenten www.next-level-integration.com business in the fast lane 56
Tarifkundenportale Kontakt und FAQ Direkte Korrespondenzmaske zum Kundenservice www.next-level-integration.com business in the fast lane 57
Tarifkundenportale Kontakt und FAQ FAQ: individuell pflegbar durch Verwaltungsmaske im Admin Bereich www.next-level-integration.com business in the fast lane 58
Tarifkundenportale Geschäftskundenprozesse Lastgangvisualisierung Heiz- und Betriebskostenabrechnung www.next-level-integration.com business in the fast lane 59
Tarifkundenportale Lastgangvisualisierung Festlegen von Intervall und Aggregation Bis 1 Jahr Download als CSV www.next-level-integration.com business in the fast lane 60
Tarifkundenportale Heiz- und Betriebskostenabrechnung Für Hausverwalter Angabe von verschiedenen Kennzahlen Übermittelung an das Backend als E-Mail oder Workitem an Sachbearbeiter Funktionen: Nutzerliste Betriebskostenaufstellung Ableseergebnisse www.next-level-integration.com business in the fast lane 61
Tarifkundenportale Heiz- und Betriebskostenabrechnung Nutzerliste: Übermittlung der aktuellen Nutzerliste für eine Verbrauchsstelle + Knopf zum Hinzufügen weiterer Einheiten www.next-level-integration.com business in the fast lane 62
Tarifkundenportale Heiz- und Betriebskostenabrechnung Betriebskostenaufstellung: für eine Verbrauchsstelle die Heizkosten und Betriebskosten übermitteln + Knopf zum Hinzufügen weiterer Posten www.next-level-integration.com business in the fast lane 63
Tarifkundenportale Heiz- und Betriebskostenabrechnung Mitteilen von Ableseergebnissen: Angabe für Zählerstände für eine Wohneinheit + Knopf zum Hinzufügen weiterer Geräte zur Erfassung www.next-level-integration.com business in the fast lane 64
Akquiseportal Akquiseprozess Aufnahme Postleitzahl, Ort, Verbrauch, Tarif Anzeige Preise und Kosten Identifikation Zähler Identifikation Verbrauchsstelle und Prozesswahl Produktwechsel Lieferantenwechsel Neueinzug Angabe der Partnerdaten Privat Geschäftlich Angabe Bankverbindung Übersicht und Abschluss www.next-level-integration.com business in the fast lane 65
Akquiseportal Aufnahme Postleitzahl, Ort, Verbrauch, Tarif www.next-level-integration.com business in the fast lane 66
Akquiseportal Anzeige Preise und Kosten www.next-level-integration.com business in the fast lane 67
Akquiseportal Identifikation Zähler www.next-level-integration.com business in the fast lane 68
Akquiseportal Identifikation Verbrauchsstelle und Prozesswahl www.next-level-integration.com business in the fast lane 69
Akquiseportal Lieferantenwechsel Produktwechsel www.next-level-integration.com business in the fast lane 70
Akquiseportal Angabe der Partnerdaten (privat oder geschäftlich) nach Lieferantenwechsel oder Produktwechsel Direkt bei Neueinzug www.next-level-integration.com business in the fast lane 71
Akquiseportal Angabe der Bankverbindung Anstelle Bankleitzahl und Kontonummer: IBAN, sowie SEPA-Lastschrifterteilung www.next-level-integration.com business in the fast lane 72
Akquiseportal Übersicht und Abschluss Übermittlung der Daten in das Backend www.next-level-integration.com business in the fast lane 73
Auswertung mit Fastlane Tracking Beispiel Methode zum Maskenwechsel wird auf Java-Seite angesprochen und geloggt www.next-level-integration.com business in the fast lane 74
Auswertung mit Fastlane Tracking Logging-Daten liegen in der Portal-Konfigurationstabelle Zur Demonstration einfache Listen Auswertung Datenbank beinhaltet große Menge an Daten www.next-level-integration.com business in the fast lane 75
Auswertung mit Google Analytics Auswertung über eigenes Konto bei Google Beispiel: www.next-level-integration.com business in the fast lane 76
Auswertung mit Google Analytics Einbindung erfolgt durch Javascript in Hauptseite (index.html) Knöpfe und Menüpunkte der Portal-Anwendung werfen Ereignisse (Events), die von Google Analytics gefangen werden können Beispiel: Wirft ein Ereignis: Menüklick Kunde werden Wirft ein Ereignis: Weiter Kunde werden Seite 1 www.next-level-integration.com business in the fast lane 77
Auswertung mit Google Analytics Google Analytics kann einzelne Ereignisse auf einer Webseite abfangen Hier können die vorher genannten Ereignisse auftauchen www.next-level-integration.com business in the fast lane 78
Energieeffizienz Portal Startseite www.next-level-integration.com business in the fast lane 79
Energieeffizienz Portal Filialansicht: Nach Ort und Standort hierarchisch geordnet. Ansicht über alle Zähler www.next-level-integration.com business in the fast lane 80
Energieeffizienz Portal Filialansicht: Nach Ort und Standort hierarchisch geordnet. Ansicht über alle Zähler www.next-level-integration.com business in the fast lane 81
Energieeffizienz Portal Übersicht über alle generierten Berichte www.next-level-integration.com business in the fast lane 82
Energieeffizienz Portal Übersicht über alle generierten Berichte Download als PDF-Dokument Dynamisch generiert und konfigurierbar www.next-level-integration.com business in the fast lane 83
Energieeffizienz Portal Bericht zusammenstellen: Kennzahlen und Zähler per Drag&Drop zusammenstellen www.next-level-integration.com business in the fast lane 84
Energieeffizienz Portal Bericht zusammenstellen: Kennzahlen und Zähler per Drag&Drop zusammenstellen www.next-level-integration.com business in the fast lane 85
Energieeffizienz Portal Bericht zusammenstellen: Kennzahlen und Zähler per Drag&Drop zusammenstellen PDF wird generiert www.next-level-integration.com business in the fast lane 86
Energieeffizienz Portal Bericht zusammenstellen: der neue Bericht ist nun auch im Download-Bereich verfügbar www.next-level-integration.com business in the fast lane 87
Energieeffizienz Portal Individuelle Konfiguration von Oberflächen Beispiel eworld www.next-level-integration.com business in the fast lane 88
Energieeffizienz Portal Individuelle Konfiguration von Oberflächen Unter Anpassungen per Drag&Drop Graphische Elemente und Zähler zusammenführen Neue Dashboards können erstellt werden www.next-level-integration.com business in the fast lane 89
Energieeffizienz Portal Drag&Drop Graphische Elemente und Zähler zusammenführen Beispiel mit Liniendiagramm www.next-level-integration.com business in the fast lane 90
Energieeffizienz Portal Ansicht unter Menüpunkt hat sich aktualisiert www.next-level-integration.com business in the fast lane 91
Tarifkundenportale Heiz- und Betriebskostenabrechnung Für Hausverwalter Angabe von verschiedenen Kennzahlen Übermittelung an das Backend als E-Mail oder Workitem an Sachbearbeiter Funktionen: Nutzerliste Betriebskostenaufstellung Ableseergebnisse www.next-level-integration.com business in the fast lane 92
Heiz- und Betriebskostenabrechnung Heiz- und Betriebskostenabrechnung Nutzerliste: Übermittlung der aktuellen Nutzerliste für eine Verbrauchsstelle + Knopf zum Hinzufügen weiterer Einheiten www.next-level-integration.com business in the fast lane 93
Heiz- und Betriebskostenabrechnung Heiz- und Betriebskostenabrechnung Betriebskostenaufstellung: für eine Verbrauchsstelle die Heizkosten und Betriebskosten übermitteln + Knopf zum Hinzufügen weiterer Posten www.next-level-integration.com business in the fast lane 94
Heiz- und Betriebskostenabrechnung Heiz- und Betriebskostenabrechnung Mitteilen von Ableseergebnissen: Angabe für Zählerstände für eine Wohneinheit + Knopf zum Hinzufügen weiterer Geräte zur Erfassung www.next-level-integration.com business in the fast lane 95