Journée 7

Un dossier de conception fonctionnelle (DCF) est un document essentiel qui détaille les spécifications et les exigences d’un projet web pour que les développeurs puissent les implémenter. Voici un exemple de structure pour un tel dossier destiné à la création d’un site :

Dossier de Conception Fonctionnelle (DCF)

1. Introduction

• Objectif du projet : Décrire l’objectif principal du site (par exemple, un site e-commerce, un site institutionnel, une application web).
• Contexte : Résumer pourquoi ce projet est réalisé et pour quel public cible.
• Portée du projet : Ce que le site couvrira et ce qui sera hors du champ d’application.

2. Architecture globale

• Arborescence du site :
  • Présentation de la structure des pages principales (ex. Accueil, À propos, Produits, Contact).
  • Un schéma ou un diagramme peut être ajouté ici.

3. Description des fonctionnalités

Pour chaque fonctionnalité :

• Nom de la fonctionnalité : (ex. Formulaire de contact)
• Description : Objectif et détails.
• Utilisateur concerné : (ex. Visiteur, administrateur)
• Parcours utilisateur :
  • Décrire pas à pas comment l’utilisateur interagit avec la fonctionnalité.
• Résultats attendus :
  • Par exemple : envoi d’un email, ajout au panier, redirection.

Exemple : Formulaire de contact

• Nom : Formulaire de contact
• Description : Permet à un utilisateur de nous envoyer un message via le site.
• Utilisateur concerné : Visiteur
• Parcours :
  1. Le visiteur remplit les champs (Nom, Email, Message).
  2. Le visiteur clique sur « Envoyer ».
  3. Un message de confirmation s’affiche.
• Résultat attendu :
  • Le message est envoyé à une adresse email prédéfinie.
  • Un email de confirmation est envoyé au visiteur.

4. Maquettes

Inclure des liens ou captures d’écran des maquettes réalisées :

• Maquette desktop
• Maquette mobile
• Éléments spécifiques (boutons, menus, sliders)

Si possible, fournir des spécifications supplémentaires comme les dimensions, marges et proportions des éléments.

5. Spécifications techniques

• Technologies à utiliser : Langages, frameworks, bibliothèques.
• Compatibilité : Navigateurs, versions, appareils.
• Performances attendues : Temps de chargement, SEO, accessibilité.
• Gestion des données :
  • Base de données (tables, relations principales).
  • API (si nécessaire) : endpoints à intégrer.

6. Charte graphique

• Palette de couleurs : Hex codes ou noms des couleurs.
• Typographie : Polices, tailles, espacements.
• Style des éléments : Boutons, formulaires, icônes.

7. Scénarios de test

• Décrire comment tester les fonctionnalités développées :
  • Exemple : Tester la soumission d’un formulaire avec des données valides et invalides.
• Critères de validation.

8. Planning

• Étapes de développement :
  • Sprint 1 : Mise en place de la structure de base.
  • Sprint 2 : Intégration des fonctionnalités principales.
  • Sprint 3 : Tests et corrections.
• Dates importantes : Début, livraison intermédiaire, deadline finale.

9. Annexes

• Glossaire : Définitions des termes spécifiques.
• Ressources : Liens vers des assets, bibliothèques ou outils recommandés.
• Documents complémentaires : Par exemple, cahier des charges.

Avec un tel dossier, les développeurs ont une vision claire de ce qui doit être créé et comment les différentes parties du site doivent interagir. Ce type de document peut être enrichi en fonction des besoins spécifiques du projet.