<?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>Gatellier.be &#187; XAML</title>
	<atom:link href="http://www.gatellier.be/blog/tags/marin/xml/xaml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gatellier.be/blog</link>
	<description>Interwebs with passion.</description>
	<lastBuildDate>Thu, 24 Nov 2011 13:09:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://www.gatellier.be/blog/?pushpress=hub'/>
		<item>
		<title>designertopia: démos wpf</title>
		<link>http://www.gatellier.be/blog/designertopia-demos-wpf/</link>
		<comments>http://www.gatellier.be/blog/designertopia-demos-wpf/#comments</comments>
		<pubDate>Sun, 11 Feb 2007 22:52:18 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[apollo]]></category>
		<category><![CDATA[emakina]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Rich Desktop Application]]></category>
		<category><![CDATA[WPF]]></category>
		<category><![CDATA[XAML]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=171</guid>
		<description><![CDATA[Ces un et deux février 2007 se tenait à Londres, la conférence Designertopia de Microsoft. J'y étais invité par Microsoft Belgique par l'intermédiaire de Geert Desager en tant que représentant d'une des (grosses) agences web en Belgique ainsi que Philip Schiebold d'Ogilvy, Petra Sell d'i-Merge, Michael Thuy de DuvalGuillaume&#124;E, Geert Feytons de AtmosphereBBDO, Johan Wuyckens [...]]]></description>
			<content:encoded><![CDATA[<p>Ces un et deux février 2007 se tenait à Londres, la conférence <strong><a href="http://www.designertopia.net" hreflang="en">Designertopia</a></strong> de Microsoft. J'y étais invité par <a href="http://www.microsoft.be/" hreflang="en" xml:lang="en">Microsoft Belgique</a> par l'intermédiaire de <a href="http://brandopia.wordpress.com/" hreflang="en" xml:lang="nl">Geert Desager</a> en tant que représentant d'<a href="http://www.emakina.com/" hreflang="en">une des (grosses) agences web en Belgique</a> ainsi que Philip Schiebold d'<a href="http://www.ogilvy.com" hreflang="en">Ogilvy</a>, <a href="http://www.zappness.net/" hreflang="en" xml:lang="nl">Petra Sell</a> d'<a href="http://www.i-merge.net">i-Merge</a>, Michael Thuy de <a href="http://www.duvalguillaume-e.com" hreflang="en" xml:lang="en">DuvalGuillaume|E</a>, Geert Feytons de <a href="http://www.atmosphere.bbdo.be" hreflang="en" xml:lang="nl">AtmosphereBBDO</a>, <a href="http://www.foob.be/" hreflang="en" xml:lang="en">Johan Wuyckens</a> de <a href="http://www.dad.be/" hreflang="en" xml:lang="en"><acronym title="Digital Age Design">D.A.D.</acronym></a>, Talia Hendlisz et Tanguy De Kelver de <a href="http://www.mccann.be/" hreflang="en" xml:lang="en">McCann-Erickson</a>.</p>
<p class="centered"><img src="http://farm1.static.flickr.com/143/379167881_27a432ecef_m.jpg" alt="Microsoft vision to the future" /></p>
<p>En gros, la conférence <a href="http://www.designertopia.net" hreflang="en"><strong>designertopia</strong></a> était une vitrine pour Microsoft des produits de sa suite <a href="http://www.microsoft.com/products/expression/en/default.mspx" hreflang="en"><strong>Expression</strong></a>, de son système d'exploitation Vista et de la nouvelle couche de présentation/développement Windows Presentation Foundation.</p>
<p>De ce que j'ai entendu de mes compatriotes (pour la plupart issus du milieu graphique ou de la publicité) le contenu des conférences "<strong>Créatives</strong>" était toujours un peu le même. </p>
<p>Pour ma part, j'ai suivi les sessions "<strong>Techniques</strong>" et les démonstrations (surtout <strong>Carrie Longson</strong>) m'ont impressionnées. Pas la <a href="http://turningthepages.com/" hreflang="en">démonstration des pages tournantes</a> pour la British Library - qu'on a déjà vu dix mille fois en flash, mais plutôt les applications mêlant des <strong>données en temps réel, des graphismes efficaces et des animations 3D</strong> (l'application pour le Métro de Londres entre autres) ou le <a href="http://www.readwriteweb.com/archives/times_reader_launches.php" hreflang="en">lecteur du New York Times</a> qui permet de consulter son journal d'une manière tout à fait nouvelle.</p>
<p class="centered"><img src="http://farm1.static.flickr.com/124/379165734_a62bdb68bb_m.jpg" alt="London Metro Rich Desktop Application" /></p>
<p>C'est clair que les Rich Desktop Application (comme dirait <a href="http://www.fredcavazza.net/index.php?2006/10/15/1300" hreflang="fr">Fred Cavazza</a>) ont de beaux jours devant elles. Et j'attends vivement de voir de mes yeux les premières applications <a href="http://labs.adobe.com/wiki/index.php/Apollo" hreflang="en">Apollo d'Adobe</a> pour vraiment comparer (hein <a href="http://pimz.blogspot.com/">pimz</a> ?). C'est clair que Microsoft profite vraiment de l'accélération graphique et processeur pour les applications <acronym title="Windows Presentation Foundation">WPF</acronym> mais, le fait de ne pouvoir être exécuté que sous WinXP SP2, Win2003 et Vista, est, pour moi, un frein. J'aurais voulu que ces applications tournent sur mon vieux Win2000 (PII 450Mhz - 512Mb) ou encore sur <strong>Windows Mobile</strong> et mon Qtek 8310.</p>
<p>D'un point de vue technologique, qu'ai-je appris ?</p>
<h3><acronym title="Windows Presentation Foundation">WPF</acronym> vs WPF/E</h3>
<p><acronym title="Windows Presentation Foundation">WPF</acronym> est une technologie pour créer les applications Desktop tournant sous le framework .NET 3.0 (donc pour WinXP SP2, Win2003 et Vista). Elle profite au mieux de l'usage du processeur et de la carte graphique pour afficher des animations en trois dimensions en temps réel.<br />
WPF/E est le nom de code d'un plugin pour votre navigateur qui permet d'afficher des animations prévues à cet effet. Il sera disponible sur Mac et Windows (IE, FF, Opera, Safari). </p>
<h3><acronym title="eXtensible Application Markup Language">XAML</acronym></h3>
<p>Les deux technologies sont basées sur le langage <acronym title="eXtensible Application Markup Language">XAML</acronym>, pour extensible application markup language, lui-même une sous définition d'<acronym title="eXtensible Markup Language">XML</acronym>. </p>
<p>En gros, tous les éléments graphiques d'une application sont définis en <acronym title="eXtensible Application Markup Language">XAML</acronym>. Une illustration vectorielle pourra être transcrite en fichier <acronym title="eXtensible Markup Language">XML</acronym> à l'aide d'un plugin d'exportation de votre logiciel d'illustration. Le même processus pourra être effectué avec des fichiers 3D. <acronym title="Windows Presentation Foundation">WPF</acronym> et WPF/E ne gèreront que du code <acronym title="eXtensible Markup Language">XML</acronym>... (je me demande encore comment ils vont convertir des bitmaps en <acronym title="eXtensible Application Markup Language">XAML</acronym>).</p>
<p class="centered"><img src="http://farm1.static.flickr.com/172/379162063_7d8df99c31_m.jpg" alt="Defining XAML" /></p>
<h3><a href="http://www.microsoft.com/products/expression/en/expression-studio/default.mspx">Expression Studio</a>.</h3>
<p>La suite de Expression de Microsoft est prévue pour toute la chaîne de production d'applications <acronym title="Windows Presentation Foundation">WPF</acronym>-WPF/E. De la gestion des médias à la création de pages web. Cette suite de logiciel est bien sur à compléter par des applications côté serveur (de préférence en .NET 3) sous Visual Studio. Cette suite comprend :</p>
<h4><a href="http://www.microsoft.com/products/expression/en/expression-web/default.mspx">Expression Web</a> (déjà disponible).</h4>
<p>Est le logiciel de Microsoft destiné à remplacer FrontPage et à concurrencer Dreamweaver sur le terrain de développement de pages internet. Il se focalise avant tout sur du code <strong>respectant les règles du <acronym title="World Wide Web Consortium">W3C</acronym></strong>. Je suis en train de le tester. La gestion des stylesheets est originale ainsi que le wysiwyg qui permet d'ajouter du padding et des margin avec sa souris. Il a un validateur de code et d'<strong>accessibilité</strong> ! Par contre il est assez peu intuitif à l'usage, il est livré avec un cd tutorial de Lynda.com.</p>
<h4><a href="http://www.microsoft.com/products/expression/en/expression-design/default.mspx">Expression Design</a> (encore en beta).</h4>
<p>Permet au designer de créer (comme Adobe Illustrator) des <strong>illustrations vectorielles</strong> prêtes à être exportées en <acronym title="eXtensible Application Markup Language">XAML</acronym>. Un des plus que j'ai vu, c'était la possibilité de créer des sortes de librairies de styles à réemployer (mais je ne suis pas assez callé en Illustrator pour savoir si une telle fonctionnalité n'est pas aussi dans le logiciel vectoriel d'Adobe).</p>
<h4><a href="http://www.microsoft.com/products/expression/en/expression-media/default.mspx">Expression Media</a> (disponible en version d'essais).</h4>
<p>Est un <strong>logiciel de post production vidéo</strong>. Je n'y connais rien dans ce type de logiciels mais apparemment les possibilités d'éditer les vidéos à la suite (batch) et les exports de vignettes (thumbnails) et la possibilité d'ajouter des génériques de début et de fin étaient ses atouts majeurs. Pour moi, ce logiciel doit être bien pour automatiser le traitement de fichier vidéo en ligne pour des services comme <a href="http://www.youtube.com/" style="text-decoration:line-through">YouTube</a> <a href="/blog/ajouter-tags-commentaires-dans-videos-viddler/">Viddler</a> (ou <a href="http://www.proximusmoblog.be/moblogs/">Proximus Moblogs</a> v3 ^^)</p>
<h4><a href="http://www.microsoft.com/products/expression/en/expression-blend/default.mspx">Expression Blend</a> (disponible en version beta).</h4>
<p>C'est le <strong>logiciel d'intégration</strong> pour toutes les applications <acronym title="Windows Presentation Foundation">WPF</acronym>-WPF/E. On y importe les éléments graphiques en <acronym title="eXtensible Application Markup Language">XAML</acronym>, on leur donne des comportements soit avec une ligne du temps ou des événements (fort proche de Flash tout cela). Le gros avantage est l'intégration avec les applications .NET. En effet, les développeurs créent leurs méthodes, fonctions et services web de leur côté, sous Visual Studio, et c'est à l'intégrateur de brancher les connecteurs adéquats sur les différents composants de l'interface de l'application <acronym title="Windows Presentation Foundation">WPF</acronym>. Les designers sont contents parce qu'ils ne voient pas de code, les développeurs sont contents parce qu'ils ne doivent pas toucher aux composants graphiques. Les deux mondes peuvent continuer à travailler en parallèle tout bénéfice pour les intégrateurs qui seraient en mal de boulot <img src='http://www.gatellier.be/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p class="centered"><img src="http://farm1.static.flickr.com/161/379162167_11e206ab8a_m.jpg" alt="webteam by MS" /><br />Designer à gauche, programmeurs au droite et intégrateurs au centre. MS, c'est Funky</p>
<h3>Remerciements</h3>
<p>Ce petit séjour à Londres, m'a permis de voir pas mal de choses (la vision de Microsoft entre autres), de rencontrer beaucoup de personnes intéressantes. Je remercie encore <a href="http://brandopia.wordpress.com/" hreflang="en" xml:lang="nl">Geert Desager</a> de m'avoir invité. </p>
<h4>Liens relatifs</h4>
<ul>
<li><a href="http://channel9.msdn.com/wiki/default.aspx/WPF.ApplicationPortfolio" hreflang="en">Exemples d'applications <acronym title="Windows Presentation Foundation">WPF</acronym></a></li>
<li>Les photos <a href="http://flickr.com/search/?q=designertopia" hreflang="en">designertopia sur Flickr</a></li>
<li>Mes <a href="http://payandgogeneration.proximus.be/moblogs/gallery/index.cfm?sortOn=dateReceived&#038;tag=Designertopia">photos sur Proximus moblogs</a></li>
<li>Vous avez d'<a href="#comments">autres exemples</a> ?</li>
</ul>
<hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2007. |
<a href="http://www.gatellier.be/blog/designertopia-demos-wpf/">Permalink</a> |
<a href="http://www.gatellier.be/blog/designertopia-demos-wpf/#comments">4 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/designertopia-demos-wpf/&title=designertopia: démos wpf">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/designertopia-demos-wpf/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

