Ahora que los estudiantes tienen experiencia en tratar la pantalla del cerebro como un botón grande, pueden convertir la pantalla en dos botones. Esta actividad presentará a los estudiantes el uso de bloques anidados [If then else] para gestionar mejor las declaraciones condicionales y la lógica subyacente de hacerlo. Primero se guía a los estudiantes a través de la construcción del proyecto para que las prensas de pantalla giren el robot a la izquierda o a la derecha. Pero, luego se les pide que cambien los botones para que lo que giró el robot a la izquierda ahora lo gire a la derecha, y viceversa.

Para obtener más información sobre los bloques [If then] y [If then else] u otros utilizados en esta actividad, visite la información de ayuda dentro de VEXcode V5. Para obtener más información sobre esta herramienta de ayuda integrada, haga clic aquí.

El siguiente es un resumen de lo que sus estudiantes harán en esta actividad:

• Revisar el  proyecto StopOrDrive y el diseño de la pantalla del cerebro en píxeles.

• Construir un nuevo  proyecto LeftOrRight mientras se guía a través del razonamiento de la programación.

• Revisar el proyecto para que los botones de la pantalla funcionen de forma opuesta.

• Amplíe su aprendizaje: divida la pantalla en dos botones que, al pulsarlos, giren el robot hacia la izquierda o hacia la derecha.

¡Para obtener sugerencias sobre estrategias de enseñanza para esta sección, revise la columna Entrega de la Guía de ritmo para hacer o no hacer! (Google Doc / .docx / .pdf)

El valor x en el centro de la pantalla es igual a la mitad del ancho de la pantalla en píxeles. Entonces, el valor x del punto central es 240. Los estudiantes necesitarán este número para programar el condicional de si la pantalla está pulsada a la izquierda o a la derecha. Así que asegúrate de verificar que todos tengan el valor correcto.

De cara al futuro, el Desafío de la interfaz de usuario en la sección Repensar requerirá que los estudiantes apliquen lo que han aprendido para crear cuatro botones en la pantalla. Entonces, para eso, necesitarán los valores x e y.

Las instrucciones dirigen a los estudiantes a los Tutoriales dentro de VEXcode V5 según sea necesario. Para obtener más ayuda, consulte la Biblioteca VEX para obtener artículos de ayuda complementarios.

El esqueleto del proyecto (solo bloques de control) incluye bloques anidados: y bloque [If then else] dentro de un bloque [If then else ] dentro de un bucle [Forever]. Esto puede parecer más complicado de lo necesario porque podrías usar bloques [If then] secuenciales. Sin embargo, el uso de bloques [If then] secuenciales no es una buena práctica de programación.

El proyecto rechazado de la izquierda es la versión secuencialmente condicional de nuestro proyecto LeftOrRight. Si se pulsa la pantalla y si el valor x es inferior a 240, el Clawbot gira a la izquierda. Si se pulsa la pantalla y si el valor x es superior a 240, el Clawbot gira a la derecha. El problema con este proyecto es que corre el riesgo de que ambas condiciones sean ciertas. Cada vez que usas bloques [If then] secuenciales, corres el riesgo de crear errores dentro de un proyecto porque puede haber más de una declaración condicional que sea verdadera. Los errores conducen a la imprevisibilidad.

En el centro se encuentra el esqueleto del proyecto LeftOrRight, y a la derecha se muestra el proyecto con algunas de las sentencias condicionales y bloques de Drivetrain insertados. La lógica en esta versión del proyecto es ligeramente diferente. Si/cuando se pulsa la pantalla, el valor x es menor que 240 (gire a la izquierda) o no es menor que 240 (gire a la derecha). No necesitamos otra declaración condicional allí. Una vez que se pulsa la pantalla, es inferior a 240 o no lo es. Solo tenemos dos botones para preocuparnos. Tenga en cuenta que el proyecto de la derecha aún está incompleto.

Los estudiantes deben comprender las diferencias entre estos dos enfoques del proyecto. Comprender las diferencias en la lógica subyacente beneficiará enormemente a los programadores en desarrollo.

Durante las pruebas, los estudiantes deben reconocer que la interfaz de usuario, cuando se usa desde detrás del Clawbot, parece funcionar al revés. Desde la perspectiva del usuario, el Clawbot se aleja del lado que está siendo presionado por el usuario. Esa no es una experiencia de usuario óptima.

