Summary and additional resources

In this lab, you started with user stories and a flowchart. You then grouped the visual messages into at least two main categories based on common elements. You also learned about the parts of APL documents and the key concepts to make APL visuals for Alexa-enabled devices with screens. An APL document is a JSON structure that defines a template to display content on the viewport.

The mainTemplate comprises items that are APL components and layouts. When you design informational screens, consider using the Amazon-made Responsive templates. In this lab, you used the Alexa Headline template (AlexaHeadline), which is a full-screen responsive template that includes a header, footer, background, and a logo image. Data JSON simulates the data sources as part of the multimodal skill response.

You are free to design the JSON Data structure and pick logical names for attributes in your APL data source. To do so, first identify all the elements that the information screens have in common, and then design a structure that would differentiate each screen. Lastly, you used Data binding expressions (such as document_item_attribute: "${data_object.attribute}") to re-use APL documents while changing the content shown in each screen.

document_item_attribute: "${data_object.attribute}"

Additional resources

• For more on data-binding syntax, see APL Data-Binding Syntax.
• For details on using data sources, see APL Data Sources.

Up next

Learn how to design a new responsive APL template from scratch by designing the board of the Tic-Tac-Toe skill.