BUSINESS IN THE FAST LANE. Portale. Übersicht. Dr. Stefan Klose

Transkript

1 BUSINESS IN THE FAST LANE Portale Übersicht Dr. Stefan Klose

2 Portale Übersicht business in the fast lane 2

3 Portale business in the fast lane 3

4 Portale business in the fast lane 4

5 Portale business in the fast lane 5

6 Portale business in the fast lane 6

7 Tarifkundenportale Fastlane User Interfaces business in the fast lane 7

8 Tarifkundenportale Fertiger Content Tarifkundenportal Akquiseprozesse Smart Metering business in the fast lane 8

9 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 business in the fast lane 9

10 Portale Architektur Bei Bedarf kundenindividuelles Konzept für Einbindung WebSite-CMS, Redaktionstools Plattform- oder Applikationsserver-Vorgaben (für Service Layer/Portal) business in the fast lane 10

11 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 business in the fast lane 11

12 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. business in the fast lane 12

13 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 business in the fast lane 13

14 Portale HTML5 Frontend mit Sencha Bibliotheken Im Frontend werden HTML5 Bibliotheken von Sencha verwendet mobile fähig business in the fast lane 14

15 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 business in the fast lane 15

16 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 business in the fast lane 16

17 Responsive Webdesign Desktop Smartphone business in the fast lane 17

18 Portale Allgemeiner MDSD Ansatz (Codegenerierung) Meta Modell Basiert auf Instanz Modell lädt Gen erzeugt Template Template Quellcode lädt Template Template Template business in the fast lane 18

19 Portale Trennung von Quellcode generated Gen erzeugt Template Template Quellcode manually written Compile Atrifact Template Template Quellcode business in the fast lane 19

20 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 business in the fast lane 20

21 Portale Vorteile der Modellgetriebenen Entwicklung Backend generiert Backend manuell UI generiert UI manuell business in the fast lane 21

22 Portale BPM UI BPM Generierte Service- Sequenz (Process) business in the fast lane 22

23 Portale Komponenten der Plattform BPMN 2.0 Engine business in the fast lane 23

24 Tarifkundenportale Beispielfunktionen business in the fast lane 24

25 Tarifkundenportale Stammdaten verwalten Übersicht Adressdaten ändern Bankverbindungen und Zahlwege ändern Auf Online-Kommunikation umstellen business in the fast lane 25

26 Tarifkundenportale Stammdatenübersicht business in the fast lane 26

27 Tarifkundenportale Adressdaten ändern business in the fast lane 27

28 Tarifkundenportale Bankdaten und Zahlwege verwalten business in the fast lane 28

29 Tarifkundenportale Auf Online- Kommunikation umstellen business in the fast lane 29

30 Tarifkundenportale Zählerstande Erfassung Verbrauchshistorie Historische Zählerstände business in the fast lane 30

31 Tarifkundenportale Zählerstandserfassung Ansicht letzte Erfassung Eingabe neuer Stände Plausibilisierung durch Backend business in the fast lane 31

32 Tarifkundenportale Zählerstandserfassung Nicht plausible Zähler müssen vom Kunden bestätigt werden business in the fast lane 32

33 Tarifkundenportale Zählerstandserfassung Der Abschluss zeigt die an das Backend übermittelten Werte business in the fast lane 33

34 Tarifkundenportale Verbrauchshistorie business in the fast lane 34

35 Tarifkundenportale Historische Zählerstände business in the fast lane 35

36 Tarifkundenportale Lieferantenmanagement Neueinzug und Lieferantenwechsel mit Integration eines Tarifrechners Auszug Produktwechsel business in the fast lane 36

37 Tarifkundenportale Neueinzug und Lieferantenwechsel mit Integration eines Tarifrechners Klassischer Tarifrechner: PLZ + Verbrauch führt zu Angebot business in the fast lane 37

38 Tarifkundenportale Neueinzug und Lieferantenwechsel mit Integration eines Tarifrechners Klassischer Tarifrechner: PLZ + Verbrauch führt zu Angebot business in the fast lane 38

