<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" version="2.0">

<channel>
	<title>Thomas Aull // Grafik und Webdesign // Grafikdesign, Webdesign, Screendesign, Flash, ActionScript, (X)HTML, CSS</title>
	
	<link>http://www.thomas-aull.de</link>
	<description />
	<lastBuildDate>Thu, 29 Jul 2010 08:28:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/thomasaull" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="thomasaull" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Größe eines Flash-HTML-Containers zur Laufzeit ändern</title>
		<link>http://www.thomas-aull.de/2010/04/grose-eines-flash-html-containers-zur-laufzeit-andern/</link>
		<comments>http://www.thomas-aull.de/2010/04/grose-eines-flash-html-containers-zur-laufzeit-andern/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 16:30:14 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Flash & ActionScript]]></category>
		<category><![CDATA[Webentwicklung]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=1492</guid>
		<description><![CDATA[

Hier ein kurzer Tipp, der sehr nützlich sein kann wenn man eine HTML/CSS Website baut die auch ein paar Flash-Elemente beeinhalten soll. Manchmal kommt es nämlich vor, dass sich die Größe des Flash´s verändern soll und die ist leider durch die Größe des HTML-Containers in dem das Flash eingebunden ist begrenzt. Mit ein wenig Java- [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2010/03/grose-eines-flash-html-containers-zur-laufzeit-andern/"><img src="http://www.thomas-aull.de/wp-content/uploads/flash_containerbreite1.jpg" alt="flash_containerbreite" title="flash_containerbreite" width="94" height="94" class="alignleft size-full wp-image-1493" /></a>

<p>Hier ein kurzer Tipp, der sehr nützlich sein kann wenn man eine HTML/CSS Website baut die auch ein paar Flash-Elemente beeinhalten soll. Manchmal kommt es nämlich vor, dass sich die Größe des Flash´s verändern soll und die ist leider durch die Größe des HTML-Containers in dem das Flash eingebunden ist begrenzt. Mit ein wenig Java- und ActionScript kann man das Problem aber ganz leicht beheben.</p>

<span id="more-1492"></span>
<div class="trennlinie_hor_lang">trennlinie</div>

<p>Dieser Code muss in das HTML oder in eine von extern eingebundene JavaScript Datei:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
    <span style="color: #003366; font-weight: bold;">function</span> containerAnpassen<span style="color: #009900;">&#40;</span>id<span style="color: #339933;">,</span> width<span style="color: #339933;">,</span> height<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	    <span style="color: #003366; font-weight: bold;">var</span> container <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span>id<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	    container.<span style="color: #660066;">style</span>.<span style="color: #660066;">width</span> <span style="color: #339933;">=</span> width<span style="color: #339933;">+</span><span style="color: #3366CC;">'px'</span><span style="color: #339933;">;</span>
	    container.<span style="color: #660066;">style</span>.<span style="color: #660066;">height</span> <span style="color: #339933;">=</span> height<span style="color: #339933;">+</span><span style="color: #3366CC;">'px'</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>




<p>Diese 3 Zeilen JavaScript sorgen dafür, dass das HTML-Element mit der übergebenen ID die ebenfalls übergebene neuen Werte für Breite und Höhe bekommt. Bindet man sein SWF jetzt mit 100% Höhe und Breite ein (z.B. mit <a href="http://code.google.com/p/swfobject/">SWFObject 2.0</a>) ist das Flash immer so groß wie der Container und wird somit mitskaliert</p>

<p>In Flash muss man dann diese JavaScript Funktion dann nur noch aufrufen, und das funktioniert folgendermaßen:</p>

<p>ActionScript 3:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;">    ExternalInterface.<span style="color: #0066CC;">call</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;containerAnpassen&quot;</span>, <span style="color: #ff0000;">&quot;container&quot;</span>, 300, 200<span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>




<p>Mit der Funktion ExternalInterface.call werden zuerst der Funktionsname im Javascript und anschließend zu übergebende Parameter übergeben (in diesem Fall den Namen des Flashcontainers, sowie die neuen Angaben für Höhe und Breite).</p>

<p>Wer das ganze mal in Aktion sehen will: <a href="http://www.thomas-aull.de/wp-content/uploads/flashcontainer_anpassen_demo/">Demo</a><br/>
Und hier gibts ein <a href='http://www.thomas-aull.de/wp-content/uploads/Flashcontainer_anpassen_AS3.zip'>Codebeispiel zum Download</a></p><img src="http://feeds.feedburner.com/~r/thomasaull/~4/tpC5hWb4pDk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2010/04/grose-eines-flash-html-containers-zur-laufzeit-andern/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Flash CS5 – Was gibts neues (abgesehen vom iPhone-App-Export…)</title>
		<link>http://www.thomas-aull.de/2009/12/flash-cs5-was-gibts-neues-abgesehen-vom-iphone-app-export/</link>
		<comments>http://www.thomas-aull.de/2009/12/flash-cs5-was-gibts-neues-abgesehen-vom-iphone-app-export/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 15:35:10 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Flash & ActionScript]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=1424</guid>
		<description><![CDATA[

Flash CS5 steht in den Startlöchern. Die Beta soll innerhalb der nächsten Wochen veröffentlicht werden und vermutlich folgt irgendwann nächstes Jahr die neue Creative Suite. Das Top- (und wohl auch meistgehypte) Feature der neuen Flash Version ist die Möglichkeit Programme und Spiele für iPhone und iPod touch zu entwickeln. Lee Brimelow hat auf gotoandlearn.com ein [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/12/flash-cs5-was-gibts-neues-abgesehen-vom-iphone-app-export/"><img src="http://www.thomas-aull.de/wp-content/uploads/flash_cs5.jpg" alt="flash_cs5" title="flash_cs5" width="94" height="94" class="alignleft size-full wp-image-1478" /></a>

<p>Flash CS5 steht in den Startlöchern. Die Beta soll innerhalb der nächsten Wochen veröffentlicht werden und vermutlich folgt irgendwann nächstes Jahr die neue Creative Suite. Das Top- (und wohl auch meistgehypte) Feature der neuen Flash Version ist die Möglichkeit Programme und Spiele für iPhone und iPod touch zu entwickeln. <a href="http://theflashblog.com/">Lee Brimelow</a> hat auf <a href="http://www.gotoandlearn.com">gotoandlearn.com</a> ein <a href="http://gotoandlearn.com/play?id=118">30-minütiges Video</a> über weitere neue Features vorgestellt, die auch nicht ganz ohne sind. Für alle die keine Zeit/Lust haben sich das Video anzugucke gibts hier eine kleine Übersicht inklusive einer kurzen (subjektiven) Nützlichkeitsbewertung von mir:</p>

<span id="more-1424"></span>
<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Allgemein</h2>
<ul class="bewertung"> 
    <li class="stern1">Der <strong>Splash-Screen</strong> beim Start überdeckt nicht den Rest. Man kann während Flash lädt in anderen Programmen weiterarbeiten.</li>
    <li class="stern2">Der <strong>Komponenten-Inspektor</strong> fällt weg. Eigenschaften von Standartkomponenten werden statt dessen rechts in der Sidebar angezeigt.</li>
    <li class="stern2">Das <strong>Farbauswahl-Bedienfeld</strong> wurde überarbeitet.</li>
    <li class="stern2">Es gibt eine „<strong>SWF-History</strong>“ die den Veröffentlichungszeitpunkt und die Dateigröße jeder veröffentlichten swf anzeigt. Dateigrößenveränderungen können so gut nachvollzogen werden und es gibt eine Warnung wenn diese sich mehr als verdoppelt. Praktisch für Bannerentwicklung o.ä. wo man in der kb-Anzahl meistens eingeschränkt ist.</li>
</ul>

<div class="trennlinie_hor_lang">trennlinie</div>
 
<h2>Video</h2>
<ul class="bewertung">
    <li class="stern1">Es gibt ein paar <strong>neue Skins</strong> für die FLVPlayback-Komponente.</li>
    <li class="stern2">Interaktion mit eingebetteten Videos ist auch auf der Bühne möglich und können beispielsweise dort abgespielt werden.</li>
    <li class="stern3"><strong>ActionScript CuePoints</strong> können über ein Bedienfeld hinzugefügt werden.</li>
</ul>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Schrifteinbettung</h2>
<ul class="bewertung">
    <li class="stern4">Es gibt ein neues <strong>Bedienfeld für die Schrifteinbettung</strong>: In diesem werden alle Schriften die irgenwdo im Flashprojekt eingebettet sind angezeigt und man kann bequem alle Optionen dafür einstellen. Die fieberhafte Suche nach Textfeldern mit eingebetteten Schriften fällt also demnächst weg :-) Über das Bedienfeld lassen sich auch neue Schriftarten einbetten.</li>
</ul>

<div class="trennlinie_hor_lang">trennlinie</div>
 
<h2>Dateiformat</h2>
<ul class="bewertung">
    <li class="stern5">Es gibt ein neues Dateiformat: unkomprimiertes xfl. Alle Daten werden auf XML-Basis in einem Ordner gespeichert. Dateien aus der Bibliothek liegen als Rohdaten vor. Der große Vorteil: Die XML-Daten können in eine Versionkontrolle integriert werden.</li>
</ul>

<div class="trennlinie_hor_lang">trennlinie</div>
 
<h2>Coding</h2>
<ul class="bewertung">
    <li class="stern3"><strong>Snippet-Bedienfeld</strong> mit vielen vordefinierten Best-Practise-Snippets für verschiedene Anwendungsfälle.</li>
    <li class="stern5"><strong>Code-Hinting und Code-Completion</strong> für eigene Klassen. Endlich!</li>
    <li class="stern1">Das <strong>Compiler-Errors Bedienfeld</strong> wurde leicht überarbeitet</li>
    <li class="stern4"><strong>Flash-Builder Integration:</strong> Flash Projekte können im Flash Builder programmiert werden. Filme können aus FlashBuilder in Flash Professional veröffentlicht, getestet und debuggt werden.</li>
</ul>

<div class="trennlinie_hor_lang">trennlinie</div>
 
<h2>Deko-Werkzeug</h2>
<ul class="bewertung">
    <li class="stern2">eigene Brushes können mit JavaScript erstellt werden. Nutzt das irgendjemand?</li>
</ul>

<div class="trennlinie_hor_lang">trennlinie</div>
 
<h2>Veröffentlichen</h2>
<ul class="bewertung">
    <li class="stern4">Werden SWFs als HTML veröffentlicht, wird standartmäßig <strong>SWF-Object2</strong> als Einbindungsmethode verwendet.</li>
</ul>

<div class="trennlinie_hor_lang">trennlinie</div>
 
<h2>Text Layer Framework (TLF)</h2>
<ul class="bewertung">
	<li class="stern4">mehrere Textcontainer können ähnlich wie in InDesign miteinander verbunden werden. Dieser bleibt auch über alle verlinkten Textfelder hinaus markierbar.</li>
	<li class="stern3">mehrspaltiger Text</li>
	<li class="stern2">japanischer und arabischer Text wird nativ unterstützt (Leserichtung oben nach unten und links nach rechts)</li>
</ul><img src="http://feeds.feedburner.com/~r/thomasaull/~4/hxzQDnOJayk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/12/flash-cs5-was-gibts-neues-abgesehen-vom-iphone-app-export/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Update: Google Wave – Nochmal 8 Einladungen zu verschenken</title>
		<link>http://www.thomas-aull.de/2009/11/google-wave-8-einladungen-zu-verschenken/</link>
		<comments>http://www.thomas-aull.de/2009/11/google-wave-8-einladungen-zu-verschenken/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 09:29:31 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=1341</guid>
		<description><![CDATA[

Übers Wochenende habe ich acht Google-Wave Einladungen bekommen, die ich hier nach dem Prinzip „Wer zuerst kommt, mahlt zuerst“ verteilen werde:

Die ersten acht, die hier einen Kommentar schreiben, dass sie eine Einladung wollen kriegen auch eine!

Bitte schaut, dass ihr ne gültige eMail-Adresse angebt, sonst kann ich die Einladungen nicht verteilen. Ansonsten: Auf die Plätze, fertig, [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/11/google-wave-8-einladungen-zu-verschenken/google_wave_einladungen/" rel="attachment wp-att-1342"><img src="http://www.thomas-aull.de/wp-content/uploads/google_wave_einladungen.jpg" alt="google_wave_einladungen" title="google_wave_einladungen" width="94" height="94" class="alignleft size-full wp-image-1342" /></a>

<p>Übers Wochenende habe ich acht Google-Wave Einladungen bekommen, die ich hier nach dem Prinzip „Wer zuerst kommt, mahlt zuerst“ verteilen werde:</p>

<p><strong>Die ersten acht, die hier einen Kommentar schreiben, dass sie eine Einladung wollen kriegen auch eine!</strong></p>

<p>Bitte schaut, dass ihr ne gültige eMail-Adresse angebt, sonst kann ich die Einladungen nicht verteilen. Ansonsten: <strong>Auf die Plätze, fertig, los!</strong></p>

<p>Und falls ihr euch dankbar zeigen wollt, freue ich mich wenn ihr kurz eure ersten Eindrücke von Google-Wave schildert.</p>

<h2>Update</h2>

<p>Das wars. Die ersten acht Kommentatoren sind mit Google-Wave Einladungen versorgt - und damit vermutlich die halbe Belegschaft der <a href="http://www.kupferwerk.de/">Agentur Kupferwerk</a> ;-)

<h2>Update 2</h2>

<p>Gerade habe ich nochmal 8 Einladungen von Google bekommen - gleiches Spiel, wer zuerst kommentiert kriegt sie.</p><img src="http://feeds.feedburner.com/~r/thomasaull/~4/shGJwq0-08o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/11/google-wave-8-einladungen-zu-verschenken/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>Mac OS X – eigene Icons für Ordner verwenden</title>
		<link>http://www.thomas-aull.de/2009/11/mac-os-x-eigene-icons-fur-ordner-verwenden/</link>
		<comments>http://www.thomas-aull.de/2009/11/mac-os-x-eigene-icons-fur-ordner-verwenden/#comments</comments>
		<pubDate>Sat, 21 Nov 2009 10:20:57 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=1262</guid>
		<description><![CDATA[

Die Stacks von Mac OS X sind ne tolle Sache um schnell auf oft gebrauchte Ordner zugreifen zu können. Deshalb haben sich mittlerweile in meinem Dock einige Verknüpfungen angesammelt. Die sind aber auf den ersten Blick relativ schwer zu unterscheiden, wodurch man schon mal im falschen Ordner landet.


trennlinie



Eine einfache und hübsche Lösung ist, den Ordnern [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/11/mac-os-x-eigene-icons-fur-ordner-verwenden/osx_icons_hauptbild/" rel="attachment wp-att-1271"><img src="http://www.thomas-aull.de/wp-content/uploads/osx_icons_hauptbild.jpg" alt="osx_icons_hauptbild" title="osx_icons_hauptbild" width="94" height="94" class="alignleft size-full wp-image-1271" /></a>

<p>Die Stacks von Mac OS X sind ne tolle Sache um schnell auf oft gebrauchte Ordner zugreifen zu können. Deshalb haben sich mittlerweile in meinem Dock einige Verknüpfungen angesammelt. Die sind aber auf den ersten Blick relativ schwer zu unterscheiden, wodurch man schon mal im falschen Ordner landet.</p>

<span id="more-1262"></span>
<div class="trennlinie_hor_lang">trennlinie</div>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/osx_icons_vorher.jpg" alt="osx_icons_vorher" title="osx_icons_vorher" width="474" height="120" class="alignnone size-full wp-image-1266" /></p>

<p>Eine einfache und hübsche Lösung ist, den Ordnern individuelle Icons zu verpassen. So lassen Sie sich viel leichter unterscheiden:</p>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/osx_icons_nachher.jpg" alt="osx_icons_nachher" title="osx_icons_nachher" width="474" height="120" class="alignnone size-full wp-image-1267" /></p>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Wie funktioniert das?</h2>

<img src="http://www.thomas-aull.de/wp-content/uploads/osx_icons_informationsfenster.jpg" alt="osx_icons_informationsfenster" title="osx_icons_informationsfenster" width="94" height="94" class="alignright size-full wp-image-1316" />

<img src="http://www.thomas-aull.de/wp-content/uploads/osx_icons_informationsfenster_2.jpg" alt="osx_icons_informationsfenster_2" title="osx_icons_informationsfenster_2" width="94" height="94" class="alignright size-full wp-image-1319 clearer" />

<p>Ganz einfach: Das neue Icon mit der Vorschau öffnen, CMD+A drücken um das Icon auszuwählen, dann die Tastenkombination CMD+C um die Auswahl zu kopieren. Anschließend markiert man den Ordner dessen Icon man ersetzen will und zeigt mit CMD+I das Informationsfenster an. Jetzt muss man nur noch das Icon in der Ecke oben links anklicken (das wird dann blau umrandet) und CMD+V drücken. Schwupps ist das Icon für diesen Ordner ersetzt.</p>

<p>Das ursprüngliche Symbol ist natürlich nicht verloren, mit CMD+X im markierten Zustand wird das eigene Icon ausgeschnitten und das OS X Standarticon wiederhergestellt.</p>

<p>Damit die neuen Icons im Dock sichbar sind, müssen die Stacks auf “Anzeigen als: Ordner“ gestellt sein. Zusätzlich muss man das Dock mit dem Terminalbefehl „killall Dock“ neustarten. Ein Rechnerneustart tut´s aber auch.</p>

<h2>Und wo krieg ich jetzt Icons her?</h2>

<ul class="bulletpoints">
     <li><a href="http://www.iconfinder.net">www.iconfinder.net</a> - Bei Iconfinder kann man Icons nach englischen Stichworten suchen.</li>
    <li><a href="http://www.smashingmagazine.com">www.smashingmagazine.com</a> - Beim Smashingmagazine gibts regelmäßig Sammelartikel mit freien Icons oder Iconsets. Zum Beispiel <a href="http://www.smashingmagazine.com/2009/02/16/50-beautiful-useful-and-free-icon-sets/">hier</a>, <a href="http://www.smashingmagazine.com/2009/06/07/50-fresh-useful-icon-sets-for-your-next-design/">hier</a> oder <a href="http://www.smashingmagazine.com/2009/09/16/50-fresh-free-hiqh-quality-icon-sets/">hier</a>.</li>
    <li>Falls einem z.B. ein Programmicon gefällt, kann man sich das auch einfach über das Informationsfenster und CMD+C kopieren und beim eigenen Ordner über den oben beschriebenen Weg einfügen.</li>
</ul><img src="http://feeds.feedburner.com/~r/thomasaull/~4/G-948KJ696I" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/11/mac-os-x-eigene-icons-fur-ordner-verwenden/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Schulprojekt – Infografik</title>
		<link>http://www.thomas-aull.de/2009/11/schulprojekt-infografik/</link>
		<comments>http://www.thomas-aull.de/2009/11/schulprojekt-infografik/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 16:41:25 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Flash & ActionScript]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=1232</guid>
		<description><![CDATA[

Im letzten Berufsschulblock hatten wir mal wieder eine Projektaufgabe: Erstellung einer interaktiven Infografik. Und weil ich bei diesem Projekt für die Umsetzung mit Flash und AS3 zuständig war, will ich das hier mal kurz vorstellen.


trennlinie

Der Bene hat dazu folgendes ins Konzept geschrieben:

„Das Internet ist ein stetig wachsendes und lebendig wirkendes Medium. Genau das macht sich [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/11/schulprojekt-infografik/"><img src="http://www.thomas-aull.de/wp-content/uploads/schulprojekt_infografik.jpg" alt="schulprojekt_infografik" title="schulprojekt_infografik" width="96" height="96" class="alignleft size-full wp-image-1247" /></a>

<p>Im letzten Berufsschulblock hatten wir mal wieder eine Projektaufgabe:<strong> Erstellung einer interaktiven Infografik.</strong> Und weil ich bei diesem Projekt für die Umsetzung mit Flash und AS3 zuständig war, will ich das hier mal kurz vorstellen.</p>

<span id="more-1232"></span>
<div class="trennlinie_hor_lang">trennlinie</div>

<p>Der <a href="http://www.benedikt-scherer.de">Bene</a> hat dazu folgendes ins Konzept geschrieben:</p>

<blockquote><p>„Das Internet ist ein stetig wachsendes und lebendig wirkendes Medium. Genau das macht sich unsere animierte Infografik zu nutze. In Form von „Bubbles“ und „Partikeln“ wird ein Universum geschaffen was dem Internet gleicht.</p>

<p>Nachdem man sich durch betätigen des Power-Buttons mit dem Internet verbunden hat taucht man ein in die Digitale Welt des World Wide Web. Die Partikel im Hintergrund sind ständig in Bewegung und visualisieren das zu Anfang genannte Prinzip. Die großen Bubbles zeigen die eigentliche Thematik, Funktionsweise und den Zusammenhang des Internets auf. Vom PC aus mit dem Internet-Server verbunden ist alles mit einander vernetzt. So „kleben“ Nachrichten, E-Mail, Foren, Shops, Datenbanken und das Online-Banking am Server.</p>

<p>Für eine genauere Detailansicht reicht ein Klick auf die jeweiligen Bubbles. Was folgt ist das alt bekannte Prinzip: Aktion durch Reaktion. Durch Aktion des Users formieren sich die Partikel zu dem jeweilige Icons. In einer Detailansicht werden dann genauere Informationen der Bubbles aufgezeigt.”</p></blockquote>

<p>Tja, dem ist nichts mehr hinzuzufügen oder?<br/>
<a href="http://start.thomas-aull.de/schule/infografik">Hier kann man die Infografik anschauen</a></p>

<p>Und hier gibts einen kleinen Vorgeschmack:</p>

<a href="http://start.thomas-aull.de/schule/infografik"><img src="http://www.thomas-aull.de/wp-content/uploads/schulprojekt_infografik_screenshot.jpg" alt="schulprojekt_infografik_screenshot" title="schulprojekt_infografik_screenshot" width="474" height="474" class="alignnone size-full wp-image-1251" /></a><img src="http://feeds.feedburner.com/~r/thomasaull/~4/6Za8uLiz3ec" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/11/schulprojekt-infografik/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Snippely mit Dropbox synchronisieren</title>
		<link>http://www.thomas-aull.de/2009/07/snippely-mit-dropbox-synchronisieren/</link>
		<comments>http://www.thomas-aull.de/2009/07/snippely-mit-dropbox-synchronisieren/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 17:30:15 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=1174</guid>
		<description><![CDATA[

Seit einiger Zeit lege ich meine Codeschnipsel bei Kollege Davids Schnipselsammlung ab. Jetzt hatte ich allerdings schon ein paar mal das Problem ohne Onlinezugriff auch nicht an meine Schnipsel zu kommen. Also habe ich mir Snippely doch noch mal angeschaut und - Open Source sei Dank - eine Funktion hinzugefügt um den Speicherort der Datenbank [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/07/snippely-mit-dropbox-synchronisieren/"><img src="http://www.thomas-aull.de/wp-content/uploads/snippely.jpg" alt="snippely" title="snippely" width="94" height="94" class="alignleft size-full wp-image-1177" /></a>

<p>Seit <a href="http://www.thomas-aull.de/2009/05/schnipsel-codesnippets-online/">einiger Zeit</a> lege ich meine Codeschnipsel bei Kollege Davids <a href="http://schnipsel.davidhellmann.com">Schnipselsammlung</a> ab. Jetzt hatte ich allerdings schon ein paar mal das Problem ohne Onlinezugriff auch nicht an meine Schnipsel zu kommen. Also habe ich mir Snippely doch noch mal angeschaut und - <a href="http://code.google.com/p/snippely/">Open Source</a> sei Dank - eine Funktion hinzugefügt um den Speicherort der Datenbank selbst bestimmten zu können.</p>
<span id="more-1174"></span>

<p>Das ganz war gar nicht so schwer, ich habe einfach den Quellcode so abgeändert, dass er statt dem Standartpfad in die Datei „config.xml” schaut und den dort hinterlegten Pfad ausliest. Das ganze ist sicher keine ausgereifte Lösung, aber es funktioniert. Das beste dabei: Man kann so die Datenbank auf seine <a href="https://www.getdropbox.com/referrals/NTYwOTE0NDk">Dropbox</a> legen und hat fortan eine synchronisierte Schnipselverwaltung über mehrere Rechner (und Betriebssysteme!) hinweg.</p>

<h2>Und ich?</h2>

<p>Wer das ganze selbst nutzen will, kann sich unter <a href="#downloads">Downloads </a>die von mir veränderte Snippely-AIR-Datei holen und mit folgenden Schritten selbst den Speicherort der Datenbank verändern:</p>

<p><b>Schritt 1: Snippely installieren.</b> Eine alte Version sollte vorher entfernt werden.</p>

<p><b>Schritt 2: Snippely 1x starten.</b> Beim Startvorgang prüft das Programm ob die config.xml schon existiert. Ist das nicht der Fall wird sie automatisch ins Speicherverzeichnis der AIR-Anwendung kopiert.</p>

<p><b>Schritt 3: config.xml anpassen.</b> Diese findet man in folgenden Verzeichnissen. Die <strong>fetten</strong> Angaben müssen dabei den eigenen Einstellungen angepasst werden:</p>

<ul class="bulletpoints">
    <li>Windows XP: <strong>C</strong>:\Dokumente und Einstellungen\<strong>benutzername</strong>\Anwendungsdaten\com.snippely[...]\Local Store\</li>
    <li>Windows Vista: <strong>C</strong>:\Dokumente und Einstellungen\<strong>benutzername</strong>\Anwendungsdaten\Roaming\com.snippely[…]\Local Store\</li>
    <li>OS X: /users/<strong>benutzername</strong>/Library/Preferences/com.snippely[...]/LocalStore/</li> 
</ul>

<p>In der config.xml muss dann innerhalb des database-Tags der absolute Pfad zum Speicherort angegeben werden. Dabei muss die Ordnerstruktur schon vorhanden sein, Snippely legt also keine Ordner an sondern nur die Datenbank selbst!</p>

<p>Das wars. Beim nächsten Start wird auf die angegeben Datenbank zurückgegriffen. Bei wem das nicht geklappt hat, der kann sich gerne bei mir melden, dann helfe ich weiter! <a href="/kontakt">Kontakt</a></p>

<h2>Und was ist mit Schnipsel?</h2>

<p><a href="http://schnipsel.davidhellmann.com">Schnipsel</a> werd ich natürlich nicht abschießen, sondern meine Snippets einfach dort und in Snippely ablegen. Auf Schipsel für die Öffentlichkeit und auf Snippely für den schnelleren Zugriff auch ohne Internet.</p>

<div id="downloads" class="trennlinie_hor_lang">trennlinie</div>

<h2>Downloads</h2>

<ul class="bulletpoints">
    <li><a href='http://www.thomas-aull.de/wp-content/uploads/Snippely-1.1.air'>Snippely-1.1.air</a></li>
    <li><a href='http://www.thomas-aull.de/wp-content/uploads/snippely-1.1-source.zip'>snippely-1.1-source.zip</a></li>
</ul>

<p><b>Hinweis:</b> Es gelten die gleichen Linzenzvereinbarungen der Originalversion von Snippely, nachzulesen bei <a href="http://code.google.com/p/snippely/">Google Code</a>.</p><img src="http://feeds.feedburner.com/~r/thomasaull/~4/HSkb4pyqMHs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/07/snippely-mit-dropbox-synchronisieren/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>AS3 – Eigene Events verwenden</title>
		<link>http://www.thomas-aull.de/2009/07/as3-eigene-events-verwenden/</link>
		<comments>http://www.thomas-aull.de/2009/07/as3-eigene-events-verwenden/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 07:36:12 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Flash & ActionScript]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=1074</guid>
		<description><![CDATA[

Events sind ein nützliches Werkzeug in ActionScript3 um Programmabläufe erst zu einem bestimmten Zeitpunkt auszuführen. Ein einfaches Beispiel: Der Benutzer klickt auf einen Button und ein Link wird geöffnet. Für diesen und viele andere  Fälle hat Flash voreingestellte Events. Irgendwann, gerade wenn man eigene Klassen oder sogar ein eigenes Framework entwickelt, kommt man aber [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/07/as3-eigene-events-verwenden/"><img src="http://www.thomas-aull.de/wp-content/uploads/as3.jpg" alt="as3" title="as3" width="94" height="94" class="alignleft size-full wp-image-1154" /></a>

<p>Events sind ein nützliches Werkzeug in ActionScript3 um Programmabläufe erst zu einem bestimmten Zeitpunkt auszuführen. Ein einfaches Beispiel: Der Benutzer klickt auf einen Button und ein Link wird geöffnet. Für diesen und viele andere  Fälle hat Flash voreingestellte Events. Irgendwann, gerade wenn man eigene Klassen oder sogar ein eigenes Framework entwickelt, kommt man aber an den Punkt wo man denkt „Hmm, dafür wär jetzt ein eigenes Event echt praktisch”. Das ist zum Glück kein Problem - wenn man weiß wie´s geht:</p>

<span id="more-1074"></span>
<p><a href='http://www.thomas-aull.de/wp-content/uploads/as3_eigene_events_verwenden_beispieldateien.zip'>Download der Beispieldateien</a></p>
<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Zuerst die Basics: Wie werden Events verwendet?</h2>

<p>Ein voreingestelltes Event zu nutzen ist ganz einfach. Bleiben wir bei dem Beispiel mit dem Button: Sobald der Nutzer auf die Schaltfläche „openLink_btn" klickt, soll etwas passieren. Das ganze funktioniert so:


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #009900; font-style: italic;">// EventListener</span>
openLink_btn<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">CLICK</span><span style="color: #000066; font-weight: bold;">,</span> machWas<span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">// Eventfunktion</span>
<span style="color: #339966; font-weight: bold;">function</span> machWas<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
    <span style="color: #009900; font-style: italic;">// Rufe eine URL auf</span>
    <span style="color: #004993;">navigateToURL</span><span style="color: #000000;">&#40;</span><span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">URLRequest</span><span style="color: #000000;">&#40;</span><span style="color: #990000;">&quot;http://www.thomas-aull.de&quot;</span><span style="color: #000066; font-weight: bold;">,</span> <span style="color: #990000;">&quot;_self&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #000000;">&#125;</span></pre></td></tr></table></div>




<p>Wir sagen einem EventListener, dass er die ganze Zeit auf den Button „openLink_btn” horchen soll, ob der Nutzer mit der Maus draufklickt. Tritt dieser Fall ein, soll er die Funktion „machWas” aufrufen.</p>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Jetzt geht´s ans Eingemachte: eigene Events schreiben...</h2>

<p>...was schon ein wenig schwieriger ist. Ein wenig Grundwissen in Objektorientierter Programmierung kann nicht schaden um den kompletten Vorgang zu verstehen.</p>

<p>Zuerst erzeugen wir unsere eigene Eventklasse, die die Flash-Eventklasse erweitert. Grob gesagt: Wir nehmen die Eventklasse von Flash und packen unseren Code einfach dazu. Dieser Code muss in einer eigenen .as-Datei mit dem Namen „MeinEvent.as" abgelegt werden:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #9900cc; font-weight: bold;">package</span> <span style="color: #000000;">&#123;</span>
        <span style="color: #009900; font-style: italic;">// Import der Flash Eventklasse</span>
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.events</span><span style="color: #000066; font-weight: bold;">.*;</span>
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> MeinEvent <span style="color: #0033ff; font-weight: bold;">extends</span> <span style="color: #004993;">Event</span> <span style="color: #000000;">&#123;</span>
&nbsp;
                <span style="color: #009900; font-style: italic;">// Eventarten, bekanntes Beispiel: MouseEvent.CLICK</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> static const TESTEREIGNIS<span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;">&quot;TESTEREIGNIS&quot;</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
                <span style="color: #009900; font-style: italic;">// Variable in denen wir zusätzliche Eventdaten speichern können</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
                <span style="color: #009900; font-style: italic;">// Der Konstruktor</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> MeinEvent<span style="color: #000000;">&#40;</span><span style="color: #004993;">type</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">String</span><span style="color: #000066; font-weight: bold;">,</span> <span style="color: #004993;">data</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
			<span style="color: #0033ff; font-weight: bold;">super</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">type</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
			<span style="color: #0033ff; font-weight: bold;">this</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">data</span> = <span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">;</span>
		<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span>
	<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span></pre></td></tr></table></div>




<p>Als nächstes erzeugen wir eine neue Flash-Datei (AS3) und packen folgenden Code in das erste Schlüsselbild:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #009900; font-style: italic;">// Wir sagen Flash, dass wir unsere Klasse &quot;MeinEvent&quot; benutzen wollen</span>
<span style="color: #0033ff; font-weight: bold;">import</span> MeinEvent<span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">// Wir fügen einen EventListener wie im Beispiel oben hinzu</span>
<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span>MeinEvent<span style="color: #000066; font-weight: bold;">.</span>TESTEREIGNIS<span style="color: #000066; font-weight: bold;">,</span> machWas<span style="color: #000000;">&#41;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">// Hier feuern wir unser Event ab</span>
<span style="color: #004993;">dispatchEvent</span><span style="color: #000000;">&#40;</span><span style="color: #0033ff; font-weight: bold;">new</span> MeinEvent<span style="color: #000000;">&#40;</span>MeinEvent<span style="color: #000066; font-weight: bold;">.</span>TESTEREIGNIS<span style="color: #000066; font-weight: bold;">,</span> <span style="color: #0033ff; font-weight: bold;">null</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">// Die Funktion die dann durch den EventListener aufgerufen wird</span>
<span style="color: #339966; font-weight: bold;">function</span> machWas<span style="color: #000000;">&#40;</span>e<span style="color: #000066; font-weight: bold;">:</span>MeinEvent<span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
    <span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span><span style="color: #990000;">&quot;Das Event funktioniert!&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span></pre></td></tr></table></div>




<p>Zuerst sagen wir Flash, dass wir unsere Klasse "meinEvent" verwenden wollen. Anschließend schreiben wir einen normalen EventListener wie im MouseEvent-Beispiel oben. Wir sagen hier aber, dass er auf das Event „MeinEvent” und  den Eventtyp „TESTEREIGNIS” hören soll. Tritt dieser Fall ein, soll er die Funktion „machWas” aufrufen.</p>

<p>Weil jetzt aber niemand außer uns weiß, wann das Event genau aufgerufen werden soll, müssen wir das selbst machen. Das ist der sogenannte „Event-Dispatcher”. Der sagt, dass bitteschön jetzt unser Event „MeinEvent” mit dem Eventtyp „TESTEREIGNIS” abgefeuert werden soll. Wir wollen keine weiteren Eventdaten übergeben (= null).</p>

<p>Wenn wir den Film jetzt starten, bekommen wir einen trace mit dem Inhalt "Das Event funktioniert!". Wichtig dabei ist, dass alle Dateien im gleichen Verzeichnis liegen!</p>

<h2>Und jetzt?</h2>

<p>Das war die eigentliche Grundlogik. Wir können unsere Events aber noch um folgende Punkte ergänzen:</p>

<p><b>Mehrere Eventtypen verwenden:</b> Um weitere Eventtypen verwenden zu können, müssen wir einfach unsere Eventklasse um die entsprechenden Variablen erweitern. Wenn wir anstatt des Eventtyps „TESTEREIGNIS” auch noch „USERINTERKATION” und „BILD_GELADEN” abfragen möchten, hinterlegen wir diese einfach in unserer Klasse:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #9900cc; font-weight: bold;">package</span> <span style="color: #000000;">&#123;</span>
        <span style="color: #009900; font-style: italic;">// Import der Flash Eventklasse</span>
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.events</span><span style="color: #000066; font-weight: bold;">.*;</span>
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> MeinEvent <span style="color: #0033ff; font-weight: bold;">extends</span> <span style="color: #004993;">Event</span> <span style="color: #000000;">&#123;</span>
&nbsp;
                <span style="color: #009900; font-style: italic;">// Eventarten, bekanntes Beispiel: MouseEvent.CLICK</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> static const TESTEREIGNIS<span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;">&quot;TESTEREIGNIS&quot;</span><span style="color: #000066; font-weight: bold;">;</span>
                <span style="color: #0033ff; font-weight: bold;">public</span> static const USERINTERAKTION<span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;">&quot;USERINTERAKTION&quot;</span><span style="color: #000066; font-weight: bold;">;</span>
                <span style="color: #0033ff; font-weight: bold;">public</span> static const BILD_GELADEN<span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;">&quot;BILD_GELADEN&quot;</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
                <span style="color: #009900; font-style: italic;">// Variable in denen wir zusätzliche Eventdaten speichern können</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
                <span style="color: #009900; font-style: italic;">// Der Konstruktor</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> MeinEvent<span style="color: #000000;">&#40;</span><span style="color: #004993;">type</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">String</span><span style="color: #000066; font-weight: bold;">,</span> <span style="color: #004993;">data</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
			<span style="color: #0033ff; font-weight: bold;">super</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">type</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
			<span style="color: #0033ff; font-weight: bold;">this</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">data</span> = <span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">;</span>
		<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span>
	<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span></pre></td></tr></table></div>




<p><b>Eventdaten übergeben:</b> Häufig ist es auch erforderlich an das Event verschiedene Daten anzuhängen die für die Weiterverarbeitung nötig sind. In unsere Eventklasse haben wir dafür schon die nötige Variable „data” hinterlegt. Wir müssen im Dispatcher einfach noch die Daten übergeben. In unserer Eventfunktion können wir diese Daten dann auslesen:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;">&nbsp;
<span style="color: #009900; font-style: italic;">// EventListener</span>
<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span>MeinEvent<span style="color: #000066; font-weight: bold;">.</span>TESTEREIGNIS<span style="color: #000066; font-weight: bold;">,</span> machWas<span style="color: #000000;">&#41;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">// Dispatcher mit Eventdaten füttern...</span>
<span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">Object</span> = <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">Object</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">name</span> = <span style="color: #990000;">&quot;Max Mustermann&quot;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">.</span>alter = <span style="color: #000000; font-weight:bold;">21</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #009900; font-style: italic;">// ...und abfeuern</span>
<span style="color: #004993;">dispatchEvent</span><span style="color: #000000;">&#40;</span><span style="color: #0033ff; font-weight: bold;">new</span> MeinEvent<span style="color: #000000;">&#40;</span>MeinEvent<span style="color: #000066; font-weight: bold;">.</span>TESTEREIGNIS<span style="color: #000066; font-weight: bold;">,</span> <span style="color: #004993;">data</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">// Eventfunktion: Daten auslesen</span>
<span style="color: #339966; font-weight: bold;">function</span> machWas<span style="color: #000000;">&#40;</span>e<span style="color: #000066; font-weight: bold;">:</span>MeinEvent<span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
    <span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span>e<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">name</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
    <span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span>e<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">data</span><span style="color: #000066; font-weight: bold;">.</span>alter<span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #000000;">&#125;</span><span style="color: #000066; font-weight: bold;">;</span></pre></td></tr></table></div>




<p><a href='http://www.thomas-aull.de/wp-content/uploads/as3_eigene_events_verwenden_beispieldateien.zip'>Download der Beispieldateien</a></p><img src="http://feeds.feedburner.com/~r/thomasaull/~4/BRz-PMX9HMg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/07/as3-eigene-events-verwenden/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Neu im Portfolio – Axel Rodenbüsch und „Nacht des Heiligtums 2009”</title>
		<link>http://www.thomas-aull.de/2009/06/neu-im-portfolio-axel-rodenbusch-und-nacht-des-heiligtums-2009/</link>
		<comments>http://www.thomas-aull.de/2009/06/neu-im-portfolio-axel-rodenbusch-und-nacht-des-heiligtums-2009/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 13:50:09 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Neu im Portfolio]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=847</guid>
		<description><![CDATA[

Ab heute stehen zwei neue Arbeiten im Portfolio bereit. Ein Relaunch der Website des Immobilienmaklers Axel Rodenbüsch und die Flyer und Postergestaltung für die Nacht des Heiligtums 2009 der Schönstattjugend.

trennlinie

Axel Rodenbüsch - www.rodenbuesch.net
Anfang des Jahres war ich auf Wohnungssuche. In Köln, als Azubi der weder eine Provision abdrücken noch einen besonders hohes Einkommen vorweisen kann, [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/06/neu-im-portfolio-axel-rodenbusch-und-nacht-des-heiligtums-2009/"><img src="http://www.thomas-aull.de/wp-content/uploads/neu_im_portfolio-94x94.jpg" alt="neu_im_portfolio" title="neu_im_portfolio" width="94" height="94" class="alignleft size-thumbnail wp-image-731 abstand_unten" /></a>

<p>Ab heute stehen zwei neue Arbeiten im Portfolio bereit. Ein Relaunch der Website des <a href="http://www.rodenbuesch.net">Immobilienmaklers Axel Rodenbüsch</a> und die Flyer und Postergestaltung für die <a href="http://www.nachtdesheiligtums.de">Nacht des Heiligtums 2009</a> der Schönstattjugend.</p>
<span id="more-847"></span>
<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Axel Rodenbüsch - www.rodenbuesch.net</h2>
<p>Anfang des Jahres war ich auf Wohnungssuche. In Köln, als Azubi der weder eine Provision abdrücken noch einen besonders hohes Einkommen vorweisen kann, eine anstrengende Geschichte. Also habe ich die Aktion <strong>„Wohnung gegen Website”</strong> gestartet und verschiedene Maklerbüros angeschrieben, ob sie nicht die Provision wegfallen lassen und ich Ihnen dafür im Gegenzug Ihren Internetauftritt überarbeiten kann. Die Rückmeldungen waren sehr interessant (und teilweise durchaus positiv!), eine Wohnung habe ich dann aber doch auf normalem Wege gefunden.</p>

<p>Ein Auftrag von Herrn Rodenbüsch ist dann aber auch noch daraus entstanden. Ich habe ihm einen kompletten Website-Relaunch gestaltet und programmiert. Als CMS kam dabei das simple aber geniale <a href="http://www.thomas-aull.de/2009/05/cushycms-leichtes-cms-fur-zwischendurch/">CushyCMS</a> zum Einsatz.</p>

<p><a href="http://www.rodenbuesch.net"><img src="http://www.thomas-aull.de/wp-content/uploads/portfolio/web/axel_rodenbuesch/axel_rodenbuesch1.jpg" alt="www.rodenbuesch.net" /></a></p>

<p>weiter Bilder im <a href="/portfolio">Portfolio</a></p>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Flyer und Poster für die „Nacht des Heiligtums 2009”</h2>

<p>Für die „Nacht des Heiligtums 2009" der Schönstattjugend habe ich außerdem einen Infoflyer und ein Poster gemacht.</p>

<p>Die Wellenillustration habe ich erst auf Papier vorgezeichnet, abfotografiert und anschließend in Illustrator nachgezeichnet. Das ganze habe ich dann in Photoshop zu der entgültigen Grafik zusammengebaut und zuletzt die Infotexte gesetzt.</p>

<p><a href="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_scribble.jpg"><img src="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_scribble.jpg" alt="flyer_ndh_scribble" title="flyer_ndh_scribble" width="474" height="242" class="alignnone size-full wp-image-1025" /></a></p>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_1.jpg" alt="flyer_ndh_1" title="flyer_ndh_1" width="474" height="298" class="alignnone size-full wp-image-1029" /></p>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_2.jpg" alt="flyer_ndh_2" title="flyer_ndh_2" width="474" height="224" class="alignnone size-full wp-image-1030" /></p>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_3.jpg" alt="flyer_ndh_3" title="flyer_ndh_3" width="474" height="224" class="alignnone size-full wp-image-1031" /></p>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_4.jpg" alt="flyer_ndh_4" title="flyer_ndh_4" width="474" height="224" class="alignnone size-full wp-image-1032" /></p>

<p>So sieht der fertige Flyer aus:</p>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_5.jpg" alt="flyer_ndh_5" title="flyer_ndh_5" width="474" height="224" class="alignnone size-full wp-image-1033" /></p>

<p><img src="http://www.thomas-aull.de/wp-content/uploads/flyer_ndh_6.jpg" alt="flyer_ndh_6" title="flyer_ndh_6" width="474" height="224" class="alignnone size-full wp-image-1034" /></p>

<p>Bilder und Poster im <a href="/portfolio">Portfolio</a></p>

<p><b>Update:</b> Das Organisationsteam von der „Nacht des Heiligtums 2009” hat dem Gestaltungsprozess des Flyers einen kleinen <a href="http://www.nachtdesheiligtums.de/news/wie-design-entsteht">Artikel</a> gewidmet.</p>
<img src="http://feeds.feedburner.com/~r/thomasaull/~4/KnL0rJkRbw0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/06/neu-im-portfolio-axel-rodenbusch-und-nacht-des-heiligtums-2009/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CushyCMS – leichtes CMS für Zwischendurch</title>
		<link>http://www.thomas-aull.de/2009/05/cushycms-leichtes-cms-fur-zwischendurch/</link>
		<comments>http://www.thomas-aull.de/2009/05/cushycms-leichtes-cms-fur-zwischendurch/#comments</comments>
		<pubDate>Thu, 28 May 2009 14:08:45 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Webentwicklung]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=814</guid>
		<description><![CDATA[

Viele Kunden wollen ihre Website selbst pflegen und verändern können. Für ein Content-Management-System kein Problem. Doch nicht immer lohnt sich ein „großes” CMS für jedes Projek, wenn der Kunde sowieso nur kleine Textänderungen vornehmen oder hier und da mal ein Bild austauschen möchte. 
Und hier kommt das geniale, wie einfache CushyCMS ins Spiel. Mit Cushy [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.thomas-aull.de/2009/05/cushycms-leichtes-cms-fur-zwischendurch/"><img src="http://www.thomas-aull.de/wp-content/uploads/cushycms-94x94.jpg" alt="cushycms" title="cushycms" width="94" height="94" class="alignleft size-thumbnail wp-image-815" /></a>

<p>Viele Kunden wollen ihre Website selbst pflegen und verändern können. Für ein Content-Management-System kein Problem. Doch nicht immer lohnt sich ein „großes” CMS für jedes Projek, wenn der Kunde sowieso nur kleine Textänderungen vornehmen oder hier und da mal ein Bild austauschen möchte. <br/>
Und hier kommt das geniale, wie einfache <a href="http://www.cushycms.com">CushyCMS</a> ins Spiel. Mit Cushy kann man ohne nennenswerten Mehraufwand eine Seite pflegbar machen. Wie's geht erkläre ich euch hier.</p>

<span id="more-814"></span>
<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Schritt 1: Anmelden</h2>

<a href="http://www.thomas-aull.de/wp-content/uploads/cushycms_anmelden.jpg" class="multibox" title="Registrierung"><img src="http://www.thomas-aull.de/wp-content/uploads/cushycms_anmelden_thumb.jpg" alt="cushycms_anmelden_thumb" title="cushycms_anmelden_thumb" width="94" height="94" class="alignleft size-full wp-image-860" /></a>

<p>Zuerst muss man sich als „Designer” registrieren. Als Designer kann man mehrere Seiten verwalten und mehrere „Editoren” anlegen. Außerdem kann man festlegen, welcher Editor welche Seite bearbeiten darf.</p>

<div class="clearer">&nbsp;</div>

<p><a href="http://www.thomas-aull.de/wp-content/uploads/cushycms_backend.jpg" class="multibox" title="Das Backend"><img src="http://www.thomas-aull.de/wp-content/uploads/cushycms_backend_thumb.jpg" alt="cushycms_backend_thumb" title="cushycms_backend_thumb" width="94" height="94" class="alignleft size-full wp-image-867 abstand_unten" /></a>

Nach der Registrierung gelangt man in den Backendbereich, hier klickt man auf „Add Site” um eine neue Website im CushyCMS zu verwalten.</p>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Schritt 2: FTP-Daten eingeben</h2>

<a href="http://www.thomas-aull.de/wp-content/uploads/cushycms_ftp.jpg" class="multibox" title="Eingabe der FTP-Daten"><img src="http://www.thomas-aull.de/wp-content/uploads/cushycms_ftp_thumb.jpg" alt="cushycms_ftp_thumb" title="cushycms_ftp_thumb" width="94" height="94" class="alignleft size-full wp-image-879" /></a>

<p>Die Verwaltung durch CushyCMS erfolg mittels FTP und direkter Manipulation des HTML-Contents. Damit das CMS auch auf die Seiten zugreifen kann muss man die entsprechenden FTP-Daten hinterlegen.</p>

<p>Dazu gibt man einfach die benötigten FTP-Daten ein. Schwupps - hat man eine neue Seite angelegt.</p>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Schritt 3: CushyCMS Klassen vergeben</h2>
<p>Als nächstes muss man dem CMS noch sagen, welche HTML-Teile einer Seite bearbeitet werden dürfen. Alles was man dafür tun muss ist dem umschließenden Container die Klasse „cushycms” zu geben. Aus folgendem HTML-Code:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div<span style="color: #339933;">&gt;</span>Inhalt<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>




<p>wird also:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;cushycms&quot;</span><span style="color: #339933;">&gt;</span>Inhalt<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>




<p>Falls man mehrere HTML-Elemente auf einmal bearbeiten will (z.B. mehrere Absätze plus ein umfließendes Bild) muss man um diese Element noch einen umschließenden Div-Container einfügen (falls noch keiner vorhanden). Aus:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>p<span style="color: #339933;">&gt;</span>Das ist ein Absatz<span style="color: #339933;">&lt;/</span>p<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>p<span style="color: #339933;">&gt;</span>Das ist noch ein Absatz<span style="color: #339933;">&lt;/</span>p<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;bild.jpg&quot;</span> alt<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Testbild&quot;</span><span style="color: #339933;">&lt;/</span>img<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>




<p>wird:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;cushycms&quot;</span><span style="color: #339933;">&gt;</span>
    <span style="color: #339933;">&lt;</span>p<span style="color: #339933;">&gt;</span>Das ist ein Absatz<span style="color: #339933;">&lt;/</span>p<span style="color: #339933;">&gt;</span>
    <span style="color: #339933;">&lt;</span>p<span style="color: #339933;">&gt;</span>Das ist noch ein Absatz<span style="color: #339933;">&lt;/</span>p<span style="color: #339933;">&gt;</span>
    <span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;bild.jpg&quot;</span> alt<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Testbild&quot;</span><span style="color: #339933;">&lt;/</span>img<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>




<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Schritt 4: HTML-Seite ins CushyCMS einfügen</h2>

<a href="http://www.thomas-aull.de/wp-content/uploads/cushycms_seiteanlegen.jpg" class="multibox" title="HTML-Seite zum CushyCMS hinzufügen"><img src="http://www.thomas-aull.de/wp-content/uploads/cushycms_seiteanlegen_thumb.jpg" alt="cushycms_seiteanlegen_thumb" title="cushycms_seiteanlegen_thumb" width="94" height="94" class="alignleft size-full wp-image-929" /></a>

<p>Damit das CMS weiß, welche HTML-Seiten auf dem Server überhaupt bearbeitet werden dürfen, muss man die eben vorbereitete Seite noch einfügen. Dafür klickt man auf den Link „Assign Page to Site” und kann im Dateifenster einfach die entsprechende Datei auswählen. Nachdem man einen „Page Name” vergeben hat klickt man auf „Assign Page” und hat somit die Vorbereitungen zum Bearbeiten einer Seite abgeschlossen.</p>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Schritt 5: Lospflegen!</h2>

<a href="http://www.thomas-aull.de/wp-content/uploads/cushycms_pflegen.jpg" class="multibox" title="Der WYSIWYG-Editor"><img src="http://www.thomas-aull.de/wp-content/uploads/cushycms_pflegen_thumb.jpg" alt="cushycms_pflegen_thumb" title="cushycms_pflegen_thumb" width="94" height="94" class="alignleft size-full wp-image-935 abstand_unten" /></a>

<p>Fertig! Wenn man eine Seite mit dem CushyCMS bearbeiten will, klickt man einfach im Seitenbaum auf die entsprechende Seite und kann nun alle in Schritt 3 vorbereiteten Elemente bearbeiten.</p>

<div class="trennlinie_hor_lang">trennlinie</div>

<h2>Tipps &#038; Tricks</h2>

<h3>Allgemein</h3>
<p>Viele Tipps und Tricks im Umgang mit dem CushyCMS stehen in der <a href="http://www.cushycms.com/static/documentation">Designer Documentation</a>, für außergewöhnliche Fragen gibt es eine <a href="http://groups.google.com/group/cushycms">Google Support Group</a>. Beides findet man im <a href="http://www.cushycms.com/static/support">Supportbereich</a>.</p>

<h3>Metadaten pflegbar machen</h3>
<p>Zusätzlich habe ich eine Möglichkeit gefunden mittels PHP Metadaten pflegbar zu machen und einen Schnipsel dafür <a href="http://schnipsel.davidhellmann.com/wordpress/cushycms-metadaten-pflegbar-machen/53">hier gepostet</a>.</p>

<h2>Update: Surreal CMS</h2>
<p>Vor kurzem ist mir noch eine interessante Alternative zu CushyCMS untergekommen: <a href="http://www.surrealcms.com">SurrealCMS</a>. Das System schlägt in eine ganz ähnliche Kerbe wie das CushyCMS (naja eigentlich die gleiche...), hat aber einige interessante Features mehr im Gepäck. Ich werde sicher mal einen genaueren Blick drauf werfen.</p>

<h2>Noch n Update: PageLime</h2>
<p>Gerade bin ich auf eine weitere Alterative zum CushyCMS gestoßen: <a href="http://www.pagelime.com/">PageLime</a>. Ich hab zwar nur einen kurzen Blick drauf geworfen, aber das <a href="http://www.pagelime.com/tour/demo-video/">Demo Video</a> sieht ganz vielversprechend aus.</p><img src="http://feeds.feedburner.com/~r/thomasaull/~4/DM5sgAy07Jc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/05/cushycms-leichtes-cms-fur-zwischendurch/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>UXzentrisch – User Experience Blog</title>
		<link>http://www.thomas-aull.de/2009/05/uxzentrisch-user-experience-blog/</link>
		<comments>http://www.thomas-aull.de/2009/05/uxzentrisch-user-experience-blog/#comments</comments>
		<pubDate>Thu, 21 May 2009 10:07:44 +0000</pubDate>
		<dc:creator>Thomas Aull</dc:creator>
				<category><![CDATA[Linktipps]]></category>

		<guid isPermaLink="false">http://www.thomas-aull.de/?p=799</guid>
		<description><![CDATA[Einige Kollegen meines Ausbildungsbetriebs haben vor kurzem einen neuen Blog zum Thema User Experience gestartet: UXzentrisch.

Zum Start des Blogs schreiben die Macher u.a. folgendes:

„Das hier ist uxzentrisch, das neue Blog zum Thema User Experience. Unser Blog. Heute erblickt es das Licht der Netzwelt.

Damit erfüllt sich für uns der Wunsch, endlich unter einem gemeinsamen Dach am [...]]]></description>
			<content:encoded><![CDATA[<p>Einige Kollegen meines <a href="http://www.nexum.de">Ausbildungsbetriebs</a> haben vor kurzem einen neuen Blog zum Thema User Experience gestartet: <a href="http://www.uxzentrisch.de">UXzentrisch</a>.</p>

<p>Zum Start des Blogs schreiben die Macher u.a. folgendes:</p>

<p>„Das hier ist uxzentrisch, das neue Blog zum Thema User Experience. Unser Blog. Heute erblickt es das Licht der Netzwelt.</p>

<p>Damit erfüllt sich für uns der Wunsch, endlich unter einem gemeinsamen Dach am User Experience Diskurs Teil zu haben. Einem Thema, das noch so jung, aber gleichzeitig so spannend und umfassend ist.”</p>

<p>Also, schaut mal vorbei auf <a href="http://www.uxzentrisch.de">www.uxzentrisch.de</a></p>
<img src="http://feeds.feedburner.com/~r/thomasaull/~4/IyxuJxaeeTA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.thomas-aull.de/2009/05/uxzentrisch-user-experience-blog/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
