Skip to content

Technologies

Lopidurs edited this page Oct 24, 2022 · 10 revisions

Technologies

Frontend

JavaScript est considéré comme le langage du Web. Ce n'est en aucun cas le seul langage présent sur le Web, mais il est suffisamment populaire pour qu'un certain nombre de frameworks soient disponibles.
Parmi les plus populaires, on retrouve :

  • Angular
  • Vue
  • React

Nous avons donc décidé que le Framework que nous utiliserons serait l'un de ces trois là pour qu'une documentation fournie soit disponible et que les compétences obtenues soient utiles dans nos futurs projets.

Présentation

Angular

Angular est un framework open source créé en 2009 par google, utilisant TypeScript. Il est entretenu par une équipe de chez Google ainsi que par une communauté de particuliers et de sociétés. Angular est complet et homogène, on n'a pas besoin d'ajouter de composants extérieurs pour avoir un fonctionnement complet et optimal. L'objectif principal de React est d'être rapide, évolutif et simple.

React

React est une librairie javascript créée par Facebook. Bien que ce ne soit originellement qu'une librairie, cette dernière est devenu tellement complète qu'à l'heure actuelle nous la considérons comme un Framework. React a été utilisé pour la première fois en 2011 sur Facebook et sur Instagram en 2012.

Vue

Vue est un framework open-source créé par Evan You en 2014. C'est un Framework minimaliste qui se concentre principalement sur les vues. Pour tout React permet aux développeurs de créer de grandes applications web qui peuvent modifier les données, sans avoir à recharger la page. Il ne fonctionne que sur les interfaces utilisateur de l'application.

Comparaison

Angular React Vue
Performances Moyen Haut Haut
Scalabilité Haut Haut Faible
Aprentissage Difficile Moyen Facile
Utilisation Grand Très grand Grand

Conclusion

Le framework que nous avons choisi est React car il est très simple d'utilisation, très populaire, flexible et est le framework sur lequel l'équipe a le plus d'expérience. De plus, l'équipe souhaitant faire une version mobile de l'application le choix de React permettra de faciliter cette migration en utilisant React native pour la version mobile.

Bibliothèques supplémentaires

  • React-Bootstrap: est une bibliothèque contenant plein de composants stylisés Bootstrap prêts à l'emploi.

Backend

Par souci de cohérence nous avons choisi de réaliser une application en Full-Stack JS. Nous avons donc décidé que le framework devra tourner dans un environnement node.js. Nous alors retenu trois framwork populaires nous semblant intéressant: Next.js, Express Fastify

Présentation

Next.js

Est un framework fonctionnant avec React. Il est simple, facile d'utilisation et est facilement déployable.

Express

Express est tout comme son nom l'indique un framework express. C'est un framework minimaliste et donc flexible, performant et impose peu de contraites. Il est souvent considérer comme étant une configuration standard.

Fastify

Comme son nom l'indique le but de se Framework est d'être rapide et c'est même le framework backend le plus rapide.

Conclusion

Nous avons choisi express par ce que nous n'avions besoin de rien de plus.

Bibliothèques supplémentaires

  • Sequelize: est un ORM qui nous facilitera l'interaction et la sécurisation avec la base de données.

Base de données

Pour la Base de données nous avons besoin d'une base de données relationnelle et gratuite. Nous avons donc opté pour MySQL car elle répond à nos attentes, est facile d'accès et possède une grande documentation. De plus c'est aussi le gestionnaire de base de données avec lequel l'équipe à l'habitude de travailler.