corentin_wakdo/docs/design
Imugiii 2cbd2ddb5f
All checks were successful
CI / secret-scan (pull_request) Successful in 15s
CI / php-lint (pull_request) Successful in 31s
CI / static-tests (pull_request) Successful in 1m25s
CI / js-tests (pull_request) Successful in 45s
chore(borne): bascule allergenes sur /api/allergens + menage donnees/docs
Allergenes : AllergenRepository::all() et presentAllergen exposent desormais la
description (deja en base + seed) ; data.js consomme /api/allergens (via
fetchCollection) au lieu du JSON statique. La borne a une source unique pour les
allergenes.

Menage : suppression des fichiers de donnees morts (allergens.json,
categories.json, produits.json) que plus aucun code vivant ne lisait. README de
data/ reecrit ; commentaires perimes corriges (products.html, categories.html) ;
conventions.md (endpoints catalogue/allergens passes en livre) et
maquette-vs-build.md (panneau persistant, composeur modal, chevalet livres ;
product.html et cart.html retires) realignes sur l'etat reel du code.

Tests : allergens.test.js mocke /api/allergens (forme borne) + fixture inline ;
CatalogueControllerTest asserte la cle description ; AllergenReadDbTest renforce.
JS 112, PHP unit 405, PHPStan L6.
2026-06-24 10:34:50 +00:00
..
screens docs(design): decomposition maquette borne + ecrans + tracabilite vs build (#63) 2026-06-19 16:25:18 +02:00
maquette-borne.pdf chore(assets): import school source data and normalize visual assets 2026-04-30 12:43:14 +00:00
maquette-vs-build.md chore(borne): bascule allergenes sur /api/allergens + menage donnees/docs 2026-06-24 10:34:50 +00:00
README.md docs(design): decomposition maquette borne + ecrans + tracabilite vs build (#63) 2026-06-19 16:25:18 +02:00

Design - maquette borne Wakdo

Fichiers

  • maquette-borne.pdf : maquette ecrans complete fournie avec le brief ecole
  • screens/ : les 10 ecrans de la maquette exportes en PNG (un par ecran)
  • maquette-vs-build.md : decomposition ecran par ecran + tracabilite maquette vs kiosk construit (ecarts structurants)

Source en ligne

Prototype Figma public :

https://www.figma.com/design/0qnd0pH4qryZqjzXcB4qjN/borne?node-id=97-775

Le PDF est un export fige de cette maquette. Pour les modifications eventuelles ou pour cliquer dans le prototype interactif, referencer le Figma comme source de verite.

Utilisation prevue

Cette maquette guide :

  1. L'integration front en phase P5 : composants UI a reproduire en HTML/CSS/JS vanilla dans src/public/borne/.
  2. Les decisions UX au CDCF : flows utilisateur (parcours commande, choix sur place / a emporter, options de paiement), nombre d'ecrans, transitions.
  3. Le mapping criteres RNCP Bloc 1 : tracabilite entre maquette et code livre, point d'appui pour les questions oral type "comment vous etes passe de la maquette au code ?".

Assets visuels associes

Tous les assets utilises par la maquette (logo, illustrations, vignettes, icones) ont ete copies et normalises (kebab-case minuscule) dans src/public/borne/assets/images/ :

src/public/borne/assets/images/
  produits/{burgers,wraps,encas,boissons,sauces,desserts,frites,salades}/
  categories/
  ui/

Voir docs/merise/_sources/source-school.md pour la note sur la normalisation.