<?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 &#187; Portfolio</title>
	<atom:link href="http://www.michaelfretz.com/tag/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.michaelfretz.com</link>
	<description>Interaction Design Studium Blog</description>
	<lastBuildDate>Sat, 25 Jun 2011 20:57:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<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 [...]]]></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://94.126.17.222/" 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://94.126.17.222/" 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>Tutorial for a flash book made with InDesign CS4</title>
		<link>http://www.michaelfretz.com/2009/08/18/tutorial-for-a-flash-book-made-with-indesign/</link>
		<comments>http://www.michaelfretz.com/2009/08/18/tutorial-for-a-flash-book-made-with-indesign/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 09:12:24 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[inDesign]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2725</guid>
		<description><![CDATA[It is quite a common problem: You are a graphic designer and would like to present your portfolio online. You know the basic skills of designing a InDesign CS4 document but your not having any idea how to present your document online. For this problem, I would like to explain in a small tutorial how [...]]]></description>
			<content:encoded><![CDATA[<p>It is quite a common problem: You are a graphic designer and would like to present your portfolio online. You know the basic skills of designing a InDesign CS4 document but your not having any idea how to present your document online.<br />
For this problem, I would like to explain in a small tutorial how to present an InDesign Document as a Flash file. Afterwards you only have to upload it to your webserver and your job is done.<br />
<object type="application/x-shockwave-flash" data="http://www.michaelfretz.com/wp-content/uploads/2009/08/brasil.swf" width="580" height="173" class="embedflash"><param name="movie" value="http://www.michaelfretz.com/wp-content/uploads/2009/08/brasil.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><br />
Example of a flash book made with InDesign CS4<br />
<span id="more-2725"></span><br />
1) Open Adobe InDesign (probably most of you like me can take a cup of coffee &#8217;til this step is done :-)<br />
2) Design you super cool document or open an existing one.<br />
3) Go to File -> Export<br />
4) As format choose &#8220;SWF&#8221;<br />
5) Choose a destination to save your file<br />
6) Customize your settings.<br />
7) Press OK and wait till the export is done.<br />
8) In your export folder you will have a HTML and a SWF file. Upload it and enjoy.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/08/18/tutorial-for-a-flash-book-made-with-indesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aufnahmeprüfung bestanden</title>
		<link>http://www.michaelfretz.com/2007/08/21/aufnahmeprufung-bestanden/</link>
		<comments>http://www.michaelfretz.com/2007/08/21/aufnahmeprufung-bestanden/#comments</comments>
		<pubDate>Tue, 21 Aug 2007 09:49:54 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Aufnahmeprüfung]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/blog/2007/08/21/aufnahmeprufung-bestanden/</guid>
		<description><![CDATA[Nachdem ich im Herbst 2006 in den Kompass-Vorkurs an der HGKZ (neu ZHdK) eingetretten war, habe ich die Aufnahmeprüfung für die Vertiefungsrichtung Interaction Design an der Zürcher Hochschule der Künste probiert. Die lange Vorbereitungszeit hat sich gelohnt. Ich wurde angenommen. Wer meine CD-Rom anschauen möchte mit welcher ich mich beworben habe kann diese hier tun [...]]]></description>
			<content:encoded><![CDATA[<p>Nachdem ich im Herbst 2006 in den Kompass-Vorkurs an der HGKZ (neu ZHdK) eingetretten war, habe ich die Aufnahmeprüfung für die Vertiefungsrichtung Interaction Design an der Zürcher Hochschule der Künste probiert.</p>
<p>Die lange Vorbereitungszeit hat sich gelohnt. Ich wurde angenommen.</p>
<p>Wer meine CD-Rom anschauen möchte mit welcher ich mich beworben habe kann diese hier tun -&gt; <a href="http://www.michaelfretz.com/aufnahmepruefung" target="_blank">CD-ROM</a></p>
<p>Fotos aus dem Kompas sind hier zu finden -&gt; <a href="http://www.michaelfretz.com/kompass" target="_blank">Fotos </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2007/08/21/aufnahmeprufung-bestanden/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

