Titre DWWM

LISTE DES COMPÉTENCES DU RÉFÉRENTIEL

I. Développer la partie front-end d’une application web ou web mobile en intégrant les recommandations de sécurité Installer et configurer son environnement de travail en fonction du projet web ou web mobile 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 II. Développer la partie back-end d’une application web ou web mobile en intégrant les recommandations de sécurité 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 coté serveur Documenter le déploiement d’une application dynamique web ou web mobile

Start

DEVELOPPEUSE WEB & WEB MOBILE

TITRE RNCP 37674BC01

• Création de ma base de données MySQL
• Back-end Java SpringBoot
• Front-end Nuxt.js

Réalisations

• Use Case
• Maquettes
• Gestion du temps

Spécifications fonctionnelles

• diagramme de classe
• stack technique

Spécifications techniques

• Contexte du projet
• Utilisateurs
• User Stories

Cahier des charges ou expressions des besoins de l’application à développer

Sommaire

Context du projet

Site de e-commerce spécialisé dans la vente de robe

User Stories

Se mettre a la place du client et comprendre ses besoins en fonction de son statut sur le site.

Utilisateurs

3 utilisateurs identifiés:- le visiteur -l'utilisateur connecté -l'administrateur du site

Contexte du projet & Utilisateurs & Users Stories

Cahier des charges ou expressions des besoins de l’application à développer

Use Case

Spécifications fonctionnelles

Maquettes & Wireframe

Spécifications fonctionnelles

Gestion du temps

Spécifications fonctionnelles

Diagramme de classe

Spécifications techniques

Front-end

Api Rest

Back-end

Stack technique

Spécifications techniques

APPLICATION PROGRAMMING INTERFACE

Front-end

Api Rest

Back-end

Stack technique

Spécifications techniques

Framework

des modules intégrés (authentification, gestion d'état, etc.) et des options prêtes à l'emploi

il faut ajouter et configurer plusieurs bibliothèques soi-même,

Fonctionnalités

Grâce au SSR, les pages sont souvent chargées plus rapidement

Vue dépend du navigateur pour tout charger, donc le chargement initial peut être plus lent

Chargement des pages

referencement possible page visible depuis le navigateur

pas de referencement => page/html "vide"

Referencement

nom des fichier dans pages = routes

configurer les routes via un fichier

Routes

Front-end

Api Rest

Back-end

Stack technique

Spécifications techniques

Créer les entités Retranscription du diagramme de classe en SQL Insert into enregistrer des données par defauts dans la base de données

Création de ma base de données MySQL

Réalisation

~ ENTITÉ

Back-end JAVA, SpringBoot

Réalisation

~ REPOSITORY

Back-end JAVA, SpringBoot

Réalisation

~ CONTROLLER

Back-end JAVA, SpringBoot

Réalisation

~ TEST D'INTEGRATION

Back-end JAVA, SpringBoot

Réalisation

~ TEST FONCTIONNEL

Back-end JAVA, SpringBoot

Réalisation

~AUTHENTIFICATION

Back-end JAVA, SpringBoot

Réalisation

Front-end Nuxt.js

Réalisation

~ Pages & Components

Front-end Nuxt.js

Réalisation

~source : https://entreprendre.service-public.fr/

25 mai 2018

‘Le responsable du traitement doit garantir des droits aux personnes dont les données sont collectées :droit d'accès, droit de rectification, droit d'effacement, droit à la portabilité des données ainsi que le droit d'opposition au traitement.‘

Visite du site

Conclusion

Merci pour votre attention

DEPLOIEMENT

• avoir un serveur l'acheter ovh ou aws (qui va proposer d'achter un nom de domaine)
• acheter un nom de domaine
• ouvert un terminal sur le serveur
• cloner ses projet sur le serveur via le terminal

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet

Front-end Nuxt.js

Back-end Java Spring

base de données MySQL

stack technique

diagramme de classe

Use case

Gestion du temps

Maquettes

User Stories

Utilisateurs

Contexte du projet