Feuille de route pour les applications Windows Runtime en JavaScript

Applies to Windows and Windows Phone

Les principales ressources présentées ci-dessous devraient vous aider à démarrer le développement d’applications Windows Runtime en JavaScript. (Notez que cette liste ne présente pas l’ensemble des fonctionnalités ou ressources disponibles.) Cette rubrique est conçue pour vous permettre de démarrer à partir de la section Prise en main. Toutefois, vous pouvez ensuite passer à une autre section pour en apprendre davantage sur la fonctionnalité d’application qui vous intéresse. Définissez un signet sur cette page afin d’y revenir lorsque vous voudrez apprendre à ajouter de nouvelles fonctionnalités à votre application.

Si vous préférez utiliser un autre langage de programmation, voir :

Prise en main

Ces rubriques sont une introduction idéale pour la création d’applications Windows Runtime à l’aide de JavaScript :

Programmation d’applications du Windows Store en HTML, CSS et JavaScript

Ce livre électronique gratuit de 17 chapitres fournit des instructions complètes pour le développement d’applications du Windows Store en JavaScript. Il contient une section de démarrage rapide pour que vous puissiez immédiatement utiliser les outils, l’API et certaines fonctionnalités de plateforme, puis décrit le reste de la plateforme en détail.

Créer une interface utilisateur de base

Ces rubriques décrivent l’interface utilisateur de base des applications Windows Runtime.

Choix des interfaces utilisateur appropriées Commencez par vous assurer que votre application utilise l’interface appropriée au moment adéquat.
Recommandations en matière d’interaction utilisateur Apprenez à créer une application dans laquelle les utilisateurs sont immergés et avec laquelle ils peuvent interagir de manière intuitive, indépendamment du périphérique ou de la méthode d’entrée qu’ils utilisent.
Accessibilité Découvrez comment rendre votre application accessible au plus grand nombre, notamment aux utilisateurs handicapés ou à mobilité réduite.
Barres d’application La barre de l’application présente aux utilisateurs les éléments de navigation, les commandes et les outils.
Menus contextuels Les menus contextuels affichent jusqu’à cinq commandes qui permettent aux utilisateurs d’effectuer rapidement les actions appropriées.
Contrôles - HTML Créez des contrôles et connectez-les au code.
Contrôles et styles - WinJS Utilisez les contrôles et les styles de la Bibliothèque Windows pour JavaScript.
Dispositions et affichages Quand vous préparez différentes tailles de fenêtre, votre interface utilisateur peut se redimensionner de manière fluide, quels que soient l’orientation de l’écran ou le mode d’affichage nécessaire à l’interaction de l’utilisateur.
Navigation Naviguez de pages en pages ou affichez le contenu provenant d’autres pages.
Entrée à l’aide du stylet Activez la fonctionnalité d’entrée manuscrite via un dispositif de pointage tel qu’un stylet.
Ressources Créez et gérez les ressources d’interface utilisateur de vos applications, par exemple des images et des chaînes.
Vignettes Créez et mettez à jour des vignettes.
Notifications toast Créez et envoyez des notifications toast.
Entrée tactile Créez une expérience principalement tactile.

 

Gérer le lancement, l’interruption et la reprise

Pour garantir à l’utilisateur la meilleure expérience possible, tenez compte du mode de lancement, d’interruption et de reprise de votre application.

Lecture automatique Proposez votre application en tant qu’option lorsque l’utilisateur connecte un périphérique à son ordinateur. Cela inclut les appareils photo, les lecteurs multimédias, les clés USB et les DVD.
Activation de fichier Proposez votre application en tant qu’option pour la gestion d’un type de fichier.
Activation de protocole Proposez votre application en tant qu’option pour la gestion d’un protocole.
Écran de démarrage L’écran de démarrage par défaut s’affiche lorsque l’utilisateur lance votre application. Cela indique immédiatement à l’utilisateur que votre application initialise ses ressources.
Interrompre/reprendre Lorsque vous gérez correctement l’interruption et la reprise d’activité de votre application, cela améliore l’expérience de l’utilisateur. Il peut laisser votre application de côté et la retrouver plus tard dans l’état où il l’a quittée, comme si l’application avait continué à s’exécuter en arrière-plan.

 

Implémenter des contrats

Les contrats favorisent l’interaction entre le système d’exploitation et une ou plusieurs applications Windows Runtime.

sélecteur de fichiers Vous pouvez aider les utilisateurs à sélectionner des fichiers dans votre application pendant qu’ils utilisent une autre application. Les utilisateurs y gagnent en liberté et en flexibilité. Les applications sont d’autant plus populaires qu’elles participent aux contrats de sélecteur de fichiers.
Lire sur Utilisez le contrat de lecture pour permettre aux utilisateurs de diffuser facilement du contenu audio, du contenu vidéo ou des images, depuis leur ordinateur vers les périphériques de leur réseau domestique.
Rechercher Vous pouvez ajouter un volet de recherche à votre application afin que les utilisateurs puissent rechercher du contenu au sein de vos applications ou d’autres applications. Les applications participant au contrat de recherche augmentent le trafic et l’utilisation.
Paramètres Vous pouvez implémenter le contrat de paramètres afin que les utilisateurs puissent accéder aux paramètres de votre application à partir de l’icône Paramètres.
Partage Les applications sont plébiscitées lorsqu’elles permettent aux utilisateurs de faire part de leurs activités avec leur famille et leurs amis. Les applications qui prennent en charge le contrat de partage peuvent partager automatiquement du contenu à destination et en provenance de toute autre application prenant également en charge le contrat de partage.

 

Accéder aux données et au contenu

Vous pouvez récupérer les flux RSS et télécharger des fichiers.

