Créer un site internet basique

Ce document a pour objectif de définir les spécifications fonctionnelles et techniques pour la création d’un site internet générique. L’objectif est de permettre la compréhension du fonctionnement d’un site web complet incluant la navigation par thèmes, catégories et rubriques, ainsi qu’un back office pour la gestion et le suivi statistique. Le site devra également être conçu en tant que Progressive Web App (PWA) pour optimiser son accès depuis les smartphones.

2. Objectifs du Projet
Compréhension fonctionnelle : Apprendre à structurer et développer un site web avec une navigation multi-niveaux.
Interface utilisateur : Créer une interface claire et intuitive pour la consultation et la gestion des contenus. <br />Gestion administrative : Offrir un back office permettant d’ajouter, modifier et supprimer les contenus ainsi que de suivre les statistiques d’utilisation.
Accessibilité mobile : Développer le site sous forme de PWA pour une expérience utilisateur optimisée sur mobile.
3. Spécifications Fonctionnelles
3.1. Page d’Accueil
Contenu :
Affichage d’un logo.
Présentation du titre du site.
Boutons de navigation principaux : Thèmes, Accueil et Admin.
Navigation :
Le bouton Thèmes redirige vers les pages listant les différents thèmes proposés.
3.2. Gestion des Thèmes
Présentation :
Chaque thème est affiché avec un titre et un logo ou une photo.
Un menu de navigation permet d’accéder aux différentes catégories associées.
Fonctionnalité :
La sélection d’un thème conduit à l’affichage des catégories correspondantes.
3.3. Gestion des Catégories
Fonctionnalité :
Les catégories peuvent renvoyer soit vers une page externe (via un lien) soit vers une rubrique interne.
Présentation :
Chaque catégorie dispose d’un titre et d’une image ou d’un logo.
3.4. Gestion des Rubriques
Contenu :
Titre de la rubrique.
Affichage d’un logo ou d’une image.
Description textuelle.
Un lien redirigeant vers une page externe (URL).
Navigation :
La rubrique constitue la dernière étape de navigation avant l’accès au contenu externe.
3.5. Back Office
Fonctionnalités de Gestion :
Thèmes, Catégories et Rubriques : Ajout, modification et suppression.
Statistiques :
Suivi du nombre de visites et de clics sur les liens.
Statistiques déclinées par jour, semaine et mois.
Possibilité de réaliser des comparatifs pour évaluer la performance du site.
3.6. Progressive Web App (PWA)
Objectif :
Assurer l’accessibilité du site sur mobile.
Fonctionnalités :
Installation possible sur smartphone.
Fonctionnement en mode hors ligne partiel.
Optimisation de l’affichage et des interactions pour les écrans tactiles.
4. Spécifications Techniques
4.1. Technologies Front-End
Langages : HTML5, CSS3 et JavaScript.
Frameworks / Bibliothèques (optionnels) :
Frameworks modernes tels que React, Vue.js ou Angular pour une meilleure gestion des composants et de l’état de l’application.
4.2. Technologies Back-End
Langages : PHP, Node.js, Python, ou autre selon les préférences et compétences de l’équipe.
Base de données : MySQL, PostgreSQL ou toute autre solution de gestion de bases relationnelles.
API : Mise en place d’API REST pour faciliter les échanges entre le front-end et le back office.
4.3. Sécurité
Protocoles : Utilisation d’un certificat SSL/TLS pour sécuriser les échanges.
Mesures complémentaires : Protection contre les injections SQL, mise en place de pare-feu applicatifs et vérification régulière des vulnérabilités.
4.4. Performance et Ergonomie
Optimisation :
Chargement rapide des pages.
Responsive design adapté aux différents supports (desktop, tablette, mobile).
Accessibilité :
Conformité aux normes d’accessibilité (WCAG) pour garantir l’accès au plus grand nombre d’utilisateurs.
5. Architecture et Déploiement
5.1. Structure du Site
Front-End : Organisation en modules pour les pages d’accueil, thèmes, catégories, rubriques et back office.
Back-End : Serveur d’application gérant la logique métier et la communication avec la base de données.
PWA : Intégration d’un manifest et d’un service worker pour permettre les fonctionnalités d’installation et de fonctionnement hors ligne.
5.2. Environnement de Développement et de Production
Développement : Environnement local avec outils de versioning (Git) et de déploiement continu.
Production : Serveur hébergé avec une infrastructure scalable pour gérer la montée en charge et garantir la disponibilité du site.
6. Livrables
Code source complet du site et du back office.
Documentation technique détaillée (architecture, installation, configuration).
Documentation utilisateur pour la gestion du back office.
Rapports de tests et validation fonctionnelle avant mise en production.
Déploiement et mise en place de la PWA.