Project done as IT engineer intern at Kissfly

At Kissfly, I was an assigned to improve the ground station user interface. The operation of the drones was the following: a classic remote control directed the drone while a microcomputer on board was in charge of broadcasting the live video from the drone in wifi, to the ground station. The ground station could be any device with an internet browser (computer, tablet, phone). Indeed, the microcomputer on board the drone was running a Node JS-based server, serving the interface of the ground station as a website and transmitting the video in peer to peer, using the WebRTC technology.

During this mission, I did several improvement of the ground station UI.

  • First, I added a 3D representation of the drone state, which displays the drone position relatively to its start position, computed via SLAM algorithm (which was out of my mission scope). It also displayed the trajectory and the drone's actual angles (pitch, roll and yaw). This representation was done using the Three.js library.
  • Secondly, I added control buttons to the UI, which improved the user's ability to control the drone and made the interface more intuitive.
    • This experience allowed me to work with new technologies and to understand how to improve the user experience. I was able to improve my skills in front-end development, user interface design, and problem-solving.

      Vue JS ThreeJS JavaScript GitHub Git CSS HTML UI Design