Coder les API dans App Inventor

  • Apprendre ce que sont les interfaces de programmation d'applications (API) 

  • Utiliser une API dans une application pour obtenir des informations

Voici les activités de cette leçon :

API

L'API est l'abréviation de interface de programmation d'applications.

Une API est un moyen de d'obtenir informations d'un site web ou d'une base de données.

Alors que le stockage en nuage concerne généralement des informations internes partagées au sein de votre application, les API permettent à votre application d'accéder à des informations externes à partir de l'internet.

Stockage en nuage
www connecté à 3 téléphones
API

Imaginons que vous construisiez une application pour aider les gens à décider de leur tenue vestimentaire en fonction du temps qu'il fait. Vous pourriez passer beaucoup de temps à télécharger des données sur le temps qu'il fait dans une base de données, mais il existe de nombreux sites web qui indiquent le temps qu'il fait. 

Une meilleure solution consisterait à récupérer les données d'un site web météorologique et à les montrer à vos utilisateurs par le biais de votre application, en utilisant une API.

Voici une bonne vidéo expliquant le fonctionnement des API.

Pour utiliser une API, vous devez 

  1. Trouvez un site web qui utilise des API. Voici une liste des API publiques disponibles, classées par thème.
  2. Lisez leur documentation pour savoir comment utiliser leurs API. La plupart des sites donnent des exemples.
  3. Certains sites exigent que vous vous inscriviez pour obtenir une clé API avant d'utiliser leurs API. Notez que l'utilisation de certaines API est payante.
  4. Incorporer le code de l'API dans Thunkable. 

EXEMPLES DE CODAGE

Vous trouverez ci-dessous quelques exemples simples qui vous permettront de commencer à utiliser les API dans App Inventor.

Voici un exemple très simple d'utilisation de la fonction API Google Maps et le composant ActivityStarter pour lancer l'application Google Maps à partir de votre application, en ciblant un emplacement spécifique. Utilisez ce composant modèle de départ pour suivre l'évolution.

Cet exemple de tutoriel utilise une API de OpenWeatherMap.

Ce tutoriel simple vous montre comment utiliser l' API iTunes pour jouer une chanson lorsque vous tapez le nom d'un artiste.

Logo iTunes

Cliquez sur ce lien pour ouvrir le tutoriel sur la barre latérale dans App Inventor et suivez-le.

ACTIVITÉ : APPLICATION SUR LA NUTRITION DES FRUITS

Durée estimée : 30 minutes

Affichage des informations sur les fruits à l'aide de l'API

  1. Ouvrez le lien vers le projet Fruit Information dans la galerie App Inventor.
  2. Chargez l'application dans App Inventor.
  3. Lancez l'application pour voir comment elle fonctionne.
  4. Consultez l'exemple de chaîne JSON ci-dessous pour comprendre à quoi elle ressemble.
  5. Pour l'instant, l'application n'affiche que des informations sur les calories. Ajoutez une deuxième étiquette sous CalorieLabel pour afficher l'une des autres valeurs nutritionnelles renvoyées.
Ouvrir le lien de la galerie

Meilleures pratiques : Fun Fact, que signifie json ? "JavaScript Object Notation". Json a été créé en 1999 et presque toutes les données que nous utilisons ou obtenons chaque jour doivent utiliser json d'une manière ou d'une autre. Si nous n'avions pas le langage json, presque toutes les technologies dont nous disposons seraient inutiles. Presque toutes les données provenant du nuage ont besoin de Json pour passer les données.

Questions directrices à poser aux élèves :

Pouvez-vous créer une API entre vous et vos amis ? 

Si l'un de vos amis dit "/hello", vous allez lui répondre par un message d'accueil. Il s'agit essentiellement d'une API. Une personne demande quelque chose (le bonjour) et vous répondez avec la salutation de votre choix. Pourrait-on trouver des exemples plus compliqués ? /hug, /triviaQuestion, /story, /weekendSummary

Les conseils des mentors sont fournis grâce au soutien de l'AmeriCorps.

A stylisé, logo AmeriCorps en bleu marine

Nous espérons que vous avez réussi à ajouter un deuxième étiquetage nutritionnel avec des informations sur l'IPA !

Si vous souhaitez voir une solution possible, cliquez sur ce bouton. 

RÉFLEXION

L'utilisation des API dans votre application peut être un outil très puissant, mais elle n'est pas facile à mettre en œuvre !

Vous devez prendre le temps de lire la documentation de l'API du site pour comprendre comment obtenir les informations dont vous avez besoin.

réseau interconnecté
Pensez-vous qu'il s'agit d'un composant utile pour votre application ?
Pouvez-vous trouver un site web en ligne qui fournit les informations dont vous avez besoin ?

RÉVISION DES TERMES CLÉS

  • Interface de programmation d'applications (API) - moyen d'obtenir des informations d'un autre site web ou d'une base de données pour les utiliser dans votre application.

RESSOURCES SUPPLÉMENTAIRES