M201 – Préparation d’un projet web

2.Equipe de lecture: Mme Soukaina LAOUIJA : Formatrice Animatrice en CDC Digital & IA Mme Ghizlane EL KHATTABI : Formatrice Animatrice en CDC Digital & IA

Appréhender le cycle de vie d’un projet web Modéliser les besoins client par un diagramme de cas d’utilisation Modéliser les données du projet par un diagramme de classes Modéliser les interactions d’objets d’un système à l’aide d’un diagramme de séquence Elaborer des diagrammes UML à l’aide d’un outil de modélisation

2. Représenter la vue dynamique d’un système Décrire les changements d’états d’objets à l’aide d’un diagramme d’état transition Décrire le comportement d’un système à l’aide d’un diagramme d’activités

3. Créer une maquette pour le développement web Comprendre les principes de la conception de l'expérience et l’interface utilisateur Structurer un wireframe sur papier Construire un wireframe avec Figma Créer une première maquette avec Figma

4. Préparer l’environnement de développement web Appréhender l’environnement de développement web Choisir les Frameworks de développement web

DES CONTENUS TÉLÉCHARGEABLES Les fiches de résumés ou des exercices sont téléchargeables sur WebForce Life

DU CONTENU INTERACTIF Vous disposez de contenus interactifs sous forme d’exercices et de cours à utiliser sur WebForce Life

DES RESSOURCES EN LIGNES Les ressources sont consultables en synchrone et en asynchrone pour s’adapter au rythme de l’apprentissage

CHAPITRE 1 Appréhender le cycle de vie d’un projet web Ce que vous allez apprendre dans ce chapitre :

❑ La conception d’applications web est devenue incontournable à l’équivalent des projets « classiques ». conception vise à répondre à certaines questions :

• Que vient faire l’internaute sur le site ? Quelles informations s’attend-il à trouver ? • Comment ces informations sont-elles structurées, reliées entre elles, mises à jour ?

• Comment garantir que les choix de réalisation de l’application web sont bien adaptés aux objectifs de l’utilisateur ?