71 pages trouvées :
N° | 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 OS — avec 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. | ||