Deuxième workshop deuxième année Webemy

webemy-accueil

Bonjour à tous !

Aujourd’hui on se retrouve pour parler du deuxième workshop de deuxième année que nous avons nommés Webemy. Ce workshop devait être une plateforme de formation nouvelle génération. En effet nous devions faire en sorte de créer une plateforme (application mobile, site web, jeu, etc..) sur le thème de la formation en ligne. Mais tout cela devait être « innovant », et quand on dit innovant c’est qu’il devait y avoir un élément supplémentaire qui fait que l’utilisateur ait envie de revenir sur la plateforme.

webemy-accueil

 

La technologie.

Nous avons choisi de partir sur le principe de formation d’OpenClassRooms sur la présentation des articles et sur sa décomposition de chapitres, mais en ajoutant un aspect de gamification avec un principe de badges. En effet, un utilisateur inscrit sur la plateforme débloque un badge à chaque fin de cours terminé. Une fois tous les cours terminés dans une catégorie (par exemple la catégorie Web), l’utilisateur aura un accès à la rédaction d’un cours dans cette catégorie. Je précise d’ores et déjà que cette fonctionnalité n’a pas été intégrée dans la plateforme par manque de temps.

Parlons à présent de la technologie utilisée pour créer cette plateforme en ligne. Nous avons choisi de la développer avec le framework PHP Symfony qui permet un développement plus rapide et structuré que si on l’avait fait en Vanilla. Nous avons intégré l’authentification des utilisateurs avec FOSUserBundle avec une connexion à une base de données MySQL avec le stockage des articles également.

 

Les fonctionnalités.

  • Connexion et création de l’utilisateur:

webemy-signup

webemy-login

 

 

 

 

 

 

 

  • Profil de l’utilisateur:

webemy-profil

  • Thématiques:

La page thématiques présente les cours disponibles par catégorie avec une présentation à la Netflix. Et en cliquant sur un cours vous accéder à la page du cours en question.

 

webemy-thematiques

  • Affichage d’un cours:

webemy-show-cours

 

  • Liste des cours:

webemy-liste-cours

  • Ajouter un cours:

webemy-add-cours

  • Et les CGU (Conditions Générales d’Utilisations):

webemy-CGU

 

 

 

 

Si vous voulez voir à quoi ressemble la plateforme par vos propres moyens, voici l’adresse: ici.

 

J’espere que ce projet et cet article vous aura plu, n’hésitez pas à laisser un commentaire en dessous si vous avez des questions ou des remarques.

A bientôt !

 

F.

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.