Stadtwerke Winsen (Luhe)

Aktualisierte Konzeptionvom 13.06.2016

PDF Download

Modul Tarifrechner

Entwicklung des Modul Tarifrechner, welcher als Modul in jede beliebige Seite eingebunden werden kann. Das Modul wird in Form eines "2-Tab-Rechners" programmiert (Strom-Kunden / Gas-Kunden).

1) Funktionsweise Reiter Strom:

Es gibt vier Input-/Interaktionsfelder sowie einen Submit-Button. Felder: PLZ, Stadtteil, Jahresverbrauch, Personen Die PLZ-Eingabe löst bei Vollständigkeit (5 Stellen) einen Ajax-Request (asynchrone Datenübertragung) an den Server aus, um die Gültigkeit der PLZ zu überprüfen. Das zurückgelieferte Server-Ergebnis beinhaltet einerseits das PLZ-Prüfergebnis sowie einen Statusindikator, ob die Eingabe eines Stadtteils zusätzlich nötig ist. Bei einer inkorrekten PLZ wird eine Fehlermeldung in unmittelbarer Nähe zum Inputfeld dargestellt. Sollte die Kunden-PLZ die Eingabe eines Stadtteils voraussetzen, blendet ein Select-Menü mit allen passenden Stadtteilen ein, welches der Kunde zusätzlich selektieren muss. Der Jahresverbrauch kann manuell eingegeben werden oder wird bei Klick auf die Personen-Buttons (1, 2, 3, 4 oder 5 Personen) mit einem entsprechenden Default-Wert gefüllt. Bei manueller Verbrauchsangabe wird die Anzeige für die Personenzahl deaktiviert. Der Submit-Button sendet die Werte zur Auswertung an die von der IVU GmbH spezifizierte Portal-Adresse.

2) Funktionsweise Reiter Gas:

Es gibt vier Input-/Interaktionsfelder sowie einen Submit-Button. Felder: PLZ, Jahresverbrauch, Quadratmeter Texteingabe, Quadratmeter-Vorauswahl Die PLZ-Eingabe löst bei Vollständigkeit (5 Stellen) einen Ajax-Request an den Server aus, um die Gültigkeit der PLZ zu überprüfen. Das zurückgelieferte Server-Ergebnis beinhaltet das PLZ-Prüfergebnis. Bei einer inkorrekten PLZ wird eine Fehlermeldung in unmittelbarer Nähe zum Inputfeld dargestellt. Der Jahresverbrauch kann manuell eingegeben werden oder wird bei Klick auf die Quadratmeter-Vorauswahl-Buttons (Werte müssen noch definiert werden) mit einem entsprechenden Default-Wert gefüllt. Bei manueller Verbrauchsangabe wird die Quadratmeter-Vorauswahl deaktiviert. Der Submit-Button sendet die Werte zur Auswertung an die von der IVU GmbH spezifizierte Portal-Adresse.

Generell erfolgt bei Klick auf Submit eine Plausibilität- und Statusprüfung der zu übermittelnden Daten. Bei fehlerhaften Angaben erfolgt ein Hinweis für den Kunden ohne Formularübermittlung.

Die PLZ- und Stadtteil-Listen werden von der IVU GmbH in digitaler Form zur Verfügung gestellt (CSV od. XML od. JSON) und von uns für die Ajax-Requests zwischen Browser und Server in eine passende Datenbankform konvertiert.

Reiter Gas: Quadratmeter-Vorauswahl-Werte sowie eine Formel bzw Werteliste zur Berechnung des Jahresverbrauchs bei manueller Quadratmetereingabe kommt seitens STW Winsen (oder auch von der IVU GmbH ?).

Modul V-Card

Entwicklung des Modul zur zentralen Verwaltung von Visitenkarten. Diese können dann auf der Seite als Inhaltselement für Ansprechpartner, Kontaktpersonen und in der Team-Mitglieder-Liste in zwei verschiedenen Versionen (mit/ohne Portrait) dargestellt werden. Die Visitenkarten werden Abteilung(en) zugeordnet. Diese Abteilungen können im Vorweg übers Backend angelegt werden. Eingabefelder der Visitenkarte sind Foto, Name, Telefon, Abteilung, Email und „persönlicher Spruch“. Bei Änderungen an einer V-Card im Backend sind diese im Frontend global gültig.

Modul Rechnungserklärung

Dieses Modul funktioniert analog zum Beispiel auf der HamburgEnergie Seite (Tooltips auf Bildern, Legende in Akkordeon-Darstellung). Das Tool wird lediglich im Frontend per Javascript, HTML und CSS umgesetzt und ist nicht per Backend zu verwalten.

Modul Breaking News

Mit diesem Modul lässt sich ein „Breaking News“-Teaser (Overlay) darstellen, der nicht auf die Startseite begrenzt ist. Per Backend lässt sich der Teaser mit einfachen Mitteln gestalten (Text, Bild und Verlinkung) und datum- und zeitbasiert aktivieren. Im Frontend wird dem User bei einem Erstbesuch das Overlay gezeigt, unabhängig von der Einstiegsseite. Die Anzeige wird in einem Cookie gespeichert – damit wird verhindert, dass der User permanent den Teaser zu sehen bekommt. Dieser Cookie hat eine Verfallszeit und garantiert, dass ein wiederkehrender Besucher News-Teaser erneut gezeigt bekommt. Wir empfehlen dabei eine Cookie-Laufzeit von mindestens 14 Tagen.

Modul Aktuelles

Auf der Übersichtsseite werden News-Teaser (mit od. ohne Bild) einzelner Beiträge chronologisch (nach Erstellungsdatum) gelistet. Bei Klick auf „mehr lesen“ gelangt der User auf eine Detailseite mit ausführlichem Text und Bildern. Aus SEO Sicht macht diese Standarddarstellung der News mehr Sinn als der Vorschlag per Klick auf „Mehr lesen“ Content einblenden oder gar nachladen zu lassen. Diese Contao-Grundfunktionalität erfordert die Einrichtung und Konfiguration zweier Module: News-Listing und News-Reader (Detailseite).

Das Erstellungsdatum wird im Frontend nicht mit ausgegeben. Durch Änderung des Datums kann die Reihenfolge der Artikel auch nachträglich angepasst werden.

Es wird per Backend ein News-Feed verwaltet, dieser liefert den Content für „Über uns » Aktuelles“.

Seiten inkl. Unterseiten

1) Startseite: 1

> Templates:        B

2) Privatkunden: 7

> Templates:        A / B

3) Geschäftskunden: 5

> Templates:         A

4) Service: ~ 40

> Templates:         A / C

5) Über uns: ~ 15

> Templates:        A / D / E / F

6) Footerlinks: 3

> Templates:        A

Templates

Folgende Templates haben wir aus dem bisherigen Content-Konzept ermittelt. Hinweis: Einzelne Webseiten mit zugewiesenem Template müssen nicht zwangsläufig jede vorgesehene Komponente beinhalten.

A) Komponenten: Navigationen, Text(e), Bild(er), Downloadlink(s), V-Card

B) Komponenten: Navigationen, Text(e), Bild(er), Downloadlink(s), V-Card, Teaser, Karte mit PLZ, Rückruf-Formular

C) Komponenten: Navigationen, Text(e), Rechnungserklärungs-Modul

D) Komponenten: Navigationen, Text(e), Akkordeon, Timeline

E) Komponenten: Navigationen, Text(e), News-Modul (Liste & Detail)

F) Komponenten: Navigationen, Text(e), Artikel-Listing & -Detail