Supérette du Centre

Alger, Algérie. Caisse du comptoir, ouverte de 8h à 20h.

Une caisse qui tient dans une main

Le même écran que verrait votre caissier : chercher un article, ajuster la quantité, appliquer une remise, encaisser en espèces ou par carte, imprimer le ticket, puis compter la caisse en fin de journée. Le catalogue et ses prix sont écrits dans le HTML, la mise en page est pilotée par la largeur du conteneur, et la page mesure son propre poids sur votre appareil.

Épicerie

Boissons

Crémerie

Boulangerie

Conserves

Hygiène

Entretien

Divers

Le catalogue est dans la page

Les 112 articles et leurs prix sont écrits dans le HTML livré. Coupez le JavaScript et rechargez : la liste et les prix restent lisibles. Le script lit ensuite ce même catalogue depuis le document, il n'en transporte pas une seconde copie.

La page se mesure elle-même

Le panneau Mesures affiche les octets transférés, le premier affichage et le moment où l'interface devient utilisable, relevés par votre navigateur sur votre appareil. Le nombre appartient à celui qui regarde, pas à nous.

La largeur d'un petit téléphone

Le bouton Vue téléphone ramène l'application à 320 pixels de large. La mise en page réagit à la largeur du conteneur, pas à celle de la fenêtre, donc l'écran réduit se comporte exactement comme sur l'appareil.

Utilisable à une main

Chaque bouton fait au moins 48 pixels de haut et aucun texte ne descend sous 14 pixels. Les actions principales sont placées en bas, à portée du pouce, rien ne dépend du survol, et la mise en page tient quand le clavier du téléphone s'ouvre.

Aucun framework

Deux fichiers, deux requêtes, aucune bibliothèque et aucune police téléchargée. Le poids est une décision de conception, pas un accident : rien n'est chargé qui ne serve à l'écran affiché.

Arithmétique en centimes

Prix, remises, totaux et rendu de monnaie sont calculés sur des entiers, en centimes. Aucun arrondi flottant ne peut faire dériver une caisse d'un dinar en fin de journée.