<?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>Michael Fretz - Interaction Designer</title>
	<atom:link href="http://www.michaelfretz.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.michaelfretz.com</link>
	<description>Interaction Design Studium Blog</description>
	<lastBuildDate>Wed, 21 Jul 2010 09:43:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WUZU 2010  – The Ice Jewelry Project</title>
		<link>http://www.michaelfretz.com/2010/07/21/wuzu-2010-the-ice-jewelry-project/</link>
		<comments>http://www.michaelfretz.com/2010/07/21/wuzu-2010-the-ice-jewelry-project/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 09:40:21 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[China]]></category>
		<category><![CDATA[expo]]></category>
		<category><![CDATA[ice]]></category>
		<category><![CDATA[Industriedesign]]></category>
		<category><![CDATA[wuzu]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3266</guid>
		<description><![CDATA[
About WUZU10
WUZU is a long-term collaborative program between the Jiangnan University and the Industrial Design department of the Zurich University of the Arts (ZHDK). Alternating every year, one university hosts a joint international summer school. Since its inception in 2004, the WUZU program has stated an example of successful collaboration between Chinese and European universities.
This [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3268" title="Scribbles WUZU 2010" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/skizzen_wuzu2010.jpg" alt="" width="580" height="120" /></p>
<p><strong>About WUZU10</strong></p>
<p>WUZU is a long-term collaborative program between the Jiangnan University and the Industrial Design department of the Zurich University of the Arts (ZHDK). Alternating every year, one university hosts a joint international summer school. Since its inception in 2004, the WUZU program has stated an example of successful collaboration between Chinese and European universities.<br />
This years WUZU 2010 program was organised by the School of Design at the Jiangnan University in China.</p>
<p>The Subject was “YOU•WU”. The program started in June 2010, when 11 students and 2 professors from the ZHDK had the opportunity to fly to China and meet their educational partners; 20 students and 4 professors from the Jiangnan University. Together they conceived and designed a product that will be exhibited in September in the pavilion “Basel Geneva Zurich” at the Expo in Shanghai.<br />
<span id="more-3266"></span><strong>What does YOU•WU stand for</strong><br />
The topic YOU•WU is from Tao, a concept found in Taoism (http://en.wikipedia.org/wiki/Tao). It has two modalities, YOU and WU which you can also call “origin” and “effect”. In the Chinese culture this means the non-existence and existence. The goal was to create a product that incorporates YOU•WU.</p>
<p><strong>The Project</strong><br />
We started our project with different expeditions, prospects  and ideas. While I was more concerned about building something with educational values and that makes people think, my Chinese friends Candy and Claire chose an approach that would be based on a more literal implementation of the topic.</p>
<p><img class="alignnone size-full wp-image-3270" title="Working" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/wuzu2010_working.jpg" alt="" width="580" height="357" /></p>
<p>On one of our many trips to the beautiful small towns in China we observed students buy cheap jewelery. I immediately thought that this jewelery is probably being worn once, maybe twice before it disappears somewhere in a box or even a trash can. What a contribution to our daily waste production. So many resources carelessly wasted for a trend or a brief moment. This experience made us focus on an idea to build a product that is environmentally friendly and at the same time allows for a critical statement over our waste society.</p>
<p>Together we developed a product made of ice. It’s jewelery completely made from frozen water. When worn, it slowly dissolves on it’s own without causing any impact on the environment. Consider a hot day at the beach. Jewelry made from ice is fashionable body cooling that is fun to wear and completely guilt free. It can be produced everywhere and does not require sophisticated production methods.</p>
<p>The state transformation from frozen to liquid symbolizes the phenomena of disappearing fish populations that is caused by our destructive behaviour. Our fast living and careless disconnection from mother nature may lead to a irreversible ecological catastrophe. Just like a piece of art made from ice needs care to not melt away, we need to finally take care to possible avoid what currently seems inevitable.</p>
<p><img class="alignnone size-full wp-image-3271" title="Ice Jewelery" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/wuzu_shell.jpg" alt="" width="580" height="773" /></p>
<p><strong>Our ice jewelry comes in three flavors: °fish | °rubbish | °fun</strong></p>
<p><strong>°fish</strong> is to make people aware of the fact that many sea animals are dying out. This can be because of overfishing or pollution. Either way, we need to somehow find the balance with our environment again otherwise we will destroy all sea life. Hence, °fish comes in the shape of sea-animals to remind people that we need to take care of our oceans and its animals before it’s to late.</p>
<p><strong>°rubbish</strong> should let people understand that they have to keep rubbish away from the sea and the beaches. Today there are already huge patches of trash floating in the ocean, some bigger than the US state Texas (<a href="http://en.wikipedia.org/wiki/Great_Pacific_Garbage_Patch" target="_blank">http://en.wikipedia.org/wiki/Great_Pacific_Garbage_Patch</a>). This should not have happened and filling trash into our oceans can no longer be tolerated. The °rubbish line shall remind people that it is our responsibility to keep the sea and our environment clean from trash.</p>
<p><strong>°fun</strong> is to simply enjoy the beach life. It’s decorative and fun to wear. It is to remind us all that, being environmentally responsible is still a lot of fun.</p>
<p><strong>How did we work?</strong><br />
From start to completion the project could last a maximum of 5 days. Naturally, we were working long ours and it made us work hard. In collaborative and individual short brainstorming sessions we developed a bunch of ideas. When we had all our ideas written down, we discussed each one of them in detail and we chose our favorites. The selected ideas we then presented to our teachers. Which does not always yield a clearer result ;-)<br />
With the chosen product idea we started a few rounds of experiments to find out how the cold material would behave, how to form it, etc. We built many shapes used many different materials to create wearable jewelry. To demonstrate the final product and the topic of the pollution, we produced a short <a href="http://www.youtube.com/watch?v=r45oZQQiQMQ" target="_blank">stop motion video</a>:</p>
<p><strong>Looking back to this project.</strong><br />
It was a great experience to work hand in hand with Chinese Students. My team member Candy and Claire were both very open minded and fun to work with. We had a good time and we learned a lot about our cultural differences. Personally I gained a lot of value out of the intercultural collaboration and thus the project was a great success.</p>
<p><a href="http://www.youtube.com/watch?v=bYmQPeqLAxs" target="_blank">Video of the final product</a></p>
<p>Thanks for Matt from <a href="http://www.yatah.ch" target="_blank">Yatah</a> for helping me finding the words ;-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/07/21/wuzu-2010-the-ice-jewelry-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shanghai World Expo 2010</title>
		<link>http://www.michaelfretz.com/2010/07/10/shanghai-world-expo-2010/</link>
		<comments>http://www.michaelfretz.com/2010/07/10/shanghai-world-expo-2010/#comments</comments>
		<pubDate>Sat, 10 Jul 2010 10:42:13 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[expo]]></category>
		<category><![CDATA[shanghai]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3250</guid>
		<description><![CDATA[A couple of days ago I  had the chance to visit the Expo in Shanghai, China. The Expo site is  impressive and unbelievable huge. Same with the amount of people. There  are pavilions, for example the Swiss one, on which you have to wait for  hours just to go in.  But [...]]]></description>
			<content:encoded><![CDATA[<p>A couple of days ago I  had the chance to visit the Expo in Shanghai, China. The Expo site is  impressive and unbelievable huge. Same with the amount of people. There  are pavilions, for example the Swiss one, on which you have to wait for  hours just to go in.  But even without going into the different  pavilions its an amazing place to be. The building have all a really  fantastic architecture and try to impress with its appearance.</p>
<p><img class="alignnone size-full wp-image-3258" title="Expo Shanghai  2010" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/expo_shanghai_2010_06.jpg" alt="" width="580" height="435" /></p>
<p><span id="more-3250"></span></p>
<p><img class="alignnone size-full wp-image-3253" title="Expo Shanghai 2010" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/expo_shanghai_2010_01.jpg" alt="" width="580" height="435" /></p>
<p><img class="alignnone size-full wp-image-3254" title="Expo Shanghai 2010" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/expo_shanghai_2010_02.jpg" alt="" width="580" height="435" /></p>
<p><img class="alignnone size-full wp-image-3255" title="Expo Shanghai 2010" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/expo_shanghai_2010_03.jpg" alt="" width="580" height="435" /></p>
<p><img class="alignnone size-full wp-image-3256" title="Expo Shanghai 2010" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/expo_shanghai_2010_04.jpg" alt="" width="580" height="435" /></p>
<p><img class="alignnone size-full wp-image-3257" title="Expo Shanghai 2010" src="http://www.michaelfretz.com/wp-content/uploads/2010/07/expo_shanghai_2010_05.jpg" alt="" width="580" height="435" /></p>
<p><strong>How to have fun at the  expo without queuing?</strong><br />
Wile walking around the pavilions we saw many  visitors taking pictures in front of each pavilion. Usually they showed  the peace sign with their hands and smiled. This is was our reaction: :)</p>
<p><script type="text/javascript" src="http://www.michaelfretz.com/wp-content/plugins/pb-embedflash/js/swfobject.js"></script><span class="embedflash" id="swfid55d2466264f03d7d406b2fb1dabcd16e"><small>(Please open the article to see the flash file or player.)</small></span><script type="text/javascript">
				var flashvars = {}; var params = {}; var attributes = {};params.allowfullscreen = "true"; params.allowscriptaccess = "always";
				swfobject.embedSWF("http://www.michaelfretz.com/wp-content/uploads/2010/07/expo.swf","swfid55d2466264f03d7d406b2fb1dabcd16e","435","580","9.0.0","http://www.michaelfretz.com/wp-content/plugins/pb-embedflash/swf/expressInstall.swf",flashvars,params,attributes);
		</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/07/10/shanghai-world-expo-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Migros Terra Suisse &#8211; Who Is Muh</title>
		<link>http://www.michaelfretz.com/2010/07/10/migros-terra-suisse-who-is-muh/</link>
		<comments>http://www.michaelfretz.com/2010/07/10/migros-terra-suisse-who-is-muh/#comments</comments>
		<pubDate>Sat, 10 Jul 2010 10:17:42 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Webapplikation]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[migros]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3228</guid>
		<description><![CDATA[The last couple of weeks I had the possibility to work for Jung von Matt, one of the leading advertisement agencies in Europe. I worked on different small projects but mainly on the Migros Terra Suisse Microsite &#8220;Who is Muh&#8221;.
What is &#8220;Who is Muh&#8221;?
&#8220;Who is Muh&#8221; is an interactive platform for the Migros brand Terra [...]]]></description>
			<content:encoded><![CDATA[<p>The last couple of weeks I had the possibility to work for <a href="http://www.jvm.ch" target="_blank">Jung von Matt</a>, one of the leading advertisement agencies in Europe. I worked on different small projects but mainly on the <a href="http://www.migros.ch/DE/Supermarkt/Engagement/TerraSuisse/Seiten/TerraSuisseTiere.aspx" target="_blank">Migros Terra Suisse Microsite &#8220;Who is Muh&#8221;</a>.</p>
<p><strong>What is &#8220;Who is Muh&#8221;?</strong><br />
&#8220;Who is Muh&#8221; is an interactive platform for the Migros brand Terra Suisse. This interactive site shows different animals from the Terra Suisse program and explains what each animal does and how the animals are being treated and raised by their farmers.</p>
<p><img class="alignnone size-full wp-image-3243" title="migros_terrasuisse" src="http://www.michaelfretz.com/wp-content/uploads/2010/06/migros_terrasuisse2.jpg" alt="" width="578" height="419" /></p>
<p><span id="more-3228"></span></p>
<p><strong>Terra Suisse Animals and there Language</strong><br />
In the section animals and their language each animal explains briefly how they are being treated and what they do all day long. Each animal explains some things about its live and the environment it grows up in.</p>
<p><img class="alignnone size-full wp-image-3233" title="terrasuisse_animal_music" src="http://www.michaelfretz.com/wp-content/uploads/2010/06/terrasuisse_animal_music.jpg" alt="" width="580" height="439" /></p>
<p><strong>Muh Mix</strong><br />
The Muh Mix is a game like part of the site. Per drag and drop users can place animals into a play-list and arrange the order of the animal voices. If a user is happy with his choice he can play the song he created, share it on Facebook or send it through an email to his friends. If a user thinks the song he just made is great he can download it as an mp3 or m4r (iPhone Ring-tone format).</p>
<p><img class="alignnone size-full wp-image-3234" title="terrasuisse_animal_sound_1" src="http://www.michaelfretz.com/wp-content/uploads/2010/06/terrasuisse_animal_sound_1.jpg" alt="" width="580" height="439" /></p>
<p><img class="alignnone size-full wp-image-3235" title="terrasuisse_animals_sound" src="http://www.michaelfretz.com/wp-content/uploads/2010/06/terrasuisse_animals_sound.jpg" alt="" width="580" height="439" /></p>
<p><strong>iPhone App</strong><br />
In addition to this site there is an iPhone app, available on the iTunes Store. Install it and enjoy cute animals on your phone.</p>
<p><img class="alignnone size-full wp-image-3236" title="terrasuisse_iphone" src="http://www.michaelfretz.com/wp-content/uploads/2010/06/terrasuisse_iphone.jpg" alt="" width="580" height="439" /></p>
<p><strong>Coding Base</strong><br />
The hole application is build in Object Oriented AS3. I was able to apply some design patterns in this app, for example I applied the singelton pattern on the objects that store the data in the application. This enabled me easy access to all my data from anywhere in the application.. Everything language related is saved in XML and dynamicaly loaded by the migros website. The platform runs on a FreeBSD server managed by my own Company <a href="http://www.cubera.ch" target="_blank">Cubera Solutions GmbH</a>. For generating the mp3 and m4r we created a php script which concatted the different small animal sound fragments to one mp3 file and for the secondary download option as m4r we used ffmpeg to convert.</p>
<p><img class="alignnone size-full  wp-image-3237" title="terrasuisse_tellafriend" src="http://www.michaelfretz.com/wp-content/uploads/2010/06/terrasuisse_tellafriend.jpg" alt="" width="580" height="439" /></p>
<p><img class="alignnone size-full wp-image-3239" title="iPhoneApp" src="http://www.michaelfretz.com/wp-content/uploads/2010/06/iPhoneApp.jpg" alt="" width="580" height="439" /></p>
<p><strong>Looking back</strong><br />
After finishing this project I&#8217;m very happy with it. All requested functionality could be built even-though we didn&#8217;t know if it is possible in the first place. The site works quite good and its cute and fun to play with it.<br />
Many thanks to Claude Ebersold from <a href="http://www.jvm.ch" target="_blank">Jung von Matt</a> for providing all the cute graphics and for pushing me to work all day and night. Also thanks to Nadja Holdener for helping us where-ever help was needed, for creating many of the animations, and especially for learning and handling SVN so quickly. A special thank goes to Matthias Adolf for leading the project and letting me be part of it. Thank you all!</p>
<p><strong>Try it</strong><br />
You can try this application <a href="http://www.migros.ch/DE/Supermarkt/Engagement/TerraSuisse/Seiten/TerraSuisseTiere.aspx" target="_blank">here</a> (german)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/07/10/migros-terra-suisse-who-is-muh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using AJAX To Load Data From PHP Into Your Website</title>
		<link>http://www.michaelfretz.com/2010/04/21/using-ajax-to-load-data-from-php-into-your-website/</link>
		<comments>http://www.michaelfretz.com/2010/04/21/using-ajax-to-load-data-from-php-into-your-website/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 08:44:24 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3212</guid>
		<description><![CDATA[A few days ago I had to build a web-app for a mobile device. The problem  was, that some external input device changed values in a database and I  had to make this visible in my web-app.
I came across a good  solution from the w3c school. The problem was that  this [...]]]></description>
			<content:encoded><![CDATA[<p>A few days ago I had to build a web-app for a mobile device. The problem  was, that some external input device changed values in a database and I  had to make this visible in my web-app.</p>
<p>I came across a good  solution from the <a href="http://www.w3schools.com/php/php_ajax_database.asp" target="_blank">w3c school</a>. The problem was that  this only updated with a user input. Therefore I changed quite some  part of their script and made it easy understandable. To keep the coding  part as small and easy as possible, I will not access a database in my  example. My PHP  script only displays the PHP function <a href="http://ch.php.net/manual/de/function.date.php" target="_blank">date(&#8220;H:i:s&#8221;);</a> which  shows the current time. You could easy build what ever you want in the  the PHP  script but keep in mind that this code will be called often and could slow down  your server if you have many users and a short refresh  time and therefore to many requests to your server.</p>
<p><strong>Whats do you  need in order to see this example.</strong><br />
I created this example in three  files.<br />
- The HTML File<br />
- The Javascript File<br />
- The PHP File<br />
<span id="more-3212"></span></p>
<p><strong>The  HTML File:</strong><br />
This File loads the Javascript File in order to access  all the Javascript functions. In the &lt;body&gt; tag we load the  function startRefreshing() from the  javascript File</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;
&lt;title&gt;Ajax Test&lt;/title&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;test.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body onload=&quot;startRefreshing()&quot;&gt;
&nbsp;
    &lt;div id=&quot;idForAJAXReplace&quot;&gt;
    	Placeholder which will be replaced by the PHP content
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<p><strong>The Javascript File (test.js)</strong><br />
In the scripts I defined  which PHP  fill should be executed every time the Loop starts. The repeat time is  also defined in this script as well as the id of the DIV tag which  should be replaced by the data sent by the PHP file. Quite some part of this  script are based from the w3c school but I got rid of many unnecessary  stuff for my example.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">// Config for the javascript part</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> urlForPHP 			<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;test.php&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> milsecondsTillRepeat 	<span style="color: #339933;">=</span> <span style="color: #CC0000;">1000</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> idForReplace		<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;idForAJAXReplace&quot;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> startRefreshing<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
	setTimeout<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;startRefreshing()&quot;</span><span style="color: #339933;">,</span>milsecondsTillRepeat<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	reloadPHP<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">/// the following code is based on http://www.w3schools.com/php/php_ajax_database.asp  but I shorted it quite some bit</span>
<span style="color: #003366; font-weight: bold;">var</span> xmlhttp<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> reloadPHP<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
	xmlhttp<span style="color: #339933;">=</span>GetXmlHttpObject<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>xmlhttp<span style="color: #339933;">==</span><span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #000066;">alert</span> <span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Your Browser does not support HTTP Request&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #003366; font-weight: bold;">var</span> url<span style="color: #339933;">=</span>urlForPHP<span style="color: #339933;">;</span>
	url<span style="color: #339933;">=</span>url<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;?random=&quot;</span><span style="color: #339933;">+</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	xmlhttp.<span style="color: #660066;">onreadystatechange</span><span style="color: #339933;">=</span>stateChanged<span style="color: #339933;">;</span>
	xmlhttp.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;GET&quot;</span><span style="color: #339933;">,</span>url<span style="color: #339933;">,</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	xmlhttp.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> stateChanged<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>xmlhttp.<span style="color: #660066;">readyState</span><span style="color: #339933;">==</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
	document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span>idForReplace<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">innerHTML</span><span style="color: #339933;">=</span>xmlhttp.<span style="color: #660066;">responseText</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> GetXmlHttpObject<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>window.<span style="color: #660066;">XMLHttpRequest</span><span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
  <span style="color: #006600; font-style: italic;">// code for IE7+, Firefox, Chrome, Opera, Safari</span>
  <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">new</span> XMLHttpRequest<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>window.<span style="color: #660066;">ActiveXObject</span><span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
  <span style="color: #006600; font-style: italic;">// code for IE6, IE5</span>
  <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">new</span> ActiveXObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Microsoft.XMLHTTP&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p><strong>The PHP file (test.php)</strong><br />
This file gets called  every 1000 ms (defined in the Javascript File). For the demo I only  display the current server time. Of course you could display here data  from the database or any other PHP script which you need to have  repeat called by the website.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #b1b100;">echo</span> <span style="color: #990000;">date</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;H:i:s&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p><a href='http://www.michaelfretz.com/wp-content/uploads/2010/04/ajaxPHP.zip'>Download demo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/04/21/using-ajax-to-load-data-from-php-into-your-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spot the Dogference</title>
		<link>http://www.michaelfretz.com/2010/04/07/spot-the-dogference/</link>
		<comments>http://www.michaelfretz.com/2010/04/07/spot-the-dogference/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 11:31:57 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Almer/Blank]]></category>
		<category><![CDATA[internship]]></category>
		<category><![CDATA[pureMVC]]></category>
		<category><![CDATA[USA]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3184</guid>
		<description><![CDATA[
Last week, Spot the Dogference  came online as a public beta. Time to write a blog post about this project I worked on during my internship at Almer/Blank.
What is this game?
Spot the Dogference is an online game of spot the difference featuring pictures of dogs. It has 3 levels and one bonus level. You can [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3186" title="spotthedogference01" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/spotthedogference01.png" alt="" width="580" height="91" /></p>
<p>Last week, Spot the Dogference  came online as a public beta. Time to write a blog post about this project I worked on during my internship at Almer/Blank.</p>
<p><strong>What is this game?</strong></p>
<p>Spot the Dogference is an online game of spot the difference featuring pictures of dogs. It has 3 levels and one bonus level. You can share your score on twitter and it will be displayed on the spot the dogference website.<span id="more-3184"></span></p>
<p><img class="alignnone size-full wp-image-3188" title="spotthedogference03" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/spotthedogference03.png" alt="" width="580" height="388" /></p>
<p><img class="alignnone size-full wp-image-3187" title="spotthedogference02" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/spotthedogference02.png" alt="" width="580" height="387" /></p>
<p>The game itself is built in Actionscript 3 with the <a href="http://www.puremvc.org/" target="_blank">pureMVC</a> framework. It uses <a href="https://www.mochimedia.com/" target="_blank">MocciAds</a> and the <a href="http://blog.swfjunkie.com/2009/12/tweetr-lib-reaches-v1-0b/" target="_blank">Twitter API</a> from Sandro (SWFJunkie)<br />
I contributed in some parts to this game which was originally build by different developers from<a href="http://almerblank.com/" target="_blank"> Almer/Blank.</a></p>
<p><a href="http://spotthedogference.com/" target="_blank">Play it now</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/04/07/spot-the-dogference/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>NOMA-HILFE CD-ROM</title>
		<link>http://www.michaelfretz.com/2010/04/07/noma-hilfe-cd-rom/</link>
		<comments>http://www.michaelfretz.com/2010/04/07/noma-hilfe-cd-rom/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 08:56:44 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[CD-ROM]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Hilfswerk]]></category>
		<category><![CDATA[NOMA]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3172</guid>
		<description><![CDATA[Lately I came across an old project I build back in 2008. It‘s not the latest project but for some of you it might be quite interesting to see what I worked on quite some time ago. The project NOMA was a CD-ROM for the Noma-Hilfe Schweiz  which helps poor people with NOMA. I worked [...]]]></description>
			<content:encoded><![CDATA[<p>Lately I came across an old project I build back in 2008. It‘s not the latest project but for some of you it might be quite interesting to see what I worked on quite some time ago. The project NOMA was a CD-ROM for the Noma-Hilfe Schweiz  which helps poor people with NOMA. I worked on this project because I think its very important for people to know what NOMA  is and how we can help people with NOMA.</p>
<p><img class="alignnone size-full wp-image-3202" title="noma-hilfe-cd-rom03" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/noma-hilfe-cd-rom03.png" alt="" width="580" height="431" /></p>
<p><span id="more-3172"></span></p>
<p>I designed and developed the CD. The project is a Flash 8 project and includes Video, pictures and text information. I was responsible for the Master CD and the graphic design as well as the coding (AS2) :-) part.</p>
<p><img class="alignnone size-full wp-image-3203" title="noma-hilfe-cd-rom02" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/noma-hilfe-cd-rom02.png" alt="" width="580" height="431" /></p>
<p><img class="alignnone size-full wp-image-3204" title="noma-hilfe-cd-rom01" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/noma-hilfe-cd-rom01.png" alt="" width="580" height="431" /></p>
<p><img class="alignnone size-full wp-image-3205" title="noma-hilfe-cd-rom04" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/noma-hilfe-cd-rom04.png" alt="" width="580" height="431" /></p>
<p><img class="alignnone size-full wp-image-3178" title="NOMA-HILFE Schweiz CD-ROM" src="http://www.michaelfretz.com/wp-content/uploads/2010/04/noma_cd_4.png" alt="" width="580" height="576" /></p>
<p>For more information about NOMA visit and donate to <a href="http://www.noma-hilfe.ch" target="_blank">http://www.noma-hilfe.ch</a></p>
<p>The content of this CD-ROM can be found <a href="http://www.michaelfretz.com/noma" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/04/07/noma-hilfe-cd-rom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WUZU 2009 &#8211; Industrial Design with Chinese Students</title>
		<link>http://www.michaelfretz.com/2010/03/14/wuzu-2009-industrial-design-with-chinese-students/</link>
		<comments>http://www.michaelfretz.com/2010/03/14/wuzu-2009-industrial-design-with-chinese-students/#comments</comments>
		<pubDate>Sun, 14 Mar 2010 13:51:38 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[China]]></category>
		<category><![CDATA[Industriedesign]]></category>
		<category><![CDATA[Prototyp]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3156</guid>
		<description><![CDATA[
Last summer I had the change to be part of an international project  at the university of the arts with Chinese students. In the project WUZU 2009 we  worked in mixed groups of Chinese and Swiss students on Industrial  Design projects. The topic was &#8220;Food and Drink&#8221;.

For our project  about food [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3159" title="A new Toblerone" src="http://www.michaelfretz.com/wp-content/uploads/2010/03/toblerone_title1.jpg" alt="" width="580" height="316" /></p>
<p>Last summer I had the change to be part of an international project  at the university of the arts with Chinese students. In the project WUZU 2009 we  worked in mixed groups of Chinese and Swiss students on Industrial  Design projects. The topic was &#8220;Food and Drink&#8221;.</p>
<p><span id="more-3156"></span></p>
<p>For our project  about food or drink we came up with many different ideas. We thought  about four main subjects. Times &amp; Food, Eating on our way, Games  &amp; Food and Shapes of our Food. For the subject: &#8220;Shapes of our Food&#8221;  we came up the idea of making a redesign of TOBLERONE.  We thought it would be interesting to redesign the triangle and make it  more interesting while it still has its original shape. The main goal  would be to replace the blank triangle through an icon of some place of  interests. The triangle will be still made with chocolate but may play  with black and white chocolate or its structure. This could make a new TOBLERONE  for special events or places of interest. The main target group will be  tourists and event organiser.</p>
<p><img class="alignnone size-full wp-image-3161" title="working_on_prototype" src="http://www.michaelfretz.com/wp-content/uploads/2010/03/working_on_prototype.jpg" alt="" width="580" height="390" /></p>
<p>After finding our idea  we decided to build a prototype. First we designed the structure in  Illustrator, afterwards we went to the workshop and used the laser  cutter to bring our digital file to a real prototype. Afterwards we only  had to paint the small pieces and we had our first prototype.  Fortunately we could not eat it otherwise we would not have any pictures  :-)</p>
<p><img class="alignnone size-full wp-image-3163" title="Toblerone for Tourists" src="http://www.michaelfretz.com/wp-content/uploads/2010/03/toblerone_02.jpg" alt="" width="580" height="352" /></p>
<p>Set of possible triangles (btw: do you  see the bear in the Toblerone Logo)</p>
<p><img class="alignnone size-full wp-image-3164" title="Toblerone" src="http://www.michaelfretz.com/wp-content/uploads/2010/03/toblerone_03.jpg" alt="" width="580" height="390" /></p>
<p>The World Exhibition Shanghai triangle&#8230;</p>
<p><img class="alignnone size-full wp-image-3162" title="toblerone_01" src="http://www.michaelfretz.com/wp-content/uploads/2010/03/toblerone_01.jpg" alt="" width="580" height="360" /></p>
<p><img class="alignnone size-full wp-image-3160" title="Team" src="http://www.michaelfretz.com/wp-content/uploads/2010/03/team.jpg" alt="" width="580" height="226" /></p>
<p>Annie, Michael, Epon, Connie, the EMAC team :-)</p>
<p>Overall it was a great experience. We had a lot of  fun and ate plenty of TOBLERONE.  I really enjoyed to work in my great team. This summer I will visit my  friends in Shanghai again. This time my class will be the guests at the  Chinese university and we will do some Industrial Design projects there.</p>
<p><a href="http://www.michaelfretz.com/wp-content/uploads/2010/03/A_New_Toblerone.pdf">Download PDF documentation</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/03/14/wuzu-2009-industrial-design-with-chinese-students/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Terminal For Tracing In Actionscript Projects</title>
		<link>http://www.michaelfretz.com/2010/02/21/using-terminal-for-tracing-in-actionscript-projects/</link>
		<comments>http://www.michaelfretz.com/2010/02/21/using-terminal-for-tracing-in-actionscript-projects/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 18:40:44 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3149</guid>
		<description><![CDATA[
I think all of you know how to use trace in a flash project therefore I will target only on how to set up an easy tracing environment. I use terminal to display my traces on my Mac. I think this is an convenient way if you work on a dual screen environment. What do [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3151" title="traceinterminal" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/traceinterminal1.jpg" alt="traceinterminal" width="580" height="114" /></p>
<p>I think all of you know how to use trace in a flash project therefore I will target only on how to set up an easy tracing environment. I use terminal to display my traces on my Mac. I think this is an convenient way if you work on a dual screen environment. What do you need to do?<br />
<span id="more-3149"></span>1) Install a Debug Flash Player on your Mac. (<a href="http://www.adobe.com/support/flashplayer/downloads.html" target="_blank">http://www.adobe.com/support/flashplayer/downloads.html</a>)<br />
2) Go to your home directory on your computer (in my case: /Users/<span>itz</span>/)<br />
3) Check if a file called: &#8220;mm.<span>cfg</span>&#8221; exist<br />
4) If not create one and open it<br />
5) Write this code into the mm.<span>cfg</span> file and make sure the path to the <span>TraceOutPutFileName</span> actually goes to a file called <span>flashlog</span>.<span>txt</span>:</p>
<p><span>TraceOutPutFileName</span>=/Users/<span>itz</span>/Library/Preferences/<span>Macromedia</span>/Flash Player/Logs/<span>flashlog</span>.<span>txt</span><br />
<span>ErrorReportingEnable</span>=1<br />
<span>TraceOutputFileEnable</span>=1<br />
<span>MaxWarnings</span>=100</p>
<p>6) Save the file and close it.<br />
7) Start Terminal<br />
8) Type following and make sure the path to the files are the correct paths of your system and press ENTER: tail -f /Users/<span>itz</span>/Library/Preferences/<span>Macromedia</span>/Flash\ Player/Logs/<span>flashlog</span>.<span>txt</span><br />
8) Start your Flash Project and send out a trace<br />
9) Enjoy working on Flash projects and see traces in your Terminal.<br />
10) Share this post ;)</p>
<p>Tip: If you want to clear your traces press Command K wile your Terminal is active.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/02/21/using-terminal-for-tracing-in-actionscript-projects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My talk at L.A. Flex User Group Meeting in January</title>
		<link>http://www.michaelfretz.com/2010/02/12/my-talk-at-la-flex-user-group-meeting-in-january/</link>
		<comments>http://www.michaelfretz.com/2010/02/12/my-talk-at-la-flex-user-group-meeting-in-january/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 22:41:09 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[mojofont]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3139</guid>
		<description><![CDATA[Some of you probably read my article about Font Embedding in Actionscript 3 projects. In the January L.A. Flex User Group meeting, Tom Bray recorded my talk about MojoFont. MojoFont is an Eclipse Plugin for easy Font Embedding in Flex, FDT or Eclipse. It was a good experience to speak to the L.A. Flex group. [...]]]></description>
			<content:encoded><![CDATA[<p>Some of you probably read my article about <a href="http://www.michaelfretz.com/2010/01/12/font-embedding-in-actionscript-projects/">Font Embedding in Actionscript 3 projects</a>. In the January <a href="http://groups.adobe.com/groups/2b6ef91865/summary" target="_blank">L.A. Flex User Group </a>meeting, <a href="http://www.tombray.com/2010/02/l-a-flex-video-embedding-fonts-with-mojofont-with-michael-fretz/" target="_blank">Tom Bray</a> recorded my talk about <a href="http://mojofont.badmojo.ch/" target="_blank">MojoFont</a>. MojoFont is an Eclipse Plugin for easy Font Embedding in Flex, FDT or Eclipse. It was a good experience to speak to the L.A. Flex group. Thank you Tom for letting me a part of it. If you want to see my talk watch this video.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="435" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=9411553&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="580" height="435" src="http://vimeo.com/moogaloop.swf?clip_id=9411553&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.tombray.com/2010/02/l-a-flex-video-embedding-fonts-with-mojofont-with-michael-fretz/" target="_blank">My talk about MojoFont at L.A. Flex User Group</a></p>
<p>Unfortunately the picture quality is not really good but if you want to know more about Font Embedding with MojoFont read my post about <a href="http://www.michaelfretz.com/2010/01/12/font-embedding-in-actionscript-projects/">Font Embedding in Actionscript 3.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/02/12/my-talk-at-la-flex-user-group-meeting-in-january/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internship Project 2 : Almer Blank Labs</title>
		<link>http://www.michaelfretz.com/2010/02/08/internship-project-2-almer-blank-labs/</link>
		<comments>http://www.michaelfretz.com/2010/02/08/internship-project-2-almer-blank-labs/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 04:19:18 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3127</guid>
		<description><![CDATA[
My second project from the time of my internship which i want to show you is the Almer Blank Labs. This project is currently online and can be seen at labs.almerblank.com. I designed and developed the Wordpress Theme. The design goal for me was to create a design which is clean but also gives the [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3128" title="labsalmerblank" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/labsalmerblank.png" alt="labsalmerblank" width="580" height="120" /></p>
<p>My second project from the time of my internship which i want to show you is the <span>Almer</span> Blank Labs. This project is currently online and can be seen at <a href="http://labs.almerblank.com" target="_blank">labs.almerblank.com</a>. I designed and developed the Wordpress Theme. The design goal for me was to create a design which is clean but also gives the impression of a lab. It should show what we guys at <span>Almer</span>/Blank do or what we look at. The posts get syndicated from different employee blogs and I had to make sure that the pictures and other formatting stuff from other sites work on our site.</p>
<p><span id="more-3127"></span></p>
<p>My main work on this project was to create the design, build it into HTML and <span>CSS</span> and write the necessary changes in <span>PHP</span>. During this process I tried to optimize the site for search engines and <span>diffrent</span> devices. If you visit the blog on a mobile device like an <span>iPhone</span> or any Android Phone you will see a different, for small screens optimized version of the blog.</p>
<p><img class="alignnone size-full wp-image-3135" title="labsalmerblank3" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/labsalmerblank3.png" alt="labsalmerblank3" width="580" height="349" /></p>
<p>labs.almerblank.com on my HTC Hero</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/02/08/internship-project-2-almer-blank-labs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Studio Revo</title>
		<link>http://www.michaelfretz.com/2010/02/07/studio-revo/</link>
		<comments>http://www.michaelfretz.com/2010/02/07/studio-revo/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 03:51:32 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Webapplikation]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3121</guid>
		<description><![CDATA[My roommate Junya Sakino is a talented filmmaker here in Los Angeles. In the last couple of days we quickly build his website. The site is Wordpress driven and uses a couple different plugins. The website design was created by Junya and I build it into Wordpress. I used the capricon theme but changed quite [...]]]></description>
			<content:encoded><![CDATA[<p>My roommate <span>Junya</span> Sakino is a talented filmmaker here in Los Angeles. In the last couple of days we quickly build his website. The site is <span>Wordpress</span> driven and uses a couple different <span>plugins</span>. The website design was created by <span>Junya</span> and I build it into <span>Wordpress</span>. I used the <span>capricon</span> theme but changed quite some stuff. The reason why I mention this website here on my blog is because its a good example for a small and easy website build with <span>Wordpress</span>. Using <span>Wordpress</span> as a <span>CMS</span> is one of the quickest solutions and its easy for both, the developer and the customer.<img class="alignnone size-full wp-image-3122" title="studio-revo" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/studio-revo.png" alt="studio-revo" width="580" height="393" /></p>
<p>Visit his website: <a href="http://www.studiorevo.com" target="_blank">www.studiorevo.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/02/07/studio-revo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>St.Moritz TV</title>
		<link>http://www.michaelfretz.com/2010/02/04/internship-project-st-moritz-tv/</link>
		<comments>http://www.michaelfretz.com/2010/02/04/internship-project-st-moritz-tv/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 23:13:49 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Webapplikation]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[internship]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Prototyp]]></category>
		<category><![CDATA[USA]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3105</guid>
		<description><![CDATA[
After being here in Los Angeles for about 7 months I think its time to show you some of the projects I worked on. The first project I want to show you is St Moritz TV.
What is this project?
The website www.StMoritzTV.ch is a Web TV station with short videos about St. Moritz and the Engadine. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3108" title="stmoritztv_01" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/stmoritztv_01.jpg" alt="stmoritztv_01" width="580" height="200" /></p>
<p>After being here in Los Angeles for about 7 months I think its time to show you some of the projects I worked on. The first project I want to show you is St Moritz TV.</p>
<p><strong>What is this project?</strong><br />
The website <a href="http://www.stmoritztv.ch" target="_blank">www.StMoritzTV.ch</a> is a Web TV station with short videos about St. Moritz and the Engadine. The main goal of the website is to inform tourists and locals about events, art, dinning and shopping in St Moritz and its surroundings.</p>
<p><strong>What was the goal?</strong><br />
The current version is a Beta site. Its focus is to see what the needs of the users are and how we can build the final version and what we have to improve. Because this is a Beta site we are asking for any feedback about the site and would highly appreciate if as many of you can try it and give us a  <a href="http://www.surveymonkey.com/s/BCZFQM9" target="_blank">feedback</a>. We want to find out how we can make it most enjoyable for its user.</p>
<p><em>But hey, let&#8217;s get geeky :)</em><br />
<span id="more-3105"></span> <img class="alignnone size-full wp-image-3112" title="stmoritztv_03" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/stmoritztv_03.jpg" alt="stmoritztv_03" width="580" height="200" /><br />
<strong>What technology did I use?</strong></p>
<p><strong>Video player with Open Source Media Framework:</strong></p>
<p>The player is built with the <a href="http://opensource.adobe.com/wiki/display/osmf/Open+Source+Media+Framework" target="_blank">Adobes Open Source Media Framework</a>. We had to add some functionality into the player as the version we used didn’t have all functions we needed by the time we developed it. For example we had to build in a video time calculator and a function to read the source for the videos from the XML. Furthermore I had to implement a function to allow jumping to a requested video. For this I used external interface in actionscript to send data into the player from the html page. In this way I do not have to reload the website again if a new video should be played. Of course the play-list is continuously loading the next video as soon as the current video finished playing.<strong></strong></p>
<p><strong>Next Up</strong><br />
The “NextUp” area is build with flash and reads the same XML as the video player. Every time a new video starts to play the video player calls a Javascript function in the html site. This Javascript function send the current played video into the NextUp flash file where I update the view class. If one of the nodes will be pressed in the “Nextup”, it calls a Javascript function too and sends the requested video to the video player.<br />
<img class="alignnone size-full wp-image-3110" title="stmoritztv_02" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/stmoritztv_02.jpg" alt="stmoritztv_02" width="580" height="200" /><br />
<strong>HTML, CSS and Javascript</strong><br />
I created, based on the delivered design by Almer/Blank, the HTML and CSS part of the website. Different Javascript functions are responsible for handling the requested videos and advertisement .</p>
<p><strong>Web hosting</strong><br />
The current version of StMoritzTV is hosted by<a href="http://www.cubera.ch">Cubera Solutions GmbH</a>. Hosting on a Swiss web hosting company helps us to keep ping time low and provides us with a reliable service.<br />
Happy testing :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/02/04/internship-project-st-moritz-tv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Font Embedding in Actionscript Projects</title>
		<link>http://www.michaelfretz.com/2010/01/12/font-embedding-in-actionscript-projects/</link>
		<comments>http://www.michaelfretz.com/2010/01/12/font-embedding-in-actionscript-projects/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 03:12:14 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[mojofont]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3010</guid>
		<description><![CDATA[While working on Actionscript projects you will have to use fonts quite often. There are many ways how you can embed a font into your project. In this post I will illustrate different ways of how to do that and I would like to demonstrate a very easy way with MojoFont.

Example 1: Font Embedding During [...]]]></description>
			<content:encoded><![CDATA[<p>While working on Actionscript projects you will have to use fonts quite often. There are many ways how you can embed a font into your project. In this post I will illustrate different ways of how to do that and I would like to demonstrate a very easy way with MojoFont.</p>
<p><span id="more-3010"></span></p>
<p><strong>Example 1: Font Embedding During Runtime With SWF</strong><br />
Embedding a font with <span>SWF</span> has the advantage that it can be loaded on run-time. This will make the file size of the start-up application smaller and improves loading times. The font will be only loaded if there is a need for it. You will need to have Adobe Flash CS4 or higher for this example.<br />
1) Open a new <span>Actionscript</span> 3 file in the Flas IDE and save it as American.<span>fla</span><br />
2) Open the action panel and type following:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #000000;">&#91;</span>Embed<span style="color: #000000;">&#40;</span>systemFont=<span style="color: #990000;">&quot;American Typewriter&quot;</span>, <span style="color: #004993;">fontName</span>=<span style="color: #990000;">&quot;American&quot;</span>,
	   mimeType=<span style="color: #990000;">&quot;application/x-font&quot;</span>, unicodeRange=<span style="color: #990000;">&quot;U+0061-U+007A&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#93;</span>
<span style="color: #6699cc; font-weight: bold;">var</span> american<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Class</span>;
&nbsp;
<span style="color: #004993;">Font</span>.<span style="color: #004993;">registerFont</span><span style="color: #000000;">&#40;</span>american<span style="color: #000000;">&#41;</span>;</pre></div></div>

<p><strong>systemFont</strong> is the actual name of the font on your system.<br />
<strong>fontName</strong> can be named what ever you want to name it.<br />
<strong>unicodeRange</strong> is used to define the avaible characters.</p>
<p>I used for this example only lowercase characters. You can change the <span>unicodeCharset</span> to add more characters. A good website to generate the required <span>unicode</span> is <a href="http://rishida.net/scripts/uniview/conversion.php" target="_blank">http://rishida.net/scripts/uniview/conversion.php</a></p>
<p>3) Compile the <span>SWF</span>. You will be asked for the Flex <span>SDK</span> Path on your first compile. If you have the Flex SDK press OK and compile again otherwise download first the Flex SDK from <a href='http://opensource.adobe.com/wiki/display/flexsdk/'>opensource.adobe.com/wiki/display/flexsdk</a>. Now you should have a blank <span>SWF</span>.</p>
<p>4) Start a new <span>Actionscript</span> 3 file and save it as <span>Fonttest</span>.<span>fla</span> in the same directory as the other file.<br />
5) Open the action panel and type the following code:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">loader</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Loader</span> = <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">Loader</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993;">loader</span>.<span style="color: #004993;">contentLoaderInfo</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">INIT</span>, fontloaded<span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #004993;">loader</span>.<span style="color: #004993;">load</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;">'AmericanTypewriter.swf'</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #339966; font-weight: bold;">function</span> fontloaded<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span><span style="color: #000000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> tf<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span> = <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">TextField</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
	tf.<span style="color: #004993;">width</span>			= <span style="color: #000000; font-weight:bold;">400</span>;
	tf.<span style="color: #004993;">embedFonts</span> = <span style="color: #0033ff; font-weight: bold;">true</span>;
	tf.<span style="color: #004993;">defaultTextFormat</span> = <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">TextFormat</span><span style="color: #000000;">&#40;</span><span style="color: #990000;">'American'</span>, <span style="color: #000000; font-weight:bold;">30</span>, 0x000000<span style="color: #000000;">&#41;</span>;
	tf.<span style="color: #004993;">text</span> = <span style="color: #990000;">'hey you'</span>;
	<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>tf<span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>6) Save the file and compile it. You will now load the font from the <span>SWF</span>.</p>
<p>This example is based on the video tutorial from Lee <span>Brimelow</span>. Make sure that you watch his video Tutorial at <a href="http://gotoandlearn.com/play?id=102" target="_blank">http://gotoandlearn.com/play?id=102</a> to dive deeper into loading fonts with external <span>SWF</span>.</p>
<p><a href="http://michaelfretz.com/wp-content/uploads/2010/01/FontEmbeddinginFlash.zip">Download Sourcecode including FLA</a></p>
<p><strong>Example 2: Font Embedded In Flash.</strong></p>
<p>Using the [Embed] tag: The font needs to be accessible in your Actionscript project during compile time.</p>

<div class="wp_syntax"><div 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: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.display</span>.<span style="color: #004993;">Sprite</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">AntiAliasType</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextField</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextFormat</span>;
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> FontEmbeddingEmbedTag extends <span style="color: #004993;">Sprite</span>
	<span style="color: #000000;">&#123;</span>
&nbsp;
		<span style="color: #000000;">&#91;</span>Embed<span style="color: #000000;">&#40;</span><span style="color: #004993;">source</span>=<span style="color: #990000;">&quot;Arial.ttf&quot;</span>, fontFamily=<span style="color: #990000;">&quot;foo&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#93;</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #6699cc; font-weight: bold;">var</span> bar<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Class</span>;
&nbsp;
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> FontEmbeddingEmbedTag<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>
		<span style="color: #000000;">&#123;</span>
			<span style="color: #6699cc; font-weight: bold;">var</span> format<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextFormat</span>              = <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">TextFormat</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			format.<span style="color: #004993;">font</span>                      = <span style="color: #990000;">&quot;foo&quot;</span>;
			format.<span style="color: #004993;">color</span>                = 0xFFFFFF;
			format.<span style="color: #004993;">size</span>                 = <span style="color: #000000; font-weight:bold;">30</span>;
&nbsp;
			<span style="color: #6699cc; font-weight: bold;">var</span> label<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span>         = <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">TextField</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			label.<span style="color: #004993;">embedFonts</span>            = <span style="color: #0033ff; font-weight: bold;">true</span>;
			label.<span style="color: #004993;">width</span>                    = <span style="color: #000000; font-weight:bold;">300</span>
			label.<span style="color: #004993;">defaultTextFormat</span>     = format;
			label.<span style="color: #004993;">text</span>                  = <span style="color: #990000;">&quot;Hi michaelfretz.com!&quot;</span>;
			<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>label<span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p><a href="http://michaelfretz.com/wp-content/uploads/2010/01/FontEmbeddingEmbedTag.zip">Download Sourcecode</a></p>
<p><strong>Example 3: The MojoFont Way</strong><br />
My favorite way of embedding a font into an Actionscript project is using MojoFont.<br />
You may ask, what is MojoFont? MojoFont is an Eclipse Plugin for embedding Fonts, developed by Philipp Laeubli. MojoFont is still in private beta but will be released soon as a public beta.</p>
<p><strong>Example 3.1: Embedding A Single Font For Basic Textfields With MojoFont</strong><br />
<strong>1)</strong> Apply for a private beta account at <a href="http://mojofont.badmojo.ch/" target="_blank">http://mojofont.badmojo.ch</a> and install it as soon as you get the url for the eclipse update-site.<br />
<strong>2)</strong> Start Flex or FDT and open a new or existing Actionscript 3 project.</p>
<p><img class="alignnone size-full wp-image-3028" title="MojoFontTutorial01" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial01.png" alt="MojoFontTutorial01" width="580" height="225" /></p>
<p><strong>3)</strong> Go to File -&gt; Import -&gt;Other</p>
<p><img class="alignnone size-full wp-image-3029" title="MojoFontTutorial02" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial02.png" alt="MojoFontTutorial02" width="580" height="499" /></p>
<p><strong>4)</strong> Choose MojoFont -&gt; Import and convert Font</p>
<p><img class="alignnone size-full wp-image-3030" title="MojoFontTutorial03" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial03.png" alt="MojoFontTutorial03" width="551" height="551" /></p>
<p><strong>5)</strong> For the First Tutorial we choose the import mode: &#8220;Import a font with a single style&#8221;. This option will allow us to use only one style of th font. A single style font can not be used for HTML textfield. You can make a font bold or italic but to do that you have to import the font with &#8220;import font with multiple font style&#8221;. I will show the import of fonts for HTML textfield in the next example further down.</p>
<p><img class="alignnone size-full wp-image-3031" title="MojoFontTutorial04" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial04.png" alt="MojoFontTutorial04" width="549" height="319" /></p>
<p><strong>6)</strong> Choose a font you want to use and press &#8220;Next &gt;&#8221;.</p>
<p><img class="alignnone size-full wp-image-3033" title="MojoFontTutorial05" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial05.png" alt="MojoFontTutorial05" width="550" height="770" /></p>
<p><img class="alignnone size-full wp-image-3034" title="MojoFontTutorial06" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial06.png" alt="MojoFontTutorial06" width="550" height="769" /><br />
<strong>7)</strong> Select a location in your project where the compiled SWC should be saved. The path to this SWC will be automatically added to your project properties and if you decide to delete a font you have to delete this path too. (Right-click on your project name-&gt;Properties-&gt;Actionscript Build path-&gt;Library path) For the Charset Range we use &#8220;Default / All&#8221;. If you only need some caracters and want to keep the filesize low you can change the settings to &#8220;Predefined&#8221; or &#8220;Custom&#8221;.</p>
<p><img class="alignnone size-full wp-image-3035" title="MojoFontTutorial07" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial07.png" alt="MojoFontTutorial07" width="551" height="771" /><br />
<strong>8)</strong> A quick example how to use it will be shown before you press Finish.</p>
<p><img class="alignnone size-full wp-image-3036" title="MojoFontTutorial08" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial08.png" alt="MojoFontTutorial08" width="550" height="770" /></p>
<p><strong>9)</strong> This is how your Sourcecode should look like if you want to embed a font with MojoFont.</p>
<p><img class="alignnone size-full wp-image-3038" title="MojoFontTutorial09" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial09.png" alt="MojoFontTutorial09" width="580" height="200" /></p>

<div class="wp_syntax"><div 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: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.display</span>.<span style="color: #004993;">Sprite</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextField</span>;
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> MojoFontBasic01 extends <span style="color: #004993;">Sprite</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> MojoFontBasic01<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>
		<span style="color: #000000;">&#123;</span>
			<span style="color: #6699cc; font-weight: bold;">var</span> txt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span> 	= ComicSansMSRegular.createTextField<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			txt.<span style="color: #004993;">text</span>		= <span style="color: #990000;">'Hi michaelfretz.com'</span>;
			<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>txt<span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p><strong>10)</strong> The compiled version will look like that</p>
<p><img class="alignnone size-full wp-image-3037" title="MojoFontTutorial10" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial10.png" alt="MojoFontTutorial10" width="514" height="211" /></p>
<p><a href="http://michaelfretz.com/wp-content/uploads/2010/01/MojoFontBasic01.zip">Download Sourcecode</a></p>
<p><strong>Example 3.2: Same As Before But With TextFormat</strong></p>

<div class="wp_syntax"><div 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: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.display</span>.<span style="color: #004993;">Sprite</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextField</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextFormat</span>;
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> MojoFontBasic02 extends <span style="color: #004993;">Sprite</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> MojoFontBasic02<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>
		<span style="color: #000000;">&#123;</span>
			<span style="color: #6699cc; font-weight: bold;">var</span> txtFormat<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextFormat</span> 	= ComicSansMSRegular.createTextFormat<span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">20</span><span style="color: #000000;">&#41;</span>;
			txtFormat.<span style="color: #004993;">color</span>			= 0xff8c00;
			txtFormat.<span style="color: #004993;">kerning</span>		= <span style="color: #000000; font-weight:bold;">2</span>;
			<span style="color: #6699cc; font-weight: bold;">var</span> txt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span>		= ComicSansMSRegular.createTextField<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			txt.<span style="color: #004993;">defaultTextFormat</span>		= txtFormat;
			txt.<span style="color: #004993;">text</span>			= <span style="color: #990000;">'hi michaelfretz.com'</span>;
			txt.<span style="color: #004993;">selectable</span>			= <span style="color: #0033ff; font-weight: bold;">false</span>;
			txt.<span style="color: #004993;">width</span>			= <span style="color: #000000; font-weight:bold;">300</span>;
			txt.<span style="color: #004993;">rotation</span>			= <span style="color: #000000; font-weight:bold;">20</span>;
			<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>txt<span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p><a href="http://michaelfretz.com/wp-content/uploads/2010/01/MojoFontBasic02.zip">Download Sourcecode</a></p>
<p><strong>Example 3.3: Text As HTML Textfield</strong></p>
<p>If you want to use HTML text with your MojoFont import, you need to use &#8220;Import multiple Font Style&#8221; instead of &#8220;Import a font with a single style&#8221;. This will bring you up this window.<strong><br />
</strong></p>
<p><strong><img class="alignnone size-full wp-image-3048" title="MojoFontTutorial11" src="http://www.michaelfretz.com/wp-content/uploads/2010/01/MojoFontTutorial11.png" alt="MojoFontTutorial11" width="548" height="770" /></strong></p>
<p>You can choose for all styles a suitable font. You can even mix fonts in a HTML textfield. The rest will be more or less the same. Here the sourcecode.</p>

<div class="wp_syntax"><div 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: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.display</span>.<span style="color: #004993;">Sprite</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextField</span>;
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> MojoFontAdv01 extends <span style="color: #004993;">Sprite</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> MojoFontAdv01<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>
		<span style="color: #000000;">&#123;</span>
			<span style="color: #6699cc; font-weight: bold;">var</span> txt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span> = Helvetica.createTextField<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			txt.<span style="color: #004993;">htmlText</span> = <span style="color: #990000;">'&lt;strong&gt;Hi&lt;/strong&gt; &lt;em&gt;michael&lt;/em&gt; fretz'</span>;
			<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>txt<span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p><a href="http://michaelfretz.com/wp-content/uploads/2010/01/MojoFontAdv01.zip">Download Sourcecode</a></p>
<p><strong>Example 3.4: HTML Text Same As Before But With TextFormat</strong></p>

<div class="wp_syntax"><div 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: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.display</span>.<span style="color: #004993;">Sprite</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextField</span>;
	<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span>.<span style="color: #004993;">TextFormat</span>;
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #9900cc; font-weight: bold;">class</span> MojoFontAdv02 extends <span style="color: #004993;">Sprite</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> MojoFontAdv02<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>
		<span style="color: #000000;">&#123;</span>
			<span style="color: #6699cc; font-weight: bold;">var</span> txtFormat<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextFormat</span>	= Helvetica.createTextFormat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			txtFormat.<span style="color: #004993;">size</span>				= <span style="color: #000000; font-weight:bold;">20</span>;
			txtFormat.<span style="color: #004993;">color</span>				= 0xff8c00;
			txtFormat.<span style="color: #004993;">underline</span>			=  <span style="color: #0033ff; font-weight: bold;">true</span>;
			<span style="color: #6699cc; font-weight: bold;">var</span> txt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span>			= Helvetica.createTextField<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			txt.<span style="color: #004993;">defaultTextFormat</span>		= txtFormat;
&nbsp;
			txt.<span style="color: #004993;">multiline</span>				= <span style="color: #0033ff; font-weight: bold;">true</span>;
			txt.<span style="color: #004993;">width</span>					= <span style="color: #000000; font-weight:bold;">300</span>;
			txt.<span style="color: #004993;">wordWrap</span>				= <span style="color: #0033ff; font-weight: bold;">true</span>;
			txt.<span style="color: #004993;">rotation</span>				= <span style="color: #000000; font-weight:bold;">30</span>;
			txt.<span style="color: #004993;">htmlText</span>				= <span style="color: #990000;">'&lt;strong&gt;hi&lt;/strong&gt;
&lt;em&gt;michaelfretz.com&lt;/em&gt;'</span>
			<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>txt<span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p><a href="http://michaelfretz.com/wp-content/uploads/2010/01/MojoFontAdv02.zip">Download Sourcecode</a></p>
<p><strong>Live Demo</strong></p>
<p>If you want to see a live demo of MojoFont join me at the <a href="http://groups.adobe.com/groups/2b6ef91865/summary" target="_blank">LA Flex User Group</a> meeting in Santa Monica <span title="GMT-8 Pacific Time US &amp; Canada">January 13, 2010 from 7:00pm &#8211; 10:00pm where I will held a short presentation about MojoFont. </span>We meet at 12304 Santa Monica Blvd, Suite 215A. California, USA.</p>
<p>or</p>
<p>Join us for the Los Angeles Flash User Group meeting on January 20, 2010 at 525 Venezia Ave.  Venice, CA 90291 <a href="http://www.laflash.org">www.laflash.org</a> where I will talk about FontEmbedding in Actionscript projects.</p>
<p><strong>Thanks</strong></p>
<p>Many special thank to Philipp Laeubli who is the developer and founder of MojoFont. Please visit his project <a href="http://mojofont.badmojo.ch/" target="_blank">website</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/01/12/font-embedding-in-actionscript-projects/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Book review: Foundation ActionScript 3.0 Image Effects</title>
		<link>http://www.michaelfretz.com/2009/12/09/book-review-foundation-actionscript-3-0-image-effects/</link>
		<comments>http://www.michaelfretz.com/2009/12/09/book-review-foundation-actionscript-3-0-image-effects/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 20:33:15 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3003</guid>
		<description><![CDATA[This book is one of my favorite Actionscript books. The author writes in an understandable and clear way. The examples are on topic and clear in the understanding. The book covers a wide variety of different aspects in the use of image effects and image processing in Actionscript 3. The target audience are definitely not [...]]]></description>
			<content:encoded><![CDATA[<p>This book is one of my favorite Actionscript books. The author writes in an understandable and clear way. The examples are on topic and clear in the understanding. The book covers a wide variety of different aspects in the use of image effects and image processing in Actionscript 3. The target audience are definitely not for beginners or coders new to Actionscript, but for coders with medium or more advanced level. This book is definitely worth your time to dive into and gives you a lot of new ideas. <span id="more-3003"></span>For instance, what you can do with your web-cam, images or other visual projects. One part of it I really like is the explanation of the mathematical aspect of this topic. I wish my math teacher would have explained it as well as this book ;)<br />
I haven&#8217;t finished the entire book yet and I&#8217;m exited to read the rest.<br />
<img class="alignnone size-full wp-image-3004" title="Actionscript 3.0 Image Effects" src="http://www.michaelfretz.com/wp-content/uploads/2009/12/actionscript3imageeffects.jpg" alt="Actionscript 3.0 Image Effects" width="300" height="359" /></p>
<p><a href="http://www.amazon.com/Foundation-ActionScript-Image-Effects-Foundations/dp/1430218711/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1260390903&amp;sr=8-1">buy it here.</a></p>
<p>If you want to support me visit my <a href="http://www.amazon.com/gp/registry/wishlist/28B1PBGHJC7X">wishlist</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/12/09/book-review-foundation-actionscript-3-0-image-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change image size in CSS if div tag is smaller than the image</title>
		<link>http://www.michaelfretz.com/2009/11/05/change-image-size-in-css-if-div-tag-is-smaller-than-the-image/</link>
		<comments>http://www.michaelfretz.com/2009/11/05/change-image-size-in-css-if-div-tag-is-smaller-than-the-image/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 01:57:03 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2978</guid>
		<description><![CDATA[I run into the problem that I had a div tag with a certain width. From a external site I loaded some content in this div tag. The problem was that I did not have the control over the pictures loaded from this external server. Some pictures where bigger then the size of the div [...]]]></description>
			<content:encoded><![CDATA[<p>I run into the problem that I had a div tag with a certain width. From a external site I loaded some content in this div tag. The problem was that I did not have the control over the pictures loaded from this external server. Some pictures where bigger then the size of the div tag. I didn&#8217;t had the possibility to take the picture and make them smaller with PHP as the source of the picture had to be on the external server. And furthermore, I needed a solution in CSS or Javascript and couldn&#8217;t use something like <a href="http://phpthumb.sourceforge.net/" target="_blank">phpThumb</a>.</p>
<p>My solution was to use this:<br />
<span id="more-2978"></span></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#parent</span><span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">50px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#parent</span> img<span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">max-width</span><span style="color: #00AA00;">:</span><span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;div id=&quot;parent&quot;&gt;
	&lt;img src=&quot;http://www.michaelfretz.com/wp-content/uploads/2009/10/IMG_1794.jpg&quot; alt=&quot;Los Angeles&quot; /&gt;
&lt;/div&gt;</pre></div></div>

<p>This way of handling this problem doesn&#8217;t make the file size smaller but it changes the appearance of the image to the width of the div tag. It might not be the best way to do it but it&#8217;s a quick and dirty way which might help you.</p>
<p>The final result of this script is a picture, which is only 50px wide instead of 580px.<br />
The only disadvantage is that the file size of the image is still the same.</p>
<p><a href="http://www.michaelfretz.com/wp-content/uploads/2009/11/changeImageSizeInCSS.zip" target="_blank">Download the Source Files</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/11/05/change-image-size-in-css-if-div-tag-is-smaller-than-the-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe MAX 2009, Los Angeles, California</title>
		<link>http://www.michaelfretz.com/2009/10/16/adobe-max-2009-los-angeles-california/</link>
		<comments>http://www.michaelfretz.com/2009/10/16/adobe-max-2009-los-angeles-california/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 07:17:17 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Adobe MAX]]></category>
		<category><![CDATA[AlmerBlankLab]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2954</guid>
		<description><![CDATA[
What is Adobe MAX? Adobe Max describes them self as following:
We are in a software revolution fueled by social computing, client and cloud, and the spread of rich media across screens and devices. For four unforgettable days this October, MAX 2009 will bring together thousands of designers, developers, and decision-makers to shape the future. (Source [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2965" title="Adobe MAX" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/maxentry.jpg" alt="Adobe MAX" width="580" height="172" /></p>
<p>What is Adobe MAX? Adobe Max describes them self as following:</p>
<p>We are in a software revolution fueled by social computing, client and cloud, and the spread of rich media across screens and devices. For four unforgettable days this October, MAX 2009 will bring together thousands of designers, developers, and decision-makers to shape the future. (Source max.adobe.com)</p>
<p>My feedback after visiting this event in Downtown Los Angeles.</p>
<p><span id="more-2954"></span></p>
<p><img class="alignnone size-full wp-image-2962" title="Adobe MAX" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/blogtitleadobemax1.jpg" alt="Adobe MAX" width="580" height="172" /></p>
<p>Adobe MAX is the most expensive event I ever went. Because I could not afford to buy a ticket I signed up as a Teacher Assistant where I got a 50% discount. I had to work in a couple of labs where I mainly helped Designer to build <span>Flashsites</span> or to write a few lines of <span>Actionscript</span> 3 Code.  Lou Barber, in my opinion one of the best <span>Actionscript</span> Teacher I have ever meet, showed in a easy way what <span>Actionscript</span> is and how to write it. I worked three times in his lab and helped the attendees to write their very first program. In times I didn&#8217;t had to work and I had the possibility to visit a couple of labs and sessions. The Lab about Adobe Catalyst was very good. We set up a complete Flex Application in only a couple of minutes. I will definitely use Catalyst in the future for my next Flex application. The Session about the Open Media Framework was very interesting and I use it currently at work. During MAX we had party&#8217;s at night. One night I had the change to visit the <span>Influxius</span> party. I think nearly all Flash developer where there. :)</p>
<p><img class="alignnone size-full wp-image-2964" title="Catalyst workshop" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/catalystworkshop.jpg" alt="Catalyst workshop" width="580" height="172" /><br />
Whats new</p>
<p>I‘m sure nearly everybody of you heard that the new Flash <span>IDE</span> will be able to compile Flash projects into iPhone apps. That doesn&#8217;t mean that the iPhone will be able to run Flash in the browser (unlike other phones). It only means that the flash movie or the Flash program will be compiled as an iPhone Application. I look forward to see this in action. But for me the highlight of the new features was not the Flash to iPhone compiler. In my opinion it was Flash Player 10.1. I really look forward to see this plug-in on all Android Mobile Phones and other mobile devices. As far as they said it will be able to run Flash projects on Mobile devices a lot faster.</p>
<p><img class="alignnone size-full wp-image-2956" title="teachingassistant" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/teachingassistant.jpg" alt="teachingassistant" width="125" height="158" /></p>
<p>If you could not attend to Adobe MAX you can find many sessions online. <a href="http://tv.adobe.com" target="_blank">http://tv.adobe.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/10/16/adobe-max-2009-los-angeles-california/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ribbit Workshop</title>
		<link>http://www.michaelfretz.com/2009/10/14/ribbit-workshop/</link>
		<comments>http://www.michaelfretz.com/2009/10/14/ribbit-workshop/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 06:57:54 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[AlmerBlankLab]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[VOIP]]></category>
		<category><![CDATA[Workshop]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2942</guid>
		<description><![CDATA[Add Communication to your Applications with Ribbit

On Sunday, October 4th, I had the change to visit a workshop about the Ribbit mobile service at the Rich Media Institute in Venice. I could see some examples how to build a Text message application in Flex or Flash and saw different ways to build a phone application. [...]]]></description>
			<content:encoded><![CDATA[<p>Add Communication to your Applications with Ribbit</p>
<p><a href="http://www.ribbit.com/" target="_blank"><img class="alignnone size-full wp-image-2943" title="Ribbit" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/397368540.png" border="0" alt="Ribbit" width="101" height="38" /></a></p>
<p>On Sunday, October 4<span>th</span>, I had the change to visit a workshop about the <span>Ribbit</span> mobile service at the Rich Media Institute in Venice. I could see some examples how to build a Text message application in Flex or Flash and saw different ways to build a phone application. The combination between <span>Actionscript</span> 3 and a telephone system is quite interesting and I see a great potential in it.</p>
<p><span id="more-2942"></span></p>
<p>The only problem with <span>Ribbit</span> is that they currently only in the USA operate. As soon as they will have other branches in Europe it could be a very interesting alternative to other <span>VOIP</span> systems because it can be build in Flash and integrated in many devices and websites. <span>Ribbit</span> offers many possibilities like Google Voice. A message to Text function is currently one of the coolest feature they have and I look forward to see whats the new version is going to bring.</p>
<p>If you think Ribbit might be a solution for you, contact me. I would like to build a Ribbit application.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/10/14/ribbit-workshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photos of Downtown Los Angeles</title>
		<link>http://www.michaelfretz.com/2009/10/14/photos-of-downtown-los-angeles/</link>
		<comments>http://www.michaelfretz.com/2009/10/14/photos-of-downtown-los-angeles/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 17:04:52 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2924</guid>
		<description><![CDATA[During the time of Adobe MAX i moved to Downtown Los Angeles.  A quick search in the Internet and I found a place in walking distance to the Convention-Center. For only $40/night I got a room with shared bath and shared toilet in the Hotel Cecil. Without thinking I booked it and worried a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2934" title="L.A. Downtown" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/lablogposttitel.jpg" alt="L.A. Downtown" width="580" height="184" />During the time of Adobe MAX i moved to Downtown Los Angeles.  A quick search in the Internet and I found a place in walking distance to the Convention-Center. For only $40/night I got a room with shared bath and shared toilet in the <a href="http://www.thececilhotel.com/" target="_blank">Hotel Cecil</a>. Without thinking I booked it and worried a bit when I saw the prices of the hotels in the neighbourhood. When I arrived at  the hotel I was very surprised. The price for this hotel was really good. I liked my room, everything was clean, there was free wireless Internet and the staff was always helpful and really friendly. I totally recommend this hotel to everybody with a tight budget. Should I stay again in Downtown, I will definitely book this hotel again. The only disadvantage is that they do not provide parking, but parking in Downtown is not really a problem. For about $15/day you find plenty of indoor parking all over the city center.</p>
<p><span id="more-2924"></span></p>
<p>Marcel, my friend from the Swiss flash user group stayed in the hotel Standart. This hotel is a fancy and modern place but it is also very expensive. But the cool thing at this hotel is that they have a bar on the roof of their hotel. Together with Marcel we enjoyed the good view with a couple of beers. The night was long and when the bar closed, the party continued in someones room in the hotel.</p>
<p>Last Sunday morning I went for a walk in the city. The high buildings in  Downtown are very impressing. I visited the Walth Disney Townhall and other places of interest. The first impression of downtown is a bit depressing. The city center looks dark and dirty. Everything is grey and there‘s a lot of homeless people on the street. But I still enjoyed it a lot. With this post I would love to share some photos I took in Los Angeles.</p>
<p><img class="alignnone size-full wp-image-2927" title="Hotel Cecil" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/IMG_1716.jpg" alt="Hotel Cecil" width="580" height="774" /></p>
<p><img class="alignnone size-full wp-image-2928" title="LA downtown" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/IMG_1726.jpg" alt="LA downtown" width="580" height="773" /></p>
<p><img class="alignnone size-full wp-image-2929" title="L.A. Downtown" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/IMG_1740.jpg" alt="L.A. Downtown" width="580" height="773" /></p>
<p><img class="alignnone size-full wp-image-2930" title="Town Hall" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/IMG_1794.jpg" alt="Town Hall" width="580" height="773" /></p>
<p><img class="alignnone size-full wp-image-2931" title="L.A. Downtown" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/IMG_1861.jpg" alt="L.A. Downtown" width="580" height="773" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/10/14/photos-of-downtown-los-angeles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LAFlashapaloozastock IV review</title>
		<link>http://www.michaelfretz.com/2009/10/14/laflashapaloozastock-iv-2/</link>
		<comments>http://www.michaelfretz.com/2009/10/14/laflashapaloozastock-iv-2/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 16:20:01 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[AlmerBlankLab]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2918</guid>
		<description><![CDATA[The saturday before Adobe MAX we hadLAFlashapaloozastock from FITC in our company.
I went to this event with Marcel Vogt from Switzerland who came to L.A. for Adobe MAX. We heard a couple of very interesting talks from Joshua Davis and Joshua Hirsch. After all the presentations our offices changed to a party location. I was [...]]]></description>
			<content:encoded><![CDATA[<p>The saturday before Adobe MAX we hadLAFlashapaloozastock from FITC in our company.<img class="alignnone size-full wp-image-2917" title="flashappoluzza" src="http://www.michaelfretz.com/wp-content/uploads/2009/10/flashappoluzza.jpg" alt="flashappoluzza" width="580" height="324" /><br />
I went to this event with Marcel Vogt from Switzerland who came to L.A. for Adobe MAX. We heard a couple of very interesting talks from Joshua Davis and Joshua Hirsch. After all the presentations our offices changed to a party location. I was amazied because there was free food and free alcohol for everybody. Later the night, we got a pole-dance girl a strip-these dancer as well as a magician. It was good fun. Personally I think, that more conferences should have a fun factor like LAFlashapaloozastock. Because of this relaxed after party I got in touch with many people and had a really good time.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/10/14/laflashapaloozastock-iv-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hype Framework Workshop</title>
		<link>http://www.michaelfretz.com/2009/10/13/hype-framework-workshop/</link>
		<comments>http://www.michaelfretz.com/2009/10/13/hype-framework-workshop/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 01:01:10 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[AlmerBlankLab]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2893</guid>
		<description><![CDATA[Just before Adobe Max I had the opportunity to visit the Joshua Davis workshop about the  HYPE Framework. The HYPE-framework is a easy framework for creating digital art. It makes it easy to build computer based art in Actionscript 3. Josh is a very outgoing and super friendly person. All of us had really good [...]]]></description>
			<content:encoded><![CDATA[<p>Just before Adobe Max I had the opportunity to visit the Joshua Davis workshop about the  HYPE Framework. The HYPE-framework is a easy framework for creating digital art. It makes it easy to build computer based art in <span>Actionscript</span> 3. Josh is a very outgoing and super friendly person. All of us had really good fun with him. We build a couple of examples with the HYPE framework which was build <span>by Branden</span> Hall and Joshua Davis.<br />
<span id="more-2893"></span> Some of them I would like to show you here:</p>
<p><strong>Object Pool Example</strong></p>
<p><object type="application/x-shockwave-flash" data="http://www.michaelfretz.com/wp-content/uploads/2009/10/HYPEObjectPool.swf" width="580" height="300" class="embedflash"><param name="movie" value="http://www.michaelfretz.com/wp-content/uploads/2009/10/HYPEObjectPool.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<p><strong>Sound analyzer.</strong><br />
Press on the Speaker to turn on the sound.</p>
<p><object type="application/x-shockwave-flash" data="http://www.michaelfretz.com/wp-content/uploads/2009/10/HYPEsound.swf" width="580" height="100" class="embedflash"><param name="movie" value="http://www.michaelfretz.com/wp-content/uploads/2009/10/HYPEsound.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<p>Music by Ratatat</p>
<p>More information about the HYPE Framework on</p>
<p><a href="http://hype.joshuadavis.com" target="_blank">http://hype.joshuadavis.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/10/13/hype-framework-workshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
