Embedded Files
Nous allons réaliser une application pour Android qui permettra d’allumer ou d’éteindre la LED rouge, d'ouvrir et fermer la barrière de la maquette étudiée précédemment.
La séance se décomposera en deux parties :
• La réalisation de l’interface homme machine (ce que l'on voit à l'écran). Dimensions écran : 7cm X 13cm
• L’écriture de l'algorithme pour cette application (le programme associé à chaque bouton de l'application)
A. SUR LA COPIE
1. Dessiner le visuel d'une application Androïd
a. Dessiner le fond d'écran de l'application avec le logiciel PHOTOFILTRE puis enregistrer l'image dans votre dossier (Taille du nouveau fichier : 7X13 cm).
b. Ajouter au fond les boutons allumer, éteindre, ouvrir, fermer ainsi qu'une image montrant une barrière de parking. Enregistrer ce nouveau fichier avec un nouveau nom de fichier
2. Dessiner les algorigrammes des boutons ALLUMER et ÉTEINDRE ainsi qu'ouvrir et fermer (Utiliser l'application LOGIGRAMME).
LOGIGRAMME BOUTON ALLUMER
VISUEL DE L'APPLICATION
LOGIGRAMME BOUTON ÉTEINDRE
4. SUR LE PC
L'INTERFACE HOMME MACHINE
Ne sauvegardez pas le travail que vous allez réaliser sur l'application !
1. Connectez vous à l’application App Inventor (techventadour@gmail.com ; ventadour2024) : https://appinventor.mit.edu/
2. Ouvrez le fichier (dans "mes projets", choisir la classe et le groupe)
3. Insérer le fond d'écran
3. Compléter la partie design (le visuel de l’application) en ajoutant un bouton pour allumer la DEL, un autre bouton pour éteindre la DEL, ouvrir et fermer la barrière et enfin une image de DEL et barrière.
(Ressources « App Inventor (Design)», tuto pdf)
4. Ajouter un icône personnalisé (réaliser le dessin avec PHOTOFILTRE) ainsi qu'un nom. Vous nommerez l'application "4....NOM1 NOM2".
L’ÉCRITURE DU PROGRAMME
1. L’écriture du code : Réaliser la partie BLOCS de l’application
- Les blocs en place correspondent à la connexion bluetooth. Ne changez rien !
- Ajouter un bloc pour allumer la DEL
- Ajouter un bloc pour éteindre la DEL
2. Générer l'application pour smartphone
POUR UN TEST
DÉFINITIVEMENT
- Générer le fichier à installer : Dans Apps Inventor, cliquer sur "Construire puis Donner le code QR pour fichier apk."
- Générer le fichier à installer : Dans Apps Inventor, cliquer sur "enregistrer.apk dans mon ordinateur"
- L'application se construit et génère un QRCODE
- Faire CONNECT puis AL COMPANION
- Le QRCODE apparaît.
- L'application se construit et génère un fichier.
5. Installer l’application sur le smartphone :
- Connecter le smartphone ou la tablette à l'ordinateur avec un cable.
- Copier/coller le fichier généré précédemment dans un dossier de stockage du smartphone ou de la tablette.
- Sur le smartphone, ouvrir le dossier de stockage et ouvrir le fichier qui vient d'être collé.
- Au message "voulez-vous installer cette application ?", cliquer sur installer.
- L'installation s'effectue sur le smartphone.
- L'application est maintenant utilisable sur le smartphone
3. Installer l'application sur le smartphone
- Ouvrir l'application "MIT AI2 Companion" de son Smartphone et scanner le QR code, autoriser l'installation de l'application et ouvrir.
4. Tester l’application :
- Cliquer sur ‘Se connecter’, sélectionner le module bluetooth correspondant à la maquette. Lorsque la connexion est réalisée, utiliser les deux boutons pour allumer ou éteindre la Del.
POUR ALLER PLUS LOIN...
5. Ajouter un bloc pour lever la barrière avec la variable 7 puis un bloc pour baisser la barrière avec la variable 8.
6. Générer la nouvelle application puis installez-la sur la tablette ou le smartphone.
CONNAISSANCES
Page updated
Google Sites
Report abuse