Integration description Sample Clauses

Integration description. The user interface is developed as a HTML5 website, which can therefore be accessed by any web browser that supports HTML5 and JavaScript. The app loads the website in a webview in order to have better control over the user interaction possibilities. The dynamic user interaction with the interface is realized by using JavaScript to display new content and new Avatar scenes. The communication between the user interface and the Miraculous-Life system logic is established by connecting to a WebSocket server using the websocket protocol. New content derived from the system is submitted via this connection to the user interface and presented to the user through JavaScript. Figure 3 demonstrates the start or home screen of the user interface, showing the available services on the left hand side, the Avatar in the middle and a clock in the top right corner. The services can be accessed by saying the displayed word or sentence or by touching the element manually. If the spoken command is recognized or the user provided manual input, the selection is highlighted in green, as can be seen in Figure 4. Furthermore, the interface displays a “Processing…” information element in the bottom right corner of the screen, if the system is currently working on a user input or output.