Blend 3/Sketchflow, dessinez c'est gagné ! (RDA101)08/02/2010Michel PerfettiConsultant / MVP C#WinwiseAudrey PetitConsultante / MVP Client App DevMC NEXT
AgendaIntroductionSketchflowDéfinition d’un prototypeDémonstrationsConclusionQuestions
MCNEXT			Stand C28Filiale du groupe MOZZAIK, MCNEXT est une société de conseil et services informatiques  dédiée aux technologies MICROSOFT. Savoir–faire autour de 4 pôles, tous pilotés	par des experts reconnus90 collaborateursPrésent à Paris et GenèveAccompagnement global de nos clients :Conseil fonctionnel,Architecture technique,Accompagnement méthodologique,Graphisme/ergonomie (Web Agency),Réalisation (forfait/régie),TMA, Formation.
Tél : 01 46 08 78 50  E-mail : contact@winwise.com     Site web : www.winwise.com1ère société d’expertise spécialisée sur les nouvelles technologies Microsoft90 consultants experts certifiés sur les dernières technologies Microsoft , plusieurs MVP et 1 RegionalDirector4 centres de compétences pour  réaliser vos projets à forte valeur ajoutée :Travail collaboratif Business Intelligence & Data ManagementArchitecture et Cycle de vie des applications Interfaces Utilisateurs et « Smart Clients »1er centre de formation en France sur les technologies .Net et la BILa solidité financière du groupe ALTENPour tout renseignement : Stand N°C13, espace Communications Unifiées et Collaboration
IntroductionExemples de différents types de prototypesUn prototype c’est quoi ? Et à quoi ça sert ?Attention ceci n’est pas un prototype !Comment faire un prototype avec Sketchflow?
Différents types de prototypesTableau blancPapier / Crayon et beaucoup de gommeWord / Excel / Powerpoint / Visio …PhotoshopApplications / Maquettes (HTML / Winforms …)
A quoi ça sert ?Mettre en forme des idées (à l’opposé des spécifications)Représentation visuelleFeedbacksSimple à faire => cycle de design rapide
A quoi ça sert ?
Ceci n’est pas un prototype !Une œuvre d’art (application « Kikoolol »)Une V.1 !!!Un POC
SketchflowC’est où ? Blend 3 !C’est quoi ? Prototype interactif
Définition d’un prototypeCahier des charges : Site de vente de voyages1 page principal avec indentification1 page réservation train / avion1 page achat de voyage1 page info et contact1 page avec le profil utilisateur1 page d’erreur
Let’s go !
Ce qu’on a vu !Carte / MAPEcransSketchflow PlayerFeedbacksStyles et contrôles SketchflowEtatsAnimationsDonnéesProgrammation des comportementsGénération des spécifications fonctionnelles
A retenir !Peut remplacer / compléter une partie des spécificationsPas besoin de Blend pour le playerInteractivités et feedbacks renforcésBesoin de programmation minimalPeut être pris en main aussi bien par un designer que par un développeur
Questions ?
Blend 3/Sketchflow, dessinez c'est gagné

Blend 3/Sketchflow, dessinez c'est gagné

  • 2.
    Blend 3/Sketchflow, dessinezc'est gagné ! (RDA101)08/02/2010Michel PerfettiConsultant / MVP C#WinwiseAudrey PetitConsultante / MVP Client App DevMC NEXT
  • 3.
  • 4.
    MCNEXT Stand C28Filiale dugroupe MOZZAIK, MCNEXT est une société de conseil et services informatiques dédiée aux technologies MICROSOFT. Savoir–faire autour de 4 pôles, tous pilotés par des experts reconnus90 collaborateursPrésent à Paris et GenèveAccompagnement global de nos clients :Conseil fonctionnel,Architecture technique,Accompagnement méthodologique,Graphisme/ergonomie (Web Agency),Réalisation (forfait/régie),TMA, Formation.
  • 5.
    Tél : 0146 08 78 50 E-mail : contact@winwise.com Site web : www.winwise.com1ère société d’expertise spécialisée sur les nouvelles technologies Microsoft90 consultants experts certifiés sur les dernières technologies Microsoft , plusieurs MVP et 1 RegionalDirector4 centres de compétences pour réaliser vos projets à forte valeur ajoutée :Travail collaboratif Business Intelligence & Data ManagementArchitecture et Cycle de vie des applications Interfaces Utilisateurs et « Smart Clients »1er centre de formation en France sur les technologies .Net et la BILa solidité financière du groupe ALTENPour tout renseignement : Stand N°C13, espace Communications Unifiées et Collaboration
  • 6.
    IntroductionExemples de différentstypes de prototypesUn prototype c’est quoi ? Et à quoi ça sert ?Attention ceci n’est pas un prototype !Comment faire un prototype avec Sketchflow?
  • 7.
    Différents types deprototypesTableau blancPapier / Crayon et beaucoup de gommeWord / Excel / Powerpoint / Visio …PhotoshopApplications / Maquettes (HTML / Winforms …)
  • 8.
    A quoi çasert ?Mettre en forme des idées (à l’opposé des spécifications)Représentation visuelleFeedbacksSimple à faire => cycle de design rapide
  • 9.
  • 10.
    Ceci n’est pasun prototype !Une œuvre d’art (application « Kikoolol »)Une V.1 !!!Un POC
  • 11.
    SketchflowC’est où ?Blend 3 !C’est quoi ? Prototype interactif
  • 12.
    Définition d’un prototypeCahierdes charges : Site de vente de voyages1 page principal avec indentification1 page réservation train / avion1 page achat de voyage1 page info et contact1 page avec le profil utilisateur1 page d’erreur
  • 13.
  • 14.
    Ce qu’on avu !Carte / MAPEcransSketchflow PlayerFeedbacksStyles et contrôles SketchflowEtatsAnimationsDonnéesProgrammation des comportementsGénération des spécifications fonctionnelles
  • 15.
    A retenir !Peutremplacer / compléter une partie des spécificationsPas besoin de Blend pour le playerInteractivités et feedbacks renforcésBesoin de programmation minimalPeut être pris en main aussi bien par un designer que par un développeur
  • 16.

Notes de l'éditeur

  • #5 Audrey
  • #6 Michel
  • #7 Les différents types de prototypes : Tableau blancPapier / Crayon et bcq de gommeWord / Excel / PPT/ Visio …PhotoshopApplications / Maquettes (HTML / Winforms …)Un prototype c’est : Mettre en forme des idées (à l’opposé des spécifications)Représentation visuelleFeedbacksSimple à faire => cycle de design rapideUn prototype ce n’est pas : Une V0 !!!Un POCUne œuvre d’art (application kikoolol)Sketchflow !
  • #8 Michel
  • #9 Michel
  • #10 Audrey
  • #11 Audrey
  • #12 AudreyPermet de faire des prototypes sous WPF / Silverlight mais pas que pour des applis WPF / Silverlight !Possibilité de : NavigationAnimationJeux de donnéesEtats…A voir dans la suite !!!Avec TFS: dans le source control, donc le prototype peut évoluer tout en gardant l’historique.Prototype sert pour la conception (idée générale), recette / validation (valider la réalisation de l’application)
  • #13 AudreyDire ce que l’on veut dans le prototype !Technologie cible : ASP.NET et/ou Silverlight
  • #15 Michel
  • #16 Michel
  • #17 Audrey et Michel