<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>dave's playground</title>
	<atom:link href="http://www.davetrudes.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.davetrudes.com</link>
	<description>A personal blog by David Renoldner</description>
	<lastBuildDate>Thu, 18 Mar 2010 20:23:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Physics Engine for GWT</title>
		<link>http://www.davetrudes.com/?p=209</link>
		<comments>http://www.davetrudes.com/?p=209#comments</comments>
		<pubDate>Thu, 18 Mar 2010 20:21:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[physics engine]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=209</guid>
		<description><![CDATA[Neues Projekt gestartet. stay tuned]]></description>
			<content:encoded><![CDATA[<p>Neues Projekt gestartet.</p>
<p>stay tuned <img src='http://www.davetrudes.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=209</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LuGo &#8211; Performance Vergleich</title>
		<link>http://www.davetrudes.com/?p=147</link>
		<comments>http://www.davetrudes.com/?p=147#comments</comments>
		<pubDate>Sat, 09 Jan 2010 10:42:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[ExternalInterface]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[GWT]]></category>
		<category><![CDATA[Lugo]]></category>
		<category><![CDATA[Performance]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=147</guid>
		<description><![CDATA[Ich denke es ist an der Zeit, meine Vector Graphik API, die sich jetzt LuGo nennt in Verhältnis zu den anderen API&#8217;s zu stellen. Also bitte&#8230; Eines vorweg, die Resultate sind großartig. LuGo ist nicht die einzige verfügbare API die auf eine Abstraktion hinsichtlich nativen Vektorgrafik-Technologien anbietet. Daher sollte man an dieser Stelle, API&#8217;s mit [...]]]></description>
			<content:encoded><![CDATA[<p>Ich denke es ist an der Zeit, meine Vector Graphik API, die sich jetzt LuGo nennt <img src='http://www.davetrudes.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  in Verhältnis zu den anderen API&#8217;s zu stellen. Also bitte&#8230; Eines vorweg, die Resultate sind großartig.</p>
<p><a href="?p=126" target="_self">LuGo</a> ist nicht die einzige verfügbare API die auf eine Abstraktion hinsichtlich nativen Vektorgrafik-Technologien anbietet. Daher sollte man an dieser Stelle, API&#8217;s mit ähnlicher Funktionalität anführen:</p>
<ul>
<li><a href="http://raphaeljs.com/" target="_blank">RaphaelJS</a></li>
<li><a href="http://www.dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/drawing-gfx" target="_blank">Dojo GFX</a></li>
</ul>
<p>Im folgenden sollen nun die beiden API&#8217;s bezüglich Skriptgröße &amp; Rendering-Zeit mit Lugo verglichen werden.</p>
<h3>Versionen</h3>
<ul>
<li>Dojo 1.4.0</li>
<li>RaphaelJS 0.8.6</li>
<li>LuGo alpha 0.3.1</li>
</ul>
<h3>Skriptgröße</h3>
<table>
<tbody>
<tr>
<td>Raphael</td>
<td>126 kB</td>
</tr>
<tr>
<td>Dojo GFX</td>
<td>313,7 kB</td>
</tr>
<tr>
<td>LuGo</td>
<td>103 kB</td>
</tr>
</tbody>
</table>
<p><a href="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-size.jpg"><img class="aligncenter size-medium wp-image-151" title="lugo-perform-size" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-size-300x208.jpg" alt="" width="300" height="208" /></a></p>
<h3>Renderingzeit</h3>
<p>In diesem Abschnitt soll nun überprüft werden, wie lange die jeweiligen API&#8217;s zum Rendern einer bestimmten Grafik brauchen. Dabei wurde darauf geachtet, dass das Testsetup bei allen API&#8217;s gleich ist. So wurden bspw. im Vorhinein benötigte Objekte  und deren Erzeugung von der Zeitmessung ausgeschlossen, sodass nur das eigentliche Erstellen der unten gezeigten Grafik berücksichtigt wurde.</p>
<h4>Algorithmen</h4>
<p>Folgende Grafik soll von den API&#8217;s erzeugt werden:<br />
<a href="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo_performance11.jpg"><img class="aligncenter size-medium wp-image-149" title="lugo_performance1" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo_performance11-300x277.jpg" alt="" width="300" height="277" /></a><br />
Mit Hilfe folgender Algorithmen wurden jeweils 360 Kreise mit selben Radius erzeugt. Eine Zeitmessung wurde jeweils vor und nach der Operationsausführung durchgeführt und daraufhin die Differenz, also die benötigte Ausführungszeit ermittelt. Im Folgenden sind nun die detailierten Funktionen der jeweiligen API angeführt, um eine Testreproduktion zu ermöglichen:</p>
<h5>RaphaelJS</h5>
<pre style="font-size: 11px;">       function createCircles( quantity ) {
              canvas.clear();
              var radius = 15;
              for (var i=0; i &lt; quantity; i++){
                     var shape = canvas.circle(
                           centerX + (Math.sin( i ) * radius ),
                           centerY + (Math.cos( i ) * radius ),
                           4
                      );
                      shape.attr("fill", "blue");
                      radius += 0.5;
              }//end for
       }</pre>
<h5>Dojo GFX</h5>
<pre style="font-size: 11px;">       function createCircles( quantity ) {
              canvas.clear();
              var radius = 15;
              for (var i=0; i &lt; quantity; i++){
                     var shape = canvas.createCircle(
                           {
                               cx: centerX + (Math.sin( i ) * radius ),
                               cy: centerY + (Math.cos( i ) * radius ),
                               r: 4
                           }
                      );
                      shape.setFill("blue");
                      radius += 0.5;
              }//end for
       }</pre>
<h5>LuGo</h5>
<pre style="font-size: 11px;">      public void createCircles( int quantity ) {
              canvas.clear();
              int radius = 15;
              for (int i=0; i &lt; quantity; i++){
                     canvas.add (
                          new Ellipse(
                             centerX + (Math.sin( i ) * radius ),
                             centerY + (Math.cos( i ) * radius ),
                             4,
                             new SolidFill( Color.BLUE )
                          )
                      );
                      radius += 0.5;
              }//end for
       }</pre>
<h4>Ergebnisse</h4>
<table>
<tbody>
<tr>
<td style="width: 50%; padding-right: 10px;"><a href="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-firefox.jpg" target="_blank"><img class="aligncenter size-medium wp-image-153" title="Vergleich in Firefox 3.5.7" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-firefox-300x208.jpg" alt="" width="300" height="208" /></a></td>
<td style="width: 50%; text-align: center;"><a href="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-ie.jpg" target="_blank"><img class="aligncenter size-medium wp-image-154" title="lugo-perform-algorithm-ie" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-ie-300x208.jpg" alt="" width="300" height="208" /></a></td>
</tr>
<tr>
<td style="padding-top: 10px;"><a href="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-chrome.jpg"><img class="aligncenter size-medium wp-image-155" title="lugo-perform-algorithm-chrome" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-chrome-300x208.jpg" alt="" width="300" height="208" /></a></td>
<td style="width: 50%; padding-top: 10px;"><a href="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-safari.jpg" target="_blank"><img class="aligncenter size-medium wp-image-156" title="lugo-perform-algorithm-safari" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-perform-algorithm-safari-300x208.jpg" alt="" width="300" height="208" /></a></td>
</tr>
</tbody>
</table>
<h4>Fazit</h4>
<p>Fairerweise muss man hier anmerken, dass der Vergleich bzgl. IE nicht ganz stimmt. Denn aufgrund der mangeldnen Performance des Internet Explorers, wird hierbei nicht VML wie bei Raphael und Dojo, sondern Flash zur Darstellung der Objekte benutzt. Diese Erweiterung kommuniziert mit dem ExternalInterface von Flash und erzeugt dynamisch zur Laufzeit die notwendigen Objekte im leeren Flash-Film. Dies passiert auf einem sehr generischen Weg, sodass sämtliche Möglichkeiten die Lugo bietet (EventHandling &#8211; EventBus, Transformationen, Zoom&amp;Pan Support, geometrische Objekte wie komplexe Pfade, etc.) auch zur Programmierung für IE zur Verfügung stehten.</p>
<p>Dabei sieht der Entwickler aufgrund der angestrebten Transparenz nicht, welche genaue Implementierung (SVG, VML, Flash) nun zur Anwendung kommen. Die API entscheidet abhängig vom Browser des Benutzers und der Komplexität der Anwendung, welche Implementierung am passenden ist.</p>
<p><strong>Zu den Resultaten: </strong>Wie man bei den Diagrammen erkennen kann, ist ein sehr deutlicher Unterschied zwischen Raphael und Lugo/Dojo. So ist die Performance im IE zwar sehr ähnlich, bei allen anderen ergibt sich jedoch ein sehr großer Unterschied (Chrome: ~400 ms, Safari: ~270 ms, Firefox: ~400ms).</p>
<p>Des Weiteren kann man erkennen, das LuGo immer eine Spur schneller rendert als Dojo, mit Ausnahme von Firefox, wo Dojo deutlich führt. So könnte man sagen, dass Dojo und Lugo in etwa gleich schnell rendern, sich jedoch bei der Größe der Skriptdateien unterscheiden. Hierbei benötigt Dojo knapp über 300 kB während Lugo mit knapp 110 kB auskommt. (Und dabei ist zu berücksichtigen, dass sämtlicher Code, der für<a href="http://www.davetrudes.com/wp-content/extern/lugo-test/Lugo.html" target="_blank"> dieses Demo</a> benötigt wird, inkludiert ist.)<br />
Abschliessend muss man anmerken, dass in LuGo noch keinerlei Performanceoptimierungen erfolgten, da sich die API noch im der Pre-Alpha-Phase befindet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=147</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LuGo &#8211; Particle Emmitter Experiment</title>
		<link>http://www.davetrudes.com/?p=137</link>
		<comments>http://www.davetrudes.com/?p=137#comments</comments>
		<pubDate>Wed, 16 Dec 2009 21:40:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[GWT]]></category>
		<category><![CDATA[Lugo]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=137</guid>
		<description><![CDATA[Particle Emmitter Experiment mit LuGo und Physics-Algorithmen. Es befinden sich ständig 50 Particles auf der Bühne, deren Position alle 25 ms neu errechnet wird. Seht selbst: Demo Skriptgröße: 14 kB (gzip)]]></description>
			<content:encoded><![CDATA[<p>Particle Emmitter Experiment mit <a href="?p=126">LuGo</a> und Physics-Algorithmen.</p>
<p>Es befinden sich ständig 50 Particles auf der Bühne, deren Position alle 25 ms neu errechnet wird.<br />
Seht selbst: <a href="http://www.davetrudes.com/wp-content/extern/lugo-particle/ParticleApp.html" target="_blank">Demo</a></p>
<p><a href="http://www.davetrudes.com/wp-content/extern/lugo-particle/ParticleApp.html" target="_blank"><img class="aligncenter size-full wp-image-138" title="lugo-particle_emmitter" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo-particle_emmitter.jpg" alt="" width="531" height="443" /></a><br />
<strong>Skriptgröße:</strong> 14 kB (gzip)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=137</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wunsch-Wall Applikation</title>
		<link>http://www.davetrudes.com/?p=178</link>
		<comments>http://www.davetrudes.com/?p=178#comments</comments>
		<pubDate>Wed, 16 Dec 2009 20:30:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Projekte]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=178</guid>
		<description><![CDATA[Kleines Projekt für Messestand einer schweizer Firma. Client-Server Applikation zur Eingabe von &#8220;Wünschen&#8221;, die in eine zentrale Datenbank gespeichert werden und mittels erweiterten Zufallsalgorithmus innerhalb einer bestimmten Zeitspanne durch einen Beamer auf einer Leinwand angezeigt wurden. Abb 1. Terminal-Eingabemaske (links), Fullscreen-Beamer-Applikation (rechts)]]></description>
			<content:encoded><![CDATA[<p>Kleines Projekt für Messestand einer schweizer Firma.<br />
Client-Server Applikation zur Eingabe von &#8220;Wünschen&#8221;, die in eine zentrale Datenbank gespeichert werden und mittels erweiterten Zufallsalgorithmus innerhalb einer bestimmten Zeitspanne durch einen Beamer auf einer Leinwand angezeigt wurden.</p>
<p style="text-align: center;"><a href="http://www.davetrudes.com/wp-content/uploads/2010/01/wishwall.jpg"><img class="aligncenter size-large wp-image-179" title="wishwall" src="http://www.davetrudes.com/wp-content/uploads/2010/01/wishwall-1024x382.jpg" alt="" width="575" height="214" /></a><br />
Abb 1. Terminal-Eingabemaske (links), Fullscreen-Beamer-Applikation (rechts)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=178</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LuGo &#8211; A vector graphics API for GWT</title>
		<link>http://www.davetrudes.com/?p=126</link>
		<comments>http://www.davetrudes.com/?p=126#comments</comments>
		<pubDate>Mon, 14 Dec 2009 08:21:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[GWT]]></category>
		<category><![CDATA[Lugo]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=126</guid>
		<description><![CDATA[LuGo bietet eine Abstraktionsschicht über die derzeitigen, nativ unterstützten Vektorgrafik-Technologien SVG / VML. Ziel dabei ist Transparenz: Der Entwickler soll, unabhängig von der Browserplattform, Vektorgrafiken mittels JavaScript erstellen und in die Webseite einbinden können. Lugo vs. Canvas Kriterium LuGo Canvas EventHandling einfach schwierig Basiskonzept geom. Objekte &#8211; Shapes Pixels Scenegraph über DOM implizit verfügbar kein [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">LuGo bietet eine Abstraktionsschicht über die derzeitigen, nativ unterstützten Vektorgrafik-Technologien SVG / VML. Ziel dabei ist Transparenz: Der Entwickler soll, unabhängig von der Browserplattform, Vektorgrafiken mittels JavaScript erstellen und in die Webseite einbinden können.</p>
<h3>Lugo vs. Canvas</h3>
<table>
<tbody>
<tr>
<td width="144"><strong>Kriterium</strong></td>
<td width="222"><strong>LuGo</strong></td>
<td width="218"><strong>Canvas</strong></td>
</tr>
<tr>
<td>EventHandling</td>
<td>einfach</td>
<td>schwierig</td>
</tr>
<tr>
<td>Basiskonzept</td>
<td>geom. Objekte &#8211; Shapes</td>
<td>Pixels</td>
</tr>
<tr>
<td>Scenegraph</td>
<td>über DOM implizit verfügbar</td>
<td>kein Graph, da scriptable &lt;img&gt;</td>
</tr>
<tr>
<td>Browserunterstützung</td>
<td>A-Grade, inkl. IE</td>
<td>A-Grade, jedoch IE nur über Workaround (ExplorerCanvas)</td>
</tr>
<tr>
<td>Text</td>
<td>volle Unterstützung</td>
<td>kein direktes Rendering von Text</td>
</tr>
<tr>
<td>Animation</td>
<td>Animieren der Shapes</td>
<td>Rerendering des Inhaltes</td>
</tr>
</tbody>
</table>
<h3>Code Beispiel</h3>
<pre style="font-size:11px;">
     Canvas canvas = new Canvas(500, 500);

      //Create a rectangle at point {10, 10} with dimension {200, 100}
      Rectangle myRect = new Rectangle(10, 10, 200, 100);

      canvas.add(myRect);

      //set blue fillingcolor
      myRect.setFill( new SolidFill( Color.BLUE ) );

      //set Transparency
      myRect.setOpacity(80);

      //Transformations  e.g. rotation at a specific point
      myRect.rotateAt(90, new Point(250, 250) );

      //Enabling zoom and pan support
      CanvasZoomPanWrapper zoomPan = new CanvasZoomPanWrapper(canvas, true, true);

      //add event listener (zb: zoom Event)
      zoomPan.addZoomEventHandler( new ZoomEventHandler(){

           public void onZoom(int zoomLevel){

                //change opacity
                myRect.setOpacity( zoomLevel * 100 );
           } 

      });</pre>
</p>
<p><h3> Testcase </h3>
<p><a href="http://www.davetrudes.com/wp-content/extern/lugo-test/Lugo.html" target="_blank"><img class="size-full wp-image-128  aligncenter" title="lugo_test1" src="http://www.davetrudes.com/wp-content/uploads/2010/01/lugo_test1.jpg" alt="" width="602" height="399" /></a></p>
<p><h3> Ressources</h3>
<ul>
<li><a href="http://code.google.com/p/lugo/"> LuGo @ google code </a></li>
<li><a href="http://www.davetrudes.com/wp-content/extern/lugo-test/Lugo.html">Demo</a></li>
</ul>
<p>Source via SVN:</p>
<pre  style="font-size:11px;">svn checkout http://lugo.googlecode.com/svn/trunk/ lugo-read-only</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=126</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User Experience (UX) &#8211; Framework &amp; Techniken</title>
		<link>http://www.davetrudes.com/?p=105</link>
		<comments>http://www.davetrudes.com/?p=105#comments</comments>
		<pubDate>Sun, 11 Oct 2009 22:50:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dave's thoughs]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=105</guid>
		<description><![CDATA[Teil 1: User Experience (UX) &#8211; Elemente User Experience Framework Wie schon aus der Definition und den Elementen hervorgeht, umschreibt User Experience das Gesamterlebnis des Benutzers bei der Interaktion mit einer Anwendung. Es liegt auf der Hand, dass das oberste Ziel eines User Experience Life- Cycles die Schaffung von Anwendungen mit möglichst hohem Nutzungserlebnis ist [...]]]></description>
			<content:encoded><![CDATA[<p><a href="?p=31" target="_self">Teil 1: User Experience (UX) &#8211; Elemente</a></p>
<h1>User Experience Framework</h1>
<p>Wie schon aus der Definition und den Elementen hervorgeht, umschreibt User<br />
Experience das Gesamterlebnis des Benutzers bei der Interaktion mit einer<br />
Anwendung. Es liegt auf der Hand, dass das oberste Ziel eines User Experience Life-<br />
Cycles die Schaffung von Anwendungen mit möglichst hohem Nutzungserlebnis ist<br />
[MWBV08]. In diesem Kapitel soll nun der bekannte Life-Cycle nach Jesse James<br />
Garrett beschrieben werden. Er postuliert, dass das User-Centric-Design eine zentrale<br />
Rolle im Life-Cycle spielen muss und dass kein Aspekt ohne die Berücksichtigung<br />
des Benutzers und dessen Erwartungen entwickelt werden sollte [Garr06].</p>
<h2>Die Ebenen der User Experience</h2>
<p>Garrett teilt User Experience in seinem Life-Cycle in fünf Ebenen: Strategy Plane,<br />
Scope Plane, Structure Plane, Skeleton Plane und Surface Plane. Des Weiteren<br />
unterscheidet er die Betrachtungsweise von Webseiten die entweder als Software<br />
Interface oder Hypertext System angesehen werden können (siehe Abbildung 1).<br />
Aufgrund dieser Betrachtungsweisen teilt er die fünf Ebenen in zwei Hälften, sodass<br />
sich links befindende Element auf das Web als Software Interface, und rechts<br />
stehende Elemente auf das Web als Hypertext System beziehen. Aus Benutzersicht<br />
befindet sich links die Webseite als Tool um Aufgaben zu bewältigen und rechts als<br />
Informationsquelle. Im Folgenden sollen nun diese Ebenen angeführt und näher<br />
erläutert werden.</p>
<p style="text-align: center;"><a href="../wp-content/uploads/2010/01/ux-framework-garret.jpg"><img class="aligncenter" title="ux-framework-garret" src="../wp-content/uploads/2010/01/ux-framework-garret.jpg" alt="" width="300" height="383" /></a></p>
<address style="text-align: center;">Abb 1. Ebenen des UX Framework [Garr06]<br />
</address>
<h3>Strategy Plane</h3>
<p>Die Grundlage erfolgreichen User Experience ist eine klar kommunizierte Strategie<br />
[Garr06]. Auf dieser Ebene stehen die strategischen Ziele der Webseite und die<br />
Benutzerbedürfnisse an erster Stelle. Das Ziel hierbei heißt Benutzerbedürfnisse zu<br />
befriedigen. „Man muss verstehen, was Kunden verlangen und versuchen sie mit<br />
anderen Kundenwünschen zu kombinieren.“ [Garr06]<br />
Die Ziele des Unternehmens (meist wirtschaftlicher Natur) müssen mit den<br />
Benutzerbedürfnissen abgeglichen werden. Da die Bedürfnisse der Benutzer (User<br />
Needs) sehr breit gefächert sind, ist es schwierig diese zu identifizieren. Eine<br />
Möglichkeit diese Bedürfnisse zu befriedigen ist es, ‚personas‘ (user models) zu<br />
verwenden (siehe 4. Methoden und Techniken).<br />
Die grundsätzlichen Fragen die zu klären sind: „Was wollen wir an Output von<br />
dieser Seite?“ und Was wollen unsere Benutzer von ihr haben?“ [Garr06]. Diese<br />
beiden Fragen müssen gegenübergestellt und eine Lösung für beide Seiten gesucht<br />
werden. Auf der einen Seite, die Ziele der Webseite, auf der anderen die Ziele des<br />
Benutzers. Wie bereits erwähnt, gibt es primär Business Ziele, d.h. Umsatz, Gewinn,<br />
Marke, etc. Wichtig bei der Markenidentität ist jedoch nicht nur die Marke bzw. das<br />
Logo, sondern auch der visuelle Faktor, d.h. wenn eine Webseite ihre visuelle Marke<br />
besitzt und diese den Benutzer anspricht, wird er wieder kommen.<br />
Der nächste Schritt ist, zu wissen, wann man sein Ziel erreicht hat. Es gibt<br />
bestimmte Indikatoren, wie Erfolgsmetriken, die man dafür einsetzen kann [Garr06].<br />
Diese Metriken beeinflussen nicht nur die Entscheidungen während der Erstellung<br />
einer Webseite, sondern sie liefern auch Kontrollwerte für User Experience, wie z.B.<br />
Besucheranzahlen der Webseite.<br />
Eine große Herausforderung ist die Webseite den Benutzern optimal anzupassen.<br />
Das Problem dabei ist, dass es nicht nur DEN Benutzer gibt, sondern dass jeder<br />
Benutzer unterschiedliche Erwartungen und Bedürfnisse an eine Webseite stellt. Es<br />
wäre nun naheliegend, die Webseite für einen idealen Benutzer zu erstellen, wie z.B.<br />
dem Designer. Die Webseite muss jedoch für alle Benutzer ‚ideal‘ gestaltet werden.<br />
Um nun Benutzer zu gruppieren und einschätzen zu können, wird eine<br />
Benutzersegmentierung vorgenommen, d.h. demographisch, psychographisch, usw.<br />
Weiters werden Untersuchungsgruppen gebildet, welche die Webseiten testen. Diese<br />
Gruppen werden aus verschiedenen Benutzern zusammengesetzt, d.h.<br />
unterschiedlicher demographischer sowie psychographischer Herkunft [Garr06].</p>
<h3>Scope Plane</h3>
<p>Um die Entscheidung treffen zu können, welche Elemente, Fähigkeiten,<br />
Eigenschaften, Besonderheiten und Merkmale auf einer Webseite untergebracht<br />
werden sollen, muss man Klarheit darüber schaffen, was man selbst als Unternehmen<br />
möchte und der Benutzer von der diese Webseite erwartet. Erst damit kann man alle<br />
oben genannten strategischen Ziele erfüllen. D.h. Scope Plane beschreibt die<br />
Selektion von Features und Inhalten einer Webseite und versucht diese optimal an alle<br />
Bedürfnisse anzupassen. Eine Strategie wird erst dann zu einem konkret formulierten<br />
Inhalt, wenn man die User Needs und die Ziele des Unternehmens in detaillierte<br />
Anforderungen für den Inhalt und die Funktionalität der Webseite übersetzt [Garr06].<br />
Dabei grenzt man die Anforderungen insofern ab, in jene die man erfüllen möchte,<br />
und jene die man dezidiert nicht möchte. Das bedeutet man stellt Funktionalität und<br />
Inhalt gegenüber und prüft, welche Elemente man realisieren möchte. Die einfachste<br />
Methode um Anforderungen herauszufinden ist die Benutzer schlicht und einfach zu<br />
befragen. Wichtig dabei ist, dass man beim Thema und dem eigentlichen Inhalt bleibt<br />
und gezielt auswählt. Garrett schlägt folgende drei Maßnahmen vor um dies zu<br />
erreichen: Positiv formulieren, spezifisch formulieren, subjektive Sprache vermeiden.</p>
<h3>Structure Plane</h3>
<p>Beziehungen zwischen den ermittelten Anforderungen und Abläufen auf einer<br />
Webseite werden im Structure Plane festgelegt. Navigationsabläufe, flüssige und<br />
inhaltlich zusammenpassende Bereiche sowie der Informationsfluss einer Webseite<br />
sind für den Benutzer wichtig [Kalb07]. Aus der Softwareentwicklung ist diese<br />
Modellierungsart als ‚Interaction Design‘ bekannt, während hingegen im Content<br />
Development diese als ‚Information Architecture‘ (Informationsarchitektur)<br />
bezeichnet wird.<br />
Bei der Entwicklung dieser Architektur ist es von Bedeutung auf mehrere Faktoren<br />
zu achten, wie etwa die Einhaltung von Konventionen, da der Wiedererkennungswert<br />
für Benutzer wichtig ist, und sie mit Bekanntem besser umgehen können. Ein weiteres<br />
Element ist die Fehlerbehandlung; wohin wird der Benutzer nach Auftreten eines<br />
Fehler verwiesen, und kommt die Webseite in einen konsistenten Zustand zurück?<br />
Um diese Punkte sicherzustellen sind drei Elemente von Bedeutung, nämlich<br />
Prävention, Korrektur und Wiederherstellung [Garr06].<br />
Für die Darstellung von Information ist bei der Structure Plane die Einhaltung von<br />
Organisationsprinzipien (Daten) notwendig. Damit ist die hierarchische Struktur etwa<br />
von Daten in einer Baumdarstellung gemeint. D.h. nach welchen Inhalten wird<br />
gruppiert, welche Werte stehen oben im Baum, etc. Zum Beispiel bei einer Newsorientierten<br />
Seite wird wahrscheinlich chronologisch gruppiert werden.</p>
<h3>Skeleton Plane</h3>
<p>Auf dieser Ebene wird die konzeptuelle Struktur detailliert betrachtet und es werden<br />
spezifische Aspekte des Interfaces, der Navigation und des Informationsdesigns<br />
identifiziert. Diese drei Elemente sind eng miteinander verbunden und legen den<br />
Grundstein für den Skeleton Plane. Beim Skeleton Plane wird der Fokus auf<br />
individuelle Seiten und deren Komponenten gelegt im Gegensatz zum Structure<br />
Plane. [Garr06]</p>
<p>Erfolgreiche Webseiten sind jene, wo ein Benutzer nach betreten<br />
einer Seite sofort den wichtigen Inhalt erkennt und den unwichtigen ausblendet bzw.<br />
nicht beachtet. Um das zu erreichen, sind mehrere Schritte notwendig [Garr06]:</p>
<ul>
<li><strong>Interface Design:</strong> Der Inhalt von Checkboxen, Radio Buttons, Textfelder,<br />
Dropdownlisten, Listboxen, etc. ist wichtig und soll gezielt gewählt und deren<br />
Verwendung und Anordnung an das Gesamtbild der Teilseite angepasst werden.</li>
<li><strong>Navigation Design</strong>: Globale, lokale, kontextuelle und die ‚zuvorkommende‘<br />
Navigation sollen geplant und an den Benutzer angepasst werden.</li>
<li><strong>Information Design:</strong> Welcher Inhalt wird wie angeordnet und vermittelt.</li>
<li><strong>Wayfinding:</strong> Das erfolgreiche Finden eines Weges durch die Website mit<br />
schlüssigem Inhalt, ist für den Benutzer wichtig. Dazu können Farben oder andere<br />
Hinweise verwendet werden, sollen aber dem Benutzer genug Freiraum zur eigenen<br />
Entscheidung lassen.</li>
</ul>
<h3>Surface Plane</h3>
<p>Inhalt, Funktionalität und Ästhetik müssen zu einem fertigen visuellen Design<br />
welches alle Erwartungen und Ziele erfüllt, zusammengeführt werden [Garr06]. Dabei<br />
ist es nicht einfach nur wichtig eine ‚coole‘ Webseite zu gestalten, sondern sich<br />
seinem strategischen Ziel klar zu werden und den Nutzen daraus zu ziehen, z.B. bei<br />
der Vermittlung einer Markenphilosophie.<br />
Um die Elemente einer Webseite nun bestmöglich anzuordnen und zu gestalten,<br />
sind Methoden wie Eyetracking hilfreich, welche feststellen wo die Blickpunkte eines<br />
Benutzers auf einer Webseite sind. Weiters sind Faktoren wie Kontrast und<br />
Einheitlichkeit wichtig um z.B. Bereiche zu trennen und gewissen Objekten einen<br />
höheren Stellenwert beizumessen [Garr03].</p>
<h1>Methoden und Techniken</h1>
<p>Nachdem der theoretische Hintergrund zu User Experience erklärt wurde, soll nun der<br />
Frage nach Techniken und Methoden im Zusammenhang mit User Experience<br />
nachgegangen werden. Aufgrund der Seminarrichtlinien beschränken wir uns hierbei<br />
auf ausgewählte Methoden und Techniken. So wird ausgehend vom, unter Punkt 3<br />
beschriebenen Modell, pro Ebene, eine Methode bzw. ein Technikansatz beschrieben.<br />
Da der Begriff des Web 2.0 bereits in aller Munde ist, soll dieser Abschnitt mit einer<br />
näheren Betrachtung des Web 2.0 im Kontext der User Experience abschließen, was<br />
die Methodik für die obersten beiden Ebenen des Frameworks von Garrett darstellt.<br />
Für die Ebene „Scope Plane“ werden keine Methoden angeführt, da diese aus dem<br />
Web-Engineering übernommen werden können.</p>
<h2>Personas</h2>
<p>Auf der untersten Ebene des Frameworks stellt sich die wesentliche Frage nach den<br />
Benutzeranforderungen. Das Ziel dieser Ebene ist die Erfüllung der<br />
Benutzerbedürfnisse. Da dieser Ebene ein sehr hoher Stellenwert beigemessen wird<br />
und sie wesentlich zum Erfolg einer Webseite beiträgt, findet man in der Literatur<br />
auch dementsprechend viele unterschiedliche Ansätze zur Erhebung der<br />
Benutzerwünsche. Eine allseits beliebte und nützliche Methode sind Personas (vgl.<br />
[Sinh03]).</p>
<p>Unter Personas versteht man das Entwickeln von fiktiven Benutzern die<br />
eine oder mehrere Ausprägung der Zielgruppe darstellen. Diese Personas<br />
repräsentieren dann einen Benutzer oder eine Benutzergruppe mit ihren Erwartungen,<br />
Zielen und Wünschen. Des Weiteren beschreibt man Charakteristika, Einstellungen<br />
und Verhaltungsweisen des fiktiven Benutzers. Danach wird dem ein Foto und Name<br />
zugeordnet, um der fiktiven Person „Leben“ einzuhauchen.</p>
<p style="text-align: center;"><a href="http://www.davetrudes.com/wp-content/uploads/2010/01/example-persona.jpg"><img class="size-full wp-image-107 aligncenter" title="example-persona" src="http://www.davetrudes.com/wp-content/uploads/2010/01/example-persona.jpg" alt="" width="495" height="279" /></a></p>
<address style="text-align: center;">Abb 2. Beispiel für Persona<br />
</address>
<p>Abbildung 2 zeigt ein Beispiel für einen fiktiven Benutzer. Obwohl Personas nur<br />
fiktiv sind, werden sie aufgrund Charakteristiken realer Benutzer entwickelt. Daher ist<br />
es notwendig, Umfragen und andere Datenerhebungstechniken (vgl. [McKo08])<br />
anzuwenden um herauszufinden, wer die wirklichen Benutzer sind und welche<br />
Eigenschaften sie haben. Hat man einen Pool von Personas erstellt, kann man diese<br />
zur Entscheidungsfindung heranziehen und sich in die Lage des Benutzers versetzen.</p>
<h2>Card Sorting</h2>
<p>Um zu verstehen wie Menschen bestimmte interaktive Elemente gruppieren und um<br />
sicherzustellen dass für die Webseite oder ein Produkt wichtige Elemente schnell<br />
gefunden werden, gibt es Card Sorting. Man versucht dadurch eine Struktur erkennen<br />
zu können und eine bessere Anordnung von wichtigen Items auf einer Webseite zu<br />
erreichen. Manche Items sind schwer zu kategorisieren oder werden unbewusst von<br />
Menschen ignoriert oder nicht erkannt.</p>
<p>Dabei notiert man Bezeichnungen und Typ der Elemente einer Webseite auf<br />
kleinen Notizzettel und legt sie auf einen Tisch. Nun sollen die testenden Benutzer die<br />
Elemente so an-/umordnen, wie sie es für wichtig und richtig halten. Man kann auch<br />
Varianten hinzufügen indem man den Benutzer notieren lässt ob er einzelne Teile<br />
verstanden oder nicht verstanden hat. Diese Technik wird zur Erstellung einer<br />
Struktur verwendet und ordnet sich im Ebenen-Modell von Garrett bei „Structure<br />
Plane“ ein.</p>
<h2>GOMS Analysis</h2>
<p>Die Methode GOMS Analysis wurde anfangs der 80er entwickelt mit dem Ziel,<br />
Voraussagen zu treffen, inwieweit ein Benutzer gewisse Vorkenntnisse besitzen muss,<br />
um Aufgaben innerhalb eines Interfaces zu lösen. Somit lässt sich diese Methodik in<br />
die Ebene „Skeleton Plane“ (siehe Abschnitt 3.5) eingeordnet werden. Dabei steht<br />
GOMS für Goals, Operators, Methods und Selection Rules (vgl. [JoKi96]). Das<br />
bedeutet, es werden in jedem System Methoden benötigt um Ziele zu erreichen. Diese<br />
Methoden bestehen aus einzelnen Operationen die ein Benutzer ausführt. Die<br />
Methoden haben eine hierarchische Anordnung, da es Methoden geben kann, die<br />
vorher durchgeführt werden müssen um die übergeordnete Methode durchzuführen.<br />
Beispielsweise muss bei einem Suchfeld zuerst ein Suchbegriff eingegeben werden<br />
um die möglichen Suchergebnisse zu erhalten. Es liegt auf der Hand, dass es in der<br />
Praxis mehrere Methoden existieren um eine Aufgabe zu bewältigen. Dabei kommen<br />
die Selection Rules ins Spiel. Diese repräsentieren die Kunst eines guten Interfaces<br />
um den Benutzer eine intuitive Auswahl der geeigneten Methode zu ermöglichen.<br />
Dabei ist anzumerken, dass es nicht immer leicht ist, eindeutige Ziele eines<br />
Benutzers zu identifizieren, da der jeweilige Nutzungsrahmen miteinbezogen werden<br />
muss. Also in welchem Kontext wird ein System, an welchem Ort von welcher Person<br />
verwendet. Hat man jedoch diese Aufgabe gemeistert, sind die weiteren Schritte<br />
relativ einfach, indem man die Frage „Wie erreiche ich diese Ziele auf diesem<br />
System?“ beantwortet. Daraus lassen sich dann die Methoden und die dazu benötigten<br />
Operationen ableiten.</p>
<table style="height: 86px;" width="553">
<tbody>
<tr>
<td><strong>MS-DOS</strong></td>
<td><strong>Macintosh Finder</strong></td>
</tr>
<tr>
<td>1) sich an den Befehl „del“ erinnern<br />
2) über Verzeichnis und Dateiname nachdenken<br />
3) Befehl eingeben und ausführen<br />
4) Ziel erreicht -&gt; Zurück</td>
<td valign="top">1) Datei in Papierkorb ziehen<br />
2) Ziel erreicht -&gt; Zurück</td>
</tr>
</tbody>
</table>
<p>In der obigen Tabelle wird ein Beispiel für die Methode „Datei löschen“ angeführt. Dabei<br />
werden die einzelnen Operationen in einer Liste angeführt. Bei diesem einfachen,<br />
etwas älteren, Beispiel erkennt man sofort eine Möglichkeit die einem das GOMSModell<br />
zur Verfügung stellt. Es wird möglich, verschiedenste Systeme aufgrund des<br />
Aufwands für den Benutzer zu unterscheiden und zu bewerten. Des Weiteren wird es<br />
dadurch auch möglich, Loops innerhalb von Operationen zu erkennen und<br />
Operationsketten auf andere Methoden zu übertragen (reuse) um ein hohes Maß an<br />
Konsistenz des User Interfaces (vgl.<a href="?p=31" target="_self"> Elemente der UX &#8211; Nutzbarkeit</a>) zu erreichen.</p>
<pre><strong>[Garr06] </strong>J. J. Garrett: The Elements of User Experience - User-centered design for the
web, New Riders 2006 <br/>
<strong>[HPB+00]</strong> M. Hassenzahl, A. Platz, M. Burmester, K. Lehner: Hedonic and Ergonomic
Quality Aspectes Determine a Software’s Appeal. In: Proceedings of the CHI 2000
Conference on Human Factors in Computing, 2000
<br/><strong>[Jaza07]</strong> M. Jazayeri: Some Trends in Web Application Development, in: Future of
Software Engineering, IEEE Computer Society, May 2007
<br/><strong>[JeGe06] </strong>H. C. Jetter, J. Gerken: A Simplified Model of User Experience for Practical
Application, in: The 2nd COST294-MAUSE International Open Workshop “User
eXperience – Towards a unified view”, Oslo, 2006
<br/><strong>[JoKi96] </strong>B. E. John, D. E. Kieras: The GOMS Family of User Interface Analysis
Techniques: Comparison and Contrast, in: ACM Transactions on Computer-Human
Interaction, Vol 3 (4), pp. 320-351, December 2006
<br/><strong>[Jord00]</strong> P. Jordan: Designing pleasurable products. An introduction to the new human
factors. Taylor &amp; Francis, London, 2000
<br/><strong>[Kalb07]</strong> J. Kalbach: Designing Web Navigation - Optimizing the User Experience,
O'Reilly, 2007
<br/><strong>[Lewi06]</strong> D. Lewis: What is Web 2.0?, in: Crossroads, Vol. 13, September 2006
<br/><strong>[LRV+08]</strong> E. Law, V. Roto, A. Vermeeren, J. Kort, M. Hassenzahl: Towards a Shared
Definition of User Experience, in: Proc. of the 26th SIGCHI conference on Human factors
in computing systems, Florence, Italy, July 2008
<br/><strong>[Kier94]</strong> D. Kieras: A Guide to GOMS Task Analysis, University of Michigan Technical
Report, Spring, 1994
<br/><strong>[KTNH 07]</strong> N. Khalayli, T. Terum, S. I. Nyhus, K. Hamnes: Persona Based Rapid Usability
Kick-Off, in: Proc. of the 25th SIGCHI conference on Human factors in computing systems,
California, USA, May 2007
<br/><strong>[McKo08]</strong> J. McGinn, N. Kotamraju: Data-driven Persona development, in: Proc. of the
26th SIGCHI conference on Human factors in computing systems, Florence, Italy, July
2008
<br/><strong>[Miln07] </strong>D. Milne: Exploiting Web 2.0 for Knowledge-Based Information
Retrieval, in: PIKM’07, November 9, Lisbon, Portugal, 2007
<br/><strong>[MiRo06]</strong> D. E. Millard, M. Ross: Web 2.0: hypertext by any other name, in: Proc. Of the
17th conference on Hypertext and Hypermedia, August 2006
<br/><strong>[MWBV08]</strong> P. Merholz, T. Wilkens, B. Schauer, D. Verba: Subject to change: Creating
Great Products &amp; Services for an Uncertain World, O'Reilly, 2008
<br/><strong>[Niel93]</strong> J. Nielsen: Usability Engineering, in: Academic Press, San Diego, 1993
<br/><strong>[Norm04] </strong>D. A. Norman: Emotional Design: Why we love (or hate) everyday things.
Basic Books, New York, 2004
<br/><strong>[Oreil05]</strong> T. O’Reilly: What Is Web 2.0, O'Reilly Network.
http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html (13.
Nov 2008)
<br/><strong>[Pilg08]</strong> C.J. Pilgrim: Improving the Usability of Web 2.0 Applications, in: HT’08, June
19–21, Pittsburgh, Pennsylvania, USA, 2008
<br/><strong>[Rask00] </strong>J. Raskin: The Humane Interface, Addison-Wesley, 2000
<br/><strong>[Ruth08] </strong>I. Ruthven: The context of the Interface, in: IIiX '08 Proc. of the 2nd international
symposium on Information interaction in context, London, October 2008
<br/><strong>[Sinh03]</strong> R. Sinha: Persona Development for information-rich Domains, in: Proc. of CHI
'03 extended abstracts on Human factors in computing systems, Florida, USA, April 2003
<br/><strong>[Stoj05]</strong> N. Stojanovic: On the Role of a User’s Knowledge Gap in an Information
Retrival Process, in: Proc. of the 3rd international conference on Knowledge capture,
Canada, October 2005
<br/><strong>[Tree06]</strong> W. Treese: Web 2.0: is it really different?, in: Networker, Vol. 10 (2), June
2006
<br/><strong>[Zaji07]</strong> M. Zajicek: Web 2.0: hype or happieness?, in: Proc. Of the 2007 international
cross-disciplinary conference on Web accessibility, Canada, 2007
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=105</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Letzter Tag</title>
		<link>http://www.davetrudes.com/?p=102</link>
		<comments>http://www.davetrudes.com/?p=102#comments</comments>
		<pubDate>Tue, 25 Aug 2009 15:52:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Thailand Vietnam 2009]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=102</guid>
		<description><![CDATA[Hallo, leider sind die 5 Wochen zu schnell vergangen :-( und es ist wieder an der Zeit in die Heimat zurueckzukehren. Wie bereits erwaehnt sind wir gestern wieder in Bangkok angekommen. Da wir uns in dieser Stadt so ziemlich alles gesehen haben (Sehenswuerdigkeiten) erkundeten wir heute die Shopping-Malls. Unglaublich, wir sind um 11:00 Uhr vormittags weggefahren [...]]]></description>
			<content:encoded><![CDATA[<p>Hallo,</p>
<p>leider sind die 5 Wochen zu schnell vergangen :-( und es ist wieder an der Zeit in die Heimat zurueckzukehren.</p>
<p>Wie bereits erwaehnt sind wir gestern wieder in Bangkok angekommen. Da wir uns in dieser Stadt so ziemlich alles gesehen haben (Sehenswuerdigkeiten) erkundeten wir heute die Shopping-Malls. Unglaublich, wir sind um 11:00 Uhr vormittags weggefahren und erst um 19:00 Uhr von unserem Shopping-Ausflug zurueckgekehrt. Dabei haben wir nur 2 Einkaufszentren und einen Markt besucht&#8230;</p>
<p>Da unser Flug uerbermorgen frueh (00:50 Uhr) startet werden wir den morgigen Tag ebenfalls mit Shopping verbringen <img src='http://www.davetrudes.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Mehr Geschichten, Fotos und Videos gibts dann in ein paar Tagen persoenlich.</p>
<p>Liebe Gruesse<br />
Dave &amp; Pez</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=102</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vietnam &#8211; Ho Chi Minh City</title>
		<link>http://www.davetrudes.com/?p=100</link>
		<comments>http://www.davetrudes.com/?p=100#comments</comments>
		<pubDate>Sun, 23 Aug 2009 12:21:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Thailand Vietnam 2009]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=100</guid>
		<description><![CDATA[Hallo, diesmal nur ein kurzes Update: Wir waren jetzt 2 Tage im Mekong Delta unterwegs und sind gerade zurueckgekommen. Morgen frueh startet unser Flieger nach Bangkok. Da werden wir dann mehr berichten&#8230; Greetz Dave &#38; Pez PS: Endlich haben wir auch schoene, unverblasste Postkarten]]></description>
			<content:encoded><![CDATA[<p>Hallo,</p>
<p>diesmal nur ein kurzes Update:</p>
<p>Wir waren jetzt 2 Tage im Mekong Delta unterwegs und sind gerade zurueckgekommen. Morgen frueh startet unser Flieger nach Bangkok. Da werden wir dann mehr berichten&#8230;</p>
<p>Greetz<br />
Dave &amp; Pez</p>
<p>PS: Endlich haben wir auch schoene, unverblasste Postkarten <img src='http://www.davetrudes.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=100</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Vietnam &#8211; Mui Ne</title>
		<link>http://www.davetrudes.com/?p=97</link>
		<comments>http://www.davetrudes.com/?p=97#comments</comments>
		<pubDate>Wed, 19 Aug 2009 11:57:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Thailand Vietnam 2009]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=97</guid>
		<description><![CDATA[Hallo liebe Blog-Leser, nach 4 Tagen ist es wieder mal Zeit fuer ein kurzes Update. Im Grunde gibt es nicht sehr viel zu berichten, da wir die letzte Zeit nur faul am Strand lagen und uns nur zum Abendessen von diesem entfernten. Die Bungalowanlage ist sehr schön gestaltet und ruhig, und für 14$ ein wahrer [...]]]></description>
			<content:encoded><![CDATA[<p>Hallo liebe Blog-Leser,</p>
<p>nach 4 Tagen ist es wieder mal Zeit fuer ein kurzes Update. Im Grunde gibt es nicht sehr viel zu berichten, da wir die letzte Zeit nur faul am Strand lagen und uns nur zum Abendessen von diesem entfernten.</p>
<p>Die Bungalowanlage ist sehr schön gestaltet und ruhig, und für 14$ ein wahrer Geheimtipp. Auch der Strand ist grundsätzlich in Ordnung, jedoch hat das gestrige Unwetter Unmengen an Plastikhuellen, Teile von Fischernetzen und ähnliches angespült, das sich bei Ebbe natürlich am Strand ansammelt und so das Baden ziemlich unangenehm wird. </p>
<p>Heute war der letzte Strandtag und wir brechen morgen mittag, also wann ihr gerade aus dem Bett steigt, im Bus nach Saigon (oder Ho Chi Minh City). Dort wollen wir 2 Tage die Stadt erkunden und eine 2-tägige Tour ins Mekong-Delta unternehmen. Danach gehts wieder zurück nach Bangkok wo wir den restlichen Platz in unseren Rucksäcken mit Gütern aller Art befüllen möchten. Natürlich sind auch noch ein oder mehrere Abstecher zum indischen Strassenstand unseres Vertrauens geplant (Curries &#8211; lecker)</p>
<p>Bei uns ist es jetzt gerade 19:00 Uhr und Zeit ein Restaurant aufzusuchen, denn ab 22:00 schläft hier fast alles.</p>
<p>Liebe Grüße aus Mui Ne<br />
Dave &#038; Pez</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=97</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Update</title>
		<link>http://www.davetrudes.com/?p=94</link>
		<comments>http://www.davetrudes.com/?p=94#comments</comments>
		<pubDate>Sat, 15 Aug 2009 05:25:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Thailand Vietnam 2009]]></category>

		<guid isPermaLink="false">http://www.davetrudes.com/?p=94</guid>
		<description><![CDATA[Hallo, leider hat im vorigen Internet-Cafe das Veroeffentlichen der Fotos nicht funktioniert. Ab jetzt sind alle Fotos hier verfuegbar. Morgen brechen wir nach Mui Ne auf. Haben uns dort einen Strandbungalow fuer 4 Tage gemietet und hoffen, dass das Wetter so schoen bleibt wie es derzeit ist. Am 20. August fahren wir dann weiter nach [...]]]></description>
			<content:encoded><![CDATA[<p>Hallo,</p>
<p>leider hat im vorigen Internet-Cafe das Veroeffentlichen der Fotos nicht funktioniert. Ab jetzt sind alle Fotos <a href="http://picasaweb.google.com/dave.trudes" target="_blank">hier</a> verfuegbar.</p>
<p>Morgen brechen wir nach Mui Ne auf. Haben uns dort einen Strandbungalow fuer 4 Tage gemietet und hoffen, dass das Wetter so schoen bleibt wie es derzeit ist.<br />
Am 20. August fahren wir dann weiter nach Saigon&#8230;</p>
<p>Liebe Gruesse<br />
Dave &amp; Pez</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davetrudes.com/?feed=rss2&amp;p=94</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
