As skills Alexa são prioritariamente aplicativos de voz. Mas sabia que podemos deixar a experiência do usuário mais rica em dispositivos multimodais?
Nesse vídeo eu vou te mostrar como podemos criar respostas visuais em dispositivos Alexa com tela. Vamos ver o que é Alexa Presentation Language, ou APL.
O Que É Alexa Presentation Language (APL)
Alexa tem um framework de design visual chamada Alexa Presentation Language (APL).
Com este framework podemos criar experiências de voz e visuais interativas em uma grande gama de dispositivos.
Essa experiência multimodal pode deixar as skills mais agradáveis e envolventes para o usuário.
A APL fornece elementos visuais, incluindo:
- Gráficos
- Imagens
- Slideshows
- Vídeo
Você pode criar elementos visuais personalizados para dispositivos Alexa, como Echo Show, Echo Spot, Fire TV e alguns dispositivos Fire Tablet.
Dispositivos de terceiros desenvolvidos com a Alexa Smart Screen e TV Device SDK também oferecem suporte à estrutura de design APL.
A Amazon criou o APL para que você possa criar experiências personalizadas que combinam voz, áudio e elementos visuais em uma única interface de usuário.
Com o APL, você pode fornecer aos usuários informações complementares do outro lado da sala ou oferecer dicas visuais, como mostrar listas ou itens de pesquisa.
O APL também oferece suporte a comandos de voz para que os usuários possam solicitar um item na tela em vez de depender apenas de interações por toque.
Fluxo Da Skill Com APL
As skills seguem um diagrama parecido com este:
- Os usuários falam com o dispositivo habilitado para Alexa.
- A fala é enviada ao serviço da Alexa na nuvem, que transforma a voz em texto e este em intenção.
- A intenção (com slots) vai para o back-end correto, que formula um speakOutput adequado, com diretivas opcionais. Essas diretivas mandam o dispositivo executar uma ação.
- Esta resposta através da Alexa serve para fazer a síntese de voz a partir do speakOutput da skill e exibe elementos visuais no dispositivo, se a diretiva correta (RenderDocument) for enviada.
Documentos Da APL
Um documento da APL mantém todas as definições de elementos de interface do usuário (UI) e a hierarquia visual deles em uma diretiva de RenderDocument.
Ele também contém os estilos associados a tais componentes e os pontos onde os dados podem ser vinculados.
Os elementos visuais na tela são formados por componentes da APL e layouts.
Cada documento da APL tem um “mainTemplate”, que representa o estado inicial da tela da APL a ser exibida.
Veja um exemplo de um documento da APL vazio:
{
"type": "APL",
"version": "1.1",
"settings": {},
"theme": "dark",
"import": [],
"resources": [],
"styles": {},
"onMount": [],
"graphics": {},
"commands": {},
"layouts": {},
"mainTemplate": {
"parameters": [
"payload"
],
"items": []
}
}
Palavras finais
Vimos neste vídeo o que é Alexa Presentation Language (APL).
Com a Alexa Presentation Language (APL), podemos criar experiências visuais para acompanhar nossas skills.
Os usuários podem ver e interagir com as experiências visuais em dispositivos compatíveis, como o Echo Show, Fire TV, alguns tablets Fire e outros dispositivos.
Podemos incluir animações, gráficos, imagens, apresentações de slides e vídeo em nossa resposta visual.
Meu e-book com 4 passos para criar sua primeira skill Alexa está GRATUITO por tempo limitado!
Olha o link: 👉🏼 http://celsokitamura.com.br/minha-primeira-skill-alexa
Bora aprender a desenvolver skills para Alexa!