Los estudiantes deben planificar, probar y perfeccionar estos cambios en el proyecto mientras lo documentan en sus cuadernos de ingeniería. Para la rúbrica del cuaderno de ingeniería individual, haga clic en uno de los siguientes enlaces (Google Doc / .docx / .pdf), o haga clic en uno de los siguientes enlaces para los cuadernos del equipo (Google Doc / .docx / .pdf). Recuerde explicar la puntuación a los estudiantes antes de que comiencen a trabajar.

Hay dos formas posibles de resolver el problema planteado anteriormente. La primera forma es la que está escrita en la instrucción: Revise el proyecto LeftOrRight y revíselo para que cuando el usuario presione los botones desde detrás del Clawbot, el robot gire a la derecha cuando el usuario presione el lado izquierdo de la pantalla. O bien, el Clawbot gira a la izquierda.

La otra solución es cambiar el bloque Operador para que cuando el valor x sea mayor que 240, el Clawbot gire a la izquierda.

Necesitaba usar coordenadas desde un plano de coordenadas cuando programaba la instrucción condicional para cuando el valor x era inferior a 240 (lado izquierdo de la pantalla). Para que la pantalla del cerebro dibuje botones visuales, también necesitarías usar coordenadas.
Vuelva al Paso 2, donde se le mostraron las coordenadas de la pantalla del Cerebro Robótico V5.

P: ¿Cuál es el valor x en el borde derecho de la pantalla?
R: El valor x aumenta de 0 en el borde izquierdo a 480 en el borde derecho.

P: Entonces, el rango del valor x es 480 (0 a 480). ¿Cuál es el rango del valor y?
R: El rango del valor y es 240 (0 a 240).

P: ¿Dónde está el origen (0, 0) de este plano de coordenadas?
R: El origen está en la parte superior izquierda.

P: Está en la parte superior de la pantalla cuando el valor y es igual a 0. ¿Por qué es esto inusual?
R: Por lo general, el valor y aumenta a medida que se mueve hacia arriba, pero en la pantalla V5, el valor y aumenta a medida que se mueve hacia abajo. Pero puedes pensar en ello como el valor y que aumenta a medida que te alejas del origen (0, 0) en la parte superior izquierda de la pantalla.

En el Desafío de la interfaz de usuario de la sección Repensar, se pedirá a los estudiantes que desarrollen un proyecto que cree cuatro botones en la pantalla para controlar la garra y el brazo del Clawbot. Para ese desafío, también se les pide que muestren esos cuatro botones en la pantalla. Este Extend Your Learning, al igual que el de la página anterior, ayudará a prepararlos para ese desafío porque el desafío tiene cuatro botones para programar y este solo tiene dos.

Haga que los estudiantes añadan un evento al programa para que la pantalla dibuje dos botones visibles cuando se ejecute el proyecto. Sugiera que los estudiantes usen la función de Ayuda en VEXcode V5 para obtener información sobre los bloques Eventos y Aspectos, en particular la información del bloque [Draw rectangle]. Indique a los estudiantes que revisen cómo se organiza la pantalla del cerebro en un sistema de coordenadas basado en el número de píxeles cuando se usa en el bloque [Draw rectangle]. Tendrán que entenderlo para establecer parámetros dentro de ese bloque. Además, deberán comprender cómo transmitir eventos. En este caso, el evento es dibujar botones.

Los estudiantes deben planificar, probar y perfeccionar estos cambios en el proyecto mientras lo documentan en sus cuadernos de ingeniería. Para la rúbrica del cuaderno de ingeniería individual, haga clic en uno de los siguientes enlaces (Google Doc / .docx / .pdf), o haga clic en uno de los siguientes enlaces para los cuadernos del equipo (Google Doc / .docx / .pdf).

Aquí hay un ejemplo de solución:

Para una experiencia profesional realista adicional, pida a los estudiantes que pidan a sus compañeros de clase comentarios sobre sus dos opciones de color.
¿Los colores elegidos te hacen querer usar la interfaz, o qué colores preferirían como usuarios?
Parte del desarrollo de una excelente interfaz de usuario es recopilar datos sobre la experiencia del usuario, incluso las preferencias estéticas.