# User Interfaces & Usability: Exercises worksheet for Topic 7; week 16

## Preamble and introduction
In these exercises, we'll give Anvil, a low code programming environment a try. It has a visual interface builder and supports back end programming in Python. The environment is available at https://anvil.works as a web-based tools.

We'll proceed with following steps
1. Demo by instructor: A recap of how basics of Anvil works works
2. Indepenent try of the tutorial: Teams will build a simple feedback form following the relevant Anvil tutorial
3. Getting started with your course project: Trying to build a native prototype from your digital prototype
4. Reflection: How did it go? What was easy, what was difficult?

We will proceed as follows at each step: The lecturer will have a brief introduction about the topic and then do a short demo. Then they will introduce the assignment and let students work on the assignment for 20 to 30 minutes in breakout rooms. (in random groups)

If you are working in groups, I suggest that everyone opens the tool and experiments. Then, one person shares the screen and builds an "official answer" for everyone.

## Step 0: Course project Q&A
This is not part of the official program, but hopefully all student teams are going ahead at full steam with the course project. Let's take a short break to address any questions about the course project.

## Step 1: Demo by instructor
In this step, the instructor will demo the platform with following steps.

1. Login or user account creation
2. Creating a new project
3. Working with the UI builder

## Step 2: Completing the tutorial in groups
In this step, students complete the following tutorial part in breakout rooms. Afterwards, let's address any questions or problems.

Tutorial link: https://anvil.works/learn/tutorials/feedback-form/chapter-2

## Step 3: First steps towards a native prototype
Now, it is your turn to give Anvil's features a try. Let's take 30 minutes for your teams to try creating one screen from a digital (Figma) prototype of your choice.

## Step 4: Retrospective
At this final step, two selected student teams present their projects. Finally, we discuss: What was easy, what was difficult? Which kind of difficulties there might be in the final project?

###### tags: `user interfaces and usability` `course materials`