Accès et publication en matière de contenu syndiqué Publiez, mettez à jour et supprimez les flux syndiqués ou les éléments de flux.
Liaison de données La liaison de données vous permet de synchroniser les éléments de votre application avec différentes sources de données, notamment des bases de données, des fichiers et des objets internes.
Transfert de données en arrière-plan Implémentez des opérations relatives au téléchargement de fichiers (lancement, suspension, reprise, affichage de la progression et annulation).

 

Accéder aux fichiers et aux dossiers

Ces rubriques expliquent comment accéder par programmation aux données du système de fichiers.

Accès aux fichiers à l’aide de sélecteurs de fichiers Affichez le sélecteur de fichiers lorsque les utilisateurs doivent sélectionner un fichier à ouvrir.
Accès aux fichiers par programmation Utilisez des requêtes de recherche pour énumérer les fichiers dans un dossier, une bibliothèque, un périphérique ou un emplacement réseau, et pour y accéder.
Lancer l’application par défaut d’un fichier Lancez l’application par défaut d’un type de fichier.
Lecture et écriture d’un fichier Effectuez des opérations de création, de lecture et d’écriture sur les fichiers du système de fichiers.

 

Se connecter aux applications et aux personnes

Vous pouvez créer des applications connectées afin de procurer une expérience hors du commun aux utilisateurs.

Proximité et appui Connectez des ordinateurs proches via une simple action d’appuyer.
Contacts utilisateur Permettez à l’utilisateur d’accéder à ses contacts et de partager du contenu, des messages électroniques ou d’interagir selon de nouveaux procédés.

 

Ajouter des animations et des graphismes

Vous pouvez dynamiser votre application à l’aide d’animations, de transitions et de graphismes.

Animation de votre interface utilisateur Utilisez la bibliothèque d’animations pour animer des listes, des transitions, des pointeurs, ainsi que d’autres éléments ou zones d’interface utilisateur.
Dessin sur une zone de dessin Utilisez les technologies SVG et Canvas pour ajouter rapidement des images vectorielles légères à votre application.

 

Utiliser des éléments multimédias

Ces sections expliquent comment ajouter des éléments multimédias à votre application.

Réaliser des photos et des vidéos Réalisez des photos et des vidéos dans votre application.
Lire du contenu audio et vidéo Lisez du contenu audio et vidéo dans votre application.

 

Prendre en charge des périphériques

Vous pouvez assurer la prise en charge d’un certain nombre de périphériques dans votre application. Les détecteurs de mouvement et les capteurs d’orientation permettent à votre application de réagir aux mouvements. Les capteurs de luminosité permettent à votre application de réagir aux changements de luminosité ambiante. La géolocalisation permet à votre application de détecter l’emplacement de l’utilisateur.

Énumération des périphériques Énumérez les périphériques en fonction de leurs fonctionnalités.
Accéléromètres Utilisez un accéléromètre pour détecter les changements de mouvement sur un ou deux axes.
Gyromètres Utilisez un gyromètre pour détecter les changements d’orientation et la vitesse de rotation. Les gyromètres et les accéléromètres fonctionnent ensemble en tant que contrôleurs de jeu.
Inclinomètres Utilisez un inclinomètre pour détecter les changements de mouvement sur les axes X, Y et Z.
Capteurs de luminosité Utilisez un capteur de luminosité pour détecter les changements de luminosité ambiante et y répondre.
Géolocalisation Détectez l’emplacement géographique de l’utilisateur.
Imprimantes Utilisez des fonctionnalités d’impression pour optimiser l’expérience de l’utilisateur.
Stockage amovible Accédez au contenu situé sur les médias et les dispositifs de stockage, par exemple les appareils mobiles Windows (WPD), les périphériques MTP (Media Transport Protocol), ainsi que les périphériques MSC (Mass Storage Class).

 

Déboguer et tester des applications

Exécuter des applications à partir de Visual Studio Exécutez des applications sur l’ordinateur local, le simulateur ou un périphérique distant.
Démarrer une session de débogage Configurez et démarrez des sessions de débogage.
Navigation avec le débogueur Utilisez le débogueur Visual Studio pour déboguer des applications.
Déboguer des applications JavaScript Utilisez les outils VS pour déboguer le code HTML, CSS et JavaScript.
Analyser les performances de l’application Utilisez les outils de profilage Visual Studio pour JavaScript.
Analyser l’utilisation de la mémoire Utilisez l’Analyseur de mémoire JavaScript pour détecter les fuites de mémoire.

 

Recommandations et meilleures pratiques

Inspiration pour la conception Voici des articles qui montrent des exemples de conceptions réussies pour diverses catégories d’applications (par exemples des jeux, des applications de productivité, des applications d’information, etc.).
Index des recommandations en matière d’expérience utilisateur pour les applications Windows Runtime Utilisez cette ressource pour rechercher les meilleures pratiques relatives à toute une série d’implémentations et de fonctionnalités de conception spécifiques, comme les sélecteurs de fichiers, le SemanticZoom, etc.
Meilleures pratiques en matière de performances pour les applications du Windows Store en JavaScript Vous trouverez ici les concepts et les recommandations que vous devez prendre en compte pour vous assurer que votre application fonctionnera correctement sur les ordinateurs de vos utilisateurs.
Recommandations et liste de vérification sur l’accessibilité Décrit les recommandations que vous devez suivre si vous voulez déclarer que votre application est accessible, dans le cadre du processus d’envoi du Windows Store.

 

Rubriques associées

HTML/CSS pour les applications du Windows Store
API Windows pour les applications du Windows Store
Packaging d’applications

 

 

Afficher:
© 2014 Microsoft