Integration

Intégration

1 Développement Web

Notre projet consiste en une application web et mobile. nous voulons découvrir de nouvelles Technologies pour nous améliorer. Le but ultime consiste à créer une application native en parallèle.

2 Développement Mobile

En parallèle de l'application web, nous souhaitons créer une application mobile. Au début, nous avons voulus créer une application native avec le kit de dévelopement Flutter ou le framework Ionic mais nous avons vite compris que nous n'avions pas assez de temps pour apprendre ces technologies. Nous avons donc décidé de rester sur notre application web et de la rendre responsive pour qu'elle soit utilisable sur mobile. Ce qui nous a permis d'avançer plus vite et de nous concentrer sur l'essentiel du projet.

3 Anthropologie et Déontologie & RSE

Notre projet répond à la l'objectif n°4 des ODD : Assurer l’accès de tous à une éducation de qualité, sur un pied d’égalité, et promouvoir les possibilités d’apprentissage tout au long de la vie. Nous avons également essayer d'appliquer quelques limitations pour se conformer au principe d'économie circulaire. Par exemple nous avons limité la taille maximal des images pouvant être déposées sur notre site.

4 Administration système

Nous avons décidé d'herberger notre application par nos soins afin d'appliquer les connaissances acquises en cours. Nous avons donc décidé d'utiliser un VPS. Nous avons choisi un VPS chez OVH. Nous allons donc en louer un chez OVH ainsi le nom de domaine taaltoolbox.be. Nous allons utiliser Docker pour la gestion des conteneurs. Nous aurons 4 conteneurs : un pour le Reverse Proxy, un pour le frontend, un pour le backend et un pour la base de données. Nous avons choisi d'utiliser Nginx comme Reverse Proxy. Nous avons choisi d'utiliser Nginx comme serveur web.

5 Sécurité des réseaux

Notre application sera hébergée sur un VPS. Nous avons donc besoin de sécuriser celui-ci. Nous avons donc voulus appliquer les bonnes pratiques de sécurité pour éviter les attaques de type DDOS, XSS, SQLi, etc. Tous d'abord nous avons mis en place un firewall avec UFW. Nous avons ensuite mis en place un certificat SSL pour sécuriser les échanges entre le client et le serveur. Nous avons également mis en place un proxy Web qui permet de sécuriser les échanges entre le client et le serveur. Enfin, nous avons mis en place un système de fail2ban qui permet de bloquer les attaques de type brute force. Nous avons également mis en place un système de log qui permet de garder une trace de toutes les actions effectuées sur le serveur.

6. Traitement de signal

Nous avons décidé d'intégrer le projet de traitement de signal à l'application. Le but est ici d'informer l'élève de la qualité de sa prononciation. Ainsi l'élève aura accès à un nouveau mode de jeu nommé "Verbalize" et donc à une nouvelle page dans l'application. Nous avons mis en place un backend en Django pour pouvoir exécuter notre code python réalisés dans le cours de traitement de signal.