Die Seite sollte sich jetzt nicht anders verhalten wie bisher – idealerweise in modernen Browsern etwas schneller.

Die Hochrechnungen für Monate und Jahre sollte jetzt auch runder funktionieren. Die Jahres-Hochrechnung ist aber weiterhin noch auf den aktuellen Monat beschränkt. Das zu Erweitern steht jetzt dann als nächstes mit auf dem Plan – voraussichtlich Anfang 2012 sollte es diese Funktion dann geben und eine ensprechende Anpassung der Diagramm-Ansicht.

https://www.hausverbrauch.de/

Ich bitte um Fehlermeldungen an die bekannte eMail-Adresse kontakt@hausverbrauch.de

https://www.hausverbrauch.de/

Die neue Version 0.40 zum 07.03.2011 enthält jetzt die Möglichkeit die Diagramm-Ansicht als PNG, JPEG, PDF oder SVG herunterzuladen.
Ausserdem ist jetzt eine Druckansicht gegeben.

Wer www.Hausverbrauch.de noch nicht nutzt, kann sich hier kostenlos registrieren.

Nachdem in der letzten Version die Kostenrechnung eingeführt wurde, kann dies nun auch im Diagramm dargestellt werden. Und dabei haben wir gleichzeitig die Technik gewechselt. Das neue Diagramm basiert auf “Highcharts” – sieht besser aus und funktioniert auch auf modernen Smartphones. Wobei wir trotzdem empfehlen die Diagrammfunktion primär mit einem modernen Browser auf dem heimischen Computer zu betrachten.

Achja: Ganz nebenbei haben wir begonnen das gesamte Erscheinungsbild zu vereinheitlichen und aufzuräumen.

Bei Fragen, Problemen oder Ideen, bitte eine eMail an kontakt@hausverbrauch.de

Wir arbeiten jetzt noch an der Verfeinerung der Hochrechnung und werden als nächstes auch die Diagramm-Ausgabe erweitern.

Testen Sie kostenlos und unverbindlich https://www.hausverbrauch.de/

Im aktuellen Newsletter des ZEN wird jetzt auch auf Hausverbrauch.de hingewiesen. Vielen Dank dafür von dieser Stelle!

Den Newsletter kann ich auch für alle empfehlen, die nicht im Landkreis Amberg-Sulzbach leben und arbeiten.

Das Update vom 06.10. (Version 0.31) enthält u.a.

• die Funktion “Zählertausch” um die Statistik bei einem Austausch des Zählers nicht zu verfälschen – diese Markierung eignet sich auch, wenn der Zähler über sein Maximum hinausgelaufen ist.
• eine Erinnerungsfunktion per eMail oder Twitter
• Optimierungen für MobileSafari (iPhone, iPod-Touch) und den Versuch das für Android-Handys ebenfalls besser zu machen (das steht für die nächsten Versionen auf der ToDo-Liste ganz weit oben)
• einige Bugfixes für die Statistikfunktion

Das Update vom 06.10. war allerdings nur ein Zwischenschritt um das Warten auf die echten Statistiken ein bisschen zu Verkürzen – am 16.10. wurde dann u.a. folgendes eingeführt:

• Statistikfunktion für Jahres- und Monatsverbrauch sowie Anzeige der Tagesdurchschnitte + Darstellung in der Diagramm-Ansicht
• besserer Export bei den Zählerständen
• Bugfix beim Import von Zählerständen (es gab bei bestimmten Situationen einen Zeitzonenfehler)
• Optische Anpassungen für InternetExplorer 7 und 8 (Version 6 wird nicht offiziell unterstützt)
• Javascript-Cache über das “localStorage”)*

Es fehlen jetzt noch ein paar kleinere Dinge (z.B. die Android-Optimierung oder die Info wann die Statistik das letzte Mal aktualisiert wurde) und deshalb bleibt die Registrierung noch auf die Einladungsschlüssel limitiert. Sofern sich keine größeren Fehler zeigen und die fehlenden Punkte schnell abzuarbeiten sind, dürfte die Registrierung Anfang November für alle freigeschaltet werden – als “beta” wird die Seite aber noch eine ganze Weile laufen.

