2024 Visual Support: Instructions Setup and Start

We provide a basic outline in html.pl and some completed pages. If you fill in the holes we provide you with, it will give you very basic visuals. Completing this will already get you a sufficient grade. Thus, this will be a very creative task, and we ask that you implement what you think would visually support your agent or just look pretty. Let's get started!

Open

Start by going to html.pl in your agent project. 

The file is organized as follows:

1. Page layouts (the order of pages listed below matters!).

2. Code for HTML generation.

3. Some Helper predicates.

There are 6 specific pages that you have to have as a minimum to successfully complete the project:

• Start page

• Greeting/Opening Page associated with pattern c10 (see also https://socialrobotics.atlassian.net/wiki/spaces/MAS23/pages/2145124401).

• First Page for Recipe Selection (associated with pattern a50recipeSelect).

• Second Page for Recipe Selection (associated with pattern a50recipeSelect).

• Recipe Confirmation Page associated with pattern a50recipeConfirm.

• Closing Page associated with pattern c40.

Start Page

page(start, _, Html) 

This rule serves as an example of how you can create a page using Prolog, HTML, and Bootstrap. You can find more information on how to code such rules in the 2024 Visual Support: A Guide. 

This page should contain instructions for how to talk with your agent and a start button. We have left some spots for you to fill in your instructions. You can use these slots, but you can also design your own start page. The start page, however, does need to meet some requirements which are mentioned in the User Study section. As a start, put something useful here for your team members. What exactly to put on this page will get clearer towards the end of the project, once you have a working agent, and should be completed at that time. Hence, make sure to revise this page again later during the project!