Exemples d'applications WPF

Si certains d'entre vous se posent encore des questions sur les possibilités qu'offrent WPF, voici quatre applications, que j'aime beaucoup, réalisées entièrement en WPF (pour certaines téléchargeables gratuitement) :

• FamilyShow http://www.vertigo.com/familyshow.aspx
• Yahoo Messenger http://messenger.yahoo.com/windowsvista.php
• New York Times reader http://firstlook.nytimes.com/index.php?cat=4
• Catalogue Fnac ici

Pubs sur la gamme Expression

Sur le site de la gamme Expression, qui comprend Expression Blend, Expression Web, Expression Design et Expression Media, Microsoft a mis en ligne quelques pubs qui sont assez sympa.

Pour les voir, clickez sur l'image :



Vous aurez besoin de Silverlight pour les voir (le téléchargement fait à peine plus d'un Mo)

Des versions d'évaluation de 60 jours pour chacun des logiciels sont téléchargeables ici.

Comment faire son storyboard (un exemple)?

Pour que vous ayez des idées concrètes de ce qu’il faut rendre au premier round de la catégorie Interface Design, je vais vous présenter le storyboard que mon équipe a rendu l’an dernier.

Le thème était lié à l’éducation. Nous avons choisis de développer une application (EasyTour) qui permette de découvrir une ville tout en la visitant (avec son tabletPC en main).

Pour le premier round nous avions une idée très précise des fonctionnalités que proposerait notre interface (repérage sur une carte, encyclopédie contenant tous les points d’intérêt de la ville, possibilité de prendre des notes, de laisser des commentaires sur une visite ou d’en lire, de créer son propre planning de visites…).

Nous avions aussi réfléchis sur le nombre de fenêtres que contiendrait l’application, ainsi que plusieurs idées sur leur enchainement. De plus, nous avions envie de créer un univers 3D pour cette interface, idée que nous avons d’ailleurs abandonné au second round, car cette 3D n’avait que peu d’intérêt pour notre type d’application.
Notre projet a évolué avec le temps, nous n’avons pas rendu au second round exactement ce que nous avions présenté dans notre storyboard du premier round.


Notre storyboard :

• 2 slides : page d’intro et plan de présentation du power point.
• 2 slides : pour présenter notre projet, ainsi que son lien avec le thème de l’éducation.
• 8 slides : pour décrire et présenter les futures fenêtres de notre application.
  Pour le premier round, nous avions déjà commencé à nous servir de Blend. Pour imager le storyboard, nous avons créé des fenêtres contenant tous les éléments que nous voulions insérer (listBox, textBlock, slider, button, label, checkBox ...) sans les personnaliser et sans aucun binding. Nous les avons placé dans des panels de type canvas (pour notre vraie interface nous n’avons jamais utilisés de canvas, nous avons étudié en profondeur l’organisation de nos panels et contrôles ; les canvas sont faciles d’utilisation mais peuvent impliquer pas mal de problèmes, notamment lorsque l’on redimensionne les fenêtres). Nous avons donc inséré des captures de ces fenêtres, une par slide. A chaque fois nous avons expliqué succinctement à quoi servait tel et tel contrôle.
  
• 6 slides : implémentation pour le round 2
  Nous avons ensuite décrit comment nous comptions améliorer le design et quelles innovations nous pensions implémenter (synthèse vocale, reconnaissance de texte, 3D, …) pour le second round.


• 2 slides : conclusion
  Nous avons fait un slide pour présenter quels logiciels nous utiliserions pour le second round, un autre pour conclure notre présentation en rappelant en quelques mots les atouts de notre projet.

Certaines slides peuvent ne contenir qu’un titre qui annonce la prochaine partie.

Je pense qu’il est important d’être concis, il faut qu’en une dizaine de minute le lecteur ait le temps d’avoir regardé toutes les slides de votre storyboad et d’avoir compris les grandes lignes de votre projet. Votre storyboard doit de plus, être très visuel. Il faut également éviter de rentrer trop dans les détails techniques.

Nous avons envoyé notre storyboard en deux formats : pptx et ppt.

Beaucoup d'équipe l'an dernier ont rendu des power point, cependant certaines équipes ont rendu des applications flash.

Ce que je vous ai présenté n’est biensur qu’un exemple.

Calendrier

• 1er septembre 2007: La compétition est officiellement ouverte, mais pas de panique il vous reste encore beaucoup de temps pour commencer ! Vous devez vous inscrire sur le site et créer une équipe avant le 1er février.
  
• 1er février 2008: Clôture du premier round, vous devez avoir uploadé votre storyboard ainsi que votre abstract.
  
• 22 février 2008: Le second round commence pour les 30 équipes ayant passées le premier round. (Il peut y avoir plus de 30 équipes sélectionnées car les juges officiels regardent les projets et si l’un d’entre eux n’est pas passé alors qu’il aurait du il est tout de même qualifié, l’an dernier 34 équipes ont ainsi passées le premier round)
  
• 2 mai 2008: Clôture du second round, vous devez avoir rendu votre interface.
  
• 23 mai 2008: Annonce des noms des heureux finalistes (par mail et sur le forum du site officiel)
  
• 3 au 8 juillet 2008: Finale à Paris

Pistes de réflexion sur le thème de l’environnement

Le thème de l'Imagine Cup 2008 est le suivant : « Imagine a world where technology enables a sustainable environment », ce qui peut se traduire par :

« Imaginez un monde où les technologies contribuent à l'amélioration de l'environnement ».

Cette année, les participants doivent utiliser la technologie pour améliorer nos vies et celles des futures générations.

Améliorer l'environnement est un thème très large, qui permettra une grande diversité au niveau des projets réalisés par les participants. Pour certains, ce pourra être transformer le désert en terres cultivables, ou encore protéger les écosystèmes en danger. D'autres essaieront de trouver des moyens pour ralentir le réchauffement de la planète, réduire la quantité de carbone émise, ou construire des immeubles qui produisent eux même de l'énergie.

Pour Interface Design, l'idée du projet compte à 50% dans la notation du premier round (« 50% adherence to the theme »). Mais je rappelle que le premier round est jugé par les participants eux-mêmes, ceux-ci ne tiennent donc pas forcément compte du barème prévu dans les règles officielles. Dans cette catégorie, d'après moi, il est plus important d'avoir une interface innovante qu'un sujet génialissime. Evidemment si votre projet est basé sur une idée originale et que celle-ci permettrai réellement d'améliorer efficacement l'environnement c'est encore mieux. Mais, il est important de savoir que, les années précédentes, dans cette catégorie, des équipes ont été finalistes en proposant des sujets très futuristes (exemple de l'an dernier : une équipe a fait l'interface d'un logiciel qui permettrait d'apprendre en dormant). L'avantage de participer à cette catégorie est que vous pouvez laisser libre cours à votre imagination, vous ne devez créer que l'interface contrairement à la catégorie Software design où les participants doivent prouver que leur projet fonctionne.

Quelques pistes de réflexion sur le thème :

1. Lutter contre le réchauffement climatique (Mesurer les émissions de CO2, Développer l'usage des nouvelles formes d'énergie, Limiter les émissions de CO2 - optimiser les rendements…)
   
2. Lutter contre toutes les formes de pollution (Mesurer le niveau de nuisances, Contenir la pollution, Collecter et recycler : récupération, collecte et traitement des déchets…)
   
3. Favoriser la production responsable (Design vert, Optimiser la consommation, Gérer le renouvellement des ressources, Transports marchandises intelligents…)
   
4. Informer sur l'état de la planète (Témoigner, Suivre et identifier les évolutions, Prévenir et gérer, Eduquer…)
   
5. Vivre en harmonie avec les autres (Les usages responsables, Diminuer son empreinte écologique, La gestion des grands nombres…)
   
6. Préserver la biodiversité (Prévenir et protéger les écosystèmes en danger, Informer, Etudier les migrations, Etre sensible aux changements de comportements des animaux et végétaux, Diminuer la pollution lumineuse…)

Votre projet peut être directement lié à l'amélioration de l'environnement : mesures du gain d'énergie grâce à vos panneaux solaires, optimisation des transports des marchandises… Mais peut aussi avoir un lien indirect, je pense par exemple à un logiciel éducatif qui permettrait aux enfants d'avoir un comportement responsables dès le plus jeune âge ou encore à un logiciel permettant de trier les « produits écologiques » de ceux qui ne le sont pas (emballages écologiques, non polluant, recyclables, utilisation de pesticides, OGM, …) dans votre panier lors de l'achat de vos courses sur Internet…

En tout cas essayez d'avoir une idée qui sorte de l'ordinaire pour ne pas vous retrouvez en concurrence avec 30 projets similaires au votre.

De plus, trouvez un nom original pour votre projet, un nom qui ne s'oubliera pas. Evitez de prendre un nom trop Français, qui pourrait être imprononçable et qui n'évoquerait rien de particulier aux étrangers.

Un autre point important, pendant votre recherche d'idée, gardez en tête le fait que votre interface doit être innovante, par exemple essayez de trouver une idée qui peut être mise en valeur par une interface 3D ou par la présence de vidéos, de sons ou encore par l'utilisation d'un stylet ou encore par l'utilisation d'un support (tableau tactile, PDA..) original.

Lorsque vous avez trouvé une idée, définissez bien le public à qui votre interface s'adresse. Il est très important que votre interface soit intuitive pour l'utilisateur. Avant de vous lancer directement à créer vos fenêtres sous Blend, réfléchissez bien sur papier, faites des dessins et réfléchissez comment articuler vos fenêtres. Mettez vous à les réaliser sous Blend quand vous êtes sûr de ce que vous voulez faire. Vous gagnerez beaucoup de temps !

Liens sur les problèmes environnementaux :

http://www.lesechos.fr/info/energie/index_dossier.htm
http://www.environnement.gouv.fr/developpement-durable/
http://en.wikipedia.org/wiki/List_of_environmental_issues
http://environment.about.com/

Brièvement sur le site officiel la description de ce qu'il faut comprendre par « sustainable environment : http://imaginecup.com/Competition/Overview.aspx

Et enfin, un film très beau et intéressant sur la biodiversité en ce moment au ciné : Un jour sur Terre