Cours et tutoriels App Inventor 2 par José Rouillard

Les supports de cours	Les tutoriels en vidéo
TP APP INVENTOR N°1	Comment créer votre première application Android  sans coder une seule ligne de Java ? Projet 1 : Cliquez-moi [sur Youtube, 34:25 minutes]
	Projet 2 : Trouver le nombre tiré au hasard [sur Youtube, 44:40 minutes]
TP APP INVENTOR N°2	Projet 3 : Daft Punk [sur Youtube, 42:20 minutes] Projet 3 bis : Daft Punk Full (.AIA à importer ici)
	Projet 4 : Prise de Rendez-vous [sur Youtube, 41:08 minutes]
	Projet 5 : Sandwich : Mayo ? Ketchup ? [sur Youtube, 31:43 minutes]
	Projet 6 : Vibrations et codes barres (1D et 2D) [sur Youtube, 41:42 minutes]
TP APP INVENTOR N°3	Projet 7 : Photos et vidéos [sur Youtube : 29:36 minutes]
	Projet 8 : Table de multiplication [sur Youtube, 43:36 minutes] Projet 8 bis : Table de multiplication avec liste de paramètres
	Projet 9 : Garder un secret (Base de données) [sur Youtube, 32:08 minutes]
	Projet 10 : Partager un secret (Base de données partagée) [sur Youtube, 44:58 minutes]
