Das wir das ganze mit PHP und MySQL umgesetzt haben, sollte einigermassen klar sein. Natürlich kommt auch hier wieder das deam.org-framework zum Einsatz.

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“

(more…)

Wer weiß schon wieviel Strom er verbraucht? Bei der Jahresabrechnung kommt dann immer das dicke Ende.
Aus diesem Grund schreiben sich viele Menschen aus meinem Freundes- und Bekanntenkreis Zählerstände auf. Mal mehr und mal weniger häufig. Es geht darum ein Gefühl zu bekommen, wieviel man denn da an Ressourcen nutzt.

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.

Ein Projekt mit einigen Herausforderungen:
Zum einen sollte die Ladezeit “gut” sein und zum anderen war natürlich auch ein optischer Anspruch vorhanden.

Der Schwerpunkt der Seite ist die Galerie und damit natürlich ein Problem bzgl. der Ladezeit. Daher haben wir uns gegen eine Thumbnailansicht entschieden. Die etwas “größeren Kleinansichten” bieten eine gute Vorauswahl – die meisten Bilder sind nicht größer als 15kb. Die Großansichten sind alle meistens zwischen 100 und 150kb – und nur wenige Ausnahmen sind größer als 200kb.
Die Bildauswahl wurde entsprechend getroffen um die Bandbreite Schreiner-Arbeiten klar herauszustellen.

Das technische Detail für die Ladezeit sind kombinierte und komprimierte CSS- und Javascript-Files. Der Unterschied lässt sich am Besten an der Startseite festmachen: Die Entwicklerversion hat 592kb und die Liveversion hat 325kb. Wobei ca. 230kb an Bildern bei beiden Versionen gleich ist.

Aus technischer Sicht war bei diesem Projekt für uns auch wieder entscheidend folgende Rahmenbedingungen einzuhalten:

• sauberes und kleines HTML (es sollte auch jede Seite valide sein)
• “graceful degradation”: D.h. bei Nichtverfügbarkeit von Javascript und/oder CSS soll der Inhalt weiterhin zugreifbar sein
• Browserkompatibilität (die Seite funktioniert auch verhältnismässig gut im InternetExplorer 6)

Viel Spass auf der neuen Website http://www.schreinerei-braeu.de/

After my first release on last sunday I have to put out a first bugfix-version. So everything from the first post on this still fits, except:

• IE6 seems to go crazy with it. So I decided to remove support for all IE-browsers with version 6 and smaller – no worry, it degrades nicely.
• IE7 and IE8 of course do not support “opacity:value” in CSS. So the initial set-up with div-elements looked a bit strange. I integrated a small check with $.support.opacity on the append()-part.
• the plugin works nicely with jQuery 1.4.2 – demos are updated now.

Demos: demo1 jQuery 1.3, demo1 jQuery 1.4, demo2 jQuery 1.3, demo2 jQuery 1.4

Downloads: the minified version (2.2kb) or the full source.

btw.: I plan to publish it on the jQuery-plugins-page if I’ve rewritten the loop()-function – so maybe with version 0.4.

Today is release-day ;)

I’ve sometimes webservers with very limited access. You probably know those too.
And it’s not always helpful to upload phpMyAdmin – especially if you only need to do basic stuff.

A little helper that I’ve created a long time ago is now “cleaned and ready to be shared”. directmysqldump is a pretty simple helper to dump a whole MySQL-schema. You only have to set your credentials and upload it to your webserver. Then point your browser to the location and you should have an output ready that looks almost like the command-line mysqldump.

But please: Don’t leave the script on the server.
The best thing to do is putting it into a protected folder and have https ready to download your output over a secure channel.
If you leave it unprotected on your server… at least don’t blame me.

And here you can get the directmysqldump-script.

Keep in mind: It’s only a small helper. If you want more functionality, then code it yourself or use a large toolset like phpMyAdmin.

[update]
Ein kleiner Hinweis von einem Freund: Ich soll http://www.mysqldumper.de/ empfehlen als “Zwischenschritt” zu phpMyAdmin. Ist hiermit geschehen :-)