Introduction

Voice Apps makes building voice applications simple.   By using simple building blocks and a little configuration, you can create almost any voice application you can think of.

In this lesson, you'll learn about the visual project editor of Voice Apps.

Canvas

The canvas is where you'll build out your voice applications.  It allows you to display your project visually so you can quickly see the flow of your project from start to finish.

Here is an example of one of the more complex voice applications, our own Escape Games Alexa skill.   ( Yes!  We build our own skills using Voice Apps! )

Move

You can move the canvas around by clicking in a blank area and dragging it around.

Zoom

You can zoom the canvas by using two fingers and pinching to zoom in or expanding your fingers to zoom out.

You can also zoom in and out using the zoom control on the right side of the canvas.

Adding Blocks

You can add new blocks to the canvas in a couple of ways.  The easiest and fastest is to hover over an existing block and click the arrow that appears to the right of the block.  This will create a new block and automatically connect it to the first block.

The connection between the blocks means that the New Intent block will only be executed after the Welcome block has been executed.  More on this later.

Deleting Blocks

You can delete blocks by clicking the X in the top right corner of the block and then confirming your intention.

Line Style

Voice Apps allows you to choose between two different line types to connect your blocks:  square or curved.  This is just a matter of preference. 

You can switch between line types by clicking the Line Type button on the right side of the canvas.

Deleting Lines

You can delete the connecting lines by hovering over the line and clicking the trash can icon that appears.

Zoom To Fit

You can automatically zoom your entire project into view by clicking the "Zoom to Fit" button on the right side of the canvas.

This is also great if you've inadvertently zoomed or moved your entire project out of view.

Conclusion

In this lesson, you learned about the elements of the visual editor of Voice Apps and how to manipulate them.

In the next lesson, we'll start learning how to configure each of the blocks in detail.

Did this answer your question?