Mobiliser
Informer, inscrire, accréditer, programmer, contractualiser et préparer les publics.
Document de référence fonctionnel, UX/UI et technique
Plateforme digitale ANIC 2026
Conception, exploitation et évolution du dispositif numérique des Assises Nationales de l'Industrie du Congo.
00
Navigation
Sommaire exécutif
01 Contexte et vision02 Gouvernance institutionnelle
03 Utilisateurs et parcours04 Périmètre fonctionnel
05 Site public06 Gestion événementielle
07 Back-office et CMS08 Rôles et permissions
09 Architecture technique10 Données et intégrations
11 Design system et responsive12 Sécurité et conformité
13 Qualité et performance14 Recette et acceptation
15 Déploiement et exploitation16 Feuille de route
01
Cadre
Contexte, vision et objectifs
ANIC 2026 réunit institutions publiques, industriels, investisseurs, experts, médias et partenaires autour de la transformation industrielle du Congo. La plateforme digitale doit couvrir l'avant, le pendant et l'après-événement.
Piloter
Contrôler les accès, suivre les présences, diffuser le direct et traiter les alertes.
Valoriser
Publier les recommandations, rapports, médias, statistiques et suites partenariales.
Objectifs mesurables
- Centraliser les données événementielles dans une source cohérente et administrable.
- Réduire les traitements manuels d'inscription, d'accréditation, de badge et de contrôle d'accès.
- Fournir des expériences distinctes pour le public, les participants, les intervenants, les partenaires et les équipes internes.
- Tracer les actions sensibles, appliquer le principe du moindre privilège et sécuriser les données personnelles.
- Rendre l'information événementielle modifiable depuis le CMS sans redéploiement du frontend.
02
Institutionnel
Gouvernance et identité
Ministère du Développement industriel
Des Zones économiques spéciales et de la Promotion du secteur privé. Niveau institutionnel supérieur sur les supports concernés.
UNICONGO
Union Patronale et Interprofessionnelle du Congo. Visibilité dédiée, sans assimilation à un organisateur ou sponsor commercial.
Les autres partenaires et sponsors sont présentés dans un espace séparé, selon leur catégorie, contribution, filière et niveau de visibilité.
Identité visuelle
| Élément | Référence | Usage |
|---|---|---|
| Vert institutionnel | #006837 | Navigation, actions principales, données positives |
| Or | #F5BC04 | Accent premium, repères, appels à l'action |
| Rouge | #DF000D | Alertes et touches contrôlées |
| Vert sombre | #072E16 | Surfaces institutionnelles et footer |
| Typographie | Montserrat | Interface publique, portails et administration |
03
Expériences
Utilisateurs et parcours
Public
Découvre l'événement, le programme, les filières, les intervenants, les partenaires, les actualités et les informations pratiques.
MyANIC
Participant, intervenant et partenaire accèdent à leur profil, agenda, QR code, badge, documents et notifications.
Administration
Les équipes pilotent participants, programme, communications, contenus, partenaires, sécurité et audit.
Flux principal d'inscription
Demande→Contrôle→Validation→Catégorisation→QR sécurisé→Badge→Check-in→Présence
Le formulaire doit adapter les champs au profil choisi : particulier, entreprise, groupe, délégation ou partenaire. Les comptes soumis restent en attente de validation selon les règles métier.
04
Couverture
Périmètre fonctionnel consolidé
| Bloc | Modules | Exigence centrale |
|---|---|---|
| Pilotage | Dashboard, Hub Innovation, Centre de contrôle | KPI actionnables, activité et état opérationnel. |
| Participants | Dossiers, workflow, accréditations, QR, badges, check-in, zones | Cycle complet, sécurisé et audité. |
| Programme | Jours, salles, sessions, ateliers, filières, intervenants | Capacités, conflits, agendas, documents et inscriptions. |
| Communication | Community, SMS, ANICBOT, actualités, presse, médiathèque | Workflow éditorial et intégrations fournisseurs. |
| Site Web | CMS, pages, contenus, live, partenaires, branding | Modification du frontend depuis l'administration. |
| Administration | Paramètres, utilisateurs, rôles, audit | Configuration centrale, RBAC et traçabilité. |
État réel. Les fonctions SMS, publication sociale, SSO, MFA TOTP et temps réel nécessitent encore les fournisseurs, secrets, callbacks et webhooks correspondants. Elles ne doivent pas être simulées en production.
05
Vitrine
Site public et engagement
Contenus institutionnels
- Accueil et Très Haut Patronage
- Présentation et objectifs
- Mot du Ministre et mot du Président d'UNICONGO
- Filières prioritaires et investir au Congo
Contenus événementiels
- Programme, sessions et intervenants
- Partenaires et offres de partenariat
- Actualités, presse et médiathèque
- Direct, FAQ, contact et informations pratiques
Fonctions d'engagement
Compteurs animés, carrousels accessibles, vidéo YouTube de pré-direct, carte du lieu, compte à rebours administrable, ANICBOT, installation PWA et consentement cookies.
Référencement et accessibilité
- URL lisibles, titres et descriptions uniques, sitemap et robots.
- Navigation clavier, contraste conforme, textes alternatifs et états de focus visibles.
- 404 utile avec retour à l'accueil et contact support.
06
Event Operations Center
Gestion événementielle
Accréditer
Vérification, décision, catégorie, niveau d'accès, suspension et réactivation.
Identifier
QR à jeton unique, badge, impression, remise, révocation et historique.
Contrôler
Scan mobile, décision serveur, zones, anti-double scan, entrée/sortie et journal.
Centre de contrôle
Le cockpit affiche les présents, entrées récentes, scans, badges délivrés, sessions en cours, événements à venir, anomalies, refus et état des équipements. L'état de l'événement est administrable : préparation, ouverture, en cours, pause, clôture.
Données critiques interdites dans le QR
Le QR ne contient jamais directement les données personnelles. Il véhicule un identifiant opaque ou un jeton sécurisé résolu côté serveur.
07
Back-office
Administration, CMS et partenaires
CMS
CRUD des pages, actualités, contenus, médias, hero, footer, FAQ, live et paramètres événementiels. Workflow brouillon, validation, publication, planification et archivage.
Partenaires 360°
Logo, catégorie, contribution, représentants, livrables, documents privés, validations, visibilité et conversion contrôlée d'un représentant en participant.
Paramètres centralisés
Les dates, lieux, statut, branding, catégories, zones, modèles de badge, SMTP, notifications, sécurité et intégrations sont maintenus comme sources uniques. Aucune valeur événementielle critique ne doit être dupliquée dans plusieurs composants.
Gestion des médias
Upload validé, prévisualisation, métadonnées, droits de publication, URL publique stable, suppression contrôlée et distinction entre ressources publiques et privées.
08
Contrôle d'accès
Rôles et permissions
| Profil | Périmètre | Restrictions clés |
|---|---|---|
| Super Admin | Accès total, utilisateurs, rôles, paramètres, audit | Rôle système protégé et actions sensibles confirmées. |
| Admin ANIC | Pilotage et opérations globales | Ne modifie pas les protections système du Super Admin. |
| Comité | Validation, participants, programme, publication, rapports | Pas d'administration des rôles. |
| Communication / Presse | CMS, médias, campagnes, presse, ANICBOT | Pas d'accréditation ni de sécurité système. |
| Accréditation | Dossiers, QR, badges, zones, check-in | Pas de CMS global ni de gestion des rôles. |
| Agent Check-in | Scan et journal minimal | Lecture limitée, aucun export global. |
| Direction | Dashboard et rapports | Lecture seule. |
| Intervenant / Participant | Portail personnel MyANIC | Aucun module administratif. |
Les menus, boutons et routes API appliquent les mêmes permissions serveur. Une route directe non autorisée doit répondre par un refus contrôlé et être inscrite dans le journal si nécessaire.
09
Socle
Architecture technique cible
Site public ReactMyANICAdmin & OperationsPWA
↓ HTTPS / JSON API ↓
Laravel 13SanctumRBACServices métierAudit
↓
MySQLStockage médiasSMTPAPI externes
| Couche | Technologies | Responsabilité |
|---|---|---|
| Frontend | React 19, Vite, TypeScript, TanStack Router, Tailwind | Interfaces publiques, portails, cache client, responsive et PWA. |
| Backend | Laravel 13, Sanctum, API v1 | Authentification, règles métier, permissions, fichiers et audit. |
| Données | MySQL | Données événementielles relationnelles et migrations versionnées. |
| Production | cPanel, HTTPS, sous-domaines séparés | Frontend statique et backend dont le document root cible public/. |
10
Écosystème
Données et intégrations
Référentiels
- Événement et branding
- Utilisateurs, rôles, permissions
- Participants, catégories, zones
- Programme, salles, sessions, intervenants
- Partenaires, médias et contenus
Intégrations
- SMTP et notifications
- Fournisseur SMS et webhooks
- Google/Microsoft SSO
- Réseaux sociaux et YouTube Live
- Cartographie, stockage et analytics
Règles d'intégration
- Secrets chiffrés ou stockés dans l'environnement, jamais dans le frontend.
- Jetons renouvelables, révocables et masqués dans l'interface.
- Webhooks signés, idempotents et rejouables.
- Journalisation des échecs, reprise contrôlée et limitation de débit.
11
Design
UX/UI, design system et responsive
Le langage visuel associe institution, industrie, GovTech et dashboard SaaS premium. Il reste sobre : formes géométriques, accents or, micro-touches rouges, ombres légères et animations respectueuses de prefers-reduced-motion.
Desktop
Sidebar fixe ou repliable, header opérationnel, contenu en pleine largeur restante.
Tablette
Sidebar en drawer, tableaux adaptatifs et zones tactiles confortables.
Mobile
Navigation simplifiée, priorité au QR, au badge, au programme et au check-in.
Composants obligatoires
StatsCard, DataTable, StatusBadge, Avatar, QRPreview, BadgePreview, FilterBar, SearchBox, Modal, Drawer, Tabs, Timeline, ActivityFeed, NotificationPanel, UploadZone, ChartCard, EmptyState, Skeleton et ConfirmDialog.
États d'interface
Chaque écran connecté prévoit chargement, vide, erreur, retry, succès, permission insuffisante et confirmation d'action sensible.
12
Protection
Sécurité, confidentialité et audit
Contrôles
- Sanctum et sessions sécurisées
- RBAC côté serveur
- Rate limiting et validation
- Confirmation des actions sensibles
- Expiration et révocation des sessions
Traçabilité
- Connexion et échec
- Création, modification, suppression
- Décision d'accréditation
- QR, badge, scan et export
- Changement de rôle ou paramètre
Données personnelles
Collecte minimisée, finalité explicite, accès limité, durée de conservation définie, export contrôlé et procédure de suppression/rectification. Les exports nominatifs sont réservés aux rôles autorisés.
MFA et SSO. Email OTP, TOTP, recovery codes, Google et Microsoft doivent être implémentés avec stockage sécurisé, anti-rejeu, révocation, callbacks contrôlés et tests d'échec.
13
Niveaux de service
Qualité, performance et observabilité
| Dimension | Cible | Vérification |
|---|---|---|
| Disponibilité | Service accessible pendant les périodes d'exploitation définies | Healthcheck frontend, API et base. |
| Performance web | Chargement initial optimisé, images responsives, cache statique | Lighthouse et mesures réelles. |
| API | Réponses usuelles rapides, pagination sur collections | Tests de charge sur scénarios critiques. |
| Accessibilité | WCAG 2.1 AA comme objectif | Audit automatique et parcours clavier. |
| Résilience | Erreurs explicites, retry et idempotence | Tests réseau, doublons et fournisseurs indisponibles. |
| Observabilité | Logs corrélés et alertes exploitables | Journal serveur, métriques et rapport d'incident. |
14
Validation
Recette et critères d'acceptation
- Un utilisateur non authentifié ne peut accéder à aucune donnée administrative.
- Chaque profil voit uniquement les menus et actions autorisés par le serveur.
- Une inscription créée est persistée et parcourt le workflow sans incohérence.
- Un QR révoqué ou invalide est refusé avec une raison explicite.
- Un badge suit les états généré, imprimé, remis et réimprimé avec historique.
- Le check-in fonctionne sur smartphone et bloque les doublons selon les règles configurées.
- Les paramètres date/lieu se répercutent sur toutes les vues consommatrices.
- Un contenu publié dans le CMS apparaît sur le frontend sans modification manuelle du code.
- Les fichiers privés ne sont téléchargeables que par leurs propriétaires ou rôles autorisés.
- Les tests frontend/backend, migrations et build production sont reproductibles.
Livrables
Code frontend, code backend, migrations MySQL, données de référence, documentation d'exploitation, matrice RBAC, cahier de tests, builds de production, procédure de sauvegarde et procédure de retour arrière.
15
Production
Déploiement et exploitation
Frontend
Build Vite statique sur anic2026.com, routes SPA, cache, PWA et API configurée au runtime.
Backend
Laravel sur backend.anic2026.com, document root vers backend/public, dépendances Composer et tâches Artisan.
Mise en production
- Sauvegarder fichiers, stockage, environnement et base existants.
- Importer la base ou appliquer les migrations de manière non destructive.
- Configurer APP_KEY, MySQL, SMTP, CORS, domaines Sanctum et stockage.
- Déployer les builds, vider/reconstruire les caches Laravel.
- Tester frontend, racine backend, health API, login, RBAC, upload, SMTP et PWA.
Exploitation
Sauvegarde planifiée, rotation des logs, surveillance des erreurs, renouvellement des secrets, revue périodique des droits et procédure d'incident documentée.
16
Évolution
Feuille de route priorisée
| Priorité | Lot | Résultat attendu |
|---|---|---|
| P1 | Portail Média | Accréditation, dossier presse privé et ressources HD. |
| P1 | SMS fournisseur | Envoi réel, consentement, opt-out et webhooks de livraison. |
| P1 | MFA / SSO | TOTP, recovery codes, Google et Microsoft avec révocation. |
| P2 | API sociales | Publication multi-réseaux, renouvellement des tokens et reprise sur erreur. |
| P2 | Temps réel | Centre de contrôle et notifications via solution compatible hébergement. |
| P2 | Badge Designer | Templates versionnés et impression calibrée. |
| P3 | Reporting avancé | Exports consolidés, filtres, cohortes et comparaison temporelle. |
Gouvernance des évolutions. Chaque lot doit passer par une spécification courte, une revue sécurité, des tests automatisés, une recette métier et un déploiement réversible.