Cost calculations

A continuación se procede a ilustrar y señalar las partes más importantes de las diferentes pantallas graficas diseñadas para la app de control del KoalaBot Mini. Para ello se ha decidido adoptar el color blanco y diferentes tonalidades de azul.

Pantalla inicio

En el ámbito del diseño de las app móviles es muy común la implementación de una pantalla de inicio mientras la aplicación termina de arrancar. En la figura 5.5 se puede observar la pantalla de inicio diseñada para la app desarrollada.

Figura 5.5. Interfaz gráfica de la pantalla de inicio

Menú principal

Una vez cargada la app, aparece una segunda pantalla en la que el usuario debe seleccionar uno de los dos modos de funcionamiento explicados anteriormente, modo manual o modo Automático. En esta pantalla también se facilita una opción de ayuda para orientar a los usuarios primerizos, así como un botón para salir de la aplicación (figura 5.6)

Figura 5.6. Interfaz gráfica del menú principal

Modo Manual

Figura 5.7. Interfaz gráfica del modo manual conectado

En la parte superior se visualiza un botón con forma de cabeza de Koala, el cual se encuentra dormido. Dicho botón sirve de manera paralela para conectar o desconectar el dispositivo móvil con el KoalaBot Mini y al mismo tiempo visualizar el estado actual de dicha conexión. Es decir, si el botón de conexión/desconexión tiene la forma de un koala dormido, significa que no ha sido establecida ninguna conexión bluetooth. Por otra parte, cuando el dispositivo se conecta con el prototipo, la apariencia del botón cambia a un koala con los ojos abiertos.

Debajo de la etiqueta “modo manual”, se pueden ver las funciones propias del control de las luces, donde existen 5 botones a través de los cuales el usuario puede controlar el apagado o encendido manual de cada pareja de LEDs del mismo color. Más abajo se puede observar las funciones de control de movimiento. Estas incluyen un botón para iniciar el ascenso (SUBIR) del KoalaBot, otro para el descenso (BAJAR) y otro para detener su funcionamiento (PARAR). Además, a la derecha hay un desplegable donde el usuario puede configurar la velocidad de funcionamiento del KoalaBot (BAJA, MEDIA, ALTA), como se observa en la figura 5.8.

Figura 5.8. Velocidad de funcionamiento y sus opciones de configuración

Al igual que en la pantalla de selección de modo de funcionamiento, en esta pantalla también se puede apreciar la existencia de un motón de ayuda que asesora al usuario en caso de duda. Por último, la interfaz cuenta con un botón para Salir del modo manual, devolviendo al usuario a la pantalla anterior para que tenga la posibilidad de cambiar al modo automático o para salir de la app.

Modo Automático

En la pantalla del Modo automático, el usuario se encuentra ante la siguiente interfaz gráfica (figura 5.9).

Figura 5.9. Interfaz gráfica del modo automático conectado

Al igual que en el modo manual, en la parte superior se visualiza una vez más el mismo botón con forma de cabeza de Koala, que por defecto tiene la apariencia de estar dormido al no haber establecida ninguna comunicación bluetooth. Cuando el botón sea presionado por el usuario y la comunicación tenga lugar, el botón del koala cambiara su apariencia de dormido a despierto.

Debajo de la etiqueta Modo Automático, se encuentran 5 botones relativos al control de las luces. En este modo, al contrario que en el manual, el usuario solo puede elegir una sola acción de forma simultánea. Cada uno de los 5 botones corresponde a una secuencia automatizada de encendido y apagado de todos los LEDs.

Más abajo se pueden observar los botones propios del control de movimiento. Existen un botón para el submodo tiempo y otro para el modo posición. Al seleccionar uno u otro, al usuario se le habilita la opción de elegir un tiempo o una distancia preprogramada respectivamente.

En la figura 5.10 se puede observar el submodo posición activado y las opciones de configuración disponibles para el usuario.

Figura 5.10. Modo automático de posición y sus opciones de configuración

En la figura 5.11 se puede observar el submodo tiempo activado y las opciones de configuración disponibles para el usuario.

Figura 5.11. Modo automático de tiempo y sus opciones de configuración

Además, existen 3 botones para configurar si el koala debe ejecutar cualquiera de los dos submodos anteriores para ascender o descender una sola vez o de manera cíclica N veces. Cuando se selecciona esta ultima de opción, se habilita un cuadro para que el usuario seleccione el número de ciclos que quiere que se repita el modo automatizado (figura 5.12).

Figura 5.12. Modo automático cíclico y sus opciones de configuración

Esta pantalla también cuenta con un botón de parada de emergencia para detener el funcionamiento del KoalaBot durante el transcurso de cualquier submodo automático.

Por último, siguen estando presentes los mismos botones de ayuda para asesorar al usuario en caso de duda y de Salir del modo automático para devolver al usuario al menú principal con el fin de que pueda cambiar al modo manual o salir de la app.