L'objectif de ce projet est de créer une plateforme en ligne permettant aux étudiants de réaliser des exercices de cryptanalyse. Sur cette plateforme, les étudiants pourront écrire du code, le tester dans un environnement sécurisé, et recevoir un retour instantané sur l'exécution de leurs programmes. Ce projet implique la création d'un éditeur de code interactif, la gestion sécurisée de l'exécution des scripts, ainsi qu'un suivi des utilisateurs et de leur progression.
La plateforme se compose de plusieurs sections accessibles via une page web dédiée :
-
Page de Connexion et Authentification :
- La plateforme utilise un système Single Sign-On (SSO), permettant aux étudiants de se connecter avec leurs identifiants institutionnels (IMTBS/TSP). Une fois connectés, les étudiants accèdent à leur espace de travail pour réaliser les exercices.
-
Page de travail :
- Après l'authentification, les étudiants accèdent à une page principale dédiée à la réalisation des exercices de cryptanalyse. Cette page contient principalement l'éditeur de code et des sections pour soumettre et tester le code.
L'éditeur de code Monaco Editor est utilisé pour permettre aux étudiants d'écrire et de tester leur code. Ce composant prend en charge plusieurs langages de programmation, et fournit une interface interactive et facile à utiliser pour la rédaction et le test des programmes.
L'étudiant rédige son code directement dans l'éditeur, choisit le langage de programmation pour l'exercice, puis peut tester son code avant de le soumettre pour évaluation.
Chaque exercice est divisé en plusieurs étapes, où chaque étape nécessite l'écriture de fonctions spécifiques. Ces fonctions sont testées directement dans l'éditeur avant d'être soumises.
-
Rédaction du code :
- L'étudiant peut rédiger son code pour chaque fonction à compléter dans l'exercice. L'éditeur propose une interface simple et intuitive pour cela.
-
Test du code :
- Une fois le code écrit, l'étudiant peut tester son programme en cliquant sur un bouton "Tester". Le code est alors envoyé au backend Flask pour être exécuté dans un environnement sécurisé.
Pour garantir que l'exécution des programmes soit sécurisée, chaque code soumis par un étudiant est exécuté dans un conteneur Docker. Cette approche permet d'isoler chaque test dans un environnement propre et sécurisé.
- Processus d'exécution :
- Lorsqu'un étudiant teste son code, celui-ci est envoyé au backend Flask, qui l'exécute dans un conteneur Docker. Ce conteneur est configuré pour exécuter le code dans un environnement isolé, garantissant ainsi la sécurité du système.
- Une fois l'exécution terminée, les résultats (réussite, échec, erreurs) sont renvoyés à l'étudiant via l'interface.
Les informations relatives aux utilisateurs, ainsi que leur progression dans les exercices, sont stockées dans une base de données MongoDB.
-
Données stockées :
- L'email de l'utilisateur, les résultats des tests et la progression dans les exercices sont enregistrés dans la base de données. Cela permet de suivre l'avancement des étudiants et d'adapter les exercices en fonction de leurs performances.
-
Accès et gestion des données :
- Lors de chaque connexion, l'étudiant peut voir son historique d'exercices et les scores obtenus. Le backend Flask interagit avec MongoDB pour récupérer et mettre à jour ces informations.
Une fois que l'étudiant a testé son code, il peut soumettre ses résultats. Le système fournit un retour d'information détaillé sur l'exécution du code.
- Retour d’information :
- Les résultats du test sont affichés directement sous l'éditeur de code. L'étudiant peut voir si son code a passé ou échoué les tests, ainsi que des messages d’erreur détaillés si le test échoue.
- L'étudiant peut alors modifier son code en fonction du retour et tester à nouveau.
La page de travail de la plateforme est organisée de manière logique pour faciliter l'utilisation par les étudiants :
-
En-tête de page :
- Contient des informations essentielles sur l'exercice en cours, comme son titre et les instructions générales. Il y a également un bouton "Test" pour exécuter le code et un bouton "Soumettre" pour envoyer les résultats une fois l'exercice terminé.
-
Monaco Editor :
- L'éditeur occupe une grande partie de la page et permet à l'étudiant de rédiger son code dans un environnement interactif. Il est organisé de manière à permettre à l'étudiant de se concentrer sur l'écriture du code.
-
Résultats des tests :
- Après chaque test, les résultats sont affichés sous l'éditeur de code. L'étudiant peut voir si son code a passé ou échoué les tests, ainsi que des détails sur les erreurs éventuelles.
-
Suivi de progression :
- La plateforme garde une trace de la progression de chaque étudiant. Les exercices terminés et les scores obtenus sont enregistrés et consultables par l’étudiant à tout moment. Ce suivi est possible grâce à la base de données MongoDB.
- Flask : Un framework léger pour Python, utilisé pour créer le backend de la plateforme. Il gère les requêtes HTTP, l'exécution sécurisée du code via Docker, et l'interaction avec MongoDB.
- Monaco Editor : Un éditeur de code riche et interactif permettant aux étudiants d'écrire et de tester leur code dans un environnement dédié.
- Docker : Utilisé pour exécuter le code dans un environnement sécurisé et isolé, garantissant ainsi que l'exécution des programmes ne compromet pas la sécurité du système.
- MongoDB : Une base de données NoSQL qui permet de gérer les informations relatives aux utilisateurs, leurs résultats, et leur progression dans les exercices.
La plateforme permet aux étudiants d’apprendre et de pratiquer la cryptanalyse dans un environnement sécurisé. Grâce à Monaco Editor, ils peuvent rédiger et tester leur code de manière interactive, tandis que Docker garantit une exécution sécurisée des programmes. Le suivi de leur progression est assuré par MongoDB, permettant ainsi une gestion flexible et efficace des informations. Le backend Flask permet de gérer l'ensemble des interactions entre l'éditeur, le système de tests et la base de données. Cette approche permet aux étudiants d’améliorer leurs compétences en cryptanalyse tout en recevant un retour immédiat sur leurs solutions.