Ein Tutorial-Video für die neuen Funktionen wird es ebenfalls in kürze geben.
Bei Fragen zum Projekt bitte entweder eine eMail schicken oder via Twitter folgen.

)* Das “localStorage” wird z.B. durch InternetExplorer 8, Firefox 3.5 oder Chrome 4 unterstützt. Für Hausverbrauch.de nutzen wir diesen Speicherplatz als Cache für diverse Javascript-Funktionen (u.a. für die Diagrammfunktionen). Es werden dabei keine persönlichen Daten zwischengelagert. Es geht vielmehr darum, den Seitenaufbau und die Funktionen der Seite schneller zu machen.

Im Kern wollen wir in den nächsten Wochen folgende Punkte erledigen:

1. Statistikmodul: D.h. zum einen die Optimierung der Diagrammansicht und zum anderen fehlen noch diverse Durchschnittswerte und Summeninformationen.
2. Benachrichtigung: Eine konfigurierbare Erinnerungsfunktion um die neusten Zählerstände zu erfassen.
3. Weitere Optimierung auf mobile Geräte (wir suchen unbedingt noch Personen die mit Android-Handys arbeiten)

Ausserdem gibt es natürlich noch eine Vielzahl kleiner Geschwindigkeitsoptimierungen und Browseroptimierungen (inzwischen sollten InternetExplorer-Benutzer ab Version 7 keinen Stress mehr haben :)

Bitte wenden Sie sich an kontakt@hausverbrauch.de oder folgen Sie uns auf https://twitter.com/hausverbrauch.

Da die Registrierung derzeit limitiert ist, haben wir eine kleine Anleitung aufgezeichnet wie das ganze funktioniert.
Alles ist noch beta im Bezug auf Hausverbrauch.de und die Informationen die wir dazu zusammenstellen… deshalb sind auch nicht alle Versprecher aus dem Tutorial entfernt worden ;)

Wir freuen uns auf Rückmeldungen via kontakt@hausverbrauch.de oder via Twittertwitter.com/hausverbrauch/

Interessanter ist es einige andere Aspekte der Umsetzung zu beleuchten. Nur zur Erinnerung: wir sind noch nicht fertig und es gibt noch eine grosse Menge an Bestandteilen, die optimierungsbedürftig sind.
Ich werden über die nächsten Wochen in loser Folge über einige der “Frontend-Aspekte” schreiben. Vor allem auch über das “Warum” einzelner Entscheidungen.

Die Schwerpunkte bisher waren:

1. Ladezeit: Alles kombinieren und komprimieren.
2. Verteilung: Statische Bestandteile nicht via www.hausverbrauch.de, sondern via Amazon-S3
3. ein Markup: Die mobile Version unterscheidet sich im HTML-Markup nicht von der Desktop-Version
4. kein IE6: naja – eigentlich mehr nach dem Motto “CSS3 anstatt Workarounds“

Ladezeit

Die Startseite von https://www.hausverbrauch.de/ löst aktuell 6 Requests aus und hat knapp 120kb an Datenmenge zu transferieren.
Das ist zugegebenermassen noch immer zu viel. Das reine HTML in gepackter Form schlägt mit nur 2,4kb zu Buche und das Logo erreicht fast 16kb.

Der Löwenanteil ist das “combo.min.gz.js” mit fast 92kb.
Dieses Javascript-Bundle ist noch wenig optimiert. Es enthält diese Einzelpakete:

• jquery-1.4.2.min.js
• jquery.cookie-1.0.min.js
• jquery-ui-1.8.custom.min.js
• jquery.bgiframe-2.1.1.min.js
• jquery.passStrengthener-0.9.1.min.js
• jquery.tooltip-1.3.min.js
• jquery.scrollTo-1.4.0.min.js
• jquery.flot.min.js
• jquery.flot.selection.min.js
• functions.min.js

