Review and introduction

In Lab 2, you learned about the parts of APL documents and the key concepts to create APL visuals. You also learned to use the Alexa Headline template (AlexaHeadline), a full-screen responsive template that includes a header, footer, background, and a logo image. You identified and broke down all the elements that the information screens have in common and used a data sources JSON file to simulate the different data sources. Focusing on the JSON structure that differentiates each screen, you then used data binding expressions (such as document_item_attribute: "${data_object.attribute}") to re-use APL documents and change each screen's content.

Introduction

Now you can link the five information screens you designed for the Tic-Tac-Toe skill to the skill’s backend. The chart below shows the entire skill’s design. These five screens belong to the three components shaded in gray: the Welcome, Pick Move, and Help modules.

For the Welcome and Help modules, the logic is similar. You must attach the Welcome screen to your skill’s LaunchRequestHandler and the Help screen to your HelpIntentHandler. The following screenshots show how the two screens should look.

Welcome screen:

Help screen:

The screens for Win, Draw, or Lose use an additional string parameter (secondaryText) of the AlexaHeadline to display the standings for the user and Alexa. For example, the following screenshot shows the Win screen.

The skill handles the logic for Win, Lose, and Draw in a custom CaptureMoveIntentHandler handler.