Good-bye Deutschland. Hier ist leider vorerst Sendepause, denn ich habe mich dazu entschlossen, Deutschland und Europa zu verlassen und mir die USA, genauer gesagt das sonnige Kalifornien und den Silicon Valley einmal genauer anzuschauen. Ich verbringe also das nächste halbe Jahr bei einer Internetfirma in Palo Alto, in direkter Nähe zu den treibenden Kräften der IT-Branche, wie Google, HP oder Apple. Die restliche Zeit meines Visums wird anschließend dazu genutzt, Amerika zu bereisen.

Doch ich komme wieder, schließlich muss ich noch das letzte Semester meines Studiums in Stuttgart hinter mich bringen. In diesem Sinne: Auf bald!

Nach 3-monatiger Entwicklungszeit haben Jonas und ich am Donnerstag auf der MediaNight der HdM Stuttgart unser Semesterprojekt vorgestellt: Mana Story ist ein Actionspiel auf der Xbox 360 für 1 oder 2 Spieler - die Spieler steuern ihre Figuren von links nach rechts über den TV-Bildschirm und prügeln sich dabei auf dem Weg zum Endgegner durch allerhand farbenfrohe Gegner. Oben ist ein Gameplay-Video mit einem Spieler zu sehen in dem ein paar der Gegnertypen sowie der erste Zwischengegner vorgestellt werden.

Das Spiel ist bei allen Besuchern sehr gut angekommen - abgesehen von einem kleinen Programmierfehler, der sich eingeschlichen hatte weil der Programmcode erst in der allerletzten Minute fertig wurde: Der Endgegner hatte das 3-fache seiner ursprünglich angedachten Lebensenergie und war dadurch nicht mehr zu besiegen. Das dachten wir zumindest, bis uns zwei Kinder im Alter zwischen 8 und 12 Jahren nach 3-stündigem Training eines besseren belehrten.

Die Entwicklung des Spiels hat grossen Spaß bereitet, auch wenn es gerade im letzten Drittel des Projektzeitraums sehr stressig wurde. Doch zu sehen, wie die Besucher ihre Freude daran hatten als kleiner Magier in einer Zauberwelt massenweise Fantasywesen zu plätten hat uns für all die langen Nächte der letzten Wochen entlohnt.

Ganz besonderer Dank geht an unseren Grafiker Jan Härting, der in Akkordarbeit einen skurillen Gegner nach dem anderen sowie das Level quasi aus dem Nichts erschaffen hat. Vielen vielen Dank!

It's not a bug, it's a feature: Windows XP Home Edition vergisst bewusst zugeordnete Netzlaufwerke, sofern diese Login-Informationen ungleich dem angemeldeten Benutzernamen und dessen Kennwort sind.

Ich bin schier daran verzweifelt, als dieses Phänomen nach jedem Neustart eines XP-Rechners auftrat, bis ich auf folgenden Artikel in der Microsoft Knowledge Base stieß:

Hinweis: In Microsoft Windows XP Home Edition fehlt die Funktion Gespeicherte Benutzernamen und Kennwörter für Netzlaufwerkverbindungen. Windows XP Home Edition speichert ausschließlich RAS- und VPN-Daten (RAS = Remote Access Services, VPN = Virtual Private Networking) sowie Microsoft .NET-Passport-Anmeldeinformationen.

Quelle: http://support.microsoft.com/kb/283492/de

Der Workaround für dieses Problem führt über die Kommandozeile, denn mit folgendem Befehl kann ein Netzlaufwerk dennoch verbunden werden:

net use <laufwerksbuchstabe> \\<IP-Adresse oder Rechnername>\<Freigabename> <Passwort> /u:<Benutzername>

Beispiel:

net use z: \\server\development 1234 /u:Testuser

Diesen Befehl kann man nun in einer Batch-Datei ablegen und einen Link auf diese im Startmenü setzen, um die gewünschte Funktionalität dennoch zu erhalten.

Natürlich ist es Microsofts Recht, bestimmte Funktionalitäten der Professional-Version vorzubehalten. Dennoch hätte man es intelligenter lösen können: Z.B. mit einer ausgegrauten Checkbox "Anmeldeinformationen speichern" unterhalb des Anmelde-Dialogs beim Verbinden des Netzlaufwerks mit dem Hinweis "Nur verfügbar in Windows XP Professional" beim Drüberfahren mit der Maus. Das hätte mir und auch vielen anderen in diesem Fall sicherlich viel Zeit gespart.

