1/14

📄 Dossier de Projet DWWM

Guide conforme au Référentiel d'Évaluation

Titre Professionnel Développeur Web et Web Mobile

RE TP-01280 - Version 04 - 02/07/2024

🎯 Objectif du dossier

Démontrer la maîtrise des 6 compétences obligatoires à travers un projet concret couvrant le front-end et le back-end.

📊 Contraintes officielles RE

30-50 pages (hors page de garde, sommaire et annexes) • Annexes : 30 pages maximum • Support : Présentation diaporama (35min)

2/14

🎯 Compétences évaluées par le dossier

Selon le RE officiel - Page 4 : Modalités d'évaluation des compétences

✅ Compétences OBLIGATOIRES dans le dossier de projet

Maquetter des interfaces utilisateur web ou web mobile
Réaliser des interfaces utilisateur statiques web ou web mobile
Développer la partie dynamique des interfaces utilisateur web ou web mobile
Mettre en place une base de données relationnelle
Développer des composants d'accès aux données SQL et NoSQL
Développer des composants métier côté serveur

⭐ Compétences évaluées par ENTRETIEN TECHNIQUE

Installer et configurer son environnement de travail
Documenter le déploiement d'une application dynamique

Ces compétences peuvent être présentes dans le dossier (bonus) mais seront évaluées par questionnement complémentaire

3/14

📚 Structure OFFICIELLE du dossier selon le RE

Plan imposé par le RE - Pages 5-6 : "Le dossier suit le plan suivant"

📋 Structure pour projet EN ENTREPRISE

1. Liste des compétences couvertes

2. Contexte du projet

3. Réalisations front-end

4. Réalisations back-end

5. Annexes (30 pages max)

🎓 Structure pour projet EN FORMATION

1. Liste des compétences mises en œuvre

2. Expression des besoins du projet

3. Environnement technique

4. Réalisations permettant la mise en œuvre des compétences

📊 Contraintes de volume

Corps du dossier : 30 à 50 pages maximum (schémas et illustrations compris)
Hors : page de garde, sommaire et annexes
Annexes : 30 pages maximum
Format : Dossier imprimé obligatoire

4/14

📋 Section 1 : Liste des compétences du référentiel couvertes

📄 Exigence RE (première section obligatoire)

"La liste des compétences du référentiel couvertes par le projet"

🎯 Contenu obligatoire

Tableau de correspondance explicite entre votre projet et les 6 compétences obligatoires :

Compétence du référentiel	Éléments de démonstration dans le projet
Maquetter des interfaces utilisateur	Wireframes, mockups, charte graphique...
Réaliser des interfaces statiques	HTML5, CSS3, responsive design...
...	...

💡 Conseil pratique

Cette section fait le lien direct entre votre projet et le référentiel. Elle permet au jury de voir immédiatement quelles compétences sont démontrées et où les trouver dans votre dossier.

5/14

🏢 Section 2 : Contexte du projet

📄 Exigences RE (section 2 obligatoire)

"Le contexte du projet" comprenant 4 sous-sections imposées :

🏢 Présentation de l'entreprise et du service

Raison sociale et activité
Taille de l'entreprise
Service/département d'accueil
Équipe projet et votre rôle
Organisation et méthodes

📝 Cahier des charges ou expression des besoins

Problématique à résoudre
Objectifs fonctionnels
Cible utilisateurs
Périmètre du projet
Spécifications détaillées

⚠️ Contraintes du projet, livrables attendus

Contraintes techniques
Contraintes temporelles
Contraintes budgétaires
Livrables définis
Critères d'acceptation

🔧 Environnement humain et technique, objectifs qualité

Équipe et interlocuteurs
Architecture technique existante
Technologies imposées
Standards qualité entreprise
Processus et méthodologie

💡 Pour les projets de formation

Adaptez en décrivant le contexte pédagogique, l'expression des besoins que vous avez formulée, et l'environnement technique de formation.

6/14

🎨 Section 3 : Réalisations côté front-end

📄 Exigence RE (section 3 obligatoire)

"Les réalisations du candidat comportant les éléments les plus significatifs côté front-end, les arguments qui ont conduit à ses choix, y compris pour la sécurité"

🎨 Maquettes et conception (Compétence 1)

Présentation de maquettes de l'application
Adaptation web et adaptation web mobile
Schéma de l'enchaînement des maquettes
Justification des choix UX/UI
Respect de l'accessibilité

📱 Interfaces utilisateur (Compétences 2 & 3)

Captures d'écran d'interfaces utilisateur
Adaptation web et web mobile
Extraits de code d'interfaces statiques
Extraits de code de la partie dynamique
Technologies utilisées et justifications

🔒 Éléments de sécurité OBLIGATOIRES

Le RE impose la "présentation d'éléments de sécurité de l'application" :

Protection contre les attaques XSS
Validation et sanitisation des inputs
Sécurisation des formulaires
Gestion sécurisée des sessions côté client
Content Security Policy (CSP)

