Index

71 pages trouvées :

Page Étiquettes et résumé
1 Applications Apps, B2G, Firefox OS, Mobile
Apprenez comment créer des Applications Web Ouvertes — des expériences riches fonctionnant sur des appareils divers et avec différentes tailles d'écran — en utilisant les mêmes standards web et technologies ouvertes que vous connaissez déjà.
2 APIs d'installation et de gestion des Applications API Apps, Apps
L'API JavaScript Open Web Apps est une interface de programmation pour installer des applications Web et pour gérer sur le client, la collection d'applications Web que l'utilisateur Web a installé. Cette collection est appelée application repository (dépôt d'applications).
3 App Development API Reference
Ce qui suit est une liste de documents de référence au niveau du code dont vous aurez probablement besoin dans le développement d'une application Firefox OS.
4 APIs Web Générales API, Apps, B2G, Firefox OS, Reference, Référence
Éléments, évènements, requêtes réseau, stockage et autres APIs Web générales fournissants des fonctionnalitées utiles pour les applications Open Web. Le tableau récapitulatif sur la page du wiki principal de l'équipe Web API fournit également une vue d'ensemble des APIs supportées en indiquant sur quelles plateformes elles sont disponibles.
5 Bases d'une application Firefox OS
Une application firefox OS est simplement une Application Web Ouverte, mais avec des considérations et des fonctionnalités spéciales, telles que l'exécution en mode offline et la possibilité de les installer. 
6 Firefox Marketplace services
No summary!
7 Layout and structure
Une série d'articles qui vous aideront à créer la structure parfaite pour vos applications web.
8 Les APIs Firefox OS
Il y a un cetain nombre de normes émergentes pour la plateforme Web et pour les APIs destinées au développement d'applications Firefox OS et Open Web . Cet article fournit une liste de pages couverant ces APIs, ainsi que les permissions du manifeste d'application.
9 App developer tutorials Apps, NeedsContent
The various app development tracks below will provide you a cohesive tutorial filled with resources that help with every step of the app development process.
10 Games Apps, Games, Tutorial
Here is a list of tutorials for games:
11 Jeu du Serpent Apps, Code, Jeux, Tutoriel
Cette Application Web Ouverte est un jeu simple basé sur le classique "serpent". Il utilise le modèle WebGameStub, qui peut servir à créer rapidement des jeux Web.
12 General app development tutorial Apps, Marketplace
Here is a tutorial for creating a Twitter-based Web application that will show tweets from selected geographical areas. The tutorial describes how to create an app, write a manifest file for it, and submit it to the Firefox Marketplace.
13 Configurer votre environnement de développement Apps
Avant de vous plonger dans la création de votre application web, vous devez vous assurer d'avoir les outils nécessaires.
14 Tutoriel Application Météo
Ce tutoriel va vous apprendre à créer une application simple nommée weatherme.
15 App layout NeedsTranslation, TopicStub
Creating an effective layout for a modern web site or app is a challenge. In some ways, your job is easier - CSS generally has much more solid, consistent support across browsers and platforms than it used to, so you no longer have to rely on as many horrible hacks. But in other ways, it is harder; there are so many devices around these days that can access the Web, with different browsers, screen sizes, resolutions, processing power, and usage contexts (for example is the device portable, will it have a network connection?)
16 Bases des Applications Web Apps, B2G, Firefox OS, Mobile
Ces guides et références vous aideront pour la création de votre application, pour la rendre installable, et qu'elle trouve sa place sur les appareils des utilisateurs.
17 Building Web apps Apps, B2G, Firefox OS, Guide, Mobile, TopicStub
18 Applications installables B2G, Firefox OS, Installation, Layout, Manifest, distribution, manifest, packaging
Firefox OS (aussi appelé par son nom de code Boot to Gecko ou B2G) est un système d'exploitation open source pour systèmes mobiles construit par Mozilla. Il se base sur un noyau Linux qui démarre un environnement d'exécution basé sur Gecko qui permet aux utilisateurs d'installer et de lancer des applications web. Gecko est le moteur de rendu utilisé par le navigateur Firefox afin d'afficher et de gérer le contenu d'une page web.
19 FAQs about app manifests
App manifest
20 Architecture des applications
Le Firefox Marketplace permet les activités suivantes:
21 Audio and Video Delivery HTML5, Media, audio, video
Whether we are dealing with pre-recorded audio files or live streams, the mechanism for making them available through the browser's <audio> and <video> elements remains pretty much the same. Currently, to support all browsers we need to specify two formats, although with the adoption of MP3 and MP4 formats in Firefox and Opera, this is changing fast. You can find compatibility information in the following places:
22 Ajouter des légendes et des sous titres à des vidéos HTML 5
In other articles we looked at how to build a cross browser video player using the HTMLMediaElement and Window.fullScreen APIs, and also at how to style the player. This article will take the same player and show how to add captions and subtitles to it, using the WebVTT format and the <track> element.
23 Autorisations d'Applications
The three levels of permission, in brief, are:
24 Flux de données traités par vos applications Débutant
Les flux de données internes et externes représentent le coeur de toute application web. A mesure qu'il évolue, ces flux de données deviennent de plus en plus complexes. Les maitriser vous aidera à construire des applications web plus efficaces.
25 Localization Apps, Firefox OS, Localization
This set of articles provides information for developers wishing to provide localized versions of their apps.
26 Localisation d'applications Firefox OS
Les applications Firefox OS sont utilisées dans le monde entier — Espagne, Pologne, Colombie, Venezuela avec beaucoup d'autres pays à venir — donc il est important de prendre en compte la localisation de votre application dès le début. Cependant, le web ouvert étant ce qu'il est, il y a de nombreux choix de frameworks et technologies lorsqu'il s'agit de localisation. Par exemple, la librairie Jed Gettext-style est une option classique populaire. Il y a aussi de nouvelles plate-formes de localisation en développement qui étendent les capacités des librairies actuelles. Par exemple, chez Mozilla, nous avons un projet de localisation très prometteur qui étend L10n avec une multitude de nouvelles fonctionnalités intéressantes. Pour en apprendre plus, allez voir le groupe Mozilla Tools.
27 Localiser une application avec Transifex Apps, FFOS, Firefox OS, Localization, l10n, transifex
L'équipe d'évangélisme technique de Mozilla pilote un programme qui utilise Transifex pour le travail de localisation aussi bien à destination des développeurs d'applications ou des traducteurs. Si vous visitez la page de notre équipe, vous pourrez voir l'application Boilerplate pour Firefox OS, ainsi que d'autres applications de développeurs nous ayant rejoints.
28 Manifeste d'application Apps, B2G, Firefox OS, Marketplace, Mobile
Dans cette section, nous allons voir les étapes nécessaires pour créer et utiliser un manifeste d'application.
29 Travaux hors-ligne appcache, data, données, hors-ligne, indexeddb, localStorage, localforage
Le diagrame suivant illustre la manière typique de fonctionner d'une application hors-ligne. L'application est d'abord téléchargée/installée et ensuite démarrée — via le navigateur dans le cas d'une web app en ligne, et installée et lancée dans le cas d'une application installable (ex: sur Firefox OS.) A partir de là, la suite logique serait de stocker les assets et les ensembles de données initiaux de l'application sur l'appareil, après quoi l'application pourra être utilisée, stocker ses données hors-ligne et les synchroniser periodiquement avec celles du serveur.
30 CSP des Apps Apps, B2G, Firefox OS
Contrairement aux site traditionnels, les apps privilégiées et certifiées imposent une CSP (politique de sécurité de contenu) par défaut. Cela peut faire cesser de fonctionner une importante partie du code lors de portages et peut causer une confusion importante chez les développeurs qui ne seraient pas au courant de l'existence de la CSP.
31 Designing apps Apps, B2G, Firefox OS, Mobile, NeedsTranslation, TopicStub
No summary!
32 Concevoir votre application
Une fois que vous avez une idée pour une application Web, vous devriez prudemment la concevoir avant de commencer à faire le moindre code ou design. Cela semblera totalement évident à la majorité d'entre vous, mais ce point ne peut pas être ignoré, que vous créez une application complètement nouvelle ou que vous transformiez une application existante. Cet article aborde les concepts principaux à garder à l'esprit quand vous concevez une application et préparez sa réalisation.
33 Design graphique pour les sites responsive
En 1996, beaucoup de personnes impliquées dans la construction du web auraient ri si vous leur aviez dit que moins de 20 ans plus tard, nous développerions des sites fonctionnant aussi bien sur téléphones portables, tablettes, télévisions, et même dans les voitures et gérant l'éclairage domestique. Le contenu textuel n'est pas un problème dans la mesure où les blocs de texte sont "responsive" (redimensionnables) par défaut, mais l'histoire se complique quand on commence à inclure des contenus graphiques et des mises en page complexes - surtout quand ceux-ci doivent s'adapter à différents affichages ! C'est pourquoi nous avons inclu dans la doc une section complète pour chacun de ces sujets (la section sur laquelle vous êtes actuellement, et la section app layout).
34 Guide de rédaction du contenu
Cet article fournit certaines lignes directrices pour la rédaction du contenu qui apparaîtra dans l'interface utilisateur de votre application et pour s'assurer qu'il soit aussi intuitif et facile à utiliser que possible.
35 Installed app considerations
Lors du design d'une Open Web App installable, il y a un certain nombre de considération à garder à l'esprit à propos de la façon dont va se comporter l'application après l'installation. Cet article apporte des conseils sur chacunes d'entre-elles.
36 Open Web App UX building blocks
Vous trouverez ici une description des éléments de l'interface utilisateur commune aux applications Open Web dont l'interface est destinée aux petits écrans  — comme les applications Firefox OSavec des exemples montrant leur aspect et leurs fonctions. Notez que les exemples particuliers que vous trouverez dans cette section ont été rédigés conformément aux lignes directrices de conception de Firefox OS, mais ils doivent vous fournir des informations utiles, quel que soit le type d'aide que vous recherchez pour votre projet.
37 Bouton
Effectue une action quand touché par l'utilisateur. Ce sont des objets de l'interface utilisateur hautements flexibles qui ont une grande variété de styles. Consultez le guide de codage pour la façon de mettre en œuvre des boutons qui ressemblent à ceux décrits ici.
38 Confirmation
Un message de confirmation demande à l'utilisateur d'effectuer ou de confirmer une action, par exemple répondre à un message système qui demande à l'utilisateur de redémarrer l'appareil après un changement de carte SIM, ou demander à l'utilisateur d'accorder ou de refuser l'autorisation d'exécuter une tâche. Consultez le guide de codage pour la façon de mettre en œuvre ces invites dans votre application.
39 Filtre
Les filtres peuvent être utilisés pour deux usages :
40 Menu action
Un menu Action présente une liste d'élémenst, liée au contenu de l'application, à partir de laquelle l'utilisateur peut faire une sélection. Consultez le guide de codage pour plus de détails sur la façon de mettre en place un menu d'action dans votre application.
41 Zone de saisie
Une zone de saisie est un champ d'entrée de données. Il peut y avoir beaucoup de variations sur ce à quoi une zone de saisie peut ressembler, elles peuvent être aussi simple que d'un champ de saisie de texte, et aussi complexe qu'un champ de saisie multi-partie avec une entrée de texte, des sélecteurs de valeur et des boutons. Consultez le Guide de codage pour les détails sur la mise en œuvre des zones de saisie.
42 Patrons de navigation adaptative
No summary!
43 UI layout basics Design, Layouts, UI
No summary!
44 Les fondations du responsive design Apps, CSS3, HTML5, MediaQueries, Mobile, ResponsiveDesign
Pour les développeurs web, il est maintenant assez commun d'être appelé pour créer un site web ou une application qui change son interface utilisateur en fonction du navigateur ou du dispositif accédant au site, pour fournir une expérience optimisée. Une première approche pour cela consiste à créer différentes versions de votre site/application pour différentes plates-formes ou navigateurs et les générer de façon appropriée après la détection de la plate-forme ou du navigateur qui se connecte à votre site. Cependant cette méthode est de plus en plus inefficace : la détection de navigateur amène facilement à des erreurs, et la maintenance de plusieurs versions de votre code peut s'avérer un cauchemar.
45 Détails spécifiques aux plateformes sur l'installation d'une application Apps
Vous n'avez rien de particulier à faire pour que vos applications s'installent sur différentes plateformes. Toutes les informations que vous devez fournir, comme le nom de l'application, sont incluses dans le manifeste de l'application. Voici quelques précisions sur les procédures d'installation propres à chaque plateforme.
46 Développement d'Applications Jeux Apps, Jeux
Ces références et guides vous apporteront les informations utiles pour développer des jeux utilisant les technologies Web ouvertes.
47 Considérations particulières pour les développeurs de Jeux Apps, Firefox OS, Jeux, Mobile
Cet article décrit quelques points-clés sur le développement de jeux, allant au-delà des informations bases pour commencer.
48 Développement d'Applications pour les développeurs Web Apps
Si vous êtes développeur web et souhaitez transformer un site ou une application web en une application web ouverte (Open Web App), vous avez techniquement peu de chose à faire. Les pré-requis minimums sont peu nombreux  :
49 Développement d'Applications pour les développeurs d'Apps mobile Apps, Mobile
Si vous êtes développeur d'applications pour mobiles, le projet Open Web Apps vous offre les avantages suivants :
50 Frequently-asked questions about apps Apps, NeedsTranslation, TopicStub, Web Development
No summary!
51 Index Apps, Index, index
{{Index("/fr/Apps")}}
52 Moteurs de jeu et bibliothèques Apps, Jeux
La liste suivante donne quelques exemples de moteurs de jeu implémentés avec HTML5 et JavaScript :
53 Outils développeur Apps, Tools, Web Development
Firefox inclus désormais un kit d'outils de développeur conçu à partir de zéro afin d'assurer une excellente expérience de développement, qu'elle soit vive et efficace. Voici quelques-uns des outils que vous trouverez utiles lorsque vous développerez des applications pour le Firefox mobile et Firefox OS.
54 Outils et frameworks Applications, B2G, Bibliothèques, Firefox OS, Frameworks, Libraries, NeedsTranslation, Outils, Processus, Workflows
No summary!
55 Les composants Web et Mozilla Brick Composants Web, Créer des blocs, brick, x-tag
Il y a un problème avec le Web comme plate-forme pour les applications : HTML, le langage qui rend facile le balisage des documents et leur donne du sens n'a pas suffisamment d'éléments pour construire des applications. Il existe quelques nouveaux éléments dans la spécification HTML5, mais leur prise en compte est incomplète dans les navigateurs et il y a encore beaucoup de widgets manquants que d'autres plates-formes comme Flex ou iOS offrent aux développeurs out-of-the-box. En conséquence, les développeurs ont créé leurs propres "widgets" comme les barres de menus, commandes de curseur et calendriers à l'aide du HTML non-sémantique (la plupart du temps des éléments <div>). ils les ont rendus interactifs en utilisant le JavaScript et personnalisables en utilisant les CSS.
56 Utiliser les modèles applicatifs
Ce que vous obtiendrez:
57 Paiements Marketplace NeedsEditorialReview
Statut: traduction en cours.
58 Pour commencer à créer des applications Apps
Les applications web sont créées en utilisant des technologies web standard. Elles fonctionnent avec tous les navigateurs modernes, et vous pouvez les développer en utilisant vos outils préférés.  Voici certaines caractéristiques qui distinguent les applications web des sites web :
59 Publishing your app Apps, B2G, Firefox OS, Mobile, NeedsTranslation, TopicStub, marketplace
These documents and guides will help you learn how to publish your app and manage it on the Firefox OS Marketplace.
60 Proposer une application sur le Firefox Marketplace Apps, Firefox OS, Mobile
Firefox Marketplace propose une infrastructure pour permettre aux développeurs de proposer des applications aux utilisateurs.
61 Quickstart Applications, Applications Web, Débutant, Développement, Guide, Intro, NeedsTranslation, TopicStub, guide
Cet article propose une introduction aux Applications Web Ouvertes (Open Web Apps) installables sur Firefox OS et autres plateformes compatibles. Il inclut la façon dont elles sont créées et en quoi elles diffèrent des standards du web. Ceci est à destination des développeurs web tout comme des développeurs mobile natifs.
62 Build NeedsTranslation, TopicStub
No summary!
63 Votre première application
No summary!
64 Design TopicStub
No summary!
65 Concept : une super application Apps, concept
Si vous avez déjà une liste de tâches, une idée pour votre application et le type d'utilisateur visé, il est facile de créer un objectif, définissez celui de votre application et l'utilisateur le plus important en une phrase. C'est votre cas d'utilisation principal.
66 Fondamentaux pour le design Apps
Soyez cohérent dans votre langage. Utilisez toujours le même terme dans votre application lorsque vous vous référez à une action ou un élément, et utilisez chaque terme pour une action ou élément.

Soyez cohérent dans votre interface utilisateur. Par exemple, si vous placez votre bouton retour dans le coin haut gauche, il ne devrait pas apparaître en bas à gauche dans d'autres écrans de votre application.

Soyez cohérent dans vos éléments visuels. Si deux éléments se ressemblent, ils devraient avoir le même comportement. Si deux éléments ont des fonctionnalités différentes, ils devraient être facilement distincts.
67 Recommandations d'interface utilisateur Apps, Recommandations, UI
Une application, plusieurs écrans. Comment faire une interface utilisateur qui soit aussi bien sur smartphone que sur bureau ? Apprenez comment construire des interfaces qui s'adaptent à l'écran de l'utilisateur.
68 Reference apps
No summary!
69 Chrono
Chrono est un simple chronomètre avec temps au tours, construit pour montrer différents aspects du procédé de dévellopement des applications web Open Source.
70 Notes Générales App, base de donnée indexée, hors ligne
Notes Générales est une application simple qui vous permet de synchroniser du contenu local et distant
71 Sujets avancés Applications, B2G, Firefox OS, Mobile
Ces articles donnent plus d' informations sur des sujets plus avancés d'Applications Web.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : xdelatour
 Dernière mise à jour par : xdelatour,