In den letzten Monaten macht der Video-On-Demand Dienst von T-Online, Videoload, vermehrt durch die lustige Werbung mit Bastian Pastewka auf sich aufmerksam. Und da die Zeitschrift NEON gegenwärtig Gutscheincodes für einen kostenlosen Ausleihvorgang unters Volk wirft, probierte ich Videoload einfach mal aus, auch wenn ich von DRM eigentlich nicht viel halte.

Mit der Registrierung als Videoload-Benutzer, der Installation des Videoload Managers und dem Update des Windows Media Player über eine ActiveX-Komponente, für deren Installation man zwangsweise den Internet Explorer bemühen musste (ich bin überzeugter Firefox-User), vergingen erstmal rund 15 Minuten, bis ich den eigentlichen Ausleihvorgang starten konnte. Dann den Gutscheincode für das MicroPayment eingegeben, den Vorgang fortgesetzt, die Transaktion bestätigt - und prompt landete ich auf einer Zwischenseite von T-Online, mit der Bitte, mich doch als T-Online-Kunde zu verifizieren. Wie bitte?

Verwundert über diese Aufforderung, da ich kein T-Online-Kunde bin und auch extra den entsprechenden Zugang für Nicht-Magenta-Konzern-Kunden bei der Anmeldung bei Videoload gewählt hatte, betätigte ich also den Zurück-Button. Mein Fehler - es folgte die nächste Fehlermeldung, diesmal jedoch mit dem Hinweis, dass mein Guthaben bereits von einer vorherigen Transaktion verbraucht worden sei. Gut, dachte ich mir, dann ist der Leihvorgang anscheinend doch durchgekommen und ich hole mir das Wunschvideo einfach über den Link 'Ausgeliehene Videos' im Kundenmenü ab - doch: da stand nichts. Von 'fail safe' keine Spur.

Hätte ich also ohne den Gutscheincode ein Video bei Videoload ausleihen wollen, so hätte ich in diesem Moment 4 Euro weggeworfen. Nirgendwo auf der Webseite ist ein Hinweis zu finden, dass Videoload nur für T-Online-Kunden ist. Ebenso verzweifelt suchte ich eine kostenlose Support-Hotline, denn immerhin hatte ich gerade - zumindest theoretisch - Geld bezahlt ohne auch nur die Spur einer Leistung dafür zu erhalten! Und dies auch noch zu einem Wucherpreis: Die nächste Videothek ist in 10 Minuten zu Fuß zu erreichen, kostet mich mit 2 Euro nur die Hälfte (!) des Preises bei Videoload UND ich kann frei zwischen deutscher und englischer Tonspur sowie DVD-Extras wählen.

Nach dieser Erfahrung steht für mich fest: Ich leihe weiterhin bei der Videothek meines Vertrauens, Videoload ist sprichwörtlich für die Tonne.

Wer ein- und dieselbe XAMPP-Installation mit allen dazugehörigen Projektdaten und MySQL-Datenbanken unter Windows auf mehreren Rechnern verwenden möchte, der steht vor einem Problem: Die Konfigurationsdateien von Apache, MySQL und PHP sind Laufwerksgebunden und da externe Festplatten und USB-Sticks je nach freiem Laufwerksbuchstaben auf dem jeweiligen Rechner eine andere Kennung zugewiesen bekommen, ist es mit einem einfachen Kopieren des XAMPP-Verzeichnisses auf den Datenträger leider nicht getan.

Die Lösung für dieses Problem kommt aus Vietnam: Ly Anh Tuan hat mit AMPstart eine portable Version von XAMPP geschaffen: Die AMPstart.exe muss lediglich in das XAMPP-Verzeichnis kopiert und dort fortan anstelle der xampp_start.exe bzw. xampp_control.exe ausgeführt werden.

Eine wunderbar einfache Lösung die zudem viele zusätzliche Optionen bietet - wie z.B. die Möglichkeit, seine Projekte von CD/DVD laufen zu lassen.

Link:
AMPstart - A Portable Web Server (auf Englisch/Vietnamesisch)

In der neuesten Ausgabe 04/2008 des Magazins phpsolutions ist auch ein Artikel von mir zu finden, auf den ich hier einfach mal aufmerksam machen möchte

Plugin-System im Eigenbau

Ganz gleich ob WordPress oder TYPO3: Alle großen bekannten Content Management Systeme bieten die Möglichkeit, sie durch so genannte Plugins oder Extensions zu erweitern ohne dabei den eigentlichen Programmcode des CMS direkt verändern zu müssen. Doch wie realisiert man ein Plugin-System für seine eigenen Web-Applikationen?

