Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel7

...

An important facet of our conversational agent is the visuals that accompany it. While it looks a bit complicated visual support. While the way in which visuals are modelled in the agent may look complicated, it is nothing above basic HTML. We utilize a combination of Prolog, HTML and bootstrap to generate these dynamic webpages. Prolog rules are how we used to add a condition to a webpage (i.e. this webpage X is shown when Clause X Y is true). Within this same rule we generate our HTML code. The HTML code is treated as an a Prolog atom, essentially a string, that we manipulate with Prolog and return with the rule. The HTML code is done in bootstrap format, which is clearly depicted in examples below or on bootstrap's documentation website (Bootstrap Documentation).

Note

Prolog Advice: To manipulate strings and atoms in Prolog it is useful to look at the functionalities of the following functions: atomic_list_concat, atom_concat, string_concat, append, maplist, applyTemplate(will be explained)

...