• Partagez
  • E-mail
  • Intégrer
  • J'aime
  • Télécharger
  • Contenu privé
Conception d’une application pour Windows 8 avec Blend 5
 

Conception d’une application pour Windows 8 avec Blend 5

on

  • 531 vues

Blend est l'outil indispensable lorsque l'on souhaite créer des interfaces utilisateurs riches. Avec l'arrivée de Windows 8, Blend permet de concevoir des applications METRO au format HTML 5 et XAML ...

Blend est l'outil indispensable lorsque l'on souhaite créer des interfaces utilisateurs riches. Avec l'arrivée de Windows 8, Blend permet de concevoir des applications METRO au format HTML 5 et XAML de grande qualité. Dans cette session, nous aborderons les nouvelles fonctionnalités étonnantes de Blend 5 dédiée aux applications Modern UI. Nous verrons également comment ce dernier maximise votre productivité et le développement d'applications Modern UI au format HTML et XAML. La méthodologie et les fonctionnalités seront décrites en mode pas à pas, à partir d’un cas concret d’intégration.

Statistiques

Vues

Total des vues
531
Vues sur SlideShare
531
Vues externes
0

Actions

J'aime
0
Téléchargements
5
Commentaires
0

0 Ajouts 0

No embeds

Accessibilité

Catégories

Détails de l'import

Uploaded via as Microsoft PowerPoint

Droits d'utilisation

© Tous droits réservés

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Votre message apparaîtra ici
    Processing...
Poster un commentaire
Modifier votre commentaire
  • Notation
  • Intro session Windows 8, generale ou design (supprimer la mention inutile). Ne pas modifier ce template. Choisissez plutôt une slide d’intro pour votre sujet et supprimez les autres.
  • Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
  • Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
  • Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
  • Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
  • Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
  • Modification du template de la GridView
  • Démonstration du Live DOM & du Live PreviewCréation de règles de style personnalisées

Conception d’une application pour Windows 8 avec Blend 5 Conception d’une application pour Windows 8 avec Blend 5 Presentation Transcript

  • Donnez votre avis ! Depuis votre smartphone, sur : http://notes.mstechdays.fr De nombreux lots à gagner toutes les heures !!! Claviers, souris et jeux Microsoft… Merci de nous aider à améliorer les TechDayshttp://notes.mstechdays.fr
  • Conception dapplications Windows 8 avec Blend 5 Eric Ambrosi Architecte UX I-Breed & Peps Interactive http://www.tweened.orgBlend 5 pour Windows 8
  • ROAD MAP FORM FACTOR LE PROJET « GIFT SHOP » RESPONSIVE BITMAP CHOISIR LE THÈME A MODIFIER MISE EN PLACE DU PROJET SKINNING CONTROLS & PAGES APPLICATION BAR QUESTIONS / RÉPONSESBlend 5 pour Windows 8
  • FORM FACTOR Démo – Thème Blend permet d’afficher un aperçu au design time de plusieurs combinaisons différentes. Plusieurs facteurs différents ont un impact sur l’affichage : • Thème • Résolution & DPI • Orientation Portrait / Paysage • Le Snapped mode et le Filled mode exclusifs à Windows 8Blend 5 pour Windows 8
  • LE PROJET « THE GIFT SHOP » Intégration graphiqueBlend 5 pour Windows 8
  • RESPONSIVE BITMAP Démo – Intégration du logo Windows 8 offre un redimensionnement dynamique de l’interface utilisateur selon la résolution et la densité d’affichage correspondant au DPI. Afin d’optimiser l’affichage des images sur chaque support, on les fournit en plusieurs résolutions. Elles sont choisies dynamiquement à l’exécution via une convention de nommage valable sur les deux frameworks. Sur les fichiers bitmap illustration.scale-100.jpg ; illustration.scale-140.jpg ; illustration.scale-180.jpg Sur les répertoires scale-100illustration.jpg ; scale-140illustration.jpg ; scale-180illustration.jpg <Image Width =“100“ Height=“100” Source=“illustration.jpg“ Margin=“8,8,0,0”/>Blend 5 pour Windows 8
  • CHOISIR UN THÈME DE BASE XAML Démo – Thème 1.Récupérer les thèmes. Les dictionnaires de thèmes sont récupérables dans le themeresources.xaml C:Program Files (x86)Windows Kits8.0IncludeWinRTXamlDesign 2.Stocker le thème choisit dans un dictionnaire de ressource 3.Créer une liaison pour référencer le thème choisi, puis compiler HTML 5 / CSS 3 Modifier l’accès à la feuille de style par défaut au sein de toutes les pages. <link href="//Microsoft.WinJS.1.0/css/ui-light.css" rel="stylesheet" />Blend 5 pour Windows 8
  • SKINNING CONTROL - XAML Démo - GridViewBlend 5 pour Windows 8
  • SKINNING CONTROL – HTML 5 Démo - WinJS.UI.ListViewBlend 5 pour Windows 8
  • APPLICATION BAR Win RT – La librairie d’icônes est fournie via la police de caractère Segoe UI Symbol – Les icônes sont donc au format vectoriel – Des styles de boutons prêts à l’emploi sont commentés dans le dictionnaire StandardStyles.xaml – Ces styles héritent d’un style principal « AppButtonBarStyle » qui contient un modèle dédiéBlend 5 pour Windows 8
  • APPLICATION BAR Win JS – Dé-commenter le code qui gère la barre d’application dans le code HTML 5 de base – Ajouter un bouton <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{ id:homeButton, label:Home, icon:home, section:global, tooltip:Go to the home page, type: button‘ }"></button>Blend 5 pour Windows 8
  • MERCI !!! eric@i-breed.com www.tweened.orgBlend 5 pour Windows 8
  • Développeurs Pros de l’IT http://aka.ms/generation-app Formez-vous en ligne www.microsoftvirtualacademy.com http://aka.ms/evenements- developpeurs Retrouvez nos évènements http://aka.ms/itcamps-france Les accélérateurs Faites-vous accompagnerWindows Azure, Windows Phone, gratuitement Windows 8 Essayer gratuitement nos http://aka.ms/telechargements solutions IT La Dev’Team sur MSDN Retrouver nos experts L’IT Team sur TechNet http://aka.ms/devteam Microsoft http://aka.ms/itteam