2015-05-21 11:26:26 -04:00
# Asctec Pelican GUI
2015-05-08 15:37:05 -04:00
2015-05-21 11:15:53 -04:00
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.
2015-05-20 18:12:51 -04:00
2015-05-22 12:00:52 -04:00
### Quick Start Guide
2015-05-26 10:15:43 -04:00
If you are connecting to a remote computer that is running the roscore, you need to run the following lines in the terminal:
2015-05-22 12:00:52 -04:00
2015-05-29 16:21:09 -04:00
sudo route add 192.168.2.1 gw <Host computer IP>
2015-05-26 10:15:43 -04:00
export ROS_MASTER_URI=http://<Host computer IP>:11311
export ROS_IP=<your IP>
2015-06-01 16:47:54 -04:00
Make sure you have the web_video_server installed:
2015-06-18 19:18:52 -04:00
sudo apt-get install ros-indigo-web-video-server
2015-06-01 16:47:54 -04:00
2015-06-10 18:27:56 -04:00
Make sure you have ROSBridge installed:
2015-06-18 19:18:52 -04:00
sudo apt-get install ros-indigo-rosbridge-suite
2015-06-10 18:27:56 -04:00
2015-05-26 10:15:43 -04:00
Then run the bash file in the working directory by running the following in the terminal.
2015-05-22 12:00:52 -04:00
2015-05-29 16:21:09 -04:00
bash launch.bash
2015-05-21 13:52:18 -04:00
2015-06-18 19:18:52 -04:00
#### Just display the webpage
If you just want to test the webpage, navigate to the working directory in the terminal and type
python -m SimpleHTTPServer
Then open http://localhost:8000/.
2015-05-29 16:21:09 -04:00
# Making Changes
2015-05-26 10:17:34 -04:00
2015-05-29 16:21:09 -04:00
Feel free to clone this project and use it as a base for your own GUI.
2015-05-21 13:52:18 -04:00
2015-06-18 19:18:52 -04:00
You can easily customise the "Robot Display" pannel by changing the HTML "robot\_display.html" file.
2015-05-21 13:52:18 -04:00
2015-06-01 11:50:07 -04:00
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
2015-05-21 13:52:18 -04:00
2015-05-21 11:15:53 -04:00
By using ROSBridge, this GUI will attempt to display relevant information over the web for any device.
2015-05-08 15:37:05 -04:00
TODO:
2015-05-22 12:00:52 -04:00
1. Display Network Information
2015-06-18 19:18:52 -04:00
1. Add checkmarks for which topics you want to record
2. Add time plot for data
1. fix connectoin button on ROS Bridge Connection tab