Projet fait en tant que Ingénieur informatique stagiaire chez Kissfly

Chez Kissfly, j'ai été chargé d'améliorer l'interface utilisateur de la station au sol. Le fonctionnement des drones était le suivant : une télécommande classique dirigeait le drone tandis qu'un micro-ordinateur embarqué était chargé de diffuser la vidéo en direct du drone en wifi, vers la station au sol. La station au sol pouvait donc être n'importe quel appareil disposant d'un navigateur internet (ordinateur, tablette, téléphone...). En effet, le micro-ordinateur à bord du drone faisait tourner un serveur basé sur Node JS, servant l'interface de la station au sol comme un site web et transmettant la vidéo en peer to peer, en utilisant la technologie WebRTC.

Au cours de cette mission, j'ai apporté plusieurs améliorations à l'interface utilisateur de la station au sol.

  • Tout d'abord, j'ai ajouté une représentation 3D de l'état du drone, qui affiche la position du drone par rapport à sa position de départ, calculée via un algorithme de SLAM (qui n'entrait pas dans le cadre de ma mission). Elle affiche également la trajectoire et les angles réels du drone (tangage, roulis et lacet). Cette représentation a été réalisée à l'aide de la bibliothèque Three.js.
  • Deuxièmement, j'ai ajouté des boutons de contrôle à l'interface utilisateur, ce qui a amélioré la capacité de l'utilisateur à contrôler le drone et a rendu l'interface plus intuitive.
    • Cette expérience m'a permis de travailler avec de nouvelles technologies et de comprendre comment améliorer l'expérience utilisateur. J'ai pu améliorer mes compétences en matière de développement frontend, de conception d'interface utilisateur et de résolution de problèmes.

      Vue JS ThreeJS JavaScript GitHub Git CSS HTML UI Design