Développement d’applications IoT pour la commande et la supervision à distance
8 Développement d’une application Android avec Firebase et MIT
App inventor
Dans le domaine du développement d’applications Android, il est essentiel pour les étudiants
de maîtriser les outils et les technologies qui leur permettent de concrétiser leurs idées et de créer
des preuves de concept (proof of concept) rapidement et efficacement. C’est là que l’utilisation
combinée de Firebase, ESP32 et MIT App Inventor devient précieuse.
8.1 MIT App inventor
MIT App Inventor est une plateforme de développement d’applications visuelles qui permet
aux étudiants de créer des applications Android sans nécessiter une connaissance approfondie
de la programmation traditionnelle. Grâce à son interface conviviale et intuitive, MIT App
Inventor permet aux étudiants de créer des applications en assemblant des blocs logiques, ce qui
facilite considérablement le processus de développement.
En combinant MIT App Inventor avec Firebase et ESP32, les étudiants peuvent créer des
applications Android fonctionnelles et connectées en un rien de temps.
Firebase offre des fonctionnalités telles que l’authentification utilisateur, la gestion de bases de
données en temps réel et les notifications push, qui peuvent être intégrées facilement dans les
Nizar CHELLY
Développement d’applications IoT pour la commande et la supervision à distance
applications créées avec MIT App Inventor.
De plus, l’utilisation d’ESP32 permet d’ajouter des fonctionnalités IoT à l’application, en se
connectant à des périphériques et en collectant des données en temps réel.
L’avantage de cette approche réside dans la facilité d’utilisation et la rapidité de développement.
Les étudiants peuvent rapidement créer des preuves de concept pour valider leurs idées, tester
des fonctionnalités spécifiques et démontrer le potentiel de leurs projets. Cela permet d’accélérer
le processus de prototypage et de validation, essentiel dans les travaux pratiques et les projets
de développement.
Cette approche facilite l’apprentissage du développement d’applications mobiles, tout en encou-
rageant la créativité et l’innovation.
8.2 L’interface MIT App inventor
Voici une description de l’interface et des principaux éléments utilisés dans MIT App Inventor :
1. Designer View : C’est l’endroit où vous concevez l’interface utilisateur de votre application.
Vous pouvez glisser-déposer des composants tels que des boutons, des étiquettes, des images
et des listes pour créer l’apparence de votre application.
2. Blocks Editor : C’est l’endroit où vous définissez le comportement de votre application en
utilisant des blocs logiques. Les blocs sont des éléments de programmation visuels que vous
assemblez pour créer des actions, des événements et des interactions.
3. Composants : Les composants couramment utilisés incluent les boutons, les étiquettes,
les listes, les images, les capteurs, les bases de données et les connexions réseau. Chaque
composant a ses propres propriétés et événements que vous pouvez configurer à l’aide des
blocs.
4. Propriétés : Chaque composant a des propriétés qui définissent son apparence, son com-
portement et ses fonctionnalités. Par exemple, pour un bouton, vous pouvez définir son
texte, sa couleur, sa taille, etc.
5. Événements : Les événements sont des actions déclenchées par l’utilisateur ou le système
qui déclenchent une réponse de votre application. Par exemple, un clic sur un bouton peut
déclencher un événement "Clic" auquel vous pouvez associer une action spécifique..
Nizar CHELLY
Développement d’applications IoT pour la commande et la supervision à distance
6. Blocs : Les blocs sont des éléments de programmation visuels que vous pouvez utiliser
pour définir le comportement de votre application. Vous pouvez glisser-déposer des blocs
depuis la palette de blocs dans le Blocks Editor pour créer des actions, des boucles, des
conditions, des opérations mathématiques, etc..
8.3 Détermination des paramétrés de Configuration de MIT de Firebase
1. Aller dans paramétrés du projet et cliquer sur Comptes de service
Figure 11 – Détermination du FirebaseToken 1/2
2. Cliquer sur codes secrets de la base de données puis sur Afficher puis copier le code
secret c’est le ’FirebaseToken’.
Figure 12 – Détermination du FirebaseToken 2/2
3. Coller le Firebasetoken dans son emplacement puis ajouter le FirebaseURL déjà disponible
dans votre projet.
Figure 13 – Emplacement des paramétrés de configuration MIT de FirebaseToken et FirebaseURL
Nizar CHELLY
Développement d’applications IoT pour la commande et la supervision à distance
8.4 Développement de l’interface d’acquisition et d’envoie des données
Le processus de développement sur MIT App Inventor se déroule en plusieurs étapes.
1. La conception de l’interface utilisateur en utilisant des composants graphiques intuitifs tels
que des boutons, des champs de texte et des listes. Vous pouvez personnaliser l’apparence de
ces composants en définissant des propriétés telles que la taille, la couleur et la disposition.
2. L’utilisation des blocs logiques. Les blocs sont des éléments visuels que vous assemblez
pour définir le comportement de votre application. Par exemple, vous pouvez créer des
blocs pour récupérer des données à partir de capteurs, effectuer des calculs, ou envoyer les
données collectées vers une base de données.
Figure 14 – Le code MIT permettant l’acquisition de données depuis Firebase
3. L’intégration de Firebase dans votre application est une étape cruciale. Firebase offre une
solution backend complète avec des fonctionnalités telles que la base de données en temps
réel et le stockage de fichiers.
Figure 15 – Le code MIT permettant l’envoie de données vers Firebase
Nizar CHELLY
