Le mémento des Simploniens

Par Charles Fournier, apprenant à Simplon Paris 20e

Sommaire

  1. Résumé du projet en anglais
  2. Compétences mises en oeuvre
  3. Présentation détaillée
  4. Démonstration
  5. Conclusion

1. Résumé du projet en anglais

  • A reminder tool for web developement informations
  • An easy access
  • A very ligth admin interface

  • A smart and easy use application

2. Compétences mises en oeuvre

  • Maquetter une application
  • Concevoir une base de données
  • Mettre en place une base de données

  • Développer une interface utilisateur

  • Développer des composants d'accès aux données

  • Développer des pages web en lien avec une base de données

  • Développer une application simple de mobilité numérique

3. Présentation détaillée

Sommaire de la présentation détaillée :

  1. User Stories
  2. Diagramme de Use Case
  3. Maquette
  4. Diagramme de classes
  5. Outils utilisés
  6. Arborescence du projet

3. 1 . User Stories

  1. Comme un visiteur, je veux pouvoir parcourir la liste des articles disponibles sur le site.

  2. Comme un visiteur, je veux afficher un article .

  3. Comme un visiteur, je veux pouvoir me connecter pour devenir un utilisateur.

  4. Comme un utilisateur, je veux pouvoir rédiger un article.

  5. Comme un utilisateur, je veux pouvoir modifier un article.

  6. Comme un utilisateur,  je veux pouvoir supprimer un article.

  7. Comme un utilisateur,  je veux pouvoir associer un tag à un article.

  8. Comme un visiteur,  je veux pouvoir parcourir la liste des tags.

  9. Comme un visiteur,  je veux pouvoir parcourir la liste des articles pour un tag donné.
  10. Comme un utilisateur,  je veux pouvoir supprimer un tag lié à un article.

3. 2 . Diagramme de use case

3. 3 . Maquette

3. 4 . Diagramme de classes

3. 5 . Outils utilisés

  • Les outils back :
    • ​PHP7
    • SQL/MySql/PhpMyAdmin
    • PHPUnit
  • Les outils front :
    • Les technologies standards du web (HTML,CSS, JS)
    • Bootstrap
    • SASS
    • AngularJs
  • Autres outils
    • Git/GitHub
    • Vectr / Canva
    • Coolors

3. 6 . Arborescence du projet

  1. MVC
  2. Dossier public
  3. Dossier tests
  4. .htaccess

5. Conclusion

  • Satisfait d'avoir réalisé la plupart des user stories
  • Outil fonctionnel et qui répond à la demande
  • Compréhension du MVC
  • Utilisation d'un framework front

Satisfactions

5. Conclusion

  • Mettre en place un gitflow
  • Utiliser Vue Js 2
  • Essayer de faire une API sécurisée avec Laravel
  • Améliorer le système de modification
  • Ajouter l'inscription utilisateur

Axes d'améliorations

Merci d'avoir pris le temps de m'écouter !

deck

By Charles Fournier