Paso 6: interfaz
También alteré las interfaces de los códigos de muestra cambot y rasprover. Ya que yo planeaba usar el teléfono inteligente como controlador, optimicé el diseño para mi telefono (galaxy Nota 3).
La mayoría de los diseños y estilos se puede editar en el index.html. Sin embargo el estilo de botón (gris oscuro con borde negro) predeterminado se define en el webiopi.css ubicado en /usr/share/webiopi/htdocs. Usé el terminal ejecutar sudo nano para modificado.
La secuencia de vídeo está situada en el centro de la pantalla, conduciendo el control en el lado izquierdo y control de armas de la derecha. Diseñé el control motriz como conjunto dos de up(forward), parada, down(backward) que quieren un control más fino, pero en el video puede decir que es incómodo a veces.