39 Tarifkundenportale Eingabe von Kundendaten business in the fast lane 39

40 Tarifkundenportale Prozessentscheidung: Neueinzug oder Lieferantenwechsel Eingabe Zählerstände Angabe Zahlweise business in the fast lane 40

41 Tarifkundenportale Übersicht und Abschluss business in the fast lane 41

42 Tarifkundenportale Auszug Identifikation der Verbrauchsstelle Auswahl der Verträge business in the fast lane 42

43 Tarifkundenportale Auszug Eingabe von Zählerständen Bei Auszug in der Vergangenheit business in the fast lane 43

44 Tarifkundenportale Auszug Eingabe der Adresse für die Schlussrechnung business in the fast lane 44

45 Tarifkundenportale Auszug Optionale Angaben zu Eigentümer oder Nachmieter business in the fast lane 45

46 Tarifkundenportale Auszug: Übersicht und Abschluss business in the fast lane 46

47 Tarifkundenportale Produktwechsel Identifikation der Verbrauchstelle Auswahl der Sparte bzw. aktuelles Produkt zum Wechsel Angabe zum Verbrauch Siehe auch Tarifrechner business in the fast lane 47

48 Tarifkundenportale Produktwechsel Anzeige und Auswahl der möglichen Tarife zum angegebenen Verbrauch business in the fast lane 48

49 Tarifkundenportale Produktwechsel Angabe von Zählerständen business in the fast lane 49

50 Tarifkundenportale Produktwechsel: Übersicht und Abschluss business in the fast lane 50

51 Tarifkundenportale Service Abschlagsplan ansehen und ändern Rechnungen ansehen Archiv ansehen Kontakt und FAQ business in the fast lane 51

52 Tarifkundenportale Abschlagsplan Wahl der Sparte und Vertrag Anzeige des bestehenden Plans business in the fast lane 52

53 Tarifkundenportale Abschlagsplan Änderung auf gewünschten Wert Bestätigung business in the fast lane 53

54 Tarifkundenportale Rechnungen ansehen Mit Download business in the fast lane 54

55 Tarifkundenportale Archiv ansehen Archivierung von Kundenkontakten business in the fast lane 55

56 Tarifkundenportale Archiv ansehen Download für kundenrelevanten Dokumenten business in the fast lane 56

57 Tarifkundenportale Kontakt und FAQ Direkte Korrespondenzmaske zum Kundenservice business in the fast lane 57

58 Tarifkundenportale Kontakt und FAQ FAQ: individuell pflegbar durch Verwaltungsmaske im Admin Bereich business in the fast lane 58

59 Tarifkundenportale Geschäftskundenprozesse Lastgangvisualisierung Heiz- und Betriebskostenabrechnung business in the fast lane 59

60 Tarifkundenportale Lastgangvisualisierung Festlegen von Intervall und Aggregation Bis 1 Jahr Download als CSV business in the fast lane 60

61 Tarifkundenportale Heiz- und Betriebskostenabrechnung Für Hausverwalter Angabe von verschiedenen Kennzahlen Übermittelung an das Backend als oder Workitem an Sachbearbeiter Funktionen: Nutzerliste Betriebskostenaufstellung Ableseergebnisse business in the fast lane 61

62 Tarifkundenportale Heiz- und Betriebskostenabrechnung Nutzerliste: Übermittlung der aktuellen Nutzerliste für eine Verbrauchsstelle + Knopf zum Hinzufügen weiterer Einheiten business in the fast lane 62

63 Tarifkundenportale Heiz- und Betriebskostenabrechnung Betriebskostenaufstellung: für eine Verbrauchsstelle die Heizkosten und Betriebskosten übermitteln + Knopf zum Hinzufügen weiterer Posten business in the fast lane 63

64 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 business in the fast lane 64

65 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 business in the fast lane 65

66 Akquiseportal Aufnahme Postleitzahl, Ort, Verbrauch, Tarif business in the fast lane 66

67 Akquiseportal Anzeige Preise und Kosten business in the fast lane 67

68 Akquiseportal Identifikation Zähler business in the fast lane 68

