{"id":171,"date":"2007-02-11T23:52:18","date_gmt":"2007-02-11T22:52:18","guid":{"rendered":"http:\/\/www.gatellier.be\/blog\/?p=171"},"modified":"2008-03-24T23:04:23","modified_gmt":"2008-03-24T22:04:23","slug":"designertopia-demos-wpf","status":"publish","type":"post","link":"https:\/\/gatellier.be\/blog\/designertopia-demos-wpf\/","title":{"rendered":"designertopia: d\u00e9mos wpf"},"content":{"rendered":"<p>Ces un et deux f\u00e9vrier 2007 se tenait \u00e0 Londres, la conf\u00e9rence <strong><a href=\"\/\/www.designertopia.net\" hreflang=\"en\">Designertopia<\/a><\/strong> de Microsoft. J&#8217;y \u00e9tais invit\u00e9 par <a href=\"\/\/www.microsoft.be\/\" hreflang=\"en\" xml:lang=\"en\">Microsoft Belgique<\/a> par l&#8217;interm\u00e9diaire de <a href=\"\/\/brandopia.wordpress.com\/\" hreflang=\"en\" xml:lang=\"nl\">Geert Desager<\/a> en tant que repr\u00e9sentant d&#8217;<a href=\"\/\/www.emakina.com\/\" hreflang=\"en\">une des (grosses) agences web en Belgique<\/a> ainsi que Philip Schiebold d&#8217;<a href=\"\/\/www.ogilvy.com\" hreflang=\"en\">Ogilvy<\/a>, <a href=\"\/\/www.zappness.net\/\" hreflang=\"en\" xml:lang=\"nl\">Petra Sell<\/a> d&#8217;<a href=\"\/\/www.i-merge.net\">i-Merge<\/a>, Michael Thuy de <a href=\"\/\/www.duvalguillaume-e.com\" hreflang=\"en\" xml:lang=\"en\">DuvalGuillaume|E<\/a>, Geert Feytons de <a href=\"\/\/www.atmosphere.bbdo.be\" hreflang=\"en\" xml:lang=\"nl\">AtmosphereBBDO<\/a>, <a href=\"\/\/www.foob.be\/\" hreflang=\"en\" xml:lang=\"en\">Johan Wuyckens<\/a> de <a href=\"\/\/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=\"\/\/www.mccann.be\/\" hreflang=\"en\" xml:lang=\"en\">McCann-Erickson<\/a>.<\/p>\n<p class=\"centered\"><img decoding=\"async\" src=\"\/\/farm1.static.flickr.com\/143\/379167881_27a432ecef_m.jpg\" alt=\"Microsoft vision to the future\" \/><\/p>\n<p>En gros, la conf\u00e9rence <a href=\"\/\/www.designertopia.net\" hreflang=\"en\"><strong>designertopia<\/strong><\/a> \u00e9tait une vitrine pour Microsoft des produits de sa suite <a href=\"\/\/www.microsoft.com\/products\/expression\/en\/default.mspx\" hreflang=\"en\"><strong>Expression<\/strong><\/a>, de son syst\u00e8me d&#8217;exploitation Vista et de la nouvelle couche de pr\u00e9sentation\/d\u00e9veloppement Windows Presentation Foundation.<\/p>\n<p>De ce que j&#8217;ai entendu de mes compatriotes (pour la plupart issus du milieu graphique ou de la publicit\u00e9) le contenu des conf\u00e9rences &#8220;<strong>Cr\u00e9atives<\/strong>&#8221; \u00e9tait toujours un peu le m\u00eame. <\/p>\n<p>Pour ma part, j&#8217;ai suivi les sessions &#8220;<strong>Techniques<\/strong>&#8221; et les d\u00e9monstrations (surtout <strong>Carrie Longson<\/strong>) m&#8217;ont impressionn\u00e9es. Pas la <a href=\"\/\/turningthepages.com\/\" hreflang=\"en\">d\u00e9monstration des pages tournantes<\/a> pour la British Library &#8211; qu&#8217;on a d\u00e9j\u00e0 vu dix mille fois en flash, mais plut\u00f4t les applications m\u00ealant des <strong>donn\u00e9es en temps r\u00e9el, des graphismes efficaces et des animations 3D<\/strong> (l&#8217;application pour le M\u00e9tro de Londres entre autres) ou le <a href=\"\/\/www.readwriteweb.com\/archives\/times_reader_launches.php\" hreflang=\"en\">lecteur du New York Times<\/a> qui permet de consulter son journal d&#8217;une mani\u00e8re tout \u00e0 fait nouvelle.<\/p>\n<p class=\"centered\"><img decoding=\"async\" src=\"\/\/farm1.static.flickr.com\/124\/379165734_a62bdb68bb_m.jpg\" alt=\"London Metro Rich Desktop Application\" \/><\/p>\n<p>C&#8217;est clair que les Rich Desktop Application (comme dirait <a href=\"\/\/www.fredcavazza.net\/index.php?2006\/10\/15\/1300\" hreflang=\"fr\">Fred Cavazza<\/a>) ont de beaux jours devant elles. Et j&#8217;attends vivement de voir de mes yeux les premi\u00e8res applications <a href=\"\/\/labs.adobe.com\/wiki\/index.php\/Apollo\" hreflang=\"en\">Apollo d&#8217;Adobe<\/a> pour vraiment comparer (hein <a href=\"\/\/pimz.blogspot.com\/\">pimz<\/a> ?). C&#8217;est clair que Microsoft profite vraiment de l&#8217;acc\u00e9l\u00e9ration graphique et processeur pour les applications <acronym title=\"Windows Presentation Foundation\">WPF<\/acronym> mais, le fait de ne pouvoir \u00eatre ex\u00e9cut\u00e9 que sous WinXP SP2, Win2003 et Vista, est, pour moi, un frein. J&#8217;aurais voulu que ces applications tournent sur mon vieux Win2000 (PII 450Mhz &#8211; 512Mb) ou encore sur <strong>Windows Mobile<\/strong> et mon Qtek 8310.<\/p>\n<p>D&#8217;un point de vue technologique, qu&#8217;ai-je appris ?<\/p>\n<h3><acronym title=\"Windows Presentation Foundation\">WPF<\/acronym> vs WPF\/E<\/h3>\n<p><acronym title=\"Windows Presentation Foundation\">WPF<\/acronym> est une technologie pour cr\u00e9er les applications Desktop tournant sous le framework .NET 3.0 (donc pour WinXP SP2, Win2003 et Vista). Elle profite au mieux de l&#8217;usage du processeur et de la carte graphique pour afficher des animations en trois dimensions en temps r\u00e9el.<br \/>\nWPF\/E est le nom de code d&#8217;un plugin pour votre navigateur qui permet d&#8217;afficher des animations pr\u00e9vues \u00e0 cet effet. Il sera disponible sur Mac et Windows (IE, FF, Opera, Safari). <\/p>\n<h3><acronym title=\"eXtensible Application Markup Language\">XAML<\/acronym><\/h3>\n<p>Les deux technologies sont bas\u00e9es sur le langage <acronym title=\"eXtensible Application Markup Language\">XAML<\/acronym>, pour extensible application markup language, lui-m\u00eame une sous d\u00e9finition d&#8217;<acronym title=\"eXtensible Markup Language\">XML<\/acronym>. <\/p>\n<p>En gros, tous les \u00e9l\u00e9ments graphiques d&#8217;une application sont d\u00e9finis en <acronym title=\"eXtensible Application Markup Language\">XAML<\/acronym>. Une illustration vectorielle pourra \u00eatre transcrite en fichier <acronym title=\"eXtensible Markup Language\">XML<\/acronym> \u00e0 l&#8217;aide d&#8217;un plugin d&#8217;exportation de votre logiciel d&#8217;illustration. Le m\u00eame processus pourra \u00eatre effectu\u00e9 avec des fichiers 3D. <acronym title=\"Windows Presentation Foundation\">WPF<\/acronym> et WPF\/E ne g\u00e8reront que du code <acronym title=\"eXtensible Markup Language\">XML<\/acronym>&#8230; (je me demande encore comment ils vont convertir des bitmaps en <acronym title=\"eXtensible Application Markup Language\">XAML<\/acronym>).<\/p>\n<p class=\"centered\"><img decoding=\"async\" src=\"\/\/farm1.static.flickr.com\/172\/379162063_7d8df99c31_m.jpg\" alt=\"Defining XAML\" \/><\/p>\n<h3><a href=\"\/\/www.microsoft.com\/products\/expression\/en\/expression-studio\/default.mspx\">Expression Studio<\/a>.<\/h3>\n<p>La suite de Expression de Microsoft est pr\u00e9vue pour toute la cha\u00eene de production d&#8217;applications <acronym title=\"Windows Presentation Foundation\">WPF<\/acronym>-WPF\/E. De la gestion des m\u00e9dias \u00e0 la cr\u00e9ation de pages web. Cette suite de logiciel est bien sur \u00e0 compl\u00e9ter par des applications c\u00f4t\u00e9 serveur (de pr\u00e9f\u00e9rence en .NET 3) sous Visual Studio. Cette suite comprend :<\/p>\n<h4><a href=\"\/\/www.microsoft.com\/products\/expression\/en\/expression-web\/default.mspx\">Expression Web<\/a> (d\u00e9j\u00e0 disponible).<\/h4>\n<p>Est le logiciel de Microsoft destin\u00e9 \u00e0 remplacer FrontPage et \u00e0 concurrencer Dreamweaver sur le terrain de d\u00e9veloppement de pages internet. Il se focalise avant tout sur du code <strong>respectant les r\u00e8gles 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&#8217;ajouter du padding et des margin avec sa souris. Il a un validateur de code et d&#8217;<strong>accessibilit\u00e9<\/strong> ! Par contre il est assez peu intuitif \u00e0 l&#8217;usage, il est livr\u00e9 avec un cd tutorial de Lynda.com.<\/p>\n<h4><a href=\"\/\/www.microsoft.com\/products\/expression\/en\/expression-design\/default.mspx\">Expression Design<\/a> (encore en beta).<\/h4>\n<p>Permet au designer de cr\u00e9er (comme Adobe Illustrator) des <strong>illustrations vectorielles<\/strong> pr\u00eates \u00e0 \u00eatre export\u00e9es en <acronym title=\"eXtensible Application Markup Language\">XAML<\/acronym>. Un des plus que j&#8217;ai vu, c&#8217;\u00e9tait la possibilit\u00e9 de cr\u00e9er des sortes de librairies de styles \u00e0 r\u00e9employer (mais je ne suis pas assez call\u00e9 en Illustrator pour savoir si une telle fonctionnalit\u00e9 n&#8217;est pas aussi dans le logiciel vectoriel d&#8217;Adobe).<\/p>\n<h4><a href=\"\/\/www.microsoft.com\/products\/expression\/en\/expression-media\/default.mspx\">Expression Media<\/a> (disponible en version d&#8217;essais).<\/h4>\n<p>Est un <strong>logiciel de post production vid\u00e9o<\/strong>. Je n&#8217;y connais rien dans ce type de logiciels mais apparemment les possibilit\u00e9s d&#8217;\u00e9diter les vid\u00e9os \u00e0 la suite (batch) et les exports de vignettes (thumbnails) et la possibilit\u00e9 d&#8217;ajouter des g\u00e9n\u00e9riques de d\u00e9but et de fin \u00e9taient ses atouts majeurs. Pour moi, ce logiciel doit \u00eatre bien pour automatiser le traitement de fichier vid\u00e9o en ligne pour des services comme <a href=\"\/\/www.youtube.com\/\" style=\"text-decoration:line-through\">YouTube<\/a> <a href=\"\/blog\/ajouter-tags-commentaires-dans-videos-viddler\/\">Viddler<\/a> (ou <a href=\"\/\/www.proximusmoblog.be\/moblogs\/\">Proximus Moblogs<\/a> v3 ^^)<\/p>\n<h4><a href=\"\/\/www.microsoft.com\/products\/expression\/en\/expression-blend\/default.mspx\">Expression Blend<\/a> (disponible en version beta).<\/h4>\n<p>C&#8217;est le <strong>logiciel d&#8217;int\u00e9gration<\/strong> pour toutes les applications <acronym title=\"Windows Presentation Foundation\">WPF<\/acronym>-WPF\/E. On y importe les \u00e9l\u00e9ments graphiques en <acronym title=\"eXtensible Application Markup Language\">XAML<\/acronym>, on leur donne des comportements soit avec une ligne du temps ou des \u00e9v\u00e9nements (fort proche de Flash tout cela). Le gros avantage est l&#8217;int\u00e9gration avec les applications .NET. En effet, les d\u00e9veloppeurs cr\u00e9ent leurs m\u00e9thodes, fonctions et services web de leur c\u00f4t\u00e9, sous Visual Studio, et c&#8217;est \u00e0 l&#8217;int\u00e9grateur de brancher les connecteurs ad\u00e9quats sur les diff\u00e9rents composants de l&#8217;interface de l&#8217;application <acronym title=\"Windows Presentation Foundation\">WPF<\/acronym>. Les designers sont contents parce qu&#8217;ils ne voient pas de code, les d\u00e9veloppeurs sont contents parce qu&#8217;ils ne doivent pas toucher aux composants graphiques. Les deux mondes peuvent continuer \u00e0 travailler en parall\u00e8le tout b\u00e9n\u00e9fice pour les int\u00e9grateurs qui seraient en mal de boulot ;).<\/p>\n<p class=\"centered\"><img decoding=\"async\" src=\"\/\/farm1.static.flickr.com\/161\/379162167_11e206ab8a_m.jpg\" alt=\"webteam by MS\" \/><br \/>Designer \u00e0 gauche, programmeurs au droite et int\u00e9grateurs au centre. MS, c&#8217;est Funky<\/p>\n<h3>Remerciements<\/h3>\n<p>Ce petit s\u00e9jour \u00e0 Londres, m&#8217;a permis de voir pas mal de choses (la vision de Microsoft entre autres), de rencontrer beaucoup de personnes int\u00e9ressantes. Je remercie encore <a href=\"\/\/brandopia.wordpress.com\/\" hreflang=\"en\" xml:lang=\"nl\">Geert Desager<\/a> de m&#8217;avoir invit\u00e9. <\/p>\n<h4>Liens relatifs<\/h4>\n<ul>\n<li><a href=\"\/\/channel9.msdn.com\/wiki\/default.aspx\/WPF.ApplicationPortfolio\" hreflang=\"en\">Exemples d&#8217;applications <acronym title=\"Windows Presentation Foundation\">WPF<\/acronym><\/a><\/li>\n<li>Les photos <a href=\"\/\/flickr.com\/search\/?q=designertopia\" hreflang=\"en\">designertopia sur Flickr<\/a><\/li>\n<li>Mes <a href=\"\/\/payandgogeneration.proximus.be\/moblogs\/gallery\/index.cfm?sortOn=dateReceived&#038;tag=Designertopia\">photos sur Proximus moblogs<\/a><\/li>\n<li>Vous avez d&#8217;<a href=\"#comments\">autres exemples<\/a> ?<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ces un et deux f\u00e9vrier 2007 se tenait \u00e0 Londres, la conf\u00e9rence Designertopia de Microsoft. J&#8217;y \u00e9tais invit\u00e9 par Microsoft Belgique par l&#8217;interm\u00e9diaire de Geert Desager en tant que repr\u00e9sentant d&#8217;une des (grosses) agences web en Belgique ainsi que Philip Schiebold d&#8217;Ogilvy, Petra Sell d&#8217;i-Merge, Michael Thuy de DuvalGuillaume|E, Geert Feytons de AtmosphereBBDO, Johan Wuyckens [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,37,39,8,18,57,19],"tags":[],"class_list":["post-171","post","type-post","status-publish","format-standard","hentry","category-apollo","category-emakina","category-flash","category-rich-desktop-application","category-wpf","category-xaml","category-xml"],"_links":{"self":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":0,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"wp:attachment":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/tags?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}