Interfaces et applications web : cours de Terminale STMG

Tu utilises tous les jours des applications web sans y penser : consulter ta messagerie, remplir un formulaire d'inscription, suivre une commande sur un site marchand. Dans une entreprise, c'est pareil : saisir une facture, consulter un stock ou suivre un client passe de plus en plus par un navigateur.

Ce chapitre répond à trois questions. Qu'est-ce qu'une application web, et en quoi diffère-t-elle d'un simple site ? Que veut dire le mot interface quand on parle d'informatique ? Comment les logiciels dialoguent-ils entre eux ?

Tu es déjà passé par l'algorithmique de gestion et la programmation. Ici, tu prends du recul : tu ne cherches plus seulement à écrire du code, mais à comprendre comment une application est organisée et comment elle se branche sur d'autres logiciels.

Le programme de Terminale STMG parle d'expérimentations dans divers environnements numériques, parmi lesquels figure l'environnement de développement d'applications.² Ce cours te donne le vocabulaire et les repères pour ces expérimentations.

Comme un site web, une application web est en général installée sur un serveur. L'utilisateur la manipule dans son navigateur, à travers un réseau : Internet, mais aussi un intranet ou un réseau local.³ Cela compte pour une organisation : un intranet permet de proposer un outil de gestion aux seuls salariés, sans rien installer sur chaque poste.

L'utilisateur agit sur des widgets, c'est-à-dire des éléments graphiques comme les boutons, les listes déroulantes ou les cases à cocher.³

Pour comprendre une application web, il faut comparer deux façons de produire une page.

Dans un site statique, chaque page est un fichier préparé à l'avance et enregistré sur le serveur.³ Le serveur l'envoie telle quelle, quel que soit le visiteur.

Dans une application web, le logiciel fabrique les pages de toutes pièces à chaque requête.³ Le contenu dépend donc de la demande : le même écran « Mes commandes » affiche des lignes différentes selon le client connecté.

Une application web fait travailler deux ordinateurs : celui de l'utilisateur (le client) et le serveur. Chacun exécute son propre code. Cette séparation est la clé pour lire un projet de développement.

Un exemple de gestion fait comprendre l'intérêt de cette séparation. Sur un formulaire de commande, le navigateur peut vérifier tout de suite qu'un champ n'est pas vide : c'est un automatisme côté client. Mais l'enregistrement de la commande dans la base de l'entreprise se fait sur le serveur, qui seul a accès aux données.

Autre exemple : le style d'un bouton (couleur, taille, police) relève de la charte graphique, donc du CSS. Le fait que ce bouton déclenche l'enregistrement relève du programme du serveur.

L'interface utilisateur est la partie visible de l'application. Sa qualité décide si les utilisateurs s'en servent facilement ou y renoncent. Concevoir une application web ne se résume donc pas à écrire du code.

Pour le programme de STMG, tu es aussi amené à utiliser un environnement de développement d'applications et à en comprendre l'interface.² Un environnement de développement est l'outil dans lequel on écrit, organise et essaie le code d'une application.

Prends l'image d'un distributeur de boissons. Tu vois des boutons et une fente : c'est la façade. Tu n'as pas besoin de connaître le mécanisme interne pour obtenir ta boisson. Une API joue ce rôle entre logiciels.

On distingue deux rôles. Le programme fournisseur offre des fonctionnalités. Les programmes consommateurs s'en servent en suivant la description de l'API.⁴

Les applications actuelles ne partent presque jamais de zéro. La programmation réutilise des briques fonctionnelles fournies par des logiciels tiers.⁴ Pour assembler ces briques, il faut savoir comment dialoguer avec chacune, ce qui dépend de son API.⁴ Une application se sert souvent de nombreuses API, apportées par des bibliothèques qui s'appuient elles-mêmes sur d'autres API.⁴

Dans une architecture orientée services, les applications peuvent s'appuyer sur des fonctionnalités de logiciels tiers. Ces fonctionnalités sont offertes par des API mises en œuvre sous forme de services web.⁴

Prenons un exemple de gestion : un site de vente en ligne doit faire payer ses clients. Il peut fabriquer lui-même un module de paiement, ce qui est long et risqué. Il peut aussi utiliser le service d'un prestataire spécialisé, qui fournit une API : le site envoie la demande, reçoit la réponse, et n'a rien à savoir du fonctionnement interne du prestataire.

Une application web est exposée : n'importe qui peut essayer de l'utiliser. La sécurité fait donc partie du développement dès le départ.