Sollten Sie als Leser der phpsolutions auf meine Webseite gelangt sein, so freue ich mich auf Ihre Anregungen und Diskussion zu dem Artikel in den Kommentaren dieses Beitrags.

Die Jungs und Mädels von smaboo haben eine interessante Idee: Sie vermarkten die Rückseite von Notebooks als Werbeflächen für Firmen. Der Notebook-Besitzer beklebt seinen mobilen Begleiter mit einer Kampagne seiner Wahl für einen festen Zeitraum von ein paar Monaten mit einer (rückstandslos ablösbaren) Folie und verdient damit bis zu 150 Euro.

Große Unternehmen wie Microsoft oder debitel haben bereits Kampagnen über smaboo durchgeführt und waren wohl sehr zufrieden mit den Ergebnissen. Selber mitmachen funktioniert jedoch nur auf Einladung.

Wer die Idee ähnlich interessant findet wie ich und nun neugierig geworden ist, kann mich gerne anschreiben oder einen Kommentar (bitte mit korrekt ausgefülltem E-Mail Feld) hinterlassen - ich lade ihn dann gerne zu smaboo ein. Ob man dann wirklich mitmacht oder nicht steht jedem frei, es gibt keine Verbindlichkeiten.

Weiterführende Links:
http://www.smaboo.de

Nach dem Update meines Notebooks auf das Service Pack 1 von Windows Vista hat der integrierte WLAN-Adapter (in meinem Fall ein Centrino Wireless BG2200) regelmäßig die Verbindung zum Access Point verloren und war danach nicht mehr in der Lage, sich zu diesem neu zu verbinden. Das selbe galt für das Aufwachen des Notebooks aus dem Ruhezustand, auch hier half nur ein kompletter Neustart des Systems um wieder eine Verbindung zu erhalten.

Mit den folgenden Schritten konnte ich das Problem jedoch erfolgreich beheben: Öffnen einer Eingabeaufforderung mit erhöhten Rechten als Administrator, dann die Eingabe der folgenden Befehle:

netsh winsock reset catalog

und

netsh int ip reset

Während der erste Befehl den Winsock-Katalog auf die Standard-Konfiguration zurücksetzt, führt der zweite eine Neuinitialisierung des TCP/IP-Stacks durch. Ein Neustart des Systems ist nach der Ausführung der Befehle erforderlich.

Update: Erfreulich viele Zugriffe über Google, andere Blogs und diverse Forenthreads in der letzten Zeit. Besteht Interesse an einer ganzen Artikelserie? Welche Themen interessieren Euch? Freue mich über jeden Kommentar

Mit der Veröffentlichung des Flex SDK als Open Source ermöglicht es Adobe Webentwicklern endlich von offizieller Seite aus, SWF-Dateien ohne die Anschaffung des teuren Adobe Flash oder die Verwendung von Dritthersteller-Tools zu erstellen. Die Entwicklungsumgebung Adobe Flex Builder bleibt jedoch kommerziell, so dass man bei Verwendung des Flex SDKs auf die Kommandozeile angewiesen ist.

Da Adobe als kommerzieller Anbieter bewusst seine IDE pushen möchte, findet man in den Adobe-Tutorials keine wirklich brauchbare Starthilfe, die von 0 anfängt - und das schon gar nicht auf Deutsch. Das möchte ich also mit diesem Artikel versuchen zu ändern.

Download und Installation des Flex SDK

Das Flex SDK ist auf der Adobe-Website zum Download erhältlich [1]. Auf der Download-Seite ist nicht der Eintrag "Flex Builder Professional" einzuwählen, sondern weiter unten der Eintrag "Flex SDK". Dort das Häkchen neben dem License Agreement setzen und den Download der etwa 40 MB großen Datei starten.

Das ZIP-Archiv sollte an zentraler und gut erreichbarer Stelle extrahiert werden - ich habe für solche Zwecke eine eigene Partition für den Bereich Software- und Web-Entwicklung auf meinem Rechner. In meinem Beispiel also entpacke ich das Archiv nach D:\FlexSDK.

Das SDK enthält neben dem eigentlichen Flex Framework eine Fülle an Beispielen, Vorlagen und Bibliotheken. Für uns ist jedoch primär der eigentliche Flex Compiler interessant, welcher im Unterverzeichnis 'bin' zu finden ist.

Bedienung des Flex Compilers

Die Handhabung des Flex Compilers mxmlc mit seinen Standard-Einstellungen ist auf Kommandozeilen-Ebene recht einfach, da er lediglich zwei Parameter benötigt: Die Quelltextdatei und die Ausgabedatei.

