Compte rendu — Amsom Habitat (console admin)

Informations générales

Projet : Console admin Amsom Habitat — annuaire des applications internes

Contexte : Groupe logement / promoteur (identité visuelle logo officiel)

Auteur : Abdelmalek Elidrissi — BTS SIO SLAM

Livrable : Interface web (export HTML + option PHP/Twig), données navigateur (localStorage). Arborescence proche de Symfony (dossier templates/, public/, contrôleur illustratif).

Objectifs

Simuler un portail administrateur listant les applications du SI (45 entrées métiers)
Permettre un CRUD complet (création, lecture, mise à jour, suppression) sur le catalogue
Associer à chaque application des URL de préproduction et de production
Proposer une interface professionnelle alignée sur la charte du logo (marine, ardoise, vert)

Environnements d’URL (maquette réaliste)

Les liens ne pointent pas vers de vrais services exposés sur Internet : ils reprennent une convention d’entreprise crédible pour la préprod et la prod, afin de se rapprocher d’un annuaire d’applications réel.

Environnement	URL type (fictif, convention SI)
Qualification / préproduction	`https://qualif-si.amsom-habitat.fr/app/<slug>`
Production	`https://si.amsom-habitat.fr/app/<slug>`

Le <slug> est dérivé automatiquement du nom de l’application (sans accents, tirets).

Technologies

HTML5 Bootstrap 5 Bootstrap Icons JavaScript (ES6+) localStorage Twig 3 PHP 8

Fonctionnalités

Écran de connexion (démo admin / admin)
Tableau filtrable, statistiques (préprod, prod, filtre actif)
Modale unique pour création et édition (nom, description, image URL ou fichier, URLs)
Confirmation avant suppression ; toasts de retour utilisateur
Réinitialisation du jeu de données de démonstration

Fichiers principaux

Projets/AmsomHabitatAdmin/ ├── composer.json # dépendance twig/twig ├── index.html # export statique (php bin/render-static.php) ├── bin/render-static.php ├── config/ │ ├── context.php # contexte type contrôleur Symfony │ └── routes.yaml # exemple de route (référence) ├── public/ # document root │ ├── index.php # rendu Twig (serveur PHP) │ ├── css/amsom.css │ ├── js/amsom.js │ └── images/ │ ├── amsom-official.png # logo couleur Synéo RVB (vert/gris), kit com. amsom-habitat.fr │ ├── amsom-logo-syneo-noir.png # variante noir (même kit) │ ├── amsom-banner.svg # bannière portfolio (référence au PNG) │ └── amsom-logo-*.svg # variantes vectorielles optionnelles ├── src/Controller/ │ └── AdminController.php # illustration d’action Symfony └── templates/ ├── base.html.twig └── admin/ ├── dashboard.html.twig └── partials/*.html.twig