Plus facile à lire avec un fond crème, une teinte, plus de contraste ou un texte plus grand ? Choisissez vos couleurs et votre texte, une fois pour toutes les pages.

Leçon gratuite

Dessiner les parties d'une appli web

Après cette leçon: Je peux esquisser comment s'emboîtent les parties d'une application web simple.

Leçon de 45 minAucune commande

Un rendez-vous pour une vidange

Un garage de Nantes ouvre la prise de rendez-vous en ligne. Le lundi matin, 500 clients regardent les tarifs en même temps.

Chaque client qui réserve doit recevoir un e-mail de confirmation, puis un SMS la veille.

Votre cheffe d'équipe vous demande : « Faites-moi un schéma des parties de l'appli. »

À la fin de cette leçon

Remarque

Je peux esquisser comment s'emboîtent les parties d'une application web simple.

Mots clés

MotCe que ça veut direExemple
Clientl'appli ou le navigateur que la personne utilise
Serveurla machine où tourne le back-end
Base de donnéesle lieu où les données sont gardées pour de bon
Cacheune copie rapide de données souvent lues
File d'attenteune liste de travaux à faire plus tard
Tâche de fondun programme qui traite la file d'attenteworker

Les cellules que les étudiants remplissent restent vides dans cet aperçu.

Client, serveur et base de données

Presque toute appli web a trois parties. Le client affiche les écrans. Le serveur fait les calculs et applique les règles.

La base de données garde les rendez-vous, même si le serveur redémarre.

Le client ne parle jamais directement à la base. Il passe toujours par le serveur, qui vérifie qui demande quoi.

Un cache évite de redemander la même chose

Les tarifs du garage changent une fois par mois. Pourtant, 500 clients les demandent le même matin.

Demander 500 fois la base de données est lent. Le serveur garde donc une copie des tarifs dans un cache, en mémoire.

La première lecture va dans la base. Les suivantes lisent la copie, bien plus vite.

Exemple : 500 lectures des tarifs

LectureSans cacheAvec cache
La première20 ms, dans la base20 ms, dans la base
Chacune des 499 suivantes20 ms, dans la base1 ms, dans le cache
Total pour 500 lectures10 000 ms, soit 10 secondes519 ms, soit une demi-seconde

Les cellules que les étudiants remplissent restent vides dans cet aperçu.

Une erreur fréquente

Attention

Beaucoup pensent que le cache peut remplacer la base de données. C'est faux. Le cache est une copie qui peut vieillir ou disparaître. La base reste la référence. Quand un tarif change, il faut aussi vider sa copie.

Une file d'attente garde les travaux lents

Envoyer un e-mail prend parfois plusieurs secondes. Le client ne doit pas attendre devant son écran.

Le serveur enregistre le rendez-vous, puis dépose un message dans une file d'attente : « envoyer la confirmation ». Il répond tout de suite.

Une tâche de fond lit la file et envoie les e-mails, un par un.

Vous enseignez à une classe ? Proposez ce module à vos étudiants avec un guide de l'enseignant, des devoirs corrigés et un laboratoire pour chaque étudiant.