⚠️ Attention : Justifier tous les choix

Le RE insiste sur "les arguments qui ont conduit à ses choix". Ne pas juste décrire, mais expliquer pourquoi vous avez fait ces choix techniques.

7/14

⚙️ Section 4 : Réalisations côté back-end

📄 Exigence RE (section 4 obligatoire)

"Les réalisations du candidat comportant les éléments les plus significatifs côté back-end, les arguments qui ont conduit à ses choix, y compris pour la sécurité"

🗄️ Base de données (Compétence 4)

Schéma conceptuel avec données et relations
Schéma physique détaillé
Script de création ou de modification
Justification de la structure
Optimisations et contraintes

⚙️ Composants serveur (Compétences 5 & 6)

Extraits de code de composants métier
Extraits de code de composants d'accès aux données
Architecture des services
Patterns utilisés (Repository, Service...)
Gestion des erreurs et exceptions

🔒 Sécurité back-end OBLIGATOIRE

Le RE impose la "présentation d'éléments de sécurité de l'application" :

Protection contre l'injection SQL
Hashage et sécurisation des mots de passe
Gestion sécurisée des sessions
Validation des données côté serveur
Autorisation et authentification
Chiffrement des données sensibles

💡 Focus sur les extraits significatifs

Le RE demande "les éléments les plus significatifs". Choisissez les portions de code qui démontrent le mieux votre maîtrise technique et vos choix d'architecture.

8/14

🧪 Section 5 : Tests et validation

📄 Exigence RE (sous-section obligatoire)

"La présentation d'un jeu d'essai élaboré par le candidat de la fonctionnalité la plus représentative (données en entrée, données attendues, données obtenues) et analyse des écarts éventuels"

🎯 Jeu d'essai de la fonctionnalité représentative

Données en entrée - Inputs de test
Données attendues - Résultats espérés
Données obtenues - Résultats réels
Analyse des écarts - Différences et corrections
Protocole de test suivi

🔍 Tests complémentaires

Tests de sécurité réalisés
Tests de compatibilité navigateurs
Tests responsive design
Tests d'accessibilité
Tests de performance
Validation W3C

📊 Format recommandé pour le jeu d'essai

Test	Données entrée	Résultat attendu	Résultat obtenu	Statut
Connexion utilisateur	Email + mot de passe	Redirection dashboard	Redirection OK	✅ Validé

9/14

🔍 Section 6 : Veille sur les vulnérabilités de sécurité

📄 Exigence RE (section obligatoire)

"La description de la veille, effectuée par le candidat durant le projet, sur les vulnérabilités de sécurité, description des vulnérabilités éventuellement trouvées et des failles potentiellement corrigées"

🔍 Démarche de veille mise en place

Sources consultées - Sites spécialisés, CVE, OWASP
Fréquence - Rythme de la veille
Technologies surveillées - PHP, JavaScript, frameworks
Outils utilisés - Alertes, newsletters, blogs
Documentation - Comment vous organisez l'information

⚠️ Vulnérabilités identifiées et actions

Vulnérabilités trouvées - Dans votre contexte projet
Impact évalué - Risques pour l'application
Failles corrigées - Actions concrètes menées
Mesures préventives - Bonnes pratiques appliquées
Tests de sécurité - Vérifications effectuées

📚 Exemples de sources de veille

OWASP Top 10 - Principales vulnérabilités web
CVE Database - Base de données des vulnérabilités
Security advisories - PHP, Symfony, npm
Blogs spécialisés - Security research, pentesting
Documentation officielle - Mise à jour sécurité

💡 Conseil pratique

Documentez des exemples concrets : une vulnérabilité découverte dans une dépendance, une faille corrigée dans votre code, une bonne pratique appliquée suite à votre veille.

10/14

📎 Annexes (30 pages maximum)

📄 Contenu des annexes selon le RE

"Les annexes comportent les éléments de la fonctionnalité la plus représentative d'un projet en entreprise, côté front-end et back-end"

🎨 Annexe A : Éléments front-end

Maquettes des interfaces utilisateur
Captures d'écran des interfaces (web et mobile)
Code des interfaces statiques - Extraits significatifs
Code de la partie dynamique - Extraits significatifs
Wireframes détaillés

⚙️ Annexe B : Éléments back-end

Code de composants métier les plus significatifs
Code de composants d'accès aux données les plus significatifs
Scripts SQL complets
Configuration serveur
Documentation API

⚠️ Règles strictes pour les annexes

30 pages maximum - Limite imposée par le RE
Fonctionnalité représentative - Pas tout le code, mais le plus significatif
Code commenté - Explications et documentation
Référencement obligatoire - Chaque annexe citée dans le texte principal
Qualité des captures - Lisibles et pertinentes

💡 Organisation recommandée

Annexe A : Front-end (15 pages) • Annexe B : Back-end (15 pages). Privilégiez la qualité à la quantité !

11/14

📊 Support de présentation (diaporama)

📄 Plan de présentation selon le RE (page 7)

"Pour les projets réalisés pendant une période en entreprise, la présentation suit le plan suivant"

🏢 Contexte (3-4 diapositives)

Présentation entreprise et service (1-2 diapos)
Expression des besoins du projet
Contraintes, livrables attendus
Environnement humain et technique

🎨 Réalisations front-end (6-8 diapos)

Maquettes de l'application (1-2 maquettes)
Schéma d'enchaînement des maquettes
Captures d'écran interfaces (1-2 interfaces)
Extraits code interfaces statiques (1-2)
Extraits code partie dynamique (1-2)

⚙️ Réalisations back-end (6-8 diapos)

Base de données (schéma conceptuel, physique)
Extraits code composants métier (1-2)
Extraits code accès données (1-2)
Éléments de sécurité application
Jeu d'essai fonctionnalité représentative

🔍 Veille et conclusion (3-4 diapos)

Veille vulnérabilités sécurité (1-2 diapos)
Synthèse et conclusion
Satisfactions et difficultés rencontrées
Questions du jury

⏱️ Contraintes de temps

35 minutes de présentation • 18-20 diapositives maximum • Argumentation obligatoire des choix techniques

12/14

✅ Critères d'évaluation du jury

📄 Critères officiels du RE (pages 9-12)

Le jury évalue selon des critères précis définis dans le référentiel

🎨 Évaluation Front-end

Conformité aux maquettes et dossier conception
Expérience utilisateur et accessibilité
Sécurité - Recommandations respectées
Adaptation - Responsive, mobile
Publication - Référencement, visibilité
Tests - Fonctionnels et sécurité

⚙️ Évaluation Back-end

Base de données - Conformité, sécurité
Composants - Fonctionnalités, sécurisation
Code quality - POO, normes, documentation
Tests - Jeux d'essai, unitaires
Sécurité - Intégrité, confidentialité
Résolution - Démarche structurée

🎯 Compétences transversales évaluées

Communication - En français et en anglais (niveau B1)
Résolution de problème - Démarche structurée
Apprentissage continu - Veille, adaptation
Documentation - Code, procédures

💡 Points clés pour réussir

Argumentation des choix • Sécurité intégrée • Tests documentés • Veille démontrée • Vision globale du métier

13/14

✅ Checklist de conformité RE

📏 Contraintes formelles RE

30-50 pages respectées (hors garde/sommaire/annexes)

Annexes ≤ 30 pages maximum

Dossier imprimé préparé

Support diaporama réalisé

Plan RE respecté pour projet entreprise/formation

🎯 Contenu technique obligatoire

Liste compétences couvertes (section 1)

Contexte projet complet (section 2)

Réalisations front-end + sécurité (section 3)

Réalisations back-end + sécurité (section 4)

Jeu d'essai fonctionnalité représentative

Veille sécurité documentée

🔒 Éléments sécurité OBLIGATOIRES

Sécurité front-end démontrée

Sécurité back-end démontrée

Veille vulnérabilités effectuée

Failles identifiées et corrigées

Tests de sécurité réalisés

📊 Annexes conformes RE

Fonctionnalité représentative choisie

Maquettes interfaces utilisateur

Captures écran + code front-end

Code composants métier significatifs

Code composants accès données significatifs

Toutes annexes référencées dans le texte

⏰ Préparation soutenance

35min présentation • Plan RE respecté • 40min entretien technique • Argumentation choix préparée • Introduction anglais répétée

14/14

🎯 Réussir avec le RE officiel

✅ Points forts du RE

Structure claire - Plan imposé et précis
Critères explicites - Évaluation transparente
Sécurité centrale - Compétence transversale
Professionnalisation - Contexte entreprise valorisé
Veille obligatoire - Apprentissage continu

⚠️ Pièges à éviter

Hors sujet - Ne pas respecter le plan RE
Description pure - Oublier l'argumentation
Sécurité négligée - Élément obligatoire
Veille superficielle - Doit être concrète
Tests insuffisants - Jeu d'essai obligatoire

🚀 Technologies à valoriser selon le RE

Front-end : HTML5, CSS3, JavaScript, Responsive, Accessibilité

Back-end : PHP, Base données relationnelle, Composants sécurisés, Tests

Sécurité : XSS, Injection SQL, CSRF, Authentification • Qualité : POO, Documentation, Tests

📋 Le RE 2023 : Votre référence absolue

Ce guide suit exactement le Référentiel d'Évaluation officiel TP-01280-04. Respecter cette structure garantit votre conformité aux attentes du jury.

Plan imposé • Critères définis • Sécurité obligatoire • Réussite assurée

🎓 Suivez le RE, réussissez votre DWWM !

Un dossier conforme au RE démontre votre rigueur professionnelle et votre maîtrise du métier de développeur