mxmlc -file-specs=Quelltextdatei -output=SWF-Datei

Ich habe für meine Zwecke eine Batch-Datei geschrieben, die den Aufruf des Compilers vereinfacht und zudem die Kommandozeile nach Aufruf durch den Windows Explorer offen hält, falls es Fehlermeldungen beim Kompilieren gab:

1
2
3
4

@echo off
\FlexSDK\bin\mxmlc.exe -file-specs=%1 -output=%2
pause
exit

Nun kann ich mit einer Verknüpfung zur compile.bat mit dem Namen der Quelltext und der SWF-Datei als Parameter für jedes Projekt bequem die Kompilierung anstoßen.

Hallo, Welt!

Das Kerngerüst für das einfaches Oberflächen-Layout sind auf XML basierende Dateien mit einem eigenen Namespace von Adobe. Ein einfaches "Hallo, Welt!"-Programm sieht hier folgendermaßen aus:

1
2
3
4

<?xml version="1.0" encoding="utf-8" ?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Label text="Hallo, Welt!" />
</mx:Application>

Dies erzeugt eine leere Oberfläche mit einem einzigen Bezeichnungsfeld mit dem Inhalt "Hallo, Welt!".
Nach der Speicherung der Datei als hallo.mxml erzeugen wir also direkt unsere erste eigene Flex-Anwendung mittels unserer compile.bat durch den Aufruf:

compile hallo.mxml hallo.swf

Der Flex Compiler meldet nach kurzer Zeit die erfolgreiche Kompilierung und die hallo.swf kann im Browser aufgerufen werden - voraussetzung ist natürlich ein aktuelles Flash Plugin.

Beispiel-Anwendung: Überblenden von Bildern

Doch grau ist alle Theorie, fahren wir daher mit einer kleinen, sinnvollen Applikation fort, die auf vielen aktuellen Websites ihre Anwendung findet: Das Überblenden von Bildern.

Unser Programm wird grob gesehen aus zwei Teilen bestehen. Zum einen die MXML-Definitionen und zum anderen einem ActionScript-Teil zur Steuerung der Überblendung.

Wir beginnen also zunächst mit der Definition eines Canvas-Objekts, welches die darzustellenden Bilder enthält. Dieses Zeichenflächen-Objekt erlaubt uns, die Bilder pixelgenau übereinander zu positionieren ohne uns weiter mit dem automatisierten Layout von Flex beschäftigen zu müssen:

1
2
3
4

<mx:Canvas>
    <mx:Image id="p1" source="bild1.jpg" />
    <mx:Image id="p2" alpha="0.0" source="bild2.jpg" />
</mx:Canvas>

Unsere Bilder werden mit dieser Art und Weise zur Laufzeit aus dem Dateisystem geladen. Es ist jedoch auch möglich, Bilder direkt in die SWF-Datei einzubetten. Ein Beispiel für so eine Einbettung wäre:

<mx:Image id="p1" source="@Embed('bild1.jpg')" />

Jedes Bild erhält von uns eine eindeutige Identifikation (p1, p2) und eine Bildquelle, ausserdem wird der Alphakanal-Wert des zweiten Bildes direkt auf 0 gesetzt, damit zu Beginn nur das erste Bild zu sehen ist.

Als nächstes machen wir uns die State-Engine des Flex-Frameworks zu nutze: Mit ihrer Hilfe lassen sich Zustände innerhalb einer Flex-Applikation definieren. In unserem Beispiel wären dies zwei Endzustände:

1. Bild 1 wird angezeigt, Bild 2 wird nicht angezeigt
2. Bild 1 wird nicht angezeigt, Bild 2 wird angezeigt

Da Zustand 1 bereits oben von uns als Ausgangsposition (Bezeichnung '*' in Flex) definiert ist, müssen wir lediglich noch Zustand 2 zusätzlich definieren:

1
2
3
4
5
6

<mx:states>
    <mx:State name="Two">
        <mx:SetProperty target="{p1}" name="alpha" value="0.0" />
        <mx:SetProperty target="{p2}" name="alpha" value="1.0" />
    </mx:State>
</mx:states>

Hier nützen wir den SetProperty-Befehl, um einfach die Alphakanal-Werte beider Bilder zu vertauschen.

