Skip to content

1. User Interface

Eleftheria edited this page Sep 7, 2022 · 7 revisions

FossBot User Interface

The FossBot User Interface consists of 4 pages, the main one, the manual operation, the control panel and the Blockly page.

Operation Modes

There are different ways to use FOSSBot. Using the FOSSBot user interface allows the user to choose one of the possible modes of use:

  • the user interface of the robot without the use of code that is suitable for preschool children and shows the main capabilities of the robot, for example moving the robot forward or backward. This one can be achieved using the manual operation page.
  • the block-based graphical programming interface aimed at primary school students, using the Blockly UI.

1. Main page

The main page is the page that loads when the user opens the link e.g. http://fossbot-003.local:5000/ From this page the user can open the other pages, using the correct buttons. In this page the user can see all the projects created and saved in the robot. He can create a new project, run or edit an existing project, stop a running project.

main_page

2. Μanual operation page

This page shows 4 buttons, each one of them for the basic operations of the robot: move forward, backward, right and left. It can be used instead of a remote control for small children to be able to navigate the robot into a room.

manual operation page

3. Control panel page

This page shows all the variables that their value can be changed by the user.

control page

4. Blockly UI page

This page can be used to create code that can be saved as well as executed by the robot. On the left side, there are different categories, in which the Blockly blocks are divided. More info regarding the Blockly Blocks can be found here.

blockly