Le Concept
Studio Onyx est une solution de gestion de projet (PMS) conçue spécifiquement pour les agences créatives exigeantes. Alliant une esthétique "Luxe" (Noir & Or) à une architecture technique modulaire, elle permet une centralisation fluide des opérations : suivi budgétaire, pilotage des délais, répartition de la charge équipe et analyse de la performance.
L'objectif était de créer une expérience SPA-like (Single Page Application) tout en conservant un backend léger en PHP sans base de données SQL complexe. (La version en ligne est une démo à données figées pour des raisons de sécurité).
Architecture Technique
- MVC Simplifié : Architecture Modèle-Vue-Contrôleur adaptée pour une maintenance aisée.
-
Backend PHP & JSON : API REST personnalisée qui
interagit avec une base de données NoSQL fichier-plat
(
data.json) avec verrouillage de fichier (LOCK_EX). -
Frontend ES6 : Code JavaScript modulaire
(
api.js,ui.js,utils.js) pour la manipulation dynamique du DOM. - Sécurité : Authentification PHP via sessions et protection des routes.
Stack Technique
-
PHP
-
JavaScript
-
JSON
-
CSS
Fonctionnalités Clés
-
Calcul Automatique : Progression calculée en
temps réel
(Tâches Fait / Total) * 100. - Matrice de Priorité : Classification visuelle (Urgent, Haute, Moyenne, Basse) avec codes couleurs.
- Overdue Logic : Détection automatique des retards avec alertes visuelles ⚠️.
- Dashboard Analytique : KPIs temps réel et graphiques (Doughnut & Area Charts) pour la charge de travail.
Direction Artistique
Mode Sombre (Onyx & Gold)
L'identité principale repose sur le thème sombre. Il utilise une nuance de noir très profond pour le fond et des gris foncés pour détacher les cartes, le tout rehaussé par le "Premium Gold".
Mode Clair
Le mode clair conserve l'élégance du projet en utilisant un blanc cassé propre pour le contenu principal, tout en gardant des contrastes forts avec du noir pur pour la navigation et les actions principales.
Aperçu de l'interface
Voici un aperçu de l'interface Studio Onyx :
