Es geht um das Zusammenspiel zwischen dem JavaScript-basierten LightWindow (dient grob gesagt dazu, um ein Fenster im Fenster animiert anzuzeigen und zu steuern – Einsatz z.B. für Großansichten von Bildern) und AJAX-Aufrufen im Allgemeinen.

LightWindow im Einsatz beim CakePlanner

In meinem Fall habe ich eine CakePHP-Applikation, die auf Anforderung gewissen Seitenteile per AJAX austauscht. Sowohl auf der Startseite, als auch auf dem nachgeladenen Bereich sind Links verbaut, die die jeweils verlinkten Inhalte in einem LightWindow darstellen sollen.
Auf der Startseite funktionierte das beim Testen auch prächtig. Lud ich jedoch einen Seitenteil nach, wurden die LightWindow-Links unschön “ganz normal” im Browser geöffnet, anstatt im LightWindow.

Ursache: Beim Nachladen verliert LightWindow den Bezug zu den vorhandenen DOM-Objekten (z.B. den Links) und kann dann nicht mehr wie gewünscht auf ein onClick-Event reagieren.

Lösung: Nach dem Nachladen muss die jeweilige LightWindow-Instanz re-initialisiert werden.

Bei mir sah das dann so aus:


<script type="text/javascript">
myLightWindow.initialize();
</script>


Dieses Code-Snippet ziert nun den jeweiligen, nachgeladenen Bereich und siehe da: die Links wurden wieder sauber im LightWindow geöffnet.

[1] LightWindow: http://www.stickmanlabs.com/lightwindow/
[2] CakePHP: http://www.cakephp.org/
[3] CakePlanner: http://sourceforge.net/projects/cakeplanner/

Die Web-Evolution wird es weiter ausbauen – und zwar in 3D!

Gerade schneite hier die Meldung über Googles O3D API herein, mit dessen Hilfe sich 3D-Inhalte direkt im Browser rendern lassen. Und zwar in Echtzeit. Ich bin beeindruckt. Was das für künftige Webinhalte bedeutet, kann ich gerade nur erahnen…

Schaut Euch mal das Video dazu an:

[Update 25.05.2010]

Einer Kurzmeldung der Zeitschrift iX (Ausgabe 6/2010, S. 28) zufolge will Google

[...] seine 3D-Schnittstelle O3D zugunsten einer JavaScript-Bibliothek für den OpenGL-Abkömmling WebGL aufgeben.

Schade eigentlich, war ich doch außerordentlich gespannt auf 3D-Inhalte im Web…

Man nehme:

• eine Cake-Applikation
• Scriptacolous
• ein simples Template
• ein DIV mit ID- und class-Attributen
• eine ausgelagerte CSS-Datei, die sowohl ID, als auch class formatiert (u.a. mit display:none)
• die Absicht, das DIV per appear()-Effekt erscheinen zu lassen

Ich bastelte mir also den wunderbaren Scriptacolous-Effekt in meine Applikation und was passierte?
Nichts! Nada!
Firebug meldete mir keinen Fehler und ein vorgeschaltetes, verzweifeltes alert(); tat seinen Dienst anstandslos.

Einige Versuche später kam mir die Idee…nehmen wir das display:none mal aus der CSS-Datei heraus und implementieren es direkt per Style ins Template. Und siehe da…appear() tat anstandlos seinen Dienst!

Leider habe ich auf die Schnelle keine offizielle Stellungnahme finden können, ob es sich dabei um einen bekannten Bug handelt, aber ganz offenbar liegt hier ein solcher vor…

Jetzt seid Ihr gefragt…falls Ihr weiterführende Links dazu habe, dann ab in die Kommentare damit.

Es war einmal ein Fantasy-Textadventure namens Zork, damals, 1977. Noch vor meiner Zeit.
Nun schickt man sich an, dieses historische Stück Software, das ursprünglich am MIT von einem Studenten entwickelt wurde, ins Web 2.0 – Zeitalter zu hieven. Mit Legends of Zork soll in nicht allzu ferner Zukunft das Remark erscheinen.

Zwar bin ich kein ausdrücklicher Adventure-Fan, sondern eher der Rollenspieler, dennoch bin ich gespannt auf das Projekt und habe mich auf die Infoliste setzen lassen…

Da ich ja immer alles ausprobieren muss, habe ich mir direkt den Windows-Client installiert (es folgt auch noch die Linux-Variante), was erfreulicherweise ganz ohne Admin-Rechte funktionierte.
Recht nahtlos integriert sich der Client in die Systemumgebung und agiert schnell und unauffällig im Hintergrund. Schiebt man Dateien in den Dropbox-Ordner, werden diese automatisch ins Netz gesynct.

Und da kommen auch schon meine Bedenken hoch:
Wer garantiert mir, dass weder der Anbieter, noch sonst wer meine Daten lesen kann?
Laut Linux User verschlüsselt Dropbox die Daten vor dem Upload, so dass zumindest der Transfer sicher ist. Gut. Doch besteht derzeit noch keine Möglichkeit, die Daten mit einem eigenen Schlüssel zu versehen, so dass die Jungs und Mädels von Dropbox theoretisch meine Daten lesen können.
Und das hält mich momentan noch davon ab, private, unverschlüsselte Daten dort hochzuladen…

