22 Silverlight for Windows Embedded 8 Février 2010 Nicolas Besson – MVP Windows Embedded Fabien Decret – MVP Device Application Dev. from Adeneo Embedded

33 Agenda LA famille Windows Embedded Introduction a Windows Embedded CE 6.0 R3 Les ingrédients d’une interface graphique Silverlight for Windows Embedded Les outils de développement Gestion d’une brasserie en silverlight

44 Extensive portfolio of design and system integration 6 Windows Embedded Most Valuable Professionals 25+ Windows CE Microsoft Certified Technology Specialists 4 C# Microsoft Certified Professionals Adeneo Embedded Overview 50+ engineers located in North America and Europe Specialists in system integration on 32-bit embedded devices Capabilities to manage full SW/HW device development Subsidiary of AdetelGroup ISV/Software Solutions Mobility Solutions Excellence Awards Recognized high level of expertise with technologies from Microsoft Evaluation 4-day Scheduled Trainings Customized Trainings Architecture Support Contracts Design Review Reference BSPs with Support & Maintenance Design Application Development Firmware Expertise Turnkey SW/HW Design Progressive Services Offering

55 La Famille Windows Embedded Consumer Robotics Portable media Industrial Automation Telematics Thin Client Personal Navigation Industrial Automation Medical Entertainment Thin Client Point of Service Dedicated servers Kiosks Entertainment Digital Signage

66 Windows Embedded CE 6.0 R3 Destiné aux petits équipements Architecture matériel indépendant Différentes familles de processeur ARM, MIPS, SH4, x86 Système temps réel Modulaire 10,000+ composants Riche interface graphique MFC 8.0.Net Compact Framework 3.5 Support Silverlight

77 Ingrédients d’une IHM Designer Développeur

88 Silverlight for Windows Embedded Technologie Silverlight desktop adapté à l’embarqué Langage XAML : description interface graphique Langage natif uniquement Version standalone, browser web non requis Décorrélation Interface Graphique/intelligence cœur de métier Support accélération graphique OpenGL ES DirectDraw

99 Designer Développeur Silverlight Design IHM Dev.actionDev.actionDéploiementDéploiement RevueRevue Silverlight Cycle de développement Designer Développeur Design IHM Dev. IHM Dev. Back-end IntegrationDeploiment Revue Methode traditionnelle Temps Gagné ! Méthode Traditionnelle

10 Processus de génération XAML Expression Blend Silverlight for Windows Embedded est un Framework applicatif permettant les OEMs de créer des interfaces graphiques utilisateurs innovantes Permet aux OEMs de facilement proposer un élément différentiateur à leurs produits en utilisant Expression Design Suite tout en développant en code natif OEMs peuvent s’appuyer sur la communauté des designer web et développeurs PC App Web App Desktop IHM Produit

11 Architecture

12 Outils de développement Visual Studio 2005/2008 Réalisation de la gestion cœur de métier Visual Studio 2005/2008 Réalisation de la gestion cœur de métier Expression Blend Réalisation de l’interface et expérience utilisateur Expression Blend Réalisation de l’interface et expérience utilisateur

13 Outils de développement Expression Blend Réalisation de l’expérience utilisateur Expression Blend Réalisation de l’expérience utilisateur Outil destiné au Designer Création de control personnalisés Fourni avec des projets d’exemple : Media player Tablette internet Outil destiné au Designer Création de control personnalisés Fourni avec des projets d’exemple : Media player Tablette internet

14 Outils de développement Visual Studio 2005/2008 Réalisation des actions cœur de métier Visual Studio 2005/2008 Réalisation des actions cœur de métier Projet applicatif C++ Platform Builder Visual Studio 2005/2008 avec SDK Intégration du fichier XAML généré sous Expression Blend Implémentation des handlers d’action Compilation de l’application Projet applicatif C++ Platform Builder Visual Studio 2005/2008 avec SDK Intégration du fichier XAML généré sous Expression Blend Implémentation des handlers d’action Compilation de l’application

15 Démo Expression Blend 2.0 SP1

