# Cahier des Charges Fonctionnel & Technique — Portail Web Ribat Al Fath 2026 **Projet :** Refonte institutionnelle globale & Pavillon du 40ème Anniversaire (1986–2026) **Entité commanditaire :** Association Ribat Al Fath pour le Développement Durable (Rabat-Souissi) **Président :** M. Abdelkrim BENNANI **Destinataire technique :** Webmaster / Équipe d'intégration **Version :** 1.0 — Définitive post-validation --- ## 1. Objectifs & Cadre du Projet Le présent cahier des charges formalise l'ensemble des spécifications techniques, fonctionnelles, ergonomiques et éditoriales destinées à convertir le **prototype hors-ligne validé** en une plateforme web de référence, robuste et évolutive. ### Objectifs Majeurs : 1. **Élever la présence numérique** au standard d'une grande institution reconnue d'utilité publique sous le Haut Patronage Royal. 2. **Valoriser 40 années ininterrompues d'action citoyenne (1986–2026)** : historique, actes de colloques, figures fondatrices. 3. **Mettre en valeur le Florilège Culturel** sous forme de rétrospective enrichie (Éditions 1 à 8+). 4. **Fournir un back-office intuitif sans code** permettant au secrétariat et au webmaster d'administrer les contenus sans intervention technique lourde. --- ## 2. Recommandations d'Architecture Technique ### Option A : Poursuite sur Odoo (Environnement Actuel v18.0) Si l'Association choisit de conserver l'abonnement Odoo : - **Nettoyage impératif** : - Éradication totale des placeholders du thème par défaut (suppression du faux numéro américain `+1 (650) 555-0111`, des blocs de texte factices). - Suppression de la mention publicitaire commerciale dans le footer (*« Généré par Odoo - Créer un site web gratuit »*). - **Implémentation des gabarits personnalisés** : - Intégrer les vues QWeb correspondant fidèlement aux pages du prototype (`index.html`, `florilege.html`, `archives-40ans.html`). - Utilisation du module Odoo Blog / Event pour modéliser le Florilège et les colloques. - Configuration de la gestion documentaire (Odoo Documents) pour le téléchargement sécurisé des PDF d'archives. ### Option B : Alternative CMS Moderne (WordPress Headless ou Next.js / Strapi) Si l'Association souhaite une autonomie éditoriale et une performance SEO maximale : - Déploiement d'un CMS avec éditeur Gutenberg ou Strapi pour une liberté totale de mise en page. - Temps de réponse inférieurs à 1 seconde et score Google PageSpeed > 90/100. --- ## 3. Spécifications Fonctionnelles Détaillées ### 3.1. Page d'Accueil (Institutionnelle & Solennelle) - **Bandeau Protocolaire** : Mention permanente du Haut Patronage de SM le Roi Mohammed VI et du décret d'utilité publique de 1988. - **Sélecteur Trilingue** : Bascule immédiate entre Français, Arabe (support natif RTL) et Anglais. - **Hero Banner Immersif** : Visuels haute définition de Rabat (Tour Mohammed VI, Kasbah des Oudayas, BNRM, Tour Hassan) et blason du 40ème anniversaire. - **Compteur d'impact dynamique** : Affichage animé des indicateurs clés (1986, 40 ans, +1 500 colloques, 8+ éditions du Florilège, +50 000 jeunes sensibilisés). - **Mot du Président** : Carte d'honneur avec photographie officielle de M. Abdelkrim Bennani, citation fondatrice et signature. - **Les 4 Pôles d'Excellence** : Cartes thématiques avec redirection vers les réalisations correspondantes. - **Démonstrateur IA / Recherche Documentaire** : Moteur de recherche plein texte indexant la bibliothèque de l'Association. ### 3.2. Espace Dédié au Florilège Culturel - Chaque édition annuelle dispose d'une URL propre (ex: `/florilege/edition-2026`, `/florilege/edition-7`). - Champs administrables par le webmaster : - Numéro de l'édition et thème officiel. - Date, lieux d'accueil à Rabat (BNRM, Théâtre Mohammed V, etc.). - Liste des conférenciers, ministres et académiciens d'honneur avec fonction et photo. - Documents attachés en PDF (programme, communiqué de presse, actes). - Galerie photos HD et intégration de flux vidéo (YouTube / Vimeo institutionnels). ### 3.3. Espace Archives & Bibliothèque Numérique (1986–2026) - Système de filtres instantanés sans rechargement de page : - **Par décennie** : 1986-1995, 1996-2005, 2006-2015, 2016-2026. - **Par typologie de document** : Acte de colloque, Livre blanc, Ouvrage littéraire, Décret légal, Affiche collector. - Moteur de recherche textuel interrogeant le titre, le résumé et les métadonnées. - Fiche de téléchargement sécurisée avec compression WebP / PDF optimisé. ### 3.4. Portail Dédié au Festival International des Musiques Andalouses (Événement Phare de Juillet) - Page portail exclusive (`/festival-musiques-andalouses`) pour l'événement estival annuel sous le Haut Patronage Royal : - **Programmation détaillée par soirée** : 2, 3 et 4 juillet au grand théâtre de plein air du Parc Hassan II (1 000 places assises, 10 000 festivaliers au total, plus de 20 000 en direct streaming). - **Fiches des orchestres & maîtres** : Maroc (Oujda Gharnati, Tanger Al Aroussi, maîtres de *خميس الأندلسيات*), Espagne (Hamid Ajbar Flamenco), Grèce (Ensemble Alkis). - **Module Partenariats & Sponsoring** : Présentation interactive des packs mécénat (Diamant 150 000 DH, Platine 100 000 DH, Or 50 000 DH) avec simulateur de visibilité et téléchargement direct du dossier officiel de sponsoring. - **Contacts officiels de sponsoring** : Coordonnées directes de la commission de parrainage (M. Dinia, M. Benameur SG, M. Fenjiro SGA). ### 3.5. Pôle Jeunesse & Club Scientifique - Espace dédié à la transmission du savoir et à l'innovation pour les nouvelles générations : - Calendrier mensuel du **Café Scientifique** tenu au siège de l'association (débats sur l'IA, climat, neurosciences, transition énergétique). - Section du **Festival des Sciences** annuel et du **Youth Innovation Lab** (hackathons, vulgarisation pour lycéens et étudiants). ### 3.6. Module d'Adhésion & Formulaire de Contact - Formulaire conforme aux normes de sécurité (protection anti-spam invisible Turnstile / reCAPTCHA v3). - Notification automatique par email au secrétariat général de l'Association à Rabat-Souissi. - Traitement différencié des demandes : Candidature citoyenne, Proposition de conférence, Demande presse, Partenariat Festival, Adhésion Club Scientifique. --- ## 4. Spécifications Ergonomiques & Charte Graphique | Élément | Spécification retenue | | :--- | :--- | | **Couleur Primaire** | Bleu Royal Majorelle (`#0A2342` / `#07162C`) | | **Couleur Secondaire** | Or Patiné & Bronze Impérial (`#C5A059` / `#9D7C36`) | | **Couleur d'Accent** | Vert Émeraude Institutionnel (`#14634D`) | | **Fond & Surfaces** | Blanc Albâtre (`#FFFFFF`) et Gris Perle (`#F8F9FA`) | | **Typographie Titres (Latin)** | *Cinzel* / Serif classique d'autorité | | **Typographie Corps (Latin)** | *Plus Jakarta Sans* / Lisibilité optimale écran | | **Typographie Arabe** | *Amiri* / Calligraphie harmonieuse pour les textes institutionnels | | **Responsive Design** | 100% responsive fluide (Mobile 375px, Tablette 768px, Desktop 1440px+) | --- ## 5. Référencement Naturel (SEO) & Visibilité 1. **Titrage et Métadonnées** : - Chaque page doit comporter une balise `` personnalisée intégrant la marque et les mots-clés : `[Nom de la Page] | Association Ribat Al Fath pour le Développement Durable` - Balises `<meta name="description">` rédigées pour chaque événement. 2. **Balises Sociales Open Graph** : - Génération automatique des métadonnées `og:image` avec le blason officiel et les visuels de Rabat. 3. **Plan de Site XML & Indexation** : - Génération d'un `sitemap.xml` propre et soumission à Google Search Console pour indexer immédiatement les contenus (actuellement 0 page indexée). 4. **URLs Propres** : - Format canonique : `https://www.ribat-alfath.org/fr/florilege-culturel` (suppression des identifiants numériques bruts Odoo). --- ## 6. Sécurité, Conformité Légale & CNDP - **Conformité Loi 09-08 (Maroc)** : Mention légale sur la protection des données personnelles pour tout formulaire de contact ou d'adhésion. - **Certificat SSL / HTTPS** : Chiffrement TLS 1.3 obligatoire sur l'ensemble du domaine. - **Sauvegardes Automatiques** : Snapshot quotidien de la base de données et des archives PDF stocké sur un serveur distant sécurisé. --- ## 7. Modalités de Recette & Validation La validation finale du déploiement sera prononcée par M. le Président Abdelkrim Bennani sur présentation du site en ligne, en comparaison directe avec le présent prototype hors-ligne.