Skip to content

Latest commit

 

History

History
29 lines (22 loc) · 1.41 KB

README.md

File metadata and controls

29 lines (22 loc) · 1.41 KB

Part 9 - Alexa Presentation Language (II)

In this second APL module we show a slightly more complex APL document. We use the results of the external API (celebrity birthdays) to render a list on screen. Ww enable each item shown in the list with touch capability.

# Milestones

  1. Code Tab: do the steps in the Diff section up to 5
  2. VS Code: show sample data from API (sampleBirthdayResponse) and APL doc (listScreen.json)
  3. Display Designer: explain Designer. copy listSampleDatasource.son to datasources and listScreen.json to doc tab. Play with it
  4. Code Tab: do the remaining steps in the Diff section

Concepts

  1. APL Display Designer
  2. APL Layouts & Sequences
  3. APL Transformers (Text to Hint)
  4. APL Touch Events

Diff

  1. constants.js: add reference to listScreen doc
  2. handler.js: in CelebrityBirthdaysIntentHandler add calculation of age in results loop, APL doc rendering directive (explain datasource) and home card. Add TouchIntentHandler code and add it to module.exports. [Add celebrities as dynamic entities]
  3. index.js: add handlers.TouchIntentHandler to handlers
  4. localisation.js: add LIST_ related string at bottom. [Fix help verbosity]
  5. util.js: add convertBirthdateToYearsOld() function
  6. listSampleDatasource.json: add (not used)
  7. sampleBirthdayResponse.json: add and show, place on designer
  8. listScreen.json: add and place on designer, explain it