Google Assistant : Actions SDK – Basic Card

Pour le moment, dans Actions SDK de Google Assistant, nous n’avons vu que comment répondre avec de la voix. Dans l’article d’ajourd’hui, nous allons voir comment répondre avec une Basic Card.

Le projet que nous allons développer

Dans l’article sur la localisation d’une application, nous avons développé une application nous retournant la taille de la Tour Eiffel. Cette fois, nous allons développer un projet qui, lorsque l’utilisateur invoque l’application, va lui répondre avec une Basic Card contenant les informations principales sur la Tour Eiffel.

Basic Card avec Actions SDK

Voici le code de base dont nous partirons :

De plus, nous nous servirons d’une image de la Tour Eiffel disponible à l’url https://firebasestorage.googleapis.com/v0/b/eiffel-size-948ff.appspot.com/o/eiffel-tower.jpg?alt=media&token=d1e4ea44-9b0c-4cd9-9660-db61a96160c0

Tour Eiffel

Rich Responses

Notre but est de répondre avec ce que l’on appelle une Rich Response. Il s’agit d’un type de réponse qui permet d’étendre les possibilités, permettant notamment de répondre avec :

  • Deux bulles de texte
  • Une Basic Card
  • Des boutons de réponse prédéfinis
  • Un bouton redirigeant vers une URL
  • Une interface listant des options (liste ou carrousel)

Pour construire une Rich Response, il faut appeler la méthode ActionsSdkApp.buildRichResponse(). Nous allons commencer par ajouter une simple réponse texte, ce qui fait que le code de notre méthode mainIntent() devient :

Ajout du texte de la Basic Card

Nous allons maintenant ajouter une BasicCard très simple dans un premier temps à notre application. Pour se faire, nous allons utiliser :

  • addBasicCard(BasicCard) : qui nous permet d’ajouter une BasicCard à notre réponse
  • app.buildBasicCard(string) : qui nous permet d’ajouter une carte avec un texte principal

Maintenant, il ne nous reste plus qu’à ajouter un action package et à publier le tout (observer bien la ligne 25 qui nous permet enfin de publier des applications en français) :

Une fois ceci fait, on obtient le résultat suivant :

Basic Card simple

On voit bien notre carte en dessous de la réponse orale, mais elle manque encore de décoration. Il nous suffit d’ajouter ces dernières :

  • setTitle nous permet d’ajouter un titre
  • setButton nous permet d’ajouter un bouton qui redirige vers une URL au clic
  • setImage nous permet d’ajouter une image

Nous obtenons ainsi le résultat suivant :

Basic Card avec du contenu

En testant l’application sur Google Home, vous pourrez constater que vous n’obtiendrez que la réponse orale.

On est ainsi parvenu à développer une application produisant un résultat différent suivant l’équipement utilisé.

Twitter
Vous avez aimé cet article ? N’hésitez pas à me suivre sur Twitter pour être informé des prochains.
Développeur Android freelance depuis Avril 2016, je partage sur mon blog aussi bien que dans des meetups.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *