Learn Robotics Programming

Design and overview

So, to make a phone web app, a little bit of design on how we would expect this to work is needed. This could be as simple as a pen drawing on a scrap of paper, or using a drawing tool to get professional-looking results. The next image shows a screen mockup of this:

Screen mockup of driving web app

The mockup shows a mobile phone screen in landscape mode. The top of the screen has an exit button, and we can set this up to go to our menu after instructing the app to exit.

The middle of the screen has a video feed from the robot, using the mechanism described in the previous chapter. The left and right have sliders. The ...