diff options
Diffstat (limited to 'files/fr/archive/b2g_os/platform/gaia')
8 files changed, 917 insertions, 0 deletions
diff --git a/files/fr/archive/b2g_os/platform/gaia/gaia_apps/browser/index.html b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/browser/index.html new file mode 100644 index 0000000000..2d8ff1001d --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/browser/index.html @@ -0,0 +1,136 @@ +--- +title: Navigateur +slug: Archive/B2G_OS/Platform/Gaia/Gaia_apps/Browser +tags: + - Apps + - Firefox OS + - Gaia + - Guide + - Navigateur +translation_of: Archive/B2G_OS/Platform/Gaia/Gaia_apps/Browser +--- +<div class="summary"> +<p><span class="seoSummary">L'<a href="https://github.com/mozilla-b2g/gaia/tree/v1.4/apps/browser">application Navigateur</a> (qui fait maintenant partie de System) offre des fonctionnalités de navigation lorsque cela est nécessaire — cela comprend la navigation sur des pages, la recherche et les marque-pages. Cet article explique comment les fonctionnalités de base de l'application Navigateur fonctionnent, et comment elle s'intègre dans un système plus vaste.</span></p> +</div> + +<p>Comme Gaia est construit pour s'exécuter au-dessus de Gecko, il a été possible de concevoir un Navigateur Système/application Navigateur pour naviguer sur des pages web classiques, basé sur cette instance Gecko. Cela est accessible par l'intermédiaire de l'<a href="https://developer.mozilla.org/en-US/docs/DOM/Using_the_Browser_API">API mozBrowser</a>.</p> + +<div class="note"> +<p><strong>Note </strong>: Depuis Firefox OS 2.1, l'application Navigateur fait partie de System. Cela signifie que la navigation web peut se faire soit en cliquant sur l'icône Navigateur pour ouvrir l'application, soit en utilisant la fonctionnalité de navigation et de recherche universelle. Grâce à l'<a href="https://wiki.mozilla.org/FirefoxOS/Haida">expérience utilisateur Haida</a>, l'application et les onglets de navigation sont alors unifiés pour une expérience commune et sont présents dans le gestionnaire de tâches ainsi que dans la vue des miniatures (pour la navigation latérale).</p> +</div> + +<h2 id="Navigateur_Système_(Navigateur_Chrome)">Navigateur Système (Navigateur Chrome)</h2> + +<p>Quand un utilisateur Firefox OS marque une page web pour qu'elle apparaisse sur l'écran d'accueil, cette page web s'ouvrira dans le Navigateur Système et non dans l'application Navigateur. Il comporte dans la partie inférieure une barre d'outils contenant les fonctions génériques reculer/avancer/actualiser. Dans Gaia, cela est appelé le Navigateur Chrome ou wrapper. Vous pouvez le voir en action du côté droit de l'image suivante.</p> + +<p><img alt="A diagram showing that when a web page is opened in the system browser, it is given a toolbar." src="https://mdn.mozillademos.org/files/7869/browser-app.png" style="display: block; height: 500px; margin: 0px auto; width: 738px;"></p> + +<p>Si vous souhaitez que votre page web dispose toujours des fonctions reculer/avancer/actualiser, vous pouvez ajouter la ligne suivante dans le manifeste de l'application pour activer le Navigateur Chrome.</p> + +<pre class="brush: json">declare { chrome: { navigation: true } }</pre> + +<div class="note"> +<p><strong>Note </strong>: La barre d'outils du Navigateur Chrome a une incidence sur la hauteur du contenu, il est donc nécessaire de la prendre en compte pour la mise en page de vos pages web.</p> +</div> + +<h3 id="Le_flux_de_code">Le flux de code</h3> + +<p>Lors de l'ouverture d'une nouvelle page web dans Firefox OS, la séquence des appels est</p> + +<pre>Gecko > WrapperFactory > Window Manager > AppWindow > BrowserFrame</pre> + +<p>Les wrappers héritant de <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/system/js/wrapper_factory.js">system/js/wrapper_factory</a> recevront l'événement <code>mozbrowseropenwindow</code> dans le cas d'une page web en marque-page.</p> + +<p>Dans la section <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/system/js/wrapper_factory.js#L15">handleEvent</a>, le gestionnaire va vérifier l'événement pour déterminer si la page web doit être ouverte en tant qu'application ou dans le navigateur chrome.</p> + +<p>Enfin, <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/system/js/wrapper_factory.js#L115">launchWrapper</a> est appelée pour lancer la fenêtre correspondante.</p> + +<h2 id="Navigation_et_recherche_universelle">Navigation et recherche universelle</h2> + +<p>Avec la nouvelle barre de navigation et de recherche, les utilisateurs peuvent accéder à leurs favoris, saisir une URL, ou découvrir de nouvelles applications depuis n'importe où dans Firefox OS. La barre de recherche se trouve en haut de l'écran et les utilisateurs peuvent juste toucher l'écran ou faire glisser le doigt dessus pour l'ouvrir.</p> + +<p>Voyez cela comme une combinaison de l'<a href="https://support.mozilla.org/en-US/kb/awesome-bar-find-your-bookmarks-history-and-tabs">Awesome Bar</a> du navigateur et de la <a href="https://support.mozilla.org/en-US/kb/use-adaptive-search-discover-personalized-apps">recherche adaptative d'applications</a> de l'écran d'accueil. Comme Firefox OS utilise des applications web, lorsque vous trouvez ce que vous voulez, même s'il s'agit d'une nouvelle application, il l'ouvre directement. Vous n'avez pas besoin d'installer quoi que ce soit, parce que tout est de type web et instantané.</p> + +<h2 id="Application_Navigateur">Application Navigateur</h2> + +<p>Le Navigateur est une application web certifiée qui procure une expérience de navigation web générale. La fonction principale se trouve dans <a href="https://github.com/mozilla-b2g/gaia/tree/v1.4/apps/browser/js/browser.js">apps/browser/js/browser.js</a> :</p> + +<pre class="brush: js">var Browser = { + init: function browser_init() { + this.getAllElements(); + ... + BrowserDB.init((function() { + ... + } + } +}; + +window.addEventListener('load', function browserOnLoad(evt) { + window.removeEventListener('load', browserOnLoad); + Browser.init(); +});</pre> + +<p>Le Navigateur appellera sa fonction <code>init()</code> pendant le chargement du DOM.</p> + +<pre class="brush: js">getAllElements: function browser_getAllElements() { + var elementIDs = [ + 'toolbar—start', ... 'danger—dialog']; + + // Loop and add element with camel style name to Modal Dialog attribute. + elementIDs.forEach(function createElementRef(name) { + this[this.toCamelCase(name)] = document.getElementById(name); + }, this); +},</pre> + +<p>La fonction <code>getAllElements</code> est utilisée pour obtenir tous les gestionnaires d'élément camelCase, après quoi <a href="https://github.com/mozilla-b2g/gaia/tree/v1.4/apps/browser/js/browser_db.js">apps/browser/js/browser_db.js</a> est appelée pour se préparer à l'ajout du moteur de recherche par défaut et des marque-pages.</p> + +<h2 id="Marque-pages">Marque-pages</h2> + +<p>À partir de Firefox OS 2.0, <a href="https://github.com/mozilla-b2g/gaia/tree/master/apps/bookmark">apps/bookmark</a> est utilisé pour gérer les activités d'enregistrement/suppression de marque-pages.</p> + +<p>La partie la plus intéressante, <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/bookmark/manifest.webapp">apps/bookmark/webapp.manifest</a>, ressemble à ceci :</p> + +<pre class="brush: json">"activities": { + "save—bookmark": { + "filters": { + "type": "url", + "url": { "required":true, "pattern":"https?:.{1,16384}" } + }, + "disposition": "inline", + "href": "/save.html", + "returnValue": true + }, + "remove—bookmark": { + "filters": { + "type": "url", + "url": { "required":true, "pattern":"https?:.{1,16384}" } + }, + "disposition": "inline", + "href": "/remove.html", + "returnValue": true + } +},</pre> + +<p>Comme indiqué plus haut, l'activité est gérée par save.html et remove.html. Les deux opérations sont prises en charge par <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/bookmark/js/activity_handler.js">apps/bookmark/js/activity_handler.js</a>:</p> + +<pre class="brush: js">var ActivityHandler = { + 'save—bookmark': function ah_save(activity) { + }, + + 'remove—bookmark': function ah_remove(activity) { + } +}; + +navigator.mozSetMessageHandler('activity', function onActivity(activity) { + var name = activity.source.name; + switch (name) { + case 'save—bookmark': + case 'remove—bookmark': + if (activity.source.data.type === 'url') { + ActivityHandler[name](activity); + } + ... + } +}</pre> + +<p>Quand le gestionnaire de message en écoute <code>navigator.mozSetMessageHandler('activity')</code> réceptionne les activités save-bookmark ou remove-bookmark, la fonction <code>ActivityHandler</code> est appelée pour gérer les opérations correspondantes.</p> diff --git a/files/fr/archive/b2g_os/platform/gaia/gaia_apps/index.html b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/index.html new file mode 100644 index 0000000000..6ac3ce3e51 --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/index.html @@ -0,0 +1,92 @@ +--- +title: Applications Gaia +slug: Archive/B2G_OS/Platform/Gaia/Gaia_apps +tags: + - Applications + - Architecture + - Firefox + - Gaia + - OS +translation_of: Archive/B2G_OS/Platform/Gaia/Gaia_apps +--- +<div class="summary"> +<p><span class="seoSummary">Gaia est l'interface utilisateur de Firefox OS, elle contient la fonction d'administration du système et la suite d'applications par défaut embarquée avec les appareils Firefox OS. La totalité du code source de Gaia — même le système et les claviers IMEs (</span><em>Input Method Editors</em>) <span class="seoSummary">— est entièrement implémentée avec HTML5 (HTML + CSS + Javascript) & Open WebAPIs. Cette série de documents contient les informations sur comment chacune des applications disponibles par défaut dans Gaia fonctionne.</span></p> +</div> + +<h2 id="Catégories_des_fonctionnalités_Gaia">Catégories des fonctionnalités Gaia</h2> + +<p> Les différentes applications à l'intérieur de Gaia peuvent être grossièrement classées dans les groupes listés ci-dessous.</p> + +<div class="note"> +<p><strong>Note</strong>: de nombreuses pages référencées afin d'apporter plus d'informations sur le fonctionnement des applications sont des pages README venant du <a href="https://github.com/mozilla-b2g/gaia/">dépôt Github Gaia</a>. Ceci s'explique par le fait que de nombreuses applications ont des cycles de développement rapides et sont donc sujettes à de fréquentes (souvent journalières) modifications. Il serait alors peu censé d'essayer de garder les pages MDN à jour avec ces changements fréquents. Les pages README sont actuellement les sources d'informations les plus précises et les plus fiables.</p> +</div> + +<h3 id="Plate-forme">Plate-forme</h3> + +<p>Inclut les applications Système (system), Paramètres (settings), <span style="background: transparent;">É</span>cran de verrouillage (lockscreen), scripts de construction (build script) et Bluetooth.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7503/platform_team.png" style="display: block; height: 269px; margin: 0px auto; width: 355px;"></p> + +<h4 id="Applications_de_la_plate-forme_explication_détaillée">Applications de la plate-forme: explication détaillée</h4> + +<dl> + <dt><a href="/en-US/Firefox_OS/Platform/Gaia/Gaia_apps/System">Système</a></dt> + <dd>L'application Système est la première application web chargée par Gecko lors de la <a href="https://developer.mozilla.org/fr/Firefox_OS/Platform/Architecture">procédure de démarrage de Firefox OS</a>. Elle assume de nombreuses responsabilités qui sont généralement nécessaires pour utiliser le système et n'est donc pas prise en charge, elle-même, par d'autres applications web.</dd> + <dt><a href="/en-US/Firefox_OS/Platform/Gaia/Gaia_apps/Browser">Navigateur</a></dt> + <dd>L'application Navigateur (qui fait maintenant partie de l'application Système) fournit des fonctionnalités semblables à un navigateur lorsque cela est nécessaire — cela inclut la navigation entre les pages, la recherche et les marque-pages.</dd> + <dt><a href="/en-US/Firefox_OS/Platform/Gaia/Gaia_apps/Window_Management">Gestion des fenêtres</a></dt> + <dd>La fonctionnalité de gestion des fenêtres de Firefox OS — incluant le cycle de vie et l'interaction d'une application, les notifications, les animations et beaucoup plus — est gérée par une partie spécifique de l'application Système. Cet article étudie la Gestion des Fenêtres de Firefox OS en détails.</dd> + <dt><a href="/en-US/Firefox_OS/Platform/Gaia/Gaia_apps/Settings">Paramètres</a></dt> + <dd>L'application Paramètres permet aux utilisateurs de Firefox OS de configurer les paramètres de leur appareil. Elle permet également de répondre aux appels d'activités (<a href="/en-US/docs/WebAPI/Web_Activities">Web activités </a>avec le nom <code>configure</code>), ce qui permet à d'autres applications d'être renvoyées vers différents panneaux à l'intérieur de l'application Paramètres, afin d'enrichir les possibilités de paramétrage (par exemple en montrant le panneau des paramètres du Wi-Fi si une connexion Internet est disponible).</dd> +</dl> + +<h3 id="Communication">Communication</h3> + +<p>Inclut les applications Téléphone (dialer), Contacts (contact), Messages (sms) et FTU (First Time Use).</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7499/comms_team.png" style="display: block; height: 246px; margin: 0px auto; width: 317px;"></p> + +<h4 id="Applications_de_communication_explication_détaillée">Applications de communication: explication détaillée</h4> + +<p>TBD</p> + +<h3 id="Productivité">Productivité</h3> + +<p>Inclut les applications Courriel (email), Agenda (calendar) et Horloge (clock).</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7505/productivity_team.png" style="display: block; height: 178px; margin: 0px auto; width: 303px;"></p> + +<h4 id="Applications_de_productivité_explication_détaillée">Applications de productivité: explication détaillée</h4> + +<dl> + <dt><a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/calendar/README.md">Agenda</a></dt> + <dd>L'application Agenda est incluse par défaut dans Firefox OS.</dd> + <dt><a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/clock/README.md">Horloge</a></dt> + <dd>L'application Horloge, présente par défaut dans Firefox OS, inclut les fonctionnalités d'alarme, de minuteur et de chronomètre.</dd> + <dt><a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/email/README.md">Courriel</a></dt> + <dd>L'application de Gaia permettant d'envoyer et de recevoir des courriels.</dd> +</dl> + +<h3 id="Média">Média</h3> + +<p>Inclut les applications Photo (camera), Galerie (gallery), Musique (music) et Vidéo (video) et quelques fonctions liées aux médias telles que les DRM et fonds d'écran (wallpaper).</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7501/media_team.png" style="display: block; height: 250px; margin: 0px auto; width: 386px;"></p> + +<h4 id="Applications_média_explication_détaillée">Applications média: explication détaillée</h4> + +<dl> + <dt><a href="/en-US/docs/Mozilla/Firefox_OS/Platform/Gaia/Gaia_apps/Video">Vidéo</a></dt> + <dd>L'application Vidéo est une simple application de lecture de vidéos qui jouera les vidéos présentes sur l'espace de stockage des médias de votre appareil Firefox OS.</dd> + <dt><a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/camera/README.md">Photo</a></dt> + <dd>L'application Photo permet aux utilisateurs de Firefox OS d'enregistrer et de gérer les vidéos et photos venant de l'appareil photo. Elle permet également de gérer les vidéos et photos qui répondent aux <a href="https://developer.mozilla.org/en-US/docs/WebAPI/Web_Activities">Web activités</a> du type <code>pick</code>, c'est à dire venant des autres applications voulant obtenir un média utilisant la fonctionnalité de Caméra.</dd> +</dl> + +<h3 id="Autres_fonctionnalités_Gaia">Autres fonctionnalités Gaia</h3> + +<p> En plus de ces fonctions, il y a plusieurs autres fonctionnalités majeures telles que le navigateur, l'écran d'accueil, le Marketplace, le framework de test, le lecteur de PDF et le gestionnaire d'applications qui sont développées en parallèle de Gaia.</p> + +<dl> + <dt><a href="https://github.com/mozilla/pdf.js/blob/master/README.md">pdf.js</a></dt> + <dd>pdf.js est un lecteur PDF basé sur HTML5 utilisé par Gaia. Notez que le code pour pdf.js est maintenu dans un dépôt séparé, en dehors de Gaia.</dd> +</dl> diff --git a/files/fr/archive/b2g_os/platform/gaia/gaia_apps/paramètres/index.html b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/paramètres/index.html new file mode 100644 index 0000000000..250917fdfe --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/paramètres/index.html @@ -0,0 +1,112 @@ +--- +title: Paramètres +slug: Archive/B2G_OS/Platform/Gaia/Gaia_apps/Paramètres +tags: + - Applications + - B2G + - Firefox OS + - Gaia + - JavaScript + - Paramètres +translation_of: Archive/B2G_OS/Platform/Gaia/Gaia_apps/Settings +--- +<div class="summary"> +<p><span class="seoSummary">L'application Paramètres permet aux utilisateurs de configurer les paramètres de leur appareil et répond aux activités entrantes qui autorisent les développeurs à afficher des vues spécifiques de paramètres (par exemple afficher le panneau des paramètres wifi si aucune connexion réseau n'est disponible). Cet article explique comment cela fonctionne.</span></p> +</div> + +<h2 id="mozSettings_API_et_association_de_données">mozSettings API et association de données</h2> + +<p>Techniquement, l'application Paramètres est l'interface utilisateur qui leur fournit l'accès certifié à <a href="/en-US/docs/Web/API/Navigator.mozSettings">l'API window.navigator.mozSettings</a>.</p> + +<p>L'application Paramètres gère automatiquement les opérations de paramétrage basique comme les champs d'association de données et les valeurs mozSettings — toutes les opérations basiques comme basculer un paramètre ou changer une valeur d'entrée vont aussi modifier la valeur mozSettings associée.</p> + +<p>L'API <code>window.navigator.mozSettings</code> accède depuis Gecko aux données paramètres. L'utilisation ressemble à ceci pour mettre à jour les données :</p> + +<pre class="brush: js">navigator.mozSettings.createLock().set(values);</pre> + +<div class="note"> +<p><strong>Note</strong>: Il faut utiliser <code>createLock()</code> pour verrouiller les paramètres avant de lire ou écrire des valeurs <code>mozSettings</code>.</p> +</div> + +<p>Pour récupérer les données, il est possible d'utiliser un appel de fonction get et set pour effectuer des opérations sur les données :</p> + +<pre class="brush: js">var reqTimerGoBack = +window.navigator.mozSettings.createLock().get('icc.goBackTimeout'); +reqTimerGoBack.onsuccess = function icc_getTimerGoBackSuccess() { + goBackTimer.timeout = reqTimerGoBack.result['icc.goBackTimeout']; + ... +};</pre> + +<p>La donnée est stockée dans un emplacement <code>instance.result</code>.</p> + +<p>Depuis Firefox OS 2.0, une seule instance <code>mozSettings</code> peut être réutilisée via <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/js/modules/settings_cache.js">js/modules/settings_cache.js </a>:</p> + +<pre class="brush: js">var SettingsCache = require('modules/settings_cache'); + +SettingsCache.getSettings(function(result){ + var onlineSupportTitle = result['support.onlinesupport.title']; + ... +});</pre> + +<h2 id="Navigation">Navigation</h2> + +<p>Quand les utilisateurs ouvrent l'application Paramètres, ils voient plusieurs panneaux sur la page de vue d'ensemble, qui sont des pages indépendantes fonctionnellement. <code>SettingsService.navigate</code> (<a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/js/modules/settings_service.js">js/module/settings_service.js</a>) contrôle la navigation entre ces pages.</p> + +<div class="note"> +<p><strong>Note</strong>: Pour les panneaux légaux (qui ne sont pas portés par la nouvelle structure), settings.currentPanel est utilisé à la place de SettingsService.navigate pour naviguer entre les panneaux.</p> +</div> + +<p>Puisque Firefox OS sera supporté sur les tablettes et appareils mobiles, l'application Paramètres possède deux types d'implémentation de modèle de navigation :</p> + +<ul> + <li>Une colonne (pour les mobiles)</li> + <li>Deux colonnes (pour les tablettes)</li> +</ul> + +<p>Tant qu'il est appelé, <code>SettingsService.navigate</code> détermine quel modèle de navigation utiliser grâce au code suivant :</p> + +<pre class="brush: js">if (_isTabletAndLandscape()) { + PageTransitions.twoColumn(oldPanel, newPanel, callback); +} else { + PageTransitions.oneColumn(oldPanel, newPanel, callback); +}</pre> + +<h2 id="Panneaux">Panneaux</h2> + +<p>Depuis bien avant Firefox OS 2.0, la structure basique d'un panneau est définie dans <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/js/modules/panel.js">js/modules/panel.js</a>. Il définit six statistiques de cycle de vie :</p> + +<ul> + <li><code>init</code></li> + <li><code>beforeShow</code></li> + <li><code>show</code></li> + <li><code>hide</code></li> + <li><code>beforeHide</code></li> + <li><code>uninit</code></li> +</ul> + +<p>Tous les nouveaux panneaux de paramètres héritent de <code>SettingsPanel</code>, qui étend les fonctionnalités de <code>Panel</code>. Le code est contenu dans <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/js/modules/settings_panel.js">js/modules/settings_panel.js</a>:</p> + +<pre class="brush: js">onInit: function(panel, initOptions) { + ... + + PanelUtils.activate(panel); +}, + +onBeforeShow: function(panel, beforeShowOptions) { + // Preset the panel every time when it is presented. + PanelUtils.preset(panel); + _addListeners(panel); + ... +},</pre> + +<p><code>PanelUtils.activate</code> — défini dans <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/js/modules/panel_utils.js">js/modules/panel_utils.js</a> — est utilisé pour parser tous les liens dans le panneau et ajoute les handlers corresponsants dans la statistique <code>onInit</code>, et <code>PanelUtils.preset</code> est utilisé pour prérégler les éléments avec les valeurs de paramétrage dans la statistique <code>onBeforeShow</code>.</p> + +<p>Tous les nouveaux paramètres sont définis dans le dossier <a href="https://github.com/mozilla-b2g/gaia/tree/master/apps/settings/js/panels">js/panels</a>.</p> + +<h2 id="Module_AMD_et_optimisation_du_temps_de_compilation">Module AMD et optimisation du temps de compilation</h2> + +<p>Depuis bien avant Firefox OS 2.0, l'application Paramètres utilise le <a href="http://en.wikipedia.org/wiki/Asynchronous_module_definition">AMD modules pattern</a> pour implémenter chaque panneau. Les modules AMD modules sont chargés via <a href="https://github.com/requirejs/alameda">Alemeda</a> (une version plus légère de <a href="http://requirejs.org/">RequireJS</a>) et compilés/optimisés avec <code>r.js</code> (l'optimiseur RequireJS). L'application Paramètres a toujours des dépendances sur des fichiers (<a href="https://github.com/mozilla-b2g/gaia/tree/master/shared/js">shared/js</a>) qui ne sont pas des modules AMD. Pour ces derniers, il faut utiliser les options <code>shim</code> définies dans <a href="https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/js/config/require.js">settings/js/config/require.js</a>.</p> + +<h2 id="Voir_aussi">Voir aussi</h2> + +<p>Le <a href="https://github.com/mozilla-b2g/gaia/tree/master/apps/settings">README Settings app has a build-in</a> qui est utile pour aller plus loin sur les Paramètres (principalement écrit par Arthur Chen et Fred Lin).</p> diff --git a/files/fr/archive/b2g_os/platform/gaia/gaia_apps/système/index.html b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/système/index.html new file mode 100644 index 0000000000..9e8749702e --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/système/index.html @@ -0,0 +1,303 @@ +--- +title: Système +slug: Archive/B2G_OS/Platform/Gaia/Gaia_apps/Système +tags: + - Apps + - FTU + - Firefox OS + - Gaia + - JavaScript + - UI + - système + - écran de verrouillage +translation_of: Archive/B2G_OS/Platform/Gaia/Gaia_apps/System +--- +<div class="summary"> +<p><span class="seoSummary">L'application Système est la première application web chargée par Gecko lors de la <a href="https://developer.mozilla.org/fr/Firefox_OS/Platform/Architecture#D%C3%A9roulement_du_chargement_de_Firefox_OS">procédure de chargement de Firefox OS</a> ; elle gère un grand nombre de fonctionnalités qui sont requises pour le fonctionnement du système en général et ne font donc pas l'objet d'applications web individuelles. Cet article explique en détails comment Système fonctionne.</span></p> +</div> + +<blockquote> +<p>Any application that can be written in JavaScript, will eventually be written in JavaScript. -- Atwood's Law</p> +</blockquote> + +<div class="note"> +<p><strong>Note</strong> : Le <a href="https://github.com/mozilla-b2g/gaia/tree/master/apps/system">code source de l'application Système</a> se trouve dans le dépôt Github de Gaia.</p> +</div> + +<h2 id="Comment_est_chargée_l'application_système">Comment est chargée l'application système</h2> + +<p>Quand Gecko essaye de démarrer l'application Système, il référence le manifest.webapp de Système et charge le fichier index.html référencé par le paramètre <code>launch_path</code> (<code>launch_path</code> vaut toujours /index.html pour les applications Gaia.) <code>index.html</code> contient les liens vers tous les styles et JavaScript du système dans sa globalité. Pour gérer un système mobile complet, l'application Système doit charger un grand nombre de ressources.</p> + +<p>Le processus de démarrage est lancé à partir de <code>bootstrap.js</code>, avec le code suivant :</p> + +<pre class="brush: js">window.addEventListener('load', function startup() { +// define safelyLaunchFTU +function safelyLaunchFTU() { + ... +} + +if (Applications.ready) { + safelyLaunchFTU(); +} else { + ... +} + +window.addEventListener('ftudone', function doneWithFTU() { + window.removeEventListener('ftudone', doneWithFTU); + + var lock = window.navigator.mozSettings.createLock(); + lock.set({ + 'gaia.system.checkForUpdates': true + }); +} + + ... + +// With all important event handlers in place, we can now notify +// Gecko that we're ready for certain system services to send us +// messages (e.g. the radio). +var evt = new CustomEvent('mozContentEvent', +{ bubbles: true, cancelable: false, + detail: { type: 'system-message-listener-ready' } }); + window.dispatchEvent(evt); +}</pre> + +<p>Le code fonctionne comme ceci :</p> + +<ol> + <li>Système est une véritable application web exécutée dans un moteur de navigateur, toutes les ressources dont elle dépend doivent être chargées — y compris les styles et les images. Nous lançons donc tout au déclenchement de l'événement <a href="/fr/docs/Web/API/Window/onload" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>window.onload</code></a>.</li> + <li>Tout d'abord, nous préparons le lancement de l'expérience de première utilisation FTU (First Time Use) et de l'écran d'accueil avec la fonction <code>safelyLaunchFTU()</code>. Comme son nom l'indique, FTU n'est affichée que si l'utilisateur démarre Firefox OS pour la première fois.</li> + <li>Quand l'utilisateur appuie sur TERMINÉ dans le FTU, l'événement personnalisé <code>ftudone</code> est activé puis <code>bootstrap.js</code> se met en écoute sur cet événement dans l'attente de le traiter.</li> + <li>Ensuite, nous utilisons <a href="/fr/docs/Web/API/Settings_API" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>Settings API</code></a> (<code>navigator.mozSettings</code>) pour définir le réglage <code>gaia.system.checkForUpdates</code> sur <code>vrai</code>, ce qui indique que le système va rechercher les mises à jour.</li> + <li>Enfin, nous lançons l'événement personnalisé <code>window.dispatchEvent</code>, via <code>CustomEvent</code>. C'est un modèle très important utilisé par Gaia pour les notifications systèmes et la communication avec Gecko. Dans le cas présent, l'application Gaia Système notifie à Gecko qu'elle est prête à se mettre en écoute et à gérer les événements.</li> +</ol> + +<h2 id="Modularisation_instanciable">Modularisation instanciable</h2> + +<p>Le système lui-même évolue constamment vers plus de modularité et de flexibilité. Depuis la version 1.4, une initiative est en cours pour <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=912952">faire évoluer le module système vers un objet instanciable</a>.</p> + +<p>Une fois tout le code au-dessus exécuté, les références vers chaque composant système dans <code>bootstrap.js</code> seront de la forme suivante :</p> + +<pre class="brush: js">window.telephonySettings = new TelephonySettings(); +window.telephonySettings.start();</pre> + +<p>Le squelette du code source de <code>TelephonySettings()</code> serait :</p> + +<pre class="brush: js">(function(exports) { + 'use strict'; + function TelephonySettings() { + this.init_param = false; + } + + TelephonySettings.prototype = { + // Initialzes all settings. + start: function() { + ... + }, + + // Clean all settings. + stop: function() { + ... + }, + + 1st_method: function ts_1st_method() { + ... + }, + + 2nd_method: function ts_2nd_method() { + ... + } + }; + + exports.TelephonySettings = TelephonySettings; + +}(window));</pre> + +<p>Ce modèle contribue à la modularisation des composants systèmes et rend ces derniers davantage testables.</p> + +<h2 id="Animations_de_démarrage_et_d'extinction">Animations de démarrage et d'extinction</h2> + +<p>Cette section explique comment l'application Système contrôle les animations de démarrage et d'extinction. <code>init_logo_handler.js</code> et <code>sleep_menu.js</code> gèrent ces animations de démarrage et d'arrêt du système.</p> + +<h3 id="Animations_de_démarrage">Animations de démarrage</h3> + +<p>L'action de l'animation de démarrage n'est en fait pas contenue dans la procédure principale de démarrage, mais il s'agit au contraire d'un hook installé par <code>EventListeners</code>.</p> + +<p>Le code de l'animation de démarrage dans <code>init_logo_handler.js</code> se déroule ainsi :</p> + +<p>Pour dessiner le logo ou l'animation une fois Gecko prêt à afficher quelque chose à l'écran, nous lançons le gestionnaire système approprié après le chargement du DOM, puis le logo est caché après le lancement d'un événement <code>ftudone</code> ou <code>ftuskip</code>. La méthode <code>_appendCarrierPowerOn</code>, contenue dans <code>init_logo_handler.js</code>, montre comment Gaia se prépare à lancer l'animation ou le logo de démarrage en attendant l'événement <code>DOMContentLoaded</code>. Le <code>logoLoader</code> est défini dans <code>logo_loader.js</code>.</p> + +<pre class="brush: js">var self = this; +document.addEventListener('DOMContentLoaded', function() { + self.carrierLogo.appendChild(self.logoLoader.element); + self._setReady(); +});</pre> + +<p>Une fois le logo préparé, le système appelle la méthode <code>_setReady()</code> qui met en place un écouteur en attente de l'événement spécial <code>mozChromeEvent</code> avec le type <code>system-first-paint</code> pour indiquer que le système est prêt à dessiner sur l'écran.</p> + +<pre class="brush: js">var elem = this.logoLoader.element; + ... +window.addEventListener('mozChromeEvent', function startVideo(e) { + if (e.detail.type == 'system-first-paint') { + window.removeEventListener('mozChromeEvent', startVideo); + if (elem &amp;&amp; elem.ended === false) { + elem.play(); + } + } +});</pre> + +<p>À ce stade, l'élément graphique est animé. Après déclenchement d'un événement <code>ftuopen</code> ou <code>ftuskip</code>, <code>init_logo_handler.js</code> invoque la méthode par défaut <code>handleEvent()</code> qui appelle à son tour la méthode <code>animate()</code> pour faire disparaître l'animation avec comme transition un effet de fondu.</p> + +<pre class="brush: js">init: function ilh_init(logoLoader) { + window.addEventListener('ftuopen', this); + window.addEventListener('ftuskip', this); + ... +}, + +handleEvent: function ilh_handleEvent() { + this.animate(); +},</pre> + +<h3 id="Animations_d'extinction">Animations d'extinction</h3> + +<p>Une fois le système prêt, un appui long sur le bouton marche/arrêt déclenche un événement <code>holdsleep</code>, tel que défini dans <code>hardware_button.js</code>. Ce script gère tous les événements "bouton physique pressé", dont marche/arrêt (veille), accueil, volume haut/bas et ainsi de suite.</p> + +<pre class="brush: js">HardwareButtonsSleepState.prototype.enter = function() { + this.timer = setTimeout(function() { + / * When the user holds Sleep button more than HOLD_INTERVAL. */ + this.hardwareButtons.publish('holdsleep'); + this.hardwareButtons.setState('base'); + }.bind(this), this.hardwareButtons.HOLD_INTERVAL); +};</pre> + +<p>L'animation d'extinction est traitée par <code>sleep_menu.js</code> ; ce script se met en écoute de l'événement <code>holdsleep</code> et affiche le dialogue du menu lorsqu'il est déclenché.</p> + +<pre class="brush: js">init: function sm_init() { + ... + window.addEventListener('holdsleep', this.show.bind(this)); + ... +}</pre> + +<p>Si l'utilisateur choisit d'éteindre l'appareil via les options de menu redémarrer ou éteindre, la fonction <code>startPowerOff()</code> est déclenchée, puis celle-ci appelle à son tour la fonction <code>LogoLoader()</code> qui a la charge de gérer l'affichage de l'animation d'arrêt.</p> + +<pre class="brush: js">handleEvent: function sm_handleEvent(evt) { + switch (evt.type) { + case 'click': + ... + this.handler(action); + break; + ... + } +} + +handler: function sm_handler(action) { + switch (action) { + ... + case 'restart': + this.startPowerOff(true); + break; + + case 'power': + this.startPowerOff(false); + break; + ... + } +}</pre> + +<h2 id="Fonctions_systèmes">Fonctions systèmes</h2> + +<p>L'application Système gère de nombreuses fonctions et responsabilités, le fait que certaines d'entre-elles soient de son ressort pourrait vous surprendre. L'application Système s'occupe de la gestion de la barre d'état et de la zone de notifications, du verrouillage SIM, du gestionnaire de mises à jour, du lanceur de l'écran d'accueil, de la gestion des fenêtres des applis web, et d'autres choses encore. Cette section aborde quelques-unes des fonctions desservies les plus importantes.</p> + +<h3 id="Barre_d'état_et_zone_de_notifications">Barre d'état et zone de notifications</h3> + +<p>La barre d'état et le menu déroulant de Système (Gaia l'appelle la <em>zone de notification </em>; Android emploie le terme de<em> barre de notification</em>) sont gérés par <code>statusbar.js</code> et <code>utility_tray.js</code>. À l'intérieur du fichier <code>index.html</code> de l'application, les éléments de la barre d'état sont définis dans <code><div id="statusbar" data-z-index-level="statusbar"></code> tandis que ceux de la zone de notification résident dans la structure suivante :</p> + +<pre class="brush: html"><div id="utility-tray" data-z-index-level="utility-tray"> + <div id="notifications-container"> + ... + </div> +</div></pre> + +<p>Il existe certains panneaux spéciaux dans la zone de notification, tels que le gestionnaire de mises à jour, le gestionnaire des appels d'urgence, la notification de surveillance du stockage, les contrôles et notification de lecture de médias, l'état des transferts Bluetooth et l'outil pour changer de méthode de saisie clavier (IME). Les gestionnaires et styles correspondants sont situés dans les répertoires <code>js</code>/ et <code>style/</code>.</p> + +<h3 id="Lanceurs_d'applications_spéciaux">Lanceurs d'applications spéciaux</h3> + +<p>L'application Système dispose de trois lanceurs spéciaux qui appellent des applications web séparées lorsque c'est nécessaire :</p> + +<ul> + <li>Le lanceur de l'écran d'accueil : Lance l'application Écran d'accueil (Homescreen), qui affiche l'écran d'accueil lorsque l'utilisateur appuie sur le bouton <em>Accueil</em>, ou si une application web plante ou est quittée d'une autre manière.</li> + <li>Le lanceur de l'écran de verrouillage : Lance l'application Écran de verrouillage (Lockscreen), qui affiche l'écran de verrouillage à chaque fois qu'un utilisateur active l'écran.</li> + <li>Le lanceur FTU : Lance l'application d'expérience FTU. Ceci n'arrive qu'une fois car les utilisateurs verront l'expérience FTU uniquement la première fois qu'ils démarreront un nouvel appareil FirefoxOS (ou qu'ils réinitialiseront leur appareil à son réglage d'usine). De plus, l'application web FTU ne permet pas à l'utilisateur de sortir de l'application en se servant du bouton Accueil.</li> +</ul> + +<h3 id="Écran_de_verrouillage">Écran de verrouillage</h3> + +<p>Le principal point d'entrée de l'application Lockscreen est <code>system/js/lockscreen.js</code>. Sur cet écran, l'utilisateur peut procéder au déverrouillage, déclencher l'appareil photo sécurisé et contrôler le lecteur de musiques.</p> + +<h3 id="Appels_d'urgence">Appels d'urgence</h3> + +<p>Le code du téléphone d'urgence est contenu dans le répertoire <code>gaia/apps/system/emergency-call/</code>. Il s'agit d'une version simplifiée de l'application Téléphone (Dialer) qui permet à l'utilisateur d'y accéder depuis le <a href="#Dialogue_de_déverrouillage_PIN_de_la_carte_SIM">Dialogue de déverrouillage PIN de la carte SIM</a> pour composer des appels d'urgence vers des services comme la police.</p> + +<h2 id="Interface_utilisateur_du_système">Interface utilisateur du système</h2> + +<p>L'application Système assure la gestion de quasiment toute l'interface utilisateur du système, celle-ci étant constituée essentiellement de dialogues comme ceux de l'avertissement de volume, du déverrouillage PIN SIM, de la diffusion cellulaire et d'éléments d'interface utilisateur affectant le comportement des fenêtres, comme le bouton d'accueil logiciel.</p> + +<h3 id="Niveau_z-index">Niveau z-index</h3> + +<p>Avec le fichier <code>index.html</code> de l'application Système, l'attribut <code>data-z-index-level</code> est intégré à de nombreux composants, par exemple :</p> + +<pre class="brush: html"><div id="sleep-menu" data-z-index-level="sleep-menu"> + ... +</div></pre> + +<p>Les z-index-levels correspondants sont définis dans <code>system/style/zindex.css</code>, par exemple :</p> + +<pre class="brush: css">#screen > [data-z-index-level="sleep-menu"] { + z-index: 65536; +} + +... + +#screen > [data-z-index-level="app"] > .appWindow { + z-index: 3; +}</pre> + +<p>Les paramètres z-index sont organisés en fonction de l'ordre dans lequel les éléments sont affichés à l'écran — les éléments qui doivent apparaître au-dessus dans la hiérarchie visuelle se voient attribués un nombre plus élevé. C'est de cette manière que l'application Système traite à un niveau basique la gestion des fenêtres.</p> + +<h3 id="Le_bouton_d'accueil_logiciel">Le bouton d'accueil logiciel</h3> + +<p>Le bouton d'accueil logiciel est une alternative au bouton d'accueil, automatiquement activé sur les appareils dépourvus de bouton d'accueil matériel, e.g. Nexus 4. Pour contrôler son apparence, Gecko fournit une caractéristique média propriétaire appelée <code>-moz-physical-home-button</code> qui peut être utilisée dans une requête média afin d'appliquer des styles basés sur la présence d'un bouton d'accueil matériel. Le gestionnaire de fenêtres alloue si nécessaire un certain espace d'écran pour le bouton d'accueil logiciel.</p> + +<p>Vous verrez ceci dans <code>system/style/window.css</code> (et dans beaucoup d'autres fichiers de styles systèmes) :</p> + +<pre class="brush: css">@media not all and (-moz-physical-home-button) { + #screen:not(.software-button-disabled) > #windows > .appWindow { + bottom: 5rem; + } + }</pre> + +<h3 id="Geste_de_retour_à_l'accueil_(mouvement_du_bas_vers_le_haut_de_l'écran)">Geste de retour à l'accueil (mouvement du bas vers le haut de l'écran)</h3> + +<p>Le geste tactile de retour à l'accueil est une autre alternative au bouton d'accueil matériel ; il peut être activé dans les <a href="/fr/Firefox_OS/Déboguer/Les_paramètres_développeurs">Paramètres développeurs</a>, et le code qui le contrôle se trouve dans <code>system/js/home_gesture.js</code>. Le geste consiste en un glissement à partir du bas de l'écran, et peut être utilisé pour fermer des applications, par exemple.</p> + +<p>Ce geste est automatiquement activé sur les tablettes Firefox OS. Le seuil défini dans <code>gaia/shared/js/screen_layout.js</code> est utilisé pour détecter si l'appareil est une tablette ou non.</p> + +<h3 id="Dialogue_d'avertissement_du_volume">Dialogue d'avertissement du volume</h3> + +<p>Le code qui contrôle le dialogue d'avertissement de volume se situe dans <code>system/js/sound_manager.js</code>. Ce dialogue apparaîtra quand toutes les conditions suivantes seront remplies :</p> + +<ul> + <li>Les écouteurs sont branchés.</li> + <li>Un niveau sonore de 85dB est dépassé.</li> + <li>La lecture est en cours sur le canal audio.</li> +</ul> + +<h3 id="Dialogue_de_déverrouillage_PIN_de_la_carte_SIM">Dialogue de déverrouillage PIN de la carte SIM</h3> + +<p>Le code qui contrôle le dialogue de déverrouillage PIN de la carte SIM est situé dans <code>system/js/simcard_dialog.js</code> — cette boîte de dialogue s'affiche quand l'option de verrouillage par code est activée, l'écran de verrouillage étant affiché. L'application ouvrante doit également avoir les permissions de téléphonie précisées dans son fichier <code>manifest.webapp</code> (ce qui est le cas de l'application Système).</p> + +<div class="note"> +<p><strong>Note</strong> : la boîte de dialogue de déverrouillage PIN de la carte SIM n'est pas affichée tant que le téléphone est en mode Avion.</p> +</div> + +<p> </p> diff --git a/files/fr/archive/b2g_os/platform/gaia/gaia_apps/video/index.html b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/video/index.html new file mode 100644 index 0000000000..5d05ecdbcb --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/gaia_apps/video/index.html @@ -0,0 +1,30 @@ +--- +title: Application Gaia Vidéo +slug: Archive/B2G_OS/Platform/Gaia/Gaia_apps/Video +tags: + - Apps + - Gaia + - Vidéo(3) +translation_of: Archive/B2G_OS/Platform/Gaia/Gaia_apps/Video +--- +<div class="summary"> +<p><span class="seoSummary">L'application Vidéo est un lecteur de vidéos simple qui vous permet de lire les vidéos enregistrées dans l'espace de stockage des médias de votre appareil Firefox OS.</span></p> +</div> + +<p><img alt="video app screenshot with single video shown called ha ha size 13mb, 4 minutes long, mp4" src="https://mdn.mozillademos.org/files/6415/video-app.png" style="float: left; height: 480px; padding: 0 10px 10px 0; width: 320px;"></p> + +<h2 id="Utilisation_basique">Utilisation basique</h2> + +<p>Par défaut, lorsque vous ouvrez l'application Vidéo, vous obtenez un message vous informant qu'il n'y a aucune vidéo à lire et que vous devez donc en charger. Cela peut être fait soit en enregistrant une vidéo avec l'application Photo, soit en connectant le stockage de l'appareil en tant que lecteur sur un ordinateur et en copiant des fichiers dessus. Deux boutons sont présents en bas de l'application : celui de gauche permet d'enregistrer de nouvelles vidéos ou de prendre des photos, et celui de droite vous envoie vers la galerie où vous pouvez les visualiser.<br> + <br> + Pour copier les fichiers dessus en utilisant un ordinateur, assurez-vous d'avoir activé “Stockage USB” (Paramètres > Stockage des médias > Stockage USB). S'il n'existe encore aucun répertoire “Videos”, créez-le avec ce nom exact.<br> + <br> + Vous pouvez changer l'endroit où sont stockées les vidéos en modifiant l'emplacement par défaut des médias (dans Paramètres > Stockage des médias) : soit “Carte SD”, soit "Interne".</p> + +<div class="note"> +<p>Remarque : Si vous rencontrez des problèmes pour lire des vidéos sur Firefox OS, il faut que vous sachiez deux choses. Tout d'abord, certaines versions de Firefox OS ignorent les fichiers vidéos s'ils sont trop lourds - cela devrait être corrigé dans une prochaine version. Deuxième point, Firefox OS peut lire la plupart des formats vidéos existants les plus répandus, mais pas tous. Vous pouvez vérifiez lesquels dans notre article sur les <a href="/en-US/docs/HTML/Supported_media_formats#Browser_compatibility">formats de médias pris en charge</a>.</p> +</div> + +<h2 id="Modification_de_l'application_Vidéo">Modification de l'application Vidéo</h2> + +<p>TBD</p> diff --git a/files/fr/archive/b2g_os/platform/gaia/hacking/index.html b/files/fr/archive/b2g_os/platform/gaia/hacking/index.html new file mode 100644 index 0000000000..3dc1de05bf --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/hacking/index.html @@ -0,0 +1,126 @@ +--- +title: Hacking Gaia +slug: Archive/B2G_OS/Platform/Gaia/Hacking +translation_of: Firefox_OS/Developing_Gaia +--- +<div class="warning"> + <p>This page is targeted at Gaia developers. If you're looking for information about how to build and run Firefox OS, you should consult the <a href="/en-US/docs/Mozilla/Firefox_OS/Building_and_installing_Firefox_OS" title="/en-US/docs/Mozilla/Firefox_OS/Building_and_installing_Firefox_OS">Building and installing Firefox OS page</a> instead.</p> +</div> +<p>Gaia est une collection d' <a href="https://developer.mozilla.org/apps" rel="nofollow">applications Web</a> qui constituent le front end de <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS">Firefox OS</a>. <span id="result_box" lang="fr"><span class="hps">Tout ce que vous</span> <span class="hps">voyez à l'écran</span> <span class="hps">dans Firefox</span> <span class="hps">OS</span> <span class="hps">est construit en utilisant</span> <span class="hps">les technologies Web</span> <span class="hps">ouvertes</span><span>.</span> <span class="hps">Cela comprend</span> <span class="hps">l'écran d'accueil</span> <span class="hps">et</span> <span class="hps">toutes les applications</span> <span class="hps">par défaut</span><span>.</span></span></p> +<h2 id="Obtenir_les_sources">Obtenir les sources</h2> +<p>Pour obtenir les sources de Gaia, <a href="https://github.com/mozilla-b2g/gaia" title="https://github.com/mozilla-b2g/gaia">fork us on GitHub</a> puis clonez votre fork en utilisant <a href="http://git-scm.com/" title="http://git-scm.com/">git</a>.</p> +<pre>$ git clone https://github.com/mozilla-b2g/gaia.git</pre> +<h2 id="Lancer_Gaia">Lancer Gaia</h2> +<p>Vous pouvez lancer Gaia sur votre ordinateur, dans Firefox, ou sur un téléphone compatible.</p> +<h3 id="Le_bureau_B2G">Le bureau B2G</h3> +<p>B2G Desktop <span id="result_box" lang="fr"><span class="hps">est</span> <span class="hps">une version</span> <span class="hps atn">bureau </span><span>exécutable</span> <span class="hps">de</span> <span class="hps">l'application</span> <span class="hps">utilisée</span> <span class="hps">sur les appareils</span> <span class="hps">Firefox</span> <span class="hps">OS</span> <span class="hps">que vous</span> <span class="hps">pouvez utiliser pour exécuter</span> <span class="hps">Gaia</span> <span class="hps">sur</span> <span class="hps">votre ordinateur de bureau</span><span>.</span></span></p> +<p>Vous pouvez télécharger une version expérimentale de B2G à partir d'<a href="http://ftp.mozilla.org/pub/mozilla.org/b2g/nightly/">ici</a>. En fonction de la version que vous voulez, vous pourriez vouloir une version différente de test-mozilla-b2g18. Il y a des versions pour Linux (32 bit et 64 bit), Mac OS X et Windows.</p> +<p>Les versions expérimentales sont fournies avec une version récente de Gaia. Quand vous avez téléchargé l'archive, vous avez juste à l'extraire dans un dossier et à lancer le programme b2g depuis l'archive.</p> +<pre>$ cd b2g +$ ./b2g</pre> +<p>To run B2G with your own version of Gaia for development purposes you first need to build a profile from your clone:</p> +<pre>$ cd /path/to/gaia +$ DEBUG=1 DESKTOP=0 make</pre> +<p>This will generate a directory in your <code>gaia</code> directory called <code>profile</code>. The <code>DEBUG</code> part runs Gaia as hosted apps on a built-in web server, rather than the default packaged apps which have to be re-packaged after every change. You can find the path to the profile directory by taking a look at last line of output after running the above command, which should look like:</p> +<pre>Profile Ready: please run [b2g|firefox] -profile /path/to/gaia/profile</pre> +<p>You can then run B2G Desktop with your generated profile like so:</p> +<pre>$ ./b2g /path/to/gaia/profile</pre> +<p>If you want to you can build your own B2G desktop from source.</p> +<h3 id="Using_Gaia_in_Firefox">Using Gaia in Firefox</h3> +<p>It's also possible to run Gaia inside of Firefox. This gives you the advantages of having a rapid development cycle, as well as standard web development tools and debuggers. See <a href="/en-US/docs/Mozilla/Firefox_OS/Using_Gaia_in_Firefox" title="/en-US/docs/Mozilla/Firefox_OS/Using_Gaia_in_Firefox">Using Gaia in Firefox</a> for details on how to do this.</p> +<h3 id="Using_Gaia_on_a_device">Using Gaia on a device</h3> +<p>If you have a compatible mobile device you can also run Gaia by flashing it with Firefox OS. See <a href="/en-US/docs/Mozilla/Firefox_OS/Building_and_installing_Firefox_OS" title="Mozilla/Firefox_OS/Building_and_installing_Firefox_OS">Building and installing Firefox OS</a> for details on how to do this. We also have documentation for <a href="/en-US/docs/Mozilla/Firefox_OS/Platform/Testing" title="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Platform/Testing">how to test Firefox OS</a>.</p> +<h2 id="Unit_tests">Unit tests</h2> +<p>See <a href="/en-US/docs/Mozilla/Firefox_OS/Platform/Testing/Gaia_unit_tests" title="Mozilla/Firefox_OS/Platform/Testing/Gaia_unit_tests">Gaia unit tests</a> for documentation about how to create and run unit tests for Gaia.</p> +<h2 id="Filing_bugs">Filing bugs</h2> +<p>Bugs are filed on Bugzilla under <a href="https://bugzilla.mozilla.org/buglist.cgi?product=Boot2Gecko&component=Gaia&resolution=---" rel="nofollow">Boot2Gecko > Gaia</a>. File a new bug <a href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Boot2Gecko" title="https://bugzilla.mozilla.org/enter_bug.cgi?product=Boot2Gecko">under the Gaia component</a> (or one of the sub-components).</p> +<h2 id="Contributing_to_Gaia">Contributing to Gaia</h2> +<p>Mozilla depends on contributions from the open source community to help develop Gaia apps and we'd love you to get involved.</p> +<p>Some great places to find some bugs to start hacking on:</p> +<ul> + <li><a href="https://bugzilla.mozilla.org/buglist.cgi?quicksearch=component:gaia%20sw:polish%20@nobody;list_id=4566236" rel="nofollow">Unowned Gaia polish bugs on Bugzilla</a></li> + <li><a href="http://www.joshmatthews.net/bugsahoy/?b2g=1" rel="nofollow">Mentored bugs</a></li> +</ul> +<h3 id="Coding_style_basics">Coding style basics</h3> +<ul> + <li>Background: + <ul> + <li><a href="/en-US/docs/Developer_Guide/Coding_Style#General_practices" title="Developer_Guide/Coding_Style#General_practices">Coding Style: General practices</a></li> + <li><a href="/en-US/docs/Developer_Guide/Coding_Style#JavaScript_practices" title="Developer_Guide/Coding_Style#JavaScript_practices">Coding Style: JavaScript practices</a></li> + <li><a href="/en-US/docs/Developer_Guide/Coding_Style#Naming_and_formatting_guide" title="Developer_Guide/Coding_Style#Naming_and_formatting_guide">Coding Style: Naming and formatting guide</a></li> + </ul> + </li> + <li>Make sure HTML files are declared <code><!DOCTYPE html></code> (that is, as HTML5 documents). If you don't, Internet Explorer 9 and later will load them in compatibility mode.</li> + <li>Include the <code>"use strict";</code> statement (just like that, including the quotes) to the top of your JavaScript files to put them into strict mode.</li> + <li>Always use two spaces for indentation, rather than tabs.</li> + <li>Please use line breaks to separate logical bits of code!</li> + <li>Multi-word file names should use the "underscore" character to separate words, <code>like_this.js</code>.</li> + <li>Use single quotes instead of double quotes for strings.</li> +</ul> +<h4 id="Additional_rules">Additional rules</h4> +<p>Bad:</p> +<pre>if (expression) doSomething(); +</pre> +<p>Correct:</p> +<pre>if (expression) { + doSomething(); +} +</pre> +<p>If you're working on the system app, check out the guidance listed <a href="https://groups.google.com/d/msg/mozilla.dev.gaia/rEhSrw6XmT4/UNvE7qW9pgYJ" title="See_here_for_some_rules._https://groups.google.com/d/msg/mozilla.dev.gaia/rEhSrw6XmT4/UNvE7qW9pgYJ">here</a>.</p> +<p>Before submitting a patch we recommend you run <a href="http://closure-linter.googlecode.com/svn/trunk/closure_linter/gjslint.py" title="http://closure-linter.googlecode.com/svn/trunk/closure_linter/gjslint.py">gjslint</a> on it to check for any style errors:</p> +<pre>gjslint --nojsdoc my_file.js</pre> +<h3 id="Submitting_a_patch">Submitting a patch</h3> +<p>First file or assign a bug to yourself on <a href="https://bugzilla.mozilla.org/buglist.cgi?product=Boot2Gecko&component=Gaia&resolution=---" title="https://bugzilla.mozilla.org/buglist.cgi?product=Boot2Gecko&component=Gaia&resolution=---">Bugzilla</a>, you'll need a Bugzilla account.</p> +<p>Then create a branch on your fork of Gaia:</p> +<pre>$ git branch branchname +$ git checkout branchname</pre> +<p>Commit your changes:</p> +<pre>$ git add /file/to/add +$ git commit -m "Bug XXXXX - Fix the broken Gaia and save the world"</pre> +<p>Push your branch:</p> +<pre>$ git push origin branchname</pre> +<p>Send a pull request by navigating to the branch in your fork on GitHub and finding the pull request button.</p> +<p>To request a review of your patch, <a href="http://globau.wordpress.com/2013/10/21/github-pull-requests-and-bugzilla/">attach the pull request</a> to the bug in Bugzilla by referencing the URL of the pull request, and set the review ("r") flag to "?" and enter the bugzilla ID of one of the <a href="https://wiki.mozilla.org/Modules/FirefoxOS" title="https://wiki.mozilla.org/Modules/FirefoxOS">module owners and peers</a> (very important - otherwise your bug will not likely be seem by anyone). The <a href="https://addons.mozilla.org/en-US/firefox/addon/github-tweaks-for-bugzilla/" title="https://addons.mozilla.org/en-US/firefox/addon/github-tweaks-for-bugzilla/">Github tweaks for bugzilla extension on AMO</a> can help automate this process by automatically creating the attachment and adding it to the bug; you will still need to set the review flag on Bugzilla.</p> +<p>The reviewer may ask you to make some changes; you may need to amend the original commit and force push it to the original branch/pull request. Once they're is happy with your patch, they will merge it into the master branch for you. Before they do this they would prefer it if you could squash all your changes into a single commit, so your contribution can be tracked easily.</p> +<p>The person who merge the commit (usually the reviewer) would add a <code>r=</code> flag in the comment of the merge commit.</p> +<h2 id="Make_options">Make options</h2> +<p>There are many undocumented nor unsupported environment variable presists in the Makefile. Do not depend on them as they may be removed in the future.</p> +<h3 id="Default">Default</h3> +<pre>make</pre> +<p>Make a profile with packaged apps, lunachable by B2G Desktop and can be pushed to device.</p> +<h3 id="Debug_make">Debug make</h3> +<pre>DEBUG=1 make</pre> +<p>The <code>DEBUG</code> part runs Gaia as hosted apps on a built-in web server, rather than the default packaged apps which have to be re-packaged after every change. Launch the profile with the latest Firefox Nightly will also give you nice B2G specific panels on the Firefox Developer Tools.</p> +<h3 id="Push_to_device">Push to device</h3> +<pre>make install-gaia + +make reset-gaia</pre> +<p>With <code>adb</code> (Android Debug Bridge) setup, these make targets will push Gaia to the device. <code>reset-gaia</code> will purge the profile and all other webapps before pushing the new Gaia copy.</p> +<h3 id="Selective_build">Selective build</h3> +<pre>APP=system make + +APP=system make install-gaia</pre> +<p>With a profile already exists, <code>APP</code> allow you to specify which app to re-package, instead of re-pack and re-push all the Gaia apps.</p> +<h3 id="High_resolution_image_assets">High resolution image assets</h3> +<pre>GAIA_DEV_PIXELS_PER_PX=1.5 make</pre> +<p>When packaging the app, replace images with their <code>*@1.5x.(gif|jpg|png)</code> ones if such image exists.</p> +<p>Gaia is currently targetting HBGA (320x240), qHD (540×960) and WVGA (480×800) only; use GAIA_DEV_PIXELS_PER_PX to make sure the images looks sharp on qHD and WVGA devices. see <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag#A_pixel_is_not_a_pixel" title="https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag#A_pixel_is_not_a_pixel">A pixel is not a pixel</a> for more information about device pixels per css pixels.</p> +<h3 id="Script_compression_and_optimization">Script compression and optimization</h3> +<pre>GAIA_OPTIMIZE=1 make</pre> +<p>Concate and optimize build-in app's javascript to improve load time.</p> +<h3 id="Preference_shortcuts">Preference shortcuts</h3> +<pre>NOFTU=1 +</pre> +<p>Disable First time user guide.</p> +<pre>REMOTE_DEBUGGER=1</pre> +<p>Enable debug with adb tool</p> +<pre>DEVICE_DEBUG=1</pre> +<p>While in OS version > 1.2, specify this param when you want debug FirefoxOS webapp with App Manager</p> +<h3 id="Distribution_and_market_customization_build">Distribution and market customization build</h3> +<pre>GAIA_DISTRIBUTION_DIR=./dir</pre> +<p>Read <a href="https://wiki.mozilla.org/B2G/MarketCustomizations" title="https://wiki.mozilla.org/B2G/MarketCustomizations">Customization Overview</a> for detail.</p> +<h2 id="Contacting_the_Team">Contacting the Team</h2> +<ul> + <li><a href="https://lists.mozilla.org/listinfo/dev-gaia" rel="nofollow">Gaia Mailing List</a></li> + <li>#gaia IRC channel on irc.mozilla.org</li> +</ul> diff --git a/files/fr/archive/b2g_os/platform/gaia/index.html b/files/fr/archive/b2g_os/platform/gaia/index.html new file mode 100644 index 0000000000..3bf84e87f4 --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/index.html @@ -0,0 +1,83 @@ +--- +title: Gaia +slug: Archive/B2G_OS/Platform/Gaia +tags: + - Gaia + - Mobile + - TopicStub +translation_of: Archive/B2G_OS/Platform/Gaia +--- +<p>Gaia est l'interface utilisateur de <a href="/fr/Firefox_OS" title="Mozilla/Firefox_OS">Firefox OS</a>. Tout ce qui est affiché à l'écran une fois que Firefox OS est lancé est produit par la couche Gaia : l'écran de verrouillage, l'écran d'accueil, l'écran du clavier téléphonique, etc. Gaia est entièrement écrit en <a href="/fr/docs/Web/HTML">HTML</a>, <a href="/fr/docs/Web/CSS">CSS</a> et <a href="/fr/docs/Web/JavaScript">Javascript</a>. Les seules interfaces avec le système d'exploitation sous-jacent et le matériel, se font au travers d'API Web standards, elles-même implémentées par la couche <a href="/fr/docs/Gecko">Gecko</a>.</p> + +<p>Grâce à ce design, il est non seulement possible d'utiliser Gaia sur les appareils Firefox OS, mais aussi sur d'autres systèmes d'exploitation et dans d'autres navigateurs web (éventuellement avec des fonctionnalités dégradées en fonction des capacités du navigateur).</p> + +<p>Les applications tierces installées en parallèle de la couche Gaia peuvent être exécutées par Gaia.</p> + +<table class="topicpage-table"> + <tbody> + <tr> + <td> + <h2 class="Documentation" id="Documentation" name="Documentation">Documentation sur Gaia</h2> + + <dl> + <dt><a href="/fr/Firefox_OS/Platform/Gaia/Introduction_a_Gaia" title="Mozilla/Boot_to_Gecko/Introduction to Gaia">Introduction à Gaia</a></dt> + <dd>Gaia est l'interface utilisateur des appareils Firefox OS ; c'est simplement une application Web qui fonctionne sur la pile logicielle Firefox OS. Ce guide est une introduction de haut niveau à Gaia.</dd> + <dt><a href="/fr/Firefox_OS/Platform/Gaia/Gaia_apps">Applications Gaia</a></dt> + <dd>Information sur toutes les applications par défaut disponibles dans la famille Gaia, incluant des conseils sur la façon de les utiliser et de les modifier.</dd> + <dt><a href="/fr/Firefox_OS/Developing_Gaia" title="Mozilla/Boot_to_Gecko/Gaia hacking guide">Développer Gaia</a></dt> + <dd>Un guide complet pour contribuer à Gaia : corriger des bugs ou ajouter de nouvelles fonctionnalités.</dd> + </dl> + + <p><span class="alllinks"><a href="/fr/docs/tag/Gaia" title="tag/B2G">Voir tous les articles...</a></span></p> + </td> + <td> + <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Sujets connexes</h2> + + <ul> + <li><a href="/fr/docs/Mozilla/Mobile" title="Mobile">Mobile</a></li> + <li><a href="/fr/docs/Web" title="/en-US/docs/Web">Technologies Web pour développeurs</a> + <ul> + <li><a href="/fr/docs/HTML" title="HTML">HTML</a></li> + <li><a href="/fr/docs/CSS" title="CSS">CSS</a></li> + <li><a href="/fr/docs/JavaScript" title="JavaScript">JavaScript</a></li> + </ul> + </li> + <li><a href="/fr/docs/WebAPI" title="/en-US/docs/WebAPI">WebAPI</a></li> + </ul> + + <h2 class="Tools" id="Resources" name="Resources">Ressources</h2> + + <ul> + <li><a href="/fr/Firefox_OS/Platform/Architecture" title="Mozilla/Firefox_OS/Architecture">Architecture de Firefox OS</a></li> + </ul> + </td> + </tr> + </tbody> +</table> + +<div class="overheadIndicator communitybox" dir="ltr"> +<div class="column-container"> +<h2 id="Rejoignez_la_communauté_Gaia">Rejoignez la communauté Gaia</h2> + +<div class="column-half"> +<div class="communitysubhead">Choisissez votre méthode préférée pour rejoindre la discussion :</div> + +<ul class="communitymailinglist"> + <li><a class="external external-icon" href="https://lists.mozilla.org/listinfo/dev-gaia">Mailing list</a></li> + <li><a class="external external-icon" href="https://twitter.com/Boot2Gecko">Twitter</a></li> + <li><a class="external external-icon" href="http://stackoverflow.com/questions/tagged/firefox-os">Stack Overflow</a></li> + <li><a class="external external-icon" href="http://groups.google.com/group/mozilla.dev.gaia">Google Group</a></li> + <li><a class="external external-icon" href="http://groups.google.com/group/mozilla.dev.gaia/feeds">RSS feed</a></li> +</ul> +</div> + +<div class="column-half"> +<ul class="communitycontact"> + <li><strong>IRC: </strong><a href="irc://irc.mozilla.org/gaia">#gaia</a> <span class="smaller">(<a class="external external-icon" href="https://wiki.mozilla.org/IRC">en savoir +</a>)</span></li> + <li><strong>GitHub: </strong><a class="external external-icon" href="https://github.com/mozilla-b2g/gaia" title="The Gaia GitHub page">La page GitHub sur Gaia</a></li> +</ul> +</div> +</div> +</div> + +<p> </p> diff --git a/files/fr/archive/b2g_os/platform/gaia/introduction_a_gaia/index.html b/files/fr/archive/b2g_os/platform/gaia/introduction_a_gaia/index.html new file mode 100644 index 0000000000..19372bab66 --- /dev/null +++ b/files/fr/archive/b2g_os/platform/gaia/introduction_a_gaia/index.html @@ -0,0 +1,35 @@ +--- +title: Introduction à Gaia +slug: Archive/B2G_OS/Platform/Gaia/Introduction_a_Gaia +translation_of: Archive/B2G_OS/Platform/Gaia/Introduction_to_Gaia +--- +<div class="summary"> +<p><span id="result_box" lang="fr"><span class="hps">Gaia</span> <span class="hps">est</span> <span class="hps">l'interface utilisateur</span> <span class="hps">pour</span> "<span class="hps">Boot to</span> <span class="hps">Gecko</span>" <span class="atn hps">(</span><span>B2G</span><span>)</span><span>;</span> <span class="hps">c'est</span> <span class="hps">un ensemble d'applications</span> <span class="hps">Web</span> <span class="hps">qui s'exécute localement sur</span> <span class="hps">un appareil</span> <span class="hps">B2G</span><span>,</span> <span class="hps">un émulateur</span><span>,</span> "desktop build"<span>,</span> <span class="hps">ou</span> "<span class="hps">Firefox</span> build"<span>.</span> <span class="hps">Tout ce que vous</span> <span class="hps">devez savoir</span> <span class="hps">afin d'ajouter</span> <span class="hps">des applications</span> <span class="hps">ou</span> <span class="hps">apporter des modifications à</span> <span class="hps">Gaia</span> <span class="hps">sont des technologies</span> <span class="hps">Web telles que</span> <a href="/en/JavaScript" title="en/JavaScript">JavaScript</a>, <a href="/en/HTML" title="en/HTML">HTML</a>, and <a href="/en/CSS" title="en/CSS">CSS</a>.</span></p> +</div> + +<h2 id="L'écran_de_verrouillage_Gaia"><span class="short_text" id="result_box" lang="fr"><span class="hps">L'écran</span> <span class="hps">de verrouillage</span> <span class="hps">Gaia</span></span></h2> + +<p><span id="result_box" lang="fr"><span class="hps">L'écran</span> <span class="hps">de verrouillage montre </span></span>le réseau de l'opérateur, l'heure et la date, <span id="result_box" lang="fr"><span class="hps">et</span> <span class="hps">une</span> <span class="hps">barre de défilement</span> <span class="hps">qui permet</span> <span class="hps">à l'utilisateur de</span> <span class="hps">déverrouiller le téléphone</span> <span class="hps">ou</span> <span class="hps">aller directement à</span> <span class="hps">la caméra</span> <span class="hps">pour prendre une photo</span><span>.</span> <span class="hps">Si l'utilisateur</span> <span class="hps">a un</span> <span class="hps">code de verrouillage</span><span>,</span> <span class="hps">l'écran </span><span class="hps">affiche également</span> <span class="hps">une interface</span> <span class="hps">de saisie de</span> <span class="hps">mot de passe.</span></span></p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7611/gaia-lockscreen.png" style="display: block; height: 480px; margin: 0px auto; width: 320px;"></p> + +<p><span id="result_box" lang="fr"><span class="hps">Notez que sur certains</span> <span class="hps">appareils</span> <span class="hps">le mot de passe</span> <span class="hps">est</span> <span class="hps">activée par défaut</span><span>;</span> <span class="hps">dans ce</span> <span class="hps">cas, le</span> <span class="hps">code PIN par défaut</span> <span class="hps">pour déverrouiller l'appareil</span> <span class="hps">est "0000"</span><span>.</span> <span id="result_box" lang="fr"><span class="hps">Cette fonction sera</span> <span class="hps"><span id="result_box" lang="fr"><span class="hps">probablement</span> <span class="hps">modifiée au fil du temps et </span></span>étoffé</span></span><span>.</span></span></p> + +<h2 id="L'interface_par_défaut_Gaia"><span class="short_text" id="result_box" lang="fr"><span class="hps">L'interface</span> <span class="hps">par défaut</span> <span class="hps">Gaia</span></span></h2> + +<p><span id="result_box" lang="fr"><span class="hps">L'interface par défaut</span> <span class="hps">de</span> <span class="hps">Gaia</span><span>,</span> <span class="hps">comme on le voit</span> <span class="hps">ici</span><span>,</span> <span class="hps">est similaire à</span> <span class="hps">ce que vous voyez</span> <span class="hps">sur</span> <span class="hps">la plupart des smartphones</span> du marché<span>.</span></span></p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7613/device-2013-01-24-163623.png" style="display: block; height: 480px; margin: 0px auto; width: 320px;"></p> + +<p><span id="result_box" lang="fr"><span class="hps">Cette copie d'écran </span><span class="hps">est évidemment</span> <span class="hps">une</span> <span class="hps">version préliminaire</span> <span class="hps">du</span> <span class="hps">système d'exploitation</span><span>,</span> <span class="hps">avec des icône placés dans un </span><span class="hps">espace réservé</span> <span class="hps">(et quelques</span> <span class="hps">applications de test</span><span>)</span><span>.</span> <span class="hps">La barre d'état</span> <span class="hps">en haut</span> <span class="hps">indique</span> <span class="hps">le réseau sur lequel</span> <span class="hps">le téléphone</span> <span class="hps">est connecté</span> <span class="atn hps">(</span><span>ou</span> <span class="atn hps">"</span><span>Pas de carte SIM</span><span>"</span> <span class="hps">pour</span> <span class="hps">un dispositif</span> <span class="hps">sans</span> <span class="hps">réseau)</span><span>,</span> <span class="hps">la</span> <span class="hps">force du signal réseau</span><span>, la force du</span> signal <span class="hps">WiFi</span><span class="hps">, le niveau</span> <span class="hps">de la batterie</span> <span class="hps">et l'heure.</span></span></p> + +<p><span id="result_box" lang="fr"><span class="hps">La zone centrale</span> <span class="hps">de l'écran affiche</span> <span class="hps">les icônes des</span> <span class="hps">applications</span><span>;</span> <span class="hps">on peux glisser</span> <span class="hps">les pages de gauche</span> <span class="hps">et de droite</span><span>.</span> <span class="hps">Vous pouvez</span> <span class="hps">en savoir plus sur</span> <span class="hps">la</span> <span class="hps">suite d'applications</span> <span id="result_box" lang="fr"><span class="hps">fournis </span></span><span class="hps">par défaut</span> <span class="hps">avec</span> <span class="hps">Gaia</span> <span class="hps">sur notre page</span> <a href="https://developer.mozilla.org/en-US/Firefox_OS/Platform/Gaia/Gaia_apps">Gaia apps</a><span>.</span></span></p> + +<p><span id="result_box" lang="fr"><span class="hps">Au bas de</span> <span class="hps">l'écran</span> ce trouve un<span class="hps"> dock</span> <span class="hps">pouvant accueillir jusqu'à</span> <span class="hps">sept de vos</span> <span class="hps">applications les plus</span> <span class="hps">couramment utilisées</span><span>.</span> <span class="hps">Vous pouvez</span> <span class="hps">glisser et déposer des</span> <span class="hps">applications</span> <span class="hps">sur le dock</span> <span class="hps">de</span> <span class="hps">la zone centrale</span><span>.</span></span></p> + +<h2 id="Voir_aussi" style=""><span class="short_text" id="result_box" lang="fr"><span class="hps">Voir aussi</span></span></h2> + +<ul> + <li><a href="/en-US/Firefox_OS/Platform/Gaia/Gaia_apps">Gaia apps</a>: <span id="result_box" lang="fr"><span class="hps">Cette page comprend</span> les informations <span class="hps">pour</span> <span class="hps">chaques applications</span><span>,</span> <span class="hps">comment</span> <span class="hps">les utiliser</span> <span class="hps">et comment les</span> <span class="hps">modifier</span><span>.</span></span></li> + <li><a href="/en-US/Firefox_OS/Debugging/Developer_settings">Developer settings</a>: <span id="result_box" lang="fr"><span class="hps">Une explication des</span> <span class="hps">différents</span> <span class="hps">paramètres</span> <span class="hps">de développement</span> <span class="hps">que vous pouvez activer</span> <span class="hps">via le "Gaia Settings app</span><span>".</span></span></li> +</ul> |