retour à la caisse à outils
ref. mtb-06.4 · mètre ruban web + api

poste 06 — mètre ruban · boutique d’art symfony

artwise

une boutique en ligne d’œuvres d’art : tableaux en relief, sculptures, peintures. un back-office easyadmin pour tout gérer, et une api que consomme une app android en kotlin.

fig. 06.4 — mètre ruban · artwise
glisser pour tourner · survoler une pièce

plaques rivetées — rapport d'atelier

sur l'établi

01 · à l'arrivée contrôlé

une boutique d’œuvres d’art

tableaux en relief, sculptures, peintures, statues et personnalisation. boutique filtrable, fiche œuvre, panier, comptes et formulaire de contact.

02 · sur le pont assemblé

symfony sous le capot

symfony 6.3, doctrine, twig et webpack encore avec bootstrap 5. back-office easyadmin 4 et upload d’images avec vichuploader.

03 · à la sortie homologué

une api pour le mobile

api platform expose produits, catégories, utilisateurs et contacts. l’app android en kotlin s’en sert pour lister, créer, modifier et supprimer les produits. sans sdk android sur la machine de capture, elle n’est pas montrée ici.

polaroids d'atelier — captures

la boutique et son back-office

lancé en local, rempli de 20 œuvres et 10 comptes fictifs.

artwise — accueil — « l’art à portée de clic »
01 · accueil — « l’art à portée de clic » web · données fictives

côté web

artwise — boutique — tri, prix et catégories
02 · boutique — tri, prix et catégories web · données fictives
artwise — fiche œuvre — ajout au panier
03 · fiche œuvre — ajout au panier web · données fictives
artwise — back-office easyadmin — produits
04 · back-office easyadmin — produits web · données fictives
artwise — back-office easyadmin — utilisateurs
05 · back-office easyadmin — utilisateurs web · données fictives

au banc d’essai — ce que fait le code

six fonctions, du catalogue à l’api

fonction 01

boutique filtrable

tri par prix, prix minimum et maximum, filtre par catégorie et compteur de résultats.

fonction 02

fiche œuvre & panier

choix de la quantité, panier en session avec ajout, retrait, vidage et résumé.

fonction 03

comptes

inscription, connexion avec protection csrf et « se souvenir de moi ».

fonction 04

contact

formulaire sujet et message, enregistré en base et lié au compte.

fonction 05

back-office easyadmin

gestion des produits avec upload d’image, des catégories, des comptes et des messages. filtres insensibles à la casse.

fonction 06

app android

kotlin, okhttp, gson et picasso : liste, recherche, ajout, modification et suppression des produits via l’api.