Développement d'Applications pour les développeurs d'Apps mobile

  • Raccourci de la révision : Applications/Pour_développeurs_sur_mobile
  • Titre de la révision : Démarrer quand on est développeur d'applications pour mobiles
  • ID de la révision : 266300
  • Créé :
  • Créateur : Goofy
  • Version actuelle ? Non
  • Commentaire 1 words added, 1 words removed

Contenu de la révision

{{ TranslationInProgress() }}

Avantages

Aux développeurs d'applications pour mobiles, le projet Open Web apps offre les avantages suivants :

  • La simplicité : développez sur la base d'une seule technologie (HTML5/CSS/JavaScript) et publiez un produit qui sera multiplateforme, compatible aussi bien sur smartphone, tablette que sur ordinateur.
  • Les standards : la base technologique est définie par des jeux de standards (W3C et Ecma) ouverts et transparents, plutôt que dépendante d'un format spécifique ou de plateformes fermées.
  • La liberté : vous n'êtes pas pieds et poings liés à un écosystème contrôlé par un distributeur commercial. Vous pouvez diffuser votre application via le magasin d'application Mozilla, mais aussi sur votre propre site web, ou sur un autre magasin en ligne basé sur la technologie Mozilla des magasins ouverts.
  • La diffusion : vous aurez un marché potentiel très étendu, avec les 450 millions d'adeptes de Firefox sur ordinateur classique, les utilisateurs d'autres navigateurs et ceux toujours plus nombreux qui utilisent des appareils mobiles.

Les étapes de développement d'une application web

1. Développez votre application en utilisant les technologies ouvertes.
Vous avez sûrement déjà au moins des notions sur le HTML, les CSS, et le JavaScript. La partie Apprendre de ce site web vous propose des ressources qui vous permettront d'aller plus loin. En tant que développeur d'applications pour mobile, vous avez déjà une idée de la conception destinée au Web avec Mobile First.
2. Ajoutez un manifeste d'application.
Tout ce qui différencie intrinsèquement un site web d'une application web, c'est un unique fichier texte au format JSON.
3. Publiez l'application, soit sur votre propre site soit sur un magasin d'applications (soit les deux).
Pour publier vous-même il vous faut ajouter un peu de code à votre site pour gérer l'installation et la mise à jour de l'application depuis le navigateur de l'utilisateur.

Fonctionnalités facultatives

Philosophiquement, l'idée de réaliser une application web ouverte installable représente beaucoup plus que simplement ajouter un manifeste à votre site. Les technologies web standards peuvent être considérées comme des plateformes parfaitement aptes à recevoir des applications, il se trouve qu'elles utilisent le moteur de rendu d'un navigateur pour afficher une interface utilisateur et interpréter le code, et communiquent avec un serveur avec des protocoles web. Mozilla fournit des exécutables « Web runtime » pour les diverses plateformes, de sorte que les applications peuvent tourner dans leur propre fenêtre, hors du cadre de la fenêtre de navigation.

Si vous voulez tirer le meilleur parti des applications installables, voici quelques exemples des très nombreuses possibilités qu'elles vous offrent :

  • Utilisez responsive Web design pour que votre application ait un aspect et un fonctionnement optimisés sur tous les appareils.
  • Monétisez vos applications.
  • Fournissez un moyen d' identifier vos utilisateurs.
  • Activez le cache hors-connexion pour que votre application soit utilisable lorsque l'appareil n'est pas connecté à l'internet.
  • Stockez les données localement en utilisant soit localStorage soit IndexedDB. Cet article (en) fait le point sur les avantages et inconvénients des diverses méthodes de stockage local.
  • Lancez l'application de façon autonome (avec une icône sur le bureau ou l'écran d'accueil).
  • Utilisez les API des appareils pour interagir avec la couche matérielle, comme la géolocalisation et l'orientation.
  • Fournissez à l'utilisateur un moyen de vous faire part de ses commentaires. Le groupe de recherche Mozilla sur les utilisateurs a remarqué que ceux-ci voulaient faire part de leur réactions sur les applications aux développeurs et savoir qu'il y a des êtres humains qui en prendront  connaissance. Ils souhaitent faire des suggestions et aider à régler des problèmes. Il risquent de cesser d'utiliser l'application s'il existe un problème et qu'on ne procure aucune aide.

Technologies utiles

Voici quelques technologies web qui peuvent vous être utiles pour écrire des applications installables. Veuillez noter qu'aucun élément de la liste qui suit n'est spécifique aux application ouvertes !

À consulter également

Source de la révision

<p>{{ TranslationInProgress() }}</p>
<h2>Avantages</h2>
<p>Aux développeurs d'applications pour mobiles, le projet Open Web apps offre les avantages suivants :</p>
<ul> <li><strong>La simplicité</strong> : développez sur la base d'une seule technologie (HTML5/CSS/JavaScript) et publiez un produit qui sera multiplateforme, compatible aussi bien sur smartphone, tablette que sur ordinateur.</li> <li><strong>Les standards</strong> : la base technologique est définie par des jeux de standards (W3C et Ecma) ouverts et transparents, plutôt que dépendante d'un format spécifique ou de plateformes fermées.</li> <li><strong>La liberté</strong> : vous n'êtes pas pieds et poings liés à un écosystème contrôlé par un distributeur commercial. Vous pouvez diffuser votre application via le magasin d'application Mozilla, mais aussi sur votre propre site web, ou sur un autre magasin en ligne basé sur la technologie Mozilla des magasins ouverts.</li> <li><strong>La diffusion</strong> : vous aurez un marché potentiel très étendu, avec les 450 millions d'adeptes de Firefox sur ordinateur classique, les utilisateurs d'autres navigateurs et ceux toujours plus nombreux qui utilisent des appareils mobiles.</li>
</ul>
<h2>Les étapes de développement d'une application web</h2>
<dl> <dt>1. Développez votre application en utilisant les technologies ouvertes.</dt> <dd>Vous avez sûrement déjà au moins des notions sur le HTML, les CSS, et le JavaScript. La partie <a href="/en-US/learn" title="https://developer.mozilla.org/en-US/learn">Apprendre</a> de ce site web vous propose des ressources qui vous permettront d'aller plus loin. En tant que développeur d'applications pour mobile, vous avez déjà une idée de la conception destinée au Web avec <a class="external" href="http://www.lukew.com/ff/entry.asp?933" title="http://www.lukew.com/ff/entry.asp?933">Mobile First</a>.</dd> <dt>2. Ajoutez un <a href="/en/Apps/Manifest" title="manifeste de l'application">manifeste d'application</a>.</dt> <dd>Tout ce qui différencie intrinsèquement un site web d'une application web, c'est un unique fichier texte au format JSON.</dd> <dt>3. Publiez l'application, soit sur votre propre site soit sur un magasin d'applications (soit les deux).</dt> <dd>Pour publier vous-même il vous faut <a href="Apps_JavaScript_API" rel="internal" title="/en/Apps/Apps_JavaScript_API">ajouter un peu de code à votre site pour gérer l'installation et la mise à jour de l'application</a> depuis le navigateur de l'utilisateur.</dd>
</dl><h2>Fonctionnalités facultatives</h2>
<p><em>Philosophiquement</em>, l'idée de réaliser une application web ouverte installable représente beaucoup plus que simplement ajouter un manifeste à votre site. Les technologies web standards peuvent être considérées comme des plateformes parfaitement aptes à recevoir des applications, il se trouve qu'elles utilisent le moteur de rendu d'un navigateur pour afficher une interface utilisateur et interpréter le code, et communiquent avec un serveur avec des protocoles web. Mozilla fournit des exécutables « <a href="/en/Apps/Apps_architecture#Web_runtime" title="https://developer.mozilla.org/en/Apps/Apps_architecture#Web_runtime">Web runtime » </a>pour les diverses plateformes, de sorte que les applications peuvent tourner dans leur propre fenêtre, hors du cadre de la fenêtre de navigation.</p>
<p>Si vous voulez tirer le meilleur parti des applications installables, voici quelques exemples des très nombreuses possibilités qu'elles vous offrent :</p>
<ul> <li>Utilisez <a href="/en/Web_Development/Responsive_Web_design" title="en/Web development/Responsive Web design">responsive Web design</a> pour que votre application ait un aspect et un fonctionnement optimisés sur tous les appareils.</li> <li>Monétisez vos applications.</li> <li>Fournissez un moyen d' <a href="/en/Apps/Identity_integration" title="Identity integration for apps">identifier vos utilisateurs</a>.</li> <li><a href="/en/Apps/Using_apps_offline" title="/en/Apps/Using apps offline">Activez le cache hors-connexion</a> pour que votre application soit utilisable lorsque l'appareil n'est pas connecté à l'internet.</li> <li>Stockez les données localement en utilisant soit <a href="/en/DOM/Storage" title="DOM Storage">localStorage</a> soit <a href="/en/IndexedDB" title="IndexedDB">IndexedDB</a>. <a class="link-https" href="https://hacks.mozilla.org/2012/03/there-is-no-simple-solution-for-local-storage/" title="https://hacks.mozilla.org/2012/03/there-is-no-simple-solution-for-local-storage/">Cet article</a> (en) fait le point sur les avantages et inconvénients des diverses méthodes de stockage local.</li> <li><a href="/en/Apps/Platform-specific_details" title="/en/Apps/Launching apps">Lancez l'application</a> de façon autonome (avec une icône sur le bureau ou l'écran d'accueil).</li> <li>Utilisez les API des appareils pour interagir avec la couche matérielle, comme la <a href="/En/Using_geolocation" title="Using geolocation">géolocalisation</a> et l'<a href="/en/DOM/Orientation_and_motion_data_explained" title="Orientation and motion data explained">orientation</a>.</li> <li>Fournissez à l'utilisateur un moyen de vous faire part de ses commentaires. Le groupe de recherche Mozilla sur les utilisateurs a remarqué que ceux-ci voulaient faire part de leur réactions sur les applications aux développeurs et savoir qu'il y a des êtres humains qui en prendront  connaissance. Ils souhaitent faire des suggestions et aider à régler des problèmes. Il risquent de cesser d'utiliser l'application s'il existe un problème et qu'on ne procure aucune aide.</li>
</ul><h2>Technologies utiles</h2>
<p>Voici quelques technologies web qui peuvent vous être utiles pour écrire des applications installables. Veuillez noter qu'aucun élément de la liste qui suit n'est spécifique aux application ouvertes !</p>
<ul> <li><a href="/en/HTML/HTML5" title="HTML5">HTML5</a></li> <li><a href="/en/CSS" title="CSS">CSS</a></li> <li><a href="/en/JavaScript" title="/en/JavaScript">JavaScript</a></li> <li><a href="/en/HTML/Canvas" title="Canvas">Canvas</a></li> <li><a href="/en/AJAX" title="/en/Ajax">Ajax</a></li> <li><a href="/en/Using_the_Application_Cache" title="/en/Offline resources in Firefox">ressources hors-ligne de Firefox</a></li> <li><a href="/en/DOM/Storage" title="DOM Storage">Stockage DOM</a></li> <li><a href="/en/IndexedDB" title="IndexedDB">IndexedDB</a></li> <li><a href="/En/DragDrop/Drag_and_Drop" title="Drag and drop">Glisser-déposer</a></li>
</ul><h2>À consulter également</h2>
<ul> <li><a class="external" href="http://smus.com/mobile-web-app-tech-stack" title="http://smus.com/mobile-web-app-tech-stack">Les technologies pour applications web mobiles</a></li>
</ul>
Revenir à cette révision