Creating a Web Interface for a Robot
I want to create a web interface for a robot but since I do not have enough experience I cannot see the future problems. That's why I need some advice on which path that I need to take. Here is the result that I want to achieve:
I want to be able display a pre-generated 2d map with a robot on it and also I need to be able to visualize video streams from the robot’s cameras.
I did a research and I managed to show the pregenerated map by using ros2djs, rosbridge and map_server but I'm not sure this is the right way to continue. As far as I'm concerned the structure of the project will be something similar to this:
https://i.hizliresim.com/z0Zdv6.jpg 
I don't have a physical robot. So, I need to create the robot first but I don't how should I do that because there are some other things that I need to consider like the cameras on the robot.
My question are:
1-) How can i create a robot with cameras? 2-) How can i display it on the map?
My map will look like this:
Your image is not visible, please attach it directly to your post.