Développer une application       Winows 8 Tiré du blog de Loic Rebours : http://blog.loicrebours.fr                Labo DE...
IntroductionClément Hallet – clement.hallet@supinfo.com
Introduction (de l’introduction)Full screen (plus de chrome)Touch (nativement)Metro = guidelines graphiqueMetro = typograp...
METRO
API asynchrones ?• Processus lancé en parallèle de lexécution de  l’appli• Tant que l’appli n’a pas recu de réponse du  pr...
Windows RTPour Windows RuntimeDes API’s créer pour les app METRO.API’s utilisables depuis plusieurs langages / technosdiff...
Scheme
Windows RTApp’s sandboxéesPrivillèges restreints, capabilities possibles pour lesétendrePour les habitués du dev .NET, les...
SandBox?• Moins de risque• Environnement autonome,  cloisonné• Une VM est donc une sandbox
Let’s create itVous aurez besoin de W8, et de VS 2012 avecBlend.Présence de templates :•Blank app : projet vide avec le mi...
Let’s create a blank app
Let’s create a blank app• Blank app• Properties : metadatas de l’assembly• Assets : logos de l’applications et l’image Spl...
Package.appxmanifest• Quatre onglets :  • Application UI : nom de l’app, description, orientation, logos, couleur de    bg...
Hello World !• MainPage.xaml• Code-behind (MainPage.xaml.cs (car lié aux composant du XAML) )
Hello World !
Hello World !• Vu que l’app est destinée à pleins d’appareils  différents, présence d’un émulateur pour la tester sous  di...
Avez-vous des questions ?            ?
facebook.com/LaboDevMS@dev_msdevms.org
Développement Windows 8 METRO App
Prochain SlideShare
Chargement dans…5
×

Développement Windows 8 METRO App

581 vues

Publié le

Tiré de http://blog.loicrebours.fr

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
581
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Développement Windows 8 METRO App

  1. 1. Développer une application Winows 8 Tiré du blog de Loic Rebours : http://blog.loicrebours.fr Labo DEV.MS Bruxelles
  2. 2. IntroductionClément Hallet – clement.hallet@supinfo.com
  3. 3. Introduction (de l’introduction)Full screen (plus de chrome)Touch (nativement)Metro = guidelines graphiqueMetro = typographie et iconographies fortes permettant uneutilisation simple et intuitiveMetro = fast&fluid ( donc utilisation des API asynchrones)
  4. 4. METRO
  5. 5. API asynchrones ?• Processus lancé en parallèle de lexécution de l’appli• Tant que l’appli n’a pas recu de réponse du processus terminé, elle continue à s’executer.• Exemple : pour un envoi de gros fichier, l’utilisateur n’attendra pas la fin de l’envoi pour pouvoir continuer à travailler sur l’app
  6. 6. Windows RTPour Windows RuntimeDes API’s créer pour les app METRO.API’s utilisables depuis plusieurs langages / technosdifférentes :• XAML / C# ou VB .NET•XAML + C++•HTML5 / CSS / JS
  7. 7. Scheme
  8. 8. Windows RTApp’s sandboxéesPrivillèges restreints, capabilities possibles pour lesétendrePour les habitués du dev .NET, les classes duFramework ne seront pas accesiles pour des raisonsde sécurité (et accesoirement cette utilisation illéalebloquera la publication de l’app sur le store)
  9. 9. SandBox?• Moins de risque• Environnement autonome, cloisonné• Une VM est donc une sandbox
  10. 10. Let’s create itVous aurez besoin de W8, et de VS 2012 avecBlend.Présence de templates :•Blank app : projet vide avec le minimum pour faire une app METRO•Grid app : proet avec 3 pages : item groupés, détails d’un groupe et détail d’un item•Split app : projet avec 2 pages : groupe d’item, détails du groupe avec une vue maître/détails•Class Library : permet de créer une librairie WinRT-compliant•Windows Runtime Component : pour créer une librairie WinRT utilisable avec n’importe quelle techno•Unit Test Iibrary : projet de test unitaires pour les app’s METRO
  11. 11. Let’s create a blank app
  12. 12. Let’s create a blank app• Blank app• Properties : metadatas de l’assembly• Assets : logos de l’applications et l’image SplashScreen• Common : contient une ressource dictionary avec plusieurs styles et templates réutilisables• App.xaml : La logique de l’application. Affiche l’UI et gère le cycle de vie de l’application• MainPage.xaml : Page affichée au lancement de l’application• Package.appxmanifest : Fichier contenant les metadata de l’application. Il permet de définir les orientations supportées par l’app, son logo, ses capabilities.
  13. 13. Package.appxmanifest• Quatre onglets : • Application UI : nom de l’app, description, orientation, logos, couleur de bg, splashscreen, (dés)activation des toast • Capabilities : séléctionner les privillèges de l’application (Internet, Location, Microphone, Picture Library, Webcam, …) • Declarations : permet d’ouvrir son application à d’autres app METRO. Exemple : partages de fichiers, résultats de recherche parmis plusieurs applications. • Packaging : informations pour le déploiement et la publication de l’app
  14. 14. Hello World !• MainPage.xaml• Code-behind (MainPage.xaml.cs (car lié aux composant du XAML) )
  15. 15. Hello World !
  16. 16. Hello World !• Vu que l’app est destinée à pleins d’appareils différents, présence d’un émulateur pour la tester sous différents affichages, orientation, …• A droite de la fenêtre de l’émulateur, des outils pour simuler le touch, le pinch, le zoom, es résolutions, orientations, la géolocalisation, et pour prendre un screenshot (utile pour la publication sur le store)
  17. 17. Avez-vous des questions ? ?
  18. 18. facebook.com/LaboDevMS@dev_msdevms.org

×