Robotino Web Interface details

From RobotinoWiki

Detailed Features Description

Program

This section allows the upload of RoboView programs. src

Control

Command the movement of Robotino in either Velocity Mode or Distance Mode. Pictures from the camera and distances measured by the IR sensors are also displayed. src

Battery

Shows information and status of Robotino battery. src

Network

Adjust network configuration like IP address and Wifi information. src

IO

Monitor IO activity. src

Settings

Edit settings at /etc/robotino/ src

Help

Provide browser version information and error log for all activity at the Web Interface. src

Factory4

Factory4 section consist of two main modes, view mode and map edit mode. There are three main components of this section:

  • Robotino src
    The class will act as container of Robotino items in the map.
    The single definition of the robotino is included as inner class (coordinate, angle, battery voltage, and id).
  • Pose src
    The class defines behaviour and functionality of pose of Robotino at the map (coordinate, angle, station belts, and distance of station).
    Container of this class is to hold an array of pose items. src
  • Path src
    This class defines path object drawn on the map.
    Container to hold array of paths. src
    Path definition:
    • A path can consist of one or more nodes.
    • Direction can be one-way (indicated with arrow along the line) or two-way.
    • A path could have a pose attached at the start or end node.

View Mode src

List of features:
  • Map (upload, download, creating new map)
  • Pose (add, edit, delete pose)
  • Fleet (manage master and slave Robotino)

Map Edit Mode src

The edit mode has two main functionalities, for editing shape and editing path.

List of Shape Editor features:
  • Two types of shape (free and forbidden)
  • Add rectangle to map
  • Add circle to map
  • Delete shape from map
  • Clear all shape from map
  • Save shape into map
List of Path Editor features:
  • Add new path
  • Split path at selected node
  • Join two paths into one
  • Reverse one-way path direction
  • Add new node to existing path
  • Delete node from path
  • Undo and redo up to ten actions
  • Delete path
  • Save path to XML file

General Programming Tips

  1. When you want to implement new layout, always check the showcase to see what SmartGWT has to offer. Source code is also included for quick use.
  2. Containers' responsibility is to draw and manage drawn object on the canvas.
  3. Each feature from the path editor is encapsulated in a method at Path class.
  4. Declare items on the layout as private member of the class. This will allow code from different methods to access the item.
  5. Change compilation output style to Pretty if debugging is needed. When releasing, Obfuscated will result in faster initial loading.
  6. Certain changes (HTML static file edit, image replacement) require web browser cache to be cleared. When you make a change and it does not appear, remember to clear your browser cache.
    Compilation change the HTML filename thus the browser is required to reload (no need to clear cache).