TP APP INVENTOR N°3 BIS	Projet 10 Bis F01 : Piloter une voiture à distance (FirebaseBD) [sur Youtube, 51:50 minutes]
TP APP INVENTOR N°4	Projet 11 : Secouez-moi (accéléromètre et shaking) [sur Youtube, 22:25 minutes] Projet 12 : Détection de chutes  Projet 13 : Boussole (orientation Azimuth) Projet 13 bis : Boussole et points cardinaux Projet 14 : Jeu du Martien (orientation Pitch/Roll)
TP APP INVENTOR N°4 BIS	Projet  : Swipe (Choisir un produit en swipant à gauche, à droite, en haut ou en bas, pour dire : J'aime, Je n'aime pas, J'adore, Je déteste)
TP APP INVENTOR N°5	Projet 15 : Dessin digital (Canvas, Touch, Drag) Projet 16 : Ball-Trap (Jeu animé)
TP APP INVENTOR N°6	Projet 17 : Prononcer les nombres (TTS : Multiple synthèse vocale) Projet 18 : Vocal Quizz (TTS : synthèse vocale) Projet 19 : Apprendre les nombres (Jeu avec TTS)
TP APP INVENTOR N°7	Projet 20 : Recherche vocale (ASR) Projet 21 : Traduttore, traditore (traducteur Yandex) Projet 22 : Cadavre Exquis (enregistrement vocal) Projet 23 : Station Radio
TP APP INVENTOR N°8	Projet 24 : Géolocalisation (GPS, cartes et itinéraires) Projet 25 : Appel PHP Projet 26 : Appel API Yahoo Bourse
TP APP INVENTOR N°9	Projet 27 : Twitter (à importer et compléter avec vos clés) Projet 28 : Envoyer et recevoir des SMS Projet 29 : Lire des fichiers (file)
TP APP INVENTOR N°10	Projet 30 : Lancer un dé Projet 31 : Jeu du coureur (utilisant le projet 30) Projet 32 : Activités externes (Activity Starter)
TP APP INVENTOR N°11	Projet 33 : Carte Google Maps multipoints Projet 34 : Partage (Sharing avec Gmail, SMS, BlueTooth, Google+, Twitter, Facebook, Hangout, Presse-papier...)
TP APP INVENTOR N°12	Projet 35 : FusionTable
TP APP INVENTOR N°13	Démonstration : App Inventor, Bluetooth, BLE et Arduino [sur Youtube, 4:20 minutes] Projet 36 : Bluetooth (Faire communiquer deux Android entre eux  (exemple avec deux Samsung Galaxy J5) Projet 36 Bis : Bluetooth (Faire communiquer deux Android entre eux) avec extensions pour allumer/éteindre torche de l'autre smartphone et interroger le niveau de batterie. Projet 37 : Bluetooth BLE (Faire communiquer un Android et un objet connecté, Arduino (ex : Bluno), allumer/eteindre LED) [output : du smartphone vers Arduino] Projet 38 : Bluetooth BLE (Faire communiquer un Android et un objet connecté, Arduino (ex : Bluno), afficher valeur d'un potentiomètre) [input : de Arduino vers smartphone] Projet 38 Bis : Bluetooth BLE (Faire communiquer deux Android Maitre/Escalve (ex : Bluno et DUE équipé d'une carte météo) [output : de Arduino vers smartphone] Projet 39 : Piloter un robot Lego Mindstorms [sur Youtube, 50:23 minutes]
TP APP INVENTOR N°14	Projet 40 : Push Notification : solution Thunkable + OneSignal
TP APP INVENTOR N°15	Projet 41 : Extension GIF animée Projet 42 : Extension FAB (Floating Action Button) Projet 43 : Extension Notification de rappel Android Projet 44 : Extension ColinTree ListView (Liste avec icônes) Projet 45 : Extension Sound Analysis (Interagir grâce aux sons détectés par le microphone, dans un jeu d'arcade)
TP APP INVENTOR N°16	Projet 46 : Jeu de plateforme avec scrolling infini
TP APP INVENTOR N°17	Projet 47 : OpenFoodFact API
TP APP INVENTOR N°18	Projet 48 : Vidéo Youtube grâce à ActivityStarter
TP APP INVENTOR N°19	Projet 49 : Tous sur lui (Utilisation de Any avec des Balls dans un Canvas) Projet 50 : Jeu du memory avec 4 paires de cartes (Utilisation de Any avec des boutons) Projet 50 Bis : Jeu du memory avec 10 paires de cartes (Utilisation de Any avec des boutons)
TP APP INVENTOR N°20	Projet 51 : Jeu de voiture, scrolling vertical infini, avec accéléromètre (Any Component)
TP APP INVENTOR N°21	Projet 52 : Utilisation de "Look Up In Pairs"
TP APP INVENTOR N°22	Projet 53 : API Météo à 4 jours
TP APP INVENTOR N°23	Projet 54 : Le petit Bac (Firebase)
TP APP INVENTOR N°24	Projet 55 : Un émulateur alternatif : utiliser un autre émulateur que celui proposé par AI2 en natif (Genymotion)
TP APP INVENTOR N°25	Projet 56 : Retrogaming
TP APP INVENTOR N°26	Projet 57 : Scratching Projet 58 : Scratch to win or loose
TP APP INVENTOR N°27	Utilisation de AI2 + Firebase : Piloter des Sphères (Unity) [sur Youtube : 7:42] Lire le descriptif de la vidéo Youtube pour obtenir les ressources necessaires pour effectuer le tutoriel. Multimodal Paint et moteur de fusion multimodale
TP APP INVENTOR N°28	Utilisation de AI2 + Firebase + Docker + ROS (Robot Operating System) + MoveIt  + Unity3D [sur Youtube : 53:24] Ressources Docker : jrgame Exemple de technique du Magicien d'Oz [sur Youtube : 0:28]
TP APP INVENTOR N°29	Projet 59 : Charts : graphiques statiques (paires d'éléments, listes) Projet 60 : Charts : graphiques statiques (import .CSV, datafile) Projet 61 : Charts : graphiques dynamiques (proximity sensor) Projet 62 : Charts : graphiques dynamiques (random, glissant ou non) Projet 63 : Charts : graphiques dynamiques (PHP via Replit.com)
TP APP INVENTOR N°30	Projet 64 : API blague Chuck Norris Projet 65 : API cryptomonnaie (BTC/USD) : CoinAPI.io
TP APP INVENTOR N°31	Projet 66 : API GeoAPIfy : prononcer une ville pour la placer sur une carte (en fonction de sa longitude et latitude)
TP APP INVENTOR N°32	Projet 67 : API OpenAI ChatGPT : dialoguer avec une IA (Intelligence Artificielle) [sur Youtube : 38:48]
TP APP INVENTOR N°33	Projet 68 : API OpenAI Dall.E : faire générer une image par une IA (Intelligence Artificielle) [sur Youtube : 27:53]
TP APP INVENTOR N°34	Projet 69 : API Opendata de la MEL (Métropole Européeene de Lille). Exemple des pharmacies de la MEL.
TP APP INVENTOR N°35	Projet 70 : Interroger ChatBot et ImageBot de AppInventor (ChatGPT et Dall-E 2 en expérimental).
TP APP INVENTOR N°36	Projet 71 : Composant Google SpreadSheet
TP APP INVENTOR N°37	Projet 72 : Transfert de photos avec CloudDB d'un smartphone à un autre
TP APP INVENTOR N°38	Projet 73 : Automatisation de tâches avec Make.com
TP APP INVENTOR N°39	Projet 74 : OpenQuizzDB API
TP APP INVENTOR N°40	Projet 75 : Utilisation de différentes IA (ChatGPT, Mistral, DeepSeek, LLaMA, Qwen...) via OpenRouter.ia Projet 76 : Utilisation d'une IA pour décrire une photo via OpenRouter.ia
TP APP INVENTOR (Webots Lampe + MQTT)	Projet Webots + MQTT + AppInventor (Lampe).
TP APP INVENTOR (Webots Ned Niryo + MQTT)	Projet Webots + MQTT + AppInventor (Bras robotisé Ned Nyrio et trois convoyeurs).

• Des exemples d'applications réalisées avec App Inventor, par des étudiants de l'université de Lille :
• 2024-2025
  
• 2023-2024
  
• 2022-2023
  
• 2021-2022
  
• 2020-2021
• 2019-2020
• 2018-2019
• 2017-2018
• 2016-2017
• 2015-2016
• 2014-2015
• 2013-2014
  

• Modèle de Suivi de projet pour les TP App Inventor (Google Drive à copier/coller)
  
• Rappel du CDC (Cahier des Charges) avant de rendre vos livrables

• => Cliquer ici pour voir les "Ressources pour les TP App Inventor 2" <=
  

---

• Ressources pour les TP (secours sur NextCloud si site Free est bloqué)
  
• MIT App Inventor Companion pour iPhone/iOS (Apple App Store)
  
  • Des icônes : 
  • https://www.iconfinder.com
  • http://www.iconarchive.com
  • https://material.io/icons/
  • Images et sons pour des jeux : 
  • https://opengameart.org/
  • https://www.kenney.nl/assets
  • Des images gratuites : 
  • http://pixabay.com/   
  • http://fr.freepik.com/
  • Pointeur vers des banques d'images : http://www.mindmeister.com/
  • Faire un beau design (image, poster, flyer, etc.) grâce à Canva
  • Des images gratuites : 
  • AI2 ne gère pas les GIF animées. 
  • Une solution consiste à transformer le gif animée en une petite video avec : https://ezgif.com/gif-to-mp4
  • Une autre solution consiste à utiliser une extension pour gérer les gif animés (avec touch sur gif detectable) avec par exemple : https://community.appinventor.mit.edu/t/gif-animated-extension-clickable-transparent-background/1549?u=taifun
  • FAB (Floating Action Buttons / Floating Action Bar) : 
  • Il existe des extensions permettant de gèrer des FAB
  • Sonothèque : 
  • http://soundbible.com/
  • QRCodes : générateur de QRCodes
  • Générer un QRCode en ligne (à la volée) avec Qoqr.me : http://api.qrserver.com/v1/create-qr-code/?size=300x300&margin=20&data=test
  • Générer un QRCode en ligne (à la volée) avec Kaywa : http://qrcode.kaywa.com/img.php?s=8&d=test
  • EAN13 : générateur de code 1D EAN13
  • Pour installer un lecteur de code barre sur Android : Zxing
  • Autre lecteur de code barre : QuickMark 
  • Obtenir la description d'un produit à partir de son code barre EAN 13 (exemple : 3068320016078)
  • Obtenir la description d'un produit alimentaire à partir de son code barre EAN 13 : http://fr.openfoodfacts.org/ (exemple : sel fin de table : 3596710220366),
    avec API json expérimentale.
    
  • Créer des photos avec vos captures d'écrans : http://smartmockups.com/
  • Créer des photos avec vos captures d'écrans : d'autres alternatives
  • Outil de maquettage Balsamiq : http://balsamiq.com/
  • Outil de maquettage Pencil : http://pencil.evolus.vn/
  • Cartes et GPS :
  • [torop] Convertisseur d'adresse (lieu) en coordonnées GPS
  • [nominatim] Convertisseur d'adresse (lieu) en coordonnées GPS
  • [mapquest] API Convertisseur d'adresse (lieu) en coordonnées GPS
  • Autre outil pour convertir une adresse (lieu) en coordonnées GPS DD (Degrés décimaux) et DMS (Dégrés, Minutes, secondes) Nord/Sud Est/Ouest
  • Calcul de distance entre deux villes ou deux coordonnées GPS (en utilisant le composant "Web" de la palette "Connectivity"), avec Google Maps : 
    https://maps.googleapis.com/maps/api/distancematrix/json?origins=Paris&destinations=Lille
    ou en utilisant les coordonnées GPS :
    https://maps.googleapis.com/maps/api/distancematrix/json?origins=45.750000,4.850000&destinations=44.833328,-0.56667
    Il faut ensuite faire un parsing du résultat obtenu pour extraire la distance (ou la durée du parcours, éventuellement).
    
  • Les détails des paramètres pour les applications cibles Intents d'Android  (Browser, Dialer, Google Maps, Google Street)
  • InstantStreet (exemple : le pont du gard)
  • Créer une carte personnalisée avec Google Maps
    
    
  • Pour faire afficher une carte Google Maps, faire appel à un ActivityStarter, paramétré pour invoquer une « activité » Google Maps :
    Action : android.intent.action.VIEW
    ActivityClass : com.google.android.maps.MapsActivity
    ActivityPackage : com.google.android.apps.maps
    et avec comme dataUri (dynamiquement dans les blocs, le plus souvent) : http://maps.google.com/?q=destination (exemple : http://maps.google.com/?q=la pharmacie la plus proche).
  • Pour un itinéraire, faire appel à un WebViewer avec comme URL : http://maps.google.com/maps?saddr=latitude,longitude&daddr=destination (attention, utiliser le bloc "replace all" afin
    de convertir les "," en "." avant de pouvoir utiliser les latitudes et longitudes obtenues.
  • 
    
  • Pour ajouter une événement dans le calendrier Android, faire appel à un ActivityStarter, paramétré avec :
    Action : android.intent.action.INSERT
    DataType : vnd.android.cursor.item/event
    et choisir soit un titre, soit une description avec :
    ExtraKey:title
    ExtraValue: Voici le titre de mon message de rappel
    ou
            ExtraKey:description
            ExtraValue: Voici la description de mon message de rappel
• 
  
• Pour lire un fichier PDF, faire appel à un ActivityStarter, paramétré avec :
  Action : android.intent.action.VIEW
  DataType : application/pdf
  puis faire pointer DataURI vers l'emplacement du fichier : 
  Exemple1 :  DataURI : file:///mnt/sdcard/AppInventor/assets/Program.pdf (si vous avez uploadé le fichier PDF à lire (ex : Program.pdf) dans les "media" de votre projet App Inventor).
  Exemple2 :  DataURI : file:///sdcard/download/mode_emploi.pdf (si vous avez déposé le fichier PDF à lire (ex : mode_emploi.pdf) dans le repértoire "download" de votre Smartphone).
  Astuce :  on peut également ouvrir un PDF avec un WebViewer si le fichier est disponible sur le web (Webviewer1.GotoURL:http://monsite.com/fichier.PDF).
• 
  
• • Pour utiliser la reconnaissance vocale dans Genymotion, en utilisant le micro de l'ordinateur qui émule le smartphone :
    - Dans le Playstore, télécharger l'application "Google" (de Google LLC. Tools), qui permettra de faire une recherche vocale.
    - Dans "settings" (paramètres) du smartphone émulé, choisir "System", puis "Languages & inputs". Cliquer sur "Languages" et rajouter la langue française (Français, France).
    - Supprimer la langue anglaise
    - Cela devrait fonctionner en français, mais si cela ne fonctionne pas, essayez d'ajouter une extension permettant de selectionner la langue de la reconnaissance vocale : https://puravidaapps.com/speechRecognizer.php
    
    
  • Comment géolocaliser l'utilisateur sur une carte personnalisée
  • Exemple : Ma carte personnalisée des restaurants du vieux Lille
  • Les 111 sites les plus utiles : the-111-most-useful-websites
  • Choisir une date (méthode avec navigateur, DatePicker et Jquery, que l'on peut afficher en français) : Pura Vida apps
  • Appli AndroSensor pour savoir tout ce que votre smartphone peut capter comme données environnementales.
  • Reminder gratuit et sans abonnement (http://www.kisreminder.com/) permettant de recevoir un mail de notification à une date et une heure voulue.
  • D'autres reminders
  • IFTTT (If This Then That) permet de gérer de multiples services dès qu'une condition est remplie (ex : Envoyer un mail à IFTTT pour qu'il rajoute un événement dans mon Google Agenda).
  • Pour inverser deux Screens (exemple Screen1 et Screen2) dans votre projet :
    
    1) Sauver le fichier mon_projet.aia sur votre disque dur
    2) En faire une copie, nommée, par exemple : mon_projet2.aia
    3) Ouvrir cette archive avec WinRAR
    4) Dans cette archive, entrer dans le repertoire "src", puis "appinventor", puis "ai_prenom_nom", puis "Nom_de_l_application".
    5) Vous devriez voir autant de paires de fichier (.scm et .bky) qu'il y a de screens dans votre application.
    6) Renommer les screens en fonction de vos besoins. Par exemple, si vous voulez inverser les screens 1 et 2, procédez ainsi :
    
    Renommer "Screen1.bky" en "Screen_Temporaire.bky"
    Renommer "Screen1.scm" en "Screen_Temporaire.scm"
    
    Renommer "Screen2.bky" en "Screen1.bky"
    Renommer "Screen2.scm" en "Screen1.scm"
    
    Renommer "Screen_Temporaire.bky" en "Screen2.bky"
    Renommer "Screen_Temporaire.scm" en "Screen2.scm"
    
    7) Fermer l'archive
    8) Uploader dans App Inventor mon_projet2.aia qui en principe devrait se lancer sur la screen1 (c'est-à-dire l'ancienne Screen2).
• Utiliser App Inventor sans compte Google : http://code.appinventor.mit.edu
• Evaluer "combien coûte la création de mon application mobile".
  
  
  • Ressources documentaires :
    Livre : Bluno Beetle Development Workshop, by Agus Kurniawan,

  ---