Objectifs
Application Interactive pour l’Apprentissage du Système Solaire
Le projet a pour objectif de créer une application pédagogique qui permet aux élèves de primaire de comprendre et de mémoriser le système solaire. Grâce à une approche ludique et interactive, les élèves peuvent glisser et déposer les planètes sur leurs orbites et apprendre leur ordre en fonction de leur proximité au Soleil.
Design
Structure et Interface
L’interface de l’application présente une représentation visuelle du système solaire avec des orbites centrées autour du Soleil. Chaque planète est draggable, et l’objectif est de les placer correctement sur les orbites respectives.
Au départ, l'idée était d'intégrer les fonctionnalités de la bibliothèque pixi.JS, mais pour des raisons techniques, cela n'a pas été possible. De plus, j'ai rencontré des difficultés avec les petites zones droppables autour des orbites. J'ai donc opté pour une solution alternative en faisant de l'ensemble du système solaire une zone droppable, ce qui permet de garantir le bon fonctionnement de l'application tout en rendant l'expérience utilisateur plus fluide et intuitive
Production
Processus de Développement
Le projet a été développé en HTML, CSS et JavaScript. Les étapes principales incluent :
- Création d’un modèle de système solaire avec des orbites circulaires et un Soleil au centre.
- Ajout de fonctionnalités drag-and-drop permettant de placer les planètes sur les orbites.
- Intégration de boutons pour corriger les positions et réinitialiser le système solaire.
Limitations
En choisissant de rendre l’ensemble du système solaire droppable, il n’a pas été possible d’ajouter une fonctionnalité de rotation des orbites, ce qui aurait enrichi l’expérience visuelle et pédagogique. Cependant, cette simplification a permis de garantir que l’application fonctionne de manière fluide et intuitive.
Auteur
Ce projet a été réalisé par un développeur passionné par l’éducation et la technologie, souhaitant créer un outil pédagogique innovant pour l’enseignement des sciences aux élèves de primaire.
Lien
Bibliographie
Ce projet a été conçu en utilisant diverses ressources en ligne pour implémenter les fonctionnalités drag-and-drop avec jQuery.