69 Akquiseportal Identifikation Verbrauchsstelle und Prozesswahl business in the fast lane 69

70 Akquiseportal Lieferantenwechsel Produktwechsel business in the fast lane 70

71 Akquiseportal Angabe der Partnerdaten (privat oder geschäftlich) nach Lieferantenwechsel oder Produktwechsel Direkt bei Neueinzug business in the fast lane 71

72 Akquiseportal Angabe der Bankverbindung Anstelle Bankleitzahl und Kontonummer: IBAN, sowie SEPA-Lastschrifterteilung business in the fast lane 72

73 Akquiseportal Übersicht und Abschluss Übermittlung der Daten in das Backend business in the fast lane 73

74 Auswertung mit Fastlane Tracking Beispiel Methode zum Maskenwechsel wird auf Java-Seite angesprochen und geloggt business in the fast lane 74

75 Auswertung mit Fastlane Tracking Logging-Daten liegen in der Portal-Konfigurationstabelle Zur Demonstration einfache Listen Auswertung Datenbank beinhaltet große Menge an Daten business in the fast lane 75

76 Auswertung mit Google Analytics Auswertung über eigenes Konto bei Google Beispiel: business in the fast lane 76

77 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 business in the fast lane 77

78 Auswertung mit Google Analytics Google Analytics kann einzelne Ereignisse auf einer Webseite abfangen Hier können die vorher genannten Ereignisse auftauchen business in the fast lane 78

79 Energieeffizienz Portal Startseite business in the fast lane 79

80 Energieeffizienz Portal Filialansicht: Nach Ort und Standort hierarchisch geordnet. Ansicht über alle Zähler business in the fast lane 80

81 Energieeffizienz Portal Filialansicht: Nach Ort und Standort hierarchisch geordnet. Ansicht über alle Zähler business in the fast lane 81

82 Energieeffizienz Portal Übersicht über alle generierten Berichte business in the fast lane 82

83 Energieeffizienz Portal Übersicht über alle generierten Berichte Download als PDF-Dokument Dynamisch generiert und konfigurierbar business in the fast lane 83

84 Energieeffizienz Portal Bericht zusammenstellen: Kennzahlen und Zähler per Drag&Drop zusammenstellen business in the fast lane 84

85 Energieeffizienz Portal Bericht zusammenstellen: Kennzahlen und Zähler per Drag&Drop zusammenstellen business in the fast lane 85

86 Energieeffizienz Portal Bericht zusammenstellen: Kennzahlen und Zähler per Drag&Drop zusammenstellen PDF wird generiert business in the fast lane 86

87 Energieeffizienz Portal Bericht zusammenstellen: der neue Bericht ist nun auch im Download-Bereich verfügbar business in the fast lane 87

88 Energieeffizienz Portal Individuelle Konfiguration von Oberflächen Beispiel eworld business in the fast lane 88

89 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 business in the fast lane 89

90 Energieeffizienz Portal Drag&Drop Graphische Elemente und Zähler zusammenführen Beispiel mit Liniendiagramm business in the fast lane 90

91 Energieeffizienz Portal Ansicht unter Menüpunkt hat sich aktualisiert business in the fast lane 91

92 Tarifkundenportale Heiz- und Betriebskostenabrechnung Für Hausverwalter Angabe von verschiedenen Kennzahlen Übermittelung an das Backend als oder Workitem an Sachbearbeiter Funktionen: Nutzerliste Betriebskostenaufstellung Ableseergebnisse business in the fast lane 92

93 Heiz- und Betriebskostenabrechnung Heiz- und Betriebskostenabrechnung Nutzerliste: Übermittlung der aktuellen Nutzerliste für eine Verbrauchsstelle + Knopf zum Hinzufügen weiterer Einheiten business in the fast lane 93

94 Heiz- und Betriebskostenabrechnung Heiz- und Betriebskostenabrechnung Betriebskostenaufstellung: für eine Verbrauchsstelle die Heizkosten und Betriebskosten übermitteln + Knopf zum Hinzufügen weiterer Posten business in the fast lane 94

95 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 business in the fast lane 95