mostafagomaa/caro-webviz-client

The Web interface using Ros3D.js and some required packages

Caro-webviz-client

The Web interface using Ros3D.js and some required packages

###Vedio Demo: https://drive.google.com/file/d/0BwzXji2vQ585S3NrdGFDd2xvTVU/view?usp=sharing

##Packages

• [web-interface] (web-interface): contains the web interfaces and the JavaScript used
• [using_markers] (using_markers) a Ros node that creates a simple markers to be used in the visulization. The marker topic is published on the client Ros to save bandwidth (which means that the client should have Ros installed).

###Installation:

• Add your directory that contains the packages as a $ROS_PACKAGE_PATH in the .bashrc

export ROS_PACKAGE_PATH=~/YOUR_PATH/Caro-webviz-client:$ROS_PACKAGE_PATH

• Navigate to the package directory and rosmake the Simple Marker packages

cd ~/YOUR_PATH/Caro-webviz-client/using_markers
rosmake

Setup the simple marker:

• Here we chose to run the marker node on a separate RosCore hosted on the client side and setup a Rosbrdige server to communicate with it. This should save the bandwidth required to communicate the markers information from beeing sent by each agent decreasing the network communication needed. Only brawback is the configration overhead needed to setup a RosCore and a Rosbridge instance on the client side.

• In case you dont already have a rosbridge on the client side, Setup the rosbride (similar to whats done in Caro-webviz-server ) on the client side.

cd Caro-webviz-client
git clone https://github.com/RobotWebTools/rosbridge_suite
cd rosbridge_suite
git checkout fuerte-devel

Change the line 33 in ../rosbridge_suite/rosbridge_library/src/rosbridge_library/internal/pngcompression.py to (from PIL import image).

rosmake
```

* Run the RoseCore, Rosbridge and the simple_markers on the client side by simply running the script launch_client.bash
(The script launches RosCore on port 11011, Rosbridge on port 5050)
```
../Caro-webviz-client/./launch_client.bash
```

### Configuration the web interface:
* From web-interfac/3markers_Multi.html. Replace the comminted websocket uri with your agent's rosbride uri.
. for example:

~~url : 'ws://YOUR_FIRST_AGENT_IP:ROSBRIDGE_SERVERPORT'~~
```
var ros_R1 = new ROSLIB.Ros({
    url : 'ws://enterprise.kbsg.rwth-aachen.de:9090'

```


###Run the web interface
*Run web-interface/3markers_Multi.html on your browser