Archive for March, 2009

Devinez la suite…

Aucun commentaire

    Une annonce Microsoft est prévue demain... Peut-être est-il possible de la deviner grâce à cette vidéo :)


    Devinez la suite... sinon rendez-vous demain!
    envoyé par StateToujours

    Déployer une application Silverlight sur le bureau

    Aucun commentaire

      Silverlight 3 permet désormais de sauvegarder une application internet sur le bureau. Je trouvais que c'était un bon exemple de le faire avec mon projet précédent de WebTv Je présente dans cette article comment réaliser une application internet déployable en local. Attention tout de même, vous devrez installer la version bêta de Silverlight 3 pour suivre ce tutorial. Il suffit de cliquer droit sur une application Silverlight en cours d'exécution puis de sélectionner l'option "saveForOfflineUse". Cette option est grisée par défaut, nous allons l'activer.Pour cela, il faut modifier le fichier AppManifest.xml. Ce fichier décrit un certain nombre de paramêtres propres à l'initialisation et au déploiement de l'application. Vous trouverez ce fichier dans le répertoire properties du projet Silverlight 3 :

      <Deployment xmlns="http://schemas.microsoft.com/client/2007/deployment"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
      <Deployment.Parts>
      </Deployment.Parts>
      </Deployment>

      Vous devez en priorité spécifier le point d'entrée de l'Application Silverlight. Ensuite, vous pouvez spécifier des icônes, un titre, un sous-titre et des commentaires :

      <Deployment xmlns="http://schemas.microsoft.com/client/2007/deployment"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      <!-- ce sont ces paramêtres sui permettent de dégriser l'option au clic droit -->
      EntryPointAssembly="Webtv"
      EntryPointType="Webtv.App">

      <Deployment.Parts>
      </Deployment.Parts>
      <Deployment.ApplicationIdentity>

      <ApplicationIdentity ShortName="Tweened Webtv" Title="Web TV">

      <ApplicationIdentity.Blurb>
      Voici une WebTv déployable sur le bureau.
      </ApplicationIdentity.Blurb>

      <!-- avec des icônes, c'est un peu plus propre
      <ApplicationIdentity.Icons>
      <Icon Size="16x16">sl16.png</Icon>
      <Icon Size="32x32">sl32.png</Icon>
      <Icon Size="64x64">sl64.png</Icon>
      <Icon Size="128x128">sl128.png</Icon>

      </ApplicationIdentity.Icons>
      -->

      </ApplicationIdentity>

      </Deployment.ApplicationIdentity>
      </Deployment>

      MIX jour 2, plus de détails…

      Aucun commentaire

        Voici la deuxième journée du MIX détaillée. Je passe rapidement le keynote de la deuxième journée, Internet Explorer 8 y était évoqué et Microsoft a confirmé ce que tout le monde sait déjà : IE est lent si on le compare à un Chrome, l'accent a donc été mis sur la détection et la protection des malwares et autres spywares présents sur la toile. La conférence qui a suivi était plus interessante à tous points de vue, puisqu'il s'agissait des futurs fonctionnalités apportées dans Expression Blend 3 qui présage aussi de ce qui est prévu dans l'avenir. Doug Olson en charge de la présentation a commencé par dresser un rapide récapitulatif des objectifs poursuivis par la gamme Expression : améliorer l'expérience utilisateur, la productivité et abaisser les coûts. Au sein de Blend cela se traduit par les avancés suivantes :

        • Prototypage avec SketchFlow. Voici plus d'informations sur le fonctionnement de cet outil. Chaque application de type SketchFlow est jouée au sein d'un container spécifique. Celui-ci permet d'annoter et de rajouter des propositions directement sur la maquette en cours de création. Au sein de Blend, il est ensuite possible de récupérer directement les remarques de chaque acteurs de la production grâce au panneau FeedBacks.

          sketchflowplayersmall
          Il est même possible de les exporter vers Word, dans ce cas on récupère un document Word avec un sommaire reprenant chaque page, les remarques apportées ou les ergonomie alternatives porposées. Il peut-être intéressant d'uploader l'application SketchFlow lors de chaque compilation pour partager facilement son accès et communiquer sur le projet. Un ensemble composants est disponible pour mettre en page et designer rapidement un prototype. Ceux-ci ressemblent à des croquis de composants dessinés au crayon à papier mais peuvent être personnalisés à tous moments et sont pleinement fonctionnels.

          sketchflow3small

        • Design des visuels en utilisant des données fictives ou réelles. Il est maintenant possible de générer des données aléatoires selon un schéma XML que vous pouvez définir simplement. C'est à la portée d'un graphiste web, l'idée est de choisir le nom de vos champs ainsi que le type de valeur contenue. Une fois les données fictives créées par Blend, il est possible de générer un composant Datagrid ou Listbox par un simple glisser-déposer sur la scène. Vous pouvez également directement aller chercher un fichier XML de votre choix, et ainsi travailler su des données réelles.
        • Permettre l'interactivité sans utiliser de code. Blend 3 introduit la notion de comportement. Un graphiste peut ajouter des comportements aux objets de son choix par glisser-déposer. Dans une des conférences d'aujourd'hui, Microsoft a démontré ce concept en ajoutant une gravité, des pivots et tout un moteur physique. Le graphiste définit une gravité, une friction des éléments solides (l'équivalent de RigidBody en 3D) et hop une balle rebondit, percute un jeu de quilles, etc... Le deuxième exemple permettait de détecter un mouvement spécifique de la souris. Le designer dessine un tracé directement dans le panneau propriété. Par la suite, si ce mouvement est détecté à l'exécution détecté, on peut déclencher une animation, une modification de valeur ou n'importe quelle méthode de son choix.
        • Code source des composants disponible. Tous les composants sont ouverts à la modification et à l'extension grâce au code source qui est fourni. Si vous êtes codeurs et que vous souhaitez modifier le comportement de tel ou tel composant, vous n'avez plus à réinventez la poudre. Cela permet également de se familiariser avec des APIs propres au framework Silverlight (je pense notamment au Silverlight Layout System).

        Entre chaque conférence, un jeu concours était organisé autour de rockBand, ceux qui font le plus de points reparte avec des lots de folie :)

        img_0242

        img_0241Une conférence était organisée sur le C# pour les designers mais très franchement, vous trouverez l'équivalent sur Tweened grâce à la Web Tv. Nous avons tous fini la soirée dans une boîte branchée du Palacio. Il intéressant de noter que Mike Chambers, avec qui j'ai pu m'entretenir, était présent lors de la soirée au Tao Club et à de nombreuses conférences.

        Silverlight 3, Blend 3 et Prototyping with SketchFlow

        1 commentaire

          Depuis ce matin, 9h00 à Las vegas, Scott Guthrie, Bill Buxton, Jonathan Harris et Joanna Mason dévoilent une grande partie des nouvelles fonctionnalités offerte par Silverlight 3 et Expression Blend 3 (désormais téléchargeables). Bill Buxton, directeur de recherche en charge à Microsoft research a commencé par sensibiliser le public (essentiellement composé de développeurs) à la nécessité de concevoir un design et une ergonomie performante. Ce qui paraît évident depuis de nombreuses années pour bon nombre d'acteurs du Web. Son objectif fut surtout de démontrer le rôle central, dans la chaîne de production, occupé par les designers interactifs et autres intégrateurs. De son point de vue, il est nécessaire que le design d'application puissent être envisagé de manière souple, dynamique et vivante. C'est le nouvel outil de prototyping proposé par Expression Blend montré ci-dessous : SketchFlow qui répond à ce besoin.

          C'est Jonathan Harris qui a fait la démonstration de cette nouvelle fonctionnalité. Très franchement, ce module ajouté à Blend est vraiment prometteur en terme de conception et de prototypage. Il permet de designer les interfaces utilisateur simplement, de les relier en elles par des liens logiques puis de transformer simplement une maquette fonctionnelle en applications prête à être déployée. Outre cette importante fonctionnalité qui n'est d'ailleurs pas comprise dans la version d'essai proposée au téléchargement, voici toutes celles évoquées durant les conférences du MIX (je ne les cite pas toutes pour des raisons de confidentialité) :

          Silverlight 3

          -GPU support pour la vidéo, comme dans Flash on définiera l'utilisation directement dans le tag de l'object ou directement à l'exécution. A ne pas utiliser n'importe comment car comme pour Flash, l'objectif ici est d'utiliser le processeur de la carte graphique uniquement pour les rendus très demandeurs en processeurs. Pour la vidéo dans 95% des cas...

          -H264 AAC MPEG4
          -perpective 3D, ici rien d'autre que de la bonne 2.5D comme dans Flash 10.
          -Bitmap & pixel API
          -Pixel Shader effects. Vous pouvez dorénavant utiliser les filtres au sein de Silverlight et même créer les votre grâce au langage HLSL (High Level Shader Language). Ce langage est proche du C est s'apparente pas mal à PixelBender de la plate forme d'Adobe.
          -Deep linking. Je n'ai pas vraiment testé cette fonctionnalité mais il semble qu'elle soit implémentée...
          -Library caching support. Cette fonctionnalité est assez intéressante, elle permet de ne pas télécharger à chaque fois les librairies partagées par plusieurs applications Silverlight.
          -Déploiement du lecteur Silverlight en dehors du navigateur. Grâce à un seul click droit, l'utilisateur peut transformer n'importe quelle applications Silverlight en application bureautique sandboxée. Cette fonctionnalité cible directement la plate forme AIR, mais ne correspond pas exactement au même modèle économique puisqu'il n'y a pas d'installeur proprement dit.
          -Behaviors. Les comportements permettent au graphiste une plus grande autonomie. Ainsi, plus besoin d'un développeur pour créer des interactions utilisateurs. Plus que ça les comportements reposent sur le pattern decorator. Un développeur peut assez facilement créer des comportements supplémentaires puis les donner aux graphistes pour faciliter les tâches courantes d'interactivités.
          -Le poids du lecteur Silverlight 3 : 40 kilos octets de moins que sl2.

          Blend 3

          -Joanna Mason nous a fait une démonstration de l'importation de fichiers Photohop et Illustrator (PSD, AI). Les vecteurs sont proprement exportée dans les deux formats sous forme d'arborescences. Les masques photoshop sont également récupérés et éditables sous Blend. Au final Blend génère le XAML correspondant à vos besoins.
          -Intellisense XAML, C#, VB. Plus besoin d'installer Visual Studio, Blend devient un outil autonome :) Pour les développers pures souche, rien ne vaudra Visual Studio et son débogueur.
          -Outils dégradé. Les graphistes vont être content, l'outil de gestion des dégradés a été largement amélioré et propose une ergonomie performantet. C'est assez difficile à décrire mais il permet de personnaliser le dégradé directement dans la vue de design.
          -Equations de mouvements. Les fonctions d'accélération comme celle proposées par Robert Penner sont maintenant directement intégrées au niveau des objets d'animations (StoryBoards et DoubleAnimation). Un nouveau panneau permet de configurer simplement chaque clé d'animation et de lui associer une équation. Par exemple, vous pouvez ajouter une animation de rebond et préciser ses paramêtres : nombre de rebonds,  facteur de rebond, etc...
          -Liaison de propriété d'instances. Outre les liaisons de donnée et de modèle déjà présente, on peut désormais directement lier la valeur d'une propriété d'objet à une autre en mode OneWay, TwoWay ou OneTime. Tout cela est directement réalisable par le graphiste de manière simple.
          -Créer des composants à partir d'éléments visuels simples. Blend propose désormais la possibilité de créer des composants à partir d'élements graphiques existants et introduit la notion de controlParts (un nouveau panneau est désormais accessible. Vous pouvez cliquer-droit sur un élément graphique ou logique et simplement le définir comme étant une partie du composant en choisissant dans une liste pré-définie. Il adoptera dans ce cas, le comportement logique associé à la partie du composant sélectionnée.

          Voilà c'est tout pour le moment mais je pense que cela vous donnera une idée plus juste des capacités qu'affiche désormais Silverlight. Reste à voir les versions finales produits et à tester tout ça...

          Microsoft Road trip to Las Vegas…

          Aucun commentaire

            Je débute ce post depuis ma chambre du Treasure Island Hotel. Le voyage vers Las Vegas n'a pas été de tout repos, avec en tout 13-14 heures d'avion, 2 heures d'escales à Philadelphie, et pour finir, une douane aux États unis qui est, comme vous le savez sans doute, assez délicate à passer. Finalement, tout le monde est arrivé entier à Vegas afin d'assister au MIX de Microsoft. Franchement, cette ville est hallucinante et disproportionnée (même pour une ville américaine). Pour ceux qui ne l'ont pas encore visitée, il faut vous l'imaginer comme un immense DisneyLand (pour Adulte de plus de 21 ans). Les décors sont exhubérants et kitchs, le jour et la nuit se confondent et finissent par être de simples sous-ensembles indistincts et flous de la période de 24 heures définissant une journée. Bref on aime ou on aime pas, mais il est difficile de rester insensible à cet environnement riche en couleurs, en odeurs, en sons et bruits de la rue. Nous sommes une dizaine de petits chanceux à être invités dont Fred Cavazza, Aude Mousset, François Sutter, David Ferrara, Cédric gavand, Cyril Giacopino et l'équipe d'UCAYA. Merci donc à Christophe Lauer pour cette invitation ainsi qu'au centre de formation Regart.net. Pour rappel, le MIX est sensé être très prolifique en annonces diverses concernant Silverlight 3 et Expression Studio 3. J'incrémenterai donc un post au fur et à mesure des annonces faites sur FlashXpress et Tweened. A plus tard donc pour un article contenant plein de news croustillantes...

            Webtv Silverlight 2 Tutorials

            Aucun commentaire

              Voici une WebTV Silverlight comme on peut voir sur de nombreux sites. Je la développe en ce moment à mes heures perdues. L'idée par la suite est d'en faire un élément intégré et participatif de Tweened. Je mettrai un maximum de contenu vidéo dès la sortie de Expression v3 mais aussi des tutoriaux sur Expression Design. Elle est pour l'instant très sommaire mais je prévois un back-office et j'ajouterai la notion de catégories rapidement. Bien sûr, ce post a aussi une volonté de partage et je mets le code à disposition au sein de ce fichier zip. Je l'ai simplifié au maximum.

              TechDays Developers 2009 Defy all challenge Virtual Event

              Aucun commentaire
                Microsoft propose une nouvelle manière de se rencontrer grâce au TechDays "Defy all challenge" Virtual Event 2009. Pour rappel, les Techdays correspondent au salon annuel de Microsoft durant lequel on peut découvrir de nouvelles technologies et apprendre auprès des professionnels du secteur. Cette année, nous avons pu tester et jouer avec Windows 7 sur eepc, et Silverlight 3 a été rapidement évoqué lors de la conférence de Dick Lantim.Microsoft reprend donc le même scénario mais cette fois mais cette fois l'événement se déroule en ligne durant 24 heures le 1er avril 2009. Vous aurez donc l'équivalent du Real Life Event en terme de contenu : Workshops et Conférences. Vous pourrez poser vos questions aux ingénieurs Microsoft en ligne quelque soit votre outil de prédilection. Pour vous inscrire, vous pouvez directement aller sur ce lien : http://www.msfttechdays.com