Da kommt mir aber eine Idee…wie wäre es, die Daten per TrueCrypt in einer verschlüsselten Partition zu verschlüsseln und dann bei Dropbox hochzuladen…

Ich bin mal eben weg…ich muss da was testen.

Dann habe ich hier etwas für Dich, nein, Verzeihung…genau genommen haben Adrian und Andre Liem etwas für Dich, ihre Zeichns Webentwickler bei midstride.com.

Und zwar formulierten die beiden die 5 wichtigsten Dinge, auf die ein PHP-Entwickler achten sollte.

Here we go…

1. Nutze ein MVC-Framework (in meinem Fall ist das CakePHP). Es organisiert Dein Projekt, erhält die Übersicht des Quellcodes und erhöht damit auch die gesamte Qualität.
2. Nutze ein AJAX-Framework. Ich persönlich nutze noch keins, versuche mich aber mit jQuery anzufreunden. Die leuchtenden Auge der “Klicki-Bunti”-Fraktion werden es Dir danken.
3. Nutze eine gute IDE. Ich kann sowohl PHPEclipse (kostenlos), als auch Zend Studio (lizenzpflichtig) empfehlen, wobei mir Zend noch einen Ticken besser gefällt. So behältst Du deine Projektdateien immer im Griff.
4. Nutze eine Datenbank-Management-Software. Asche auf mein Haupt. Außer phpMyAdmin fand noch keine derartige Software den Weg in meine Gefilde. Der DBManager 4 hat gute Ansätze, enthält mir aber noch zu viele Bugs (ist aber immerhin für Linux verfügbar).
5. Nutze einen OR-Mappers. Wat für ein Ding? OR-Mapper dienen wohl als Middleware zwischen Business-Logik und der Datenbank selbst und erleichtern so die Entwicklung. Leider kosten sie auch dann und wann etwas Performance.

Das eine oder andere können wir also noch lernen…kennt jemand einen guten OR-Mapper?

Parlameter Screenshot

Die Rede ist vom ZDF-Parlameter.
Hier hat die ZDF-Redaktion ein – nennen wir es ruhig Mashup – zusammengestellt, mit dem mein Traum vom gläsernen Parlamentarier Wirklichkeit wird. Zugegeben: das Thema “gläserner Mensch” sehe ich ausgesprochen kritisch. Aber: in Zeiten von Vorratsdatenspeicherung und Fluggastdatenerhebung finde ich es nur recht und billig, dass wir Bürger die einfache Möglichkeit haben nachzuvollziehen, wie unsere Volksvertreter handeln.
Und genau das zeigt uns das Parlameter. Zu diversen Abstimmungen zeigt das Parlameter detailliert an, wer wie gestimmt hat. Zusätzlich bietet es über jeden Parlamentarier zusätzliche Information an. Darunter so Nettigkeiten wie ein kurzes Profil, Nebentätigkeiten, Parteiämter, Kontakt und Stimmverhalten.
Das Profil samt Geburtstag und Familienstand finde ich für meinen Geschmack etwas zu detailliert, aber insbesondere die Nebentätigkeiten und das Stimmverhalten finde ich ausgesprochen interessant. Lassen sich doch so eventuell vorhandene Befangenheiten und wirtschaftliche Interessen erkennen, die in einer Demokratie nichts zu suchen haben.

Wer sich selber mal einen Überblick verschaffen möchte, schaue also im ZDF-Parlameter vorbei.

Da kam mir ein Tool namens Zoundry Raven gerade recht.

Das Windows-Tool bietet die Möglichkeit, offline Blogeinträge in einem komfortablen WYSIWYG-Editor zu verfassen und dann auf einen oder mehrere Blogs zu posten.
Der Rabe unterstützt dabei vielerlei Blogsysteme, eine Liste darüber konnte ich allerdings nicht finden. Ledglich folgender Screenshot zeigt die offenbar unterstützten Bloggingsysteme:

Wer mir alle Namen der Bloggingsysteme nennen kann, bekommt ein Fleißkärtchen von mir.

Was mich besondern glücklich stimmte, war die Tatsache, dass sich Zoundry Raven auch als Portable App, also als portable Applikation installieren lässt.
Das ist besonders für solche Rechner praktisch, die über keine Administrationsrechte verfügen oder aber für mobile Zeitgenossen, die gerne alle wichtigen Programme auf einem USB-Stick in der Hosentasche mit sich tragen.

Zunächst trübte die englische GUI das Gesamtbild ein wenig, die sich aber offenbar auf Deutsch umrüsten lässt. Hinzu kommt noch eine optionale Rechtschreibprüfung, die bei der Aktivierung im Konfigurationsmenü automatisch aus dem Internet heruntergeladen und installiert wird.

Mit diesem netten, kleinen Editor lassen sich also nicht nur schnell und komfortable Blogposts erstellen, sondern diese werden auch in einer Art Baumstruktur nebst Tags und Kategorie verwaltet.

Mein Fazit:

Daumen hoch und Runterlad-Befehl!

Technorati : Blogging, Software, Test
Del.icio.us : Blogging, Software, Test
Zooomr : Blogging, Software, Test
Flickr : Blogging, Software, Test