Den verhältnismässig größten Anteil übernimmt jQuery-UI. Wir verwenden nicht alle UI-Funktionen, dennoch ist das ganze Paket enthalten. Das wollen wir im Laufe der Beta-Phase noch korrigieren. Aktuell gehe ich davon aus, das wir für “combo.min.gz.js” im gepackten Zustand etwa 50kb erreichen können.

Ausserdem enthält “combo.min.gz.js” auch Scripte die in der mobilen Version nicht zum Tragen kommen. Hier werden wir noch überlegen inwieweit eine getrennte Auslieferung hier vielleicht noch Vorteile bringen kann.

Randbemerkung:
Es wird landläufig empfohlen Javascript-Files nicht im <head>, sondern am Ende des <body> zu platzieren, da ein JS-Download im <head> “blocking” ist. Das ist allerdings nicht ganz unproblematisch und bedeutet auch, das bestimmte Funktionen noch nicht nutzbar sind. Man muss hier im Grunde dann sehr stark mit DOM-Operationen arbeiten und das ist zumindest bei IE7 und IE8 nicht wirklich spassig (jedenfalls nicht, wenn man einen betagten WIndows-Rechner im Einsatz hat).

Zum Kombinieren und Komprimieren verwende ich ein einfaches Shell-Script. Hier ein beispielhafter Codeauszug:

#!/bin/bash
echo '** kombiniere alle js-files'
cat htdocs/static/libraries/jquery-1.4.2.min.js > htdocs/static/libraries/combo.min.js
cat htdocs/static/libraries/jquery.cookie-1.0.min.js >> htdocs/static/libraries/combo.min.js
cat htdocs/static/libraries/jquery-ui-1.8.custom.min.js >> htdocs/static/libraries/combo.min.js
cat htdocs/static/libraries/functions.min.js >> htdocs/static/libraries/combo.min.js

echo 'gzip-Version'
gzip -9 < htdocs/static/libraries/combo.min.js > htdocs/static/libraries/combo.min.gz.js

Die Dateiendung hat seinen Sinn:
Entweder hat man einen Apache mit mod_headers und kann dann eine solche Konfiguration einsetzen:

<FilesMatch "(.gz.js|.gz.css)$">
        Header add "Content-Encoding" "gzip"
</FilesMatch>

Oder man verwendet Amazon-S3 und setzt den “Content-Encoding”-Header beim Upload der Datei auf “gzip”.

Achja: Das Minify machen wir derzeit mit dem yuicompressor-2.4.2.jar. Das hat mehr oder weniger historische Gründe. Ich werde mir bei Gelegenheit noch Alternativen ansehen.

Bei manchen geht das auch etwas weiter. Sie wollen Maßnahmen gegen erhöhten Verbrauch ergreifen. Die Motivation kann durchaus eine ökologische Einstellung sein. Ich persönlich vermute aber, das es uns auch auf die €-Summe rechts unten auf der Jahresabrechnung ankommt.

Jetzt gibt es – gerade bei Strom – eine neue, bunte Zukunft. Diverse große Energiekonzerne fahren Kampagnen für “intelligente Stromzähler” (seit Jahresanfang sind intelligente Stromzähler im übrigen Pflicht bei Neubauten und grundlegenden Renovierungen). Einfach ein bisschen online sein und schaun was passiert, wenn man den Wasserkocher anschaltet.
Nur dumm das der Energiekonzern das dann auch weiß.
Ausserdem gibt es diese Stromzähler nicht überall.

Da ich selbst fleissig schreibe und mich diese Spreadsheet-Sache von Anfang an genervt hat, haben wir ein neues Projekt ins Leben gerufen: https://www.hausverbrauch.de/

Diese Seite soll ein Hub werden. Bestehende Daten importieren, Pflegen, Exportieren, Diagramm-Ansichten, etc.

Wir stehen am Anfang.
Deshalb gibt es derzeit nur Zugänge auf Basis von Einladungen mit entsprechenden Schlüsseln. Ich werde im Anschluss an diesen Blogeintrag 5 Schlüssel auf dem Hausverbrauch.de-Twitter-Feed veröffentlichen.