16 Mise en œuvre [1/3] Etape 1 Création du projet Expression Blend Création d’éléments graphiques personnalisés Bouton, éléments complexes d’interface Etape 2 Design de l’application et animations Création du story board Validation du fichier XAML

17 <UserControl xmlns=" xmlns:x=" x:Class="SilverlightApplication1.Page" Width="336" Height="233" xmlns:SilverlightApplication1="clr-namespace:SilverlightApplication1">

18 Mise en œuvre [2/3] Etape 3 Création du projet VS2005 Ajout du XAML dans les ressources Etape 4 Ajout de handler et exécution des animations

19 class BtnEventHandler { public: HRESULT OnClick(IXRDependencyObject* source, XRMouseButtonEventArgs* args) { // Affiche une boite de message MessageBox(NULL,TEXT("Silverlight Sample"), TEXT("Silverlight for Embedded OnClick handler"),MB_OK); return S_OK; } }; int WINAPI WinMain(….) { …. // Identification du bouton déclaré dans XAML root->FindName(TEXT("Btn_Fill"), &btn); // Y associe un delegate CreateDelegate(&handler, &BtnEventHandler::OnClick, &clickdelegate)); btn->AddClickEventHandler(clickdelegate)); …. }

20 Mise en œuvre [3/3] Etape 5 Compilation, déploiement et …..

21 Gesture Nouvelle API pour gestion du mouvement des doigts sur écran tactile Par exemple vitesse de décélération lors d’un scroll -> mouvement du contrôle Nouveau message WM_GESTURE qui introduit de nouveaux événements tels que : Select Double Select Pan Scroll Hold Créer des contrôles Win32 supportant la Gesture

22 Physics engine Permet de calculer une animation de points en réponse à une action de Gesture Le physics engine génère une suite de points à partir d’une vélocité, d’un angle et d’une zone délimitée. Les animations peuvent être définis sur l’axe X et Y (2D) Accélération Décélération Boundary

23 Architecture PhysicsEngine.dllTouchUtil.lib Touch.dll TouchRecognizer.dll OEM Recognizer.dll Applications GWES.dll GestureAnimation.lib TouchGesture.lib

24 Pré-requis pour le device Mise à jour vers Windows Embedded CE 6.0 R3 Ajout de Silverlight for Windows Embedded Ajout support de Touch and Gesture SYSGEN_TOUCHGESTURE Ajout support de Physics SYSGEN_PHYSICSENGINE

25 Limitation de Silverlight for Windows Embedded Fonctionnalités limitées à celles disponibles avec la version Web de Silverlight 2 sans le binding et media element Les performances de Silverlight for Windows Embedded dépendent : de la puissance du processeur, de l’accélération vidéo matériel (2D), du driver Vidéo, la qualité du BSP.

26 Exemple d’utilisation Produits grand publique : Equipement de navigation GPS Electroménager intelligent Equipement audio haut de gamme Produits industriel : Centrale de supervision de production Logiciel embarqué dans engins agricoles Tout équipement possédant une interface tactile ou moyen de pointage. Exemple d’implémentation : Browser web fourni avec Windows Embedded CE 6.0 R3 Supervision d’une brasserie

27 Démo The brewery : le suivi de production de la bière dans la brasserie du 21eme siècle.

28 Conclusion Silverlight for Windows Embedded CE 6.0 R3 Séparation de l’IHM et du « code » Amélioration de l’expérience utilisateur: Support de Gesture pour une gestion simplifiée des interactions avec l’utilisateur. Support de Physics pour la gestion d’effets.

29 Quelques liens pour aller plus loin… Le site Windows Embedded en Français: Les blogs : Nicolas Besson – MVP – Adeneo Embedded Fabien Decret – MVP – Adeneo Embedded Pierre Cauchois – Micrsosoft - resp. du parcours Embedded Concours « Je vois des Windows Partout »

30 Retrouvez-nous dehors… Stand D34 – Windows Embedded Des experts pour répondre à toutes vos questions Un beau bar, de belles démos et une bonne ambiance ^^