Um nun den Wechsel zwischen beiden Zuständen zu steuern, benötigen wir einen Timer mit ein wenig ActionScript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<mx:script>
<![CDATA[
        import flash.utils.Timer;
        import flash.events.TimerEvent;
 
        private var t: Timer;
 
        private function init(): void
        {
            t = new Timer(5000);
            t.addEventListener(TimerEvent.TIMER, changeImage);
            t.start();
        }
 
        private function changeImage(evt: TimerEvent): void
        {
            currentState = currentState == 'Two' ? '' : 'Two';
        }
    ]]>
</mx:script>

Dieser Code-Schnipsel sollte größtenteils selbsterklärend sein: Die 5000 steht für das Zeitintervall in Millisekunden, bis der Timer ausgelöst wird und über addEventListener() wird dem Timer mitgeteilt, welche Funktion er überhaupt aufrufen soll, wenn er auslöst. Dies ist in unserem Fall die Funktion changeImage(), welche den aktuellen Status der Flex-Applikation über die globale Variable des Flex Frameworks 'currentState' neu setzt.

Damit unser Code auch ausgeführt wird, ist eine Anpassung des Wurzelknotens mx:Application unserer MXML-Datei notwendig:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()">

Die im Parameter creationComplete übergebene Methode wird aufgerufen, nachdem unsere Flex-Applikation vom Flex Framework fertig geladen wurde.

Fehlt zum Abschluss nur noch die eigentliche Überblende-Animation, denn momentan ist noch ein harter Übergang beim Wechsel der Bilder zu sehen. Dieser Übergang ist dank der eingebauten Effekte in Flex sehr einfach, schnell und ohne eine weitere Zeile ActionScript zu realisieren:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<mx:transitions>
    <mx:Transition id="toTwo" fromState="*" toState="Two">
        <mx:Parallel>
            <mx:Fade target="{p1}" duration="2500" alphaFrom="1.0" alphaTo="0.0" />
            <mx:Fade target="{p2}" duration="2500" alphaFrom="0.0" alphaTo="1.0" />
        </mx:Parallel>
    </mx:Transition>
 
    <mx:Transition id="toOne" fromState="Two" toState="*">
        <mx:Parallel>
            <mx:Fade target="{p1}" duration="2500" alphaFrom="0.0" alphaTo="1.0" />
            <mx:Fade target="{p2}" duration="2500" alphaFrom="1.0" alphaTo="0.0" />
        </mx:Parallel>
    </mx:Transition>        
</mx:transitions>

Hier machen wir uns die Transition-Engine zu nutze, indem wir für beide Zustände einen Übergang definieren: Übergang 'toTwo' führt vom Zustand * in den Zustand 'Two', den wir weiter oben definiert haben, während Übergang 'toOne' dies umkehrt. Mit Hilfe von mx:Parallel wird ein paralleler Effekt erzeugt - also ein Effekt, der für mehrere Objekte gleichzeitig durchgeführt wird. mx:Fade wiederum ist der eigentliche Effekt, welcher den Alphakanal-Wert eines Bildes von einem Start- zu einem Zielwert überführt.

Das war es dann auch schon: Nach dem Kompilieren sehen wir auf dem Bildschirm zunächst unser erstes Bild, welches dann nach 5 Sekunden weich in das zweite Bild überblendet.

Ich hoffe, ich konnte mit diesem kleinen Tutorial die Einstiegshürde in den Umgang mit dem Flex SDK ein wenig senken und möchte zum Schluss noch auf die überlebenswichtige Flex Sprachreferenz [2] sowie die Flex Hilfe [3] verweisen, an der sich entlangzuhangeln nun kein Problem mehr sein sollte.

Ich wünsche viel Erfolg!

Links:

[1] Adobe Flex SDK Download (Englisch)
[2] Adobe Flex 3 Language Reference (Englisch)
[3] Adobe Flex 3 Help (Englisch)

In den aktuellen Versionen des beliebten Webserver-Pakets XAMPP kommt es unter Windows Vista immer wieder beim Start des Apache-Webservers zu Bluescreens. Dies ist bereits einige Male in den offiziellen Foren gemeldet worden, doch eine Lösung des Problems gibt es bisher leider nicht.

Mit dem folgenden Workaround kann der schwere Systemfehler jedoch umgangen werden: Anstelle des mitgelieferten Tools xampp_control.exe müssen die Kommandozeilen-Tools xampp_start.exe und xampp_stop.exe verwendet werden. Einziger Nachteil ist hier, dass das Kommandozeilen-Prompt im Hintergrund weiterlaufen muss und somit in der Taskleiste Platz blockiert, während das XAMPP Control Tool eigentlich so schön im System Tray verschwindet.