Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

DOSSIER PROFESSIONNEL (DP)  1 Nom de naissance CIOBANU Nom d’usage  Ciobanu

DOSSIER PROFESSIONNEL (DP)  1 Nom de naissance CIOBANU Nom d’usage  Ciobanu Prénom  Vladislav Adresse  15 rue du Général Faidherbe, 94130 Nogent sur Marne  Titre professionnel visé Développeur web et web mobile MODALITE D’ACCES : ☒ Parcours de formation ☐ Validation des Acquis de l’Expérience (VAE) DOSSIER PROFESSIONNEL (DP)  2 Présentation du dossier Le dossier professionnel (DP) constitue un élément du système de validation du titre professionnel. Ce titre est délivré par le Ministère chargé de l’emploi. Le DP appartient au candidat. Il le conserve, l’actualise durant son parcours et le présente obligatoirement à chaque session d’examen. Pour rédiger le DP, le candidat peut être aidé par un formateur ou par un accompagnateur VAE. Il est consulté par le jury au moment de la session d’examen. Pour prendre sa décision, le jury dispose : 1. des résultats de la mise en situation professionnelle complétés, éventuellement, du questionnaire professionnel ou de l’entretien professionnel ou de l’entretien technique ou du questionnement à partir de productions. 2. du Dossier Professionnel (DP) dans lequel le candidat a consigné les preuves de sa pratique professionnelle 3. des résultats des évaluations passées en cours de formation lorsque le candidat évalué est issu d’un parcours de formation 4. de l’entretien final (dans le cadre de la session titre). [Arrêté du 22 décembre 2015, relatif aux conditions de délivrance des titres professionnels du ministère chargé de l’Emploi] Ce dossier comporte :  pour chaque activité-type du titre visé, un à trois exemples de pratique professionnelle ;  un tableau à renseigner si le candidat souhaite porter à la connaissance du jury la détention d’un titre, d’un diplôme, d’un certificat de qualification professionnelle (CQP) ou des attestations de formation ;  une déclaration sur l’honneur à compléter et à signer ;  des documents illustrant la pratique professionnelle du candidat (facultatif)  des annexes, si nécessaire. Pour compléter ce dossier, le candidat dispose d’un site web en accès libre sur le site.  http://travail-emploi.gouv.fr/titres-professionnels DOSSIER PROFESSIONNEL (DP)  3 Sommaire Exemples de pratique professionnelle Intitulé de l’activité-type n° 1 Développer la partie front-end d’une application web en intégrant les recommandations de sécurité (Projet n°1 – Projet fait en formation) p. 6  Présentation du projet ....................................................................................................................... p. p. 6  Gestion du projet ................................................................................................................................ p. p. 6  La rédaction d’un cahier des charges .................................................................................................. p p. 7  L’arborescence du site et le wireframe ................................................................................................ p. p. 9  Maquetter une application .................................................................................................................. p. p. 9  Réaliser une interface utilisateur web statique et adaptable ............................................................ p. p. 11  Développer une interface utilisateur web dynamique ...................................................................... p. p. 12  La phase de tests .................................................................................................................................. p. p. 13 Intitulé de l’activité-type n° 2 Développer la partie back-end d’une application web en intégrant les recommandations de sécurité (Projet n°1 – Projet fait en formation) p. 15  Etablir les besoins ................................................................................................................................. p. p. 15  Conception et création d’une base de données ................................................................................ p. p. 15  L’architecture MVC et la Programmation Orientée Objet .................................................................... p p. 16  Développer les composants d’accès aux données ................................................................................ p p. 17  Développer la partie back-end d’une application web ......................................................................... p p. 18  La cybersécurité .................................................................................................................................... p p. 23  La cybersécurité .................................................................................................................................... p p. 23 DOSSIER PROFESSIONNEL (DP)  4 Titres, diplômes, CQP, attestations de formation (facultatif) p. Déclaration sur l’honneur p. 27 Documents illustrant la pratique professionnelle (facultatif) p. Annexes (Si le RC le prévoit) p. 29 DOSSIER PROFESSIONNEL (DP)  5 EXEMPLES DE PRATIQUE PROFESSIONNELLE DOSSIER PROFESSIONNEL (DP)  6 Activité-type 1 Développer la partie front-end d’une application web en intégrant les recommandations de sécurité Exemple n°1  Projet n°1 – Projet fait en formation 1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions : Présentation du projet (vue globale) C’est dans le cadre de ma formation à l’AFPA Créteil et durant la période de stage, j’ai préparé le projet d’un site web pour un blog des articles de textes et images. Dans le but de mieux maitriser les langages de programmation (PHP, JavaScript,) on a décidé avec mon formateur Mr Harouna KANE de faire un projet web. Le projet se décompose en plusieurs étapes :  La mise en place d’un cahier de charges  La visualisation du projet avec le zoning et les maquettes  La rédaction des spécifications techniques et fonctionnelles  Le développement web  La phase de test  Les évolutions potentielles. Il s’agit d’un blog pour présenter l’activité d’une association sportive.  Société : Chess Team Nogent sur Marne.  Projet : Diffuser les articles des membres de l’association.  Sujet : Création d’un site web dynamique en HTML, CSS, PHP, JavaScript.  Contexte : Une association des joueurs d’échecs.  Raison Sociale : Chess Team.  Adresse : 15 rue Général Faidherbe, 94130 Nogent sur Marne, France.  Mission : L’association rassemble les joueurs d’échecs de tout âge.  Objectifs : Créer un site web moderne et fonctionnel. Gestion du projet Dans le cadre de la gestion du projet, j’ai participé aux réunions d’avancement hebdomadaires avec mon formateur. J’ai présenté mon travail et récupéré toutes les remarques et demandes d’évolutions qui m’ont été faites à chaque étape du projet : o Consultation et cadrage o Conception graphique et fonctionnelle o Intégration HTML/CSS o Développement et interactivité o Contenu éditorial DOSSIER PROFESSIONNEL (DP)  7 La rédaction d’un cahier des charges fonctionnel J’ai été en charge de la réalisation d’un cahier des charges fonctionnel et technique.  Les contraintes d’accessibilité : Le site web doit être conforme aux exigences et aux recommandations de WCAG, niveau A et fournir un contenu : perceptible, utilisable, compréhensible et robuste.  Les attentes en termes de référencement naturel :  La sélection des mots-clés, d’un champ lexical différent et une sémantique de mots différente.  L’optimisation pour les mobiles, le responsive web design.  Améliorer l’expérience utilisateur avec la conception « mobile first » en élaborant une interface ergonomique.  L’utilisation des balises méta pour montrer les détails du site : la langue française, l’encodage utf-8, titre, description et l'auteur de l’article du blog, etc.  La présence sur les réseaux sociaux : Facebook, Twitter, Instagram, Youtube.  Autres contraintes globales.  Champs demandés obligatoirement o Login : minimum 6, maximum 10 lettres (userName) o E-mail: maximum 20 lettres (email) o Mot de passe : minimum 6, maximum 10 lettres (password) o Images catégorie, article, internaute : taille maximum 2 Mo  Présentation des différents publics. Le site s’adresse à toutes les personnes passionnées de jeux d’échecs ou ceux qui veulent apprendre. L’application permet de gérer 3 profils (Administrateur, Membre, Visiteur). Chaque profil aura des droits spécifiques. Ces droits sont définis de manière fixe et ne sont pas configurables. (voir Annexe, Tableau 1)  L’arborescence des pages du site web.  Le site doit avoir un dispositif de navigation simple et intuitif.  Un menu secondaire apparait au survol du menu principal.  Pied de page, avec un accès aux principales catégories du site et à des pages clés. 1. Les spécifications du projet.  Les spécifications fonctionnelles. DOSSIER PROFESSIONNEL (DP)  8 o Responsive design du site. o Le menu de navigation sera disposé en hauteur plutôt qu’en largeur, les liens seront écrits en plus petit et on va retirer la bordure en bas des liens lors du survol, car elle est moins adaptée à cette disposition. Menu burger. o La bannière sera supprimée, car elle prend beaucoup de place et n’apporte pas beaucoup d’informations. o Afficher verticalement des sections, articles, etc. au lieu de les afficher côte à côte horizontalement. Ce type de disposition « de haut en bas » est plus adapté aux petits écrans. o Le logo de l’Association sera placé en haut à gauche de la page. o Les pages sont regroupées par familles thématiques. Pour cela on utilise un « template » ou gabarit pour :  Les pages d’accueil, lister les catégories, les articles et les commentaires.  Les formulaires d’inscription, connexion.  Les pages des questions et mentions légales (on utilise le « framework Bootstrap »). La liste des catégories s’affiche au survol de la souris, dans la barre de navigation. Le menu « accordéon » contient l’adresse de l’association, les liens sur les réseaux sociaux, CGU. Si c’est un membre connecté, on lui affiche le bouton de déconnexion, si non, c’est un lien vers https://chess.com. Sur la page d’accueil ( template Accueil) se trouve : o Un « slider » d’images avec un effet carrousel. Il contient des images, les titres des articles les plus récentes, ainsi que leurs descriptions. o Un bloc de page avec le top article. o Une section avec les actualités et les informations du site. Pour les membres et les visiteurs, la page Catégorie (template Formulaire ) contient la liste des catégories des articles, ainsi que deux sections avec les top articles et les actualités du site. Pour les administrateurs cette page affiche la liste des catégories et le formulaire uploads/s1/ dossier-professionnel-afpa-cvi-08-12-2019 1 .pdf