Journal Atlantic

Atlantic est une application sous licence MIT que j'ai développé permettant de suivre en temps réel l'état d'un système industriel.
Cette application est en cours de déploiement dans mon lycée pour assurer le suivi de nos deux avions (un Aérospatiale SN-601 et un CESSNA 421A).

Site GitHub pour la partie frontend
Site GitHub pour la partie backend
Site de suivi de nos avions

Le besoin

Nous utilisons deux avions pour l'enseignement en STS Aéronautique et en Bac Pro Aéronautique.
Différentes activités sont réalisées sur ces avions :
- opération de montage/démontage
- essais des systèmes
- dépannage

Chaque activité est préparée par la rédaction de fiches d'instructions par exemple.
Avant toute activité sur un avion, l'étudiant doit s'assurer que les travaux en cours, les dommages, les pannes ne vont pas interférer avec son activité.
Jusqu'ici, nous utilisons une feuille plastifiée collée sur une desserte qui nous permet d'entourer les zones de l'avion impactées et un classeur pour noter des commentaires.
De plus, chaque étudiant doit faire un tour avion suivant un document statique permettant de vérifier certains points.

Le problème de cette méthode est qu'il oblige à récupérer le document dans la desserte afin de le vérifier et qu'il peut se perdre assez facilement.
De plus, les vues 2D sur la feuille plastifiée ne sont pas des plus pratiques pour une localisation précise.
Enfin le document statique est redondant et il s'est avéré intéressant de fusionner le tout.

L'application pour les utilisateurs

L'usage privilégié est bien sur avec une tablette.
Après avoir choisi l'avion, une vue 3D interactive de l'avion s'affiche. Il est alors possible de coller des sphères sur l'avion pour y indiquer des pannes, taches en cours avec un commentaire. Une fois la page créée, il est possible de l'afficher afin d'ajouter des commentaires et fermer la page quand le problème est résolu. Une photo prise avec la caméra de la tablette peut être ajoutée à chaque commentaire.
Pour chaque page créée, il est possible de l'ajouter au tour avion. Il est alors possible de réaliser un tour avion lors duquel s'affichent les pages sélectionnées.
Ici, vous pourrez tester l'application (appui sur l’icône jaune avec l'avion pour faire un tour avion). Il faut bien avoir un compte pour ajouter une panne.

Sous le capot

Coté serveur, l'application est codée en Python avec Django et Django REST framework. Cela a permis de réaliser une API restful.

Coté client, j'utilise Vue.js. Ce framework se situe dans la mouvance SPA (single page app) et est en concurrence notamment avec React et Angular.
L'utilisation de Vue CLI permet d'automatiser pas mal de tâche (installation des librairies qui vont bien) et de réaliser une PWA (progressive web app).
L'application se comporte alors comme une application native sans les rechargements de page d'un site web classique. A noter que cela était nécessaire pour Atlantic pour éviter le rechargement du modèle 3D lors de l'authentification par exemple.
Il est aussi possible de contrôler comment les requêtes se mettent en cache et donc d'en faire une application qui fonctionne aussi partiellement hors-ligne.
Bien sur, il faut utiliser un navigateur qui permet l’utilisation de ces technos.
A ce propos, Chrome est en avance ce qui est normal car c'est Google qui pousse derrière les PWA avec notamment Workbox (lib js qui permet de contrôler le cache).
Firefox est dans la course même s'il est encore impossible d'installer l'application sur la version bureau (ce que Chrome permet et Firefox sur Android).
Apple est un peu à la traîne avec des avancées récentes. Notamment, cette application marche très bien sur Safari iOS mais si elle est installée alors il n'est plus possible d'utiliser la caméra. Il est probable que les PWA ne plaisent pas trop à Apple car l'installation d'une application peut se faire sans passer par le App Store.
Enfin pour la partie 3D, j'utilise three.js.

Le futur

J'aimerais développer maintenant une partie sur la rédaction et lecture de fiches d'instruction.
Plus tard, pourquoi pas en faire un vrai Aircraft Technical Log avec heures de vol, potentiel des pièces…

Pour le jeu de mot, Atlantic fait référence à :
- ATL (Aircraft Technical Log)
- l'océan qui borde Saint-Nazaire où se situe mon lycée
- Breguet Atlantic, un avion de patrouille maritime