How to control a robot using App Inventor
https://www.google.com/search?q=App+inventor+robot+control&oq=App+inventor+robot+control&aqs=chrome..69i57.7775j0j4&sourceid=chrome&ie=UTF-8
What you do depends on what interface you use with your robot ... AI2 can only communicate directly with a Bluetooth enabled device, whether it is a LEGO gadget or something that works with a mini computer like an arduino.
You can use your interface design sketch. You will need four buttons for direction control; a start button and perhaps 5 Image controls perhaps in a Table arrangement (5 columns by 1 row) to use as a visual cue.
You will need five png images to place in your visual cue. An up arrow, a down arrow , a left arrow, a right arrow and a blank space. Initially all 5 images will have a blank.png image. These will need to be filled in the sequence the user pushes one of the four direction buttons. Simply, this could work like this: push up button, you add the UP image to a List, add the next button and image until you get FIVE. Then you have a list that might look something like:
Up.png
Down.png
Left.png
Right.png
Up.png
You will need code to send commands to the actual Robot which will be associated with the items in the List, so the robot first goes up, then down then left then right then Up as many units as you require.
The above is a suggestion. There are many ways to do this. There are dozens of examples of robot contols in the MIT Gallery .... search for robot. Some of these might be very similar to what you want to do.
...and here is a tutorial to get you started perhaps
http://www.appinventor.org/bookChapters/chapter12.pdf that has at least the for button elements of your project. You will have to write the code to process the commands that will occur after pressing your START .... hint, these probably should be sequenced with the Clock.Timer control.
I edited the thread topic to Moving Robot Emulator and Control because you also want to control a robot.
Regards,
Steve