This is the first project in this chapter. As we have seen in the other chapters, we are starting with a simple project. This web application can teleoperate the robot from the web browser itself using a keyboard. Along with the teleoperation, we can also visualize the robot in the browser itself. Here is the working block diagram of this project:
![](http://imgdetail.ebookreading.net/hardware/2/9781788627436/9781788627436__ros-programming-building__9781788627436__assets__331b9c8a-817e-4266-9656-bf79ec5775cb.png)
Figure 3: Working of web-based robot keyboard teleoperation project