Asctec Pelican GUI

The purpose of this project is an example of how to write a web page that can be accessed by any device on the same network as the host computer by accessing the IP of that host computer.

Quick Start Guide

If you are connecting to a remote computer that is running the roscore, you need to run the following lines in the terminal:

sudo route add 192.168.2.1 gw <Host computer IP>
export ROS_MASTER_URI=http://<Host computer IP>:11311
export ROS_IP=<your IP>

Then run the bash file in the working directory by running the following in the terminal.

bash launch.bash

Making Changes

Feel free to clone this project and use it as a base for your own GUI.

You can easily customise the "Robot Display" pannel by changing the HTML "index.html" file.

All ROS related Javascript should go in the "ProjectFiles/js/ros_scripts.js" file. All functions that are used to update the GUI should go in the "ProjectFiles/js/update_guis.js" file

By using ROSBridge, this GUI will attempt to display relevant information over the web for any device.

TODO:

  1. Display Network Information
  2. Display camera image
  3. Move connection information to a new tab
  4. Check why on iPad the default IP address doesn't load
Languages
JavaScript 71.4%
SCSS 10.1%
Less 9.2%
CSS 6%
HTML 3.1%
Other 0.2%