fr Application web monopage

Si ce bandeau n'est plus pertinent, retirez-le. Cliquez ici pour en savoir plus.

Cet article ne cite pas suffisamment ses sources (mai 2018).

Si vous disposez d'ouvrages ou d'articles de référence ou si vous connaissez des sites web de qualité traitant du thème abordé ici, merci de compléter l'article en donnant les références utiles à sa vérifiabilité et en les liant à la section « Notes et références ». En pratique : Quelles sources sont attendues ? Comment ajouter mes sources ?

Cet article est une ébauche concernant l’informatique et Internet.

Vous pouvez partager vos connaissances en l’améliorant (comment ?) selon les recommandations des projets correspondants.

La conception d'une application monopage par rapport à une autre sur plusieurs pages.

Une application web monopage (en anglais single-page application ou SPA) est une application web accessible via une page web unique. Son but est d'éviter le chargement d'une nouvelle page à chaque action demandée et de fluidifier ainsi l'expérience utilisateur : la quantité de données à télécharger est réduite et le navigateur web, au lieu de devoir réinitialiser toute la page, n'a qu'une partie à mettre à jour.

Le terme a été introduit par Steve Yen en 2005^[1].

Approches techniques

Stockage de ressources

Les ressources (contenu, images, styles et scripts) nécessaires au fonctionnement de l'application peuvent être :

soit chargés dès l'ouverture de l'application (comme cela est fait par le concours Castor informatique français) ;
soit récupérés dynamiquement au besoin, généralement en fonction des actions de l'utilisateur (comme sur Wikipédia en version mobile, qui ne charge les images qu'au moment où elles sont censées apparaitre à l'écran).

Le fruit de l'application peut également être géré de deux manières :

il peut être placé dans le stockage web local, c'est-à-dire dans l'espace disque de l'utilisateur (dans ce cas, il se peut que l'application fonctionne entièrement avec simplement des fichiers locaux, sans serveur web) ;
il peut également être envoyé à un serveur web (habituellement via le protocole HTTP), généralement celui qui héberge l'application.

TiddlyWiki est un exemple d'application web monopage qui permet de créer un journal personnel au format HTML. Cette application peut fonctionner en local et sauvegarder vos modifications en ligne grâce à des modules d'extension sur GitHub ou Dropbox par exemple.

Bibliothèques JavaScript

De nombreuses bibliothèques JavaScript, et notamment des bibliothèques libres, sont spécialisées dans la création d'applications web monopages, entre autres : AngularJS, Ember.js, React, Vue.js et Svelte.

Annexes

Liens externes

Migrating Multi-page Web Applications to Single-page Ajax Interfaces, Delft University of Technology

Notes et références

↑ (en) Single-page webapplications, sur slideshare.net.

Portail d’Internet

[1] (en) Single-page webapplications, sur slideshare.net.

[1]

Application web monopage