Agora que os alunos têm experiência em tratar a tela do cérebro como um grande botão, eles podem transformar a tela em dois botões. Esta atividade apresentará aos alunos o uso de blocos aninhados [If then else] para gerenciar melhor as declarações condicionais e a lógica subjacente de fazê-lo. Os alunos são primeiro guiados através da construção do projeto para que as prensas de tela girem o robô para a esquerda ou para a direita. Mas, eles são então solicitados a trocar os botões para que o que virou o robô para a esquerda agora o vire para a direita e vice-versa.

Para obter mais informações sobre os blocos [If then] e [If then else] ou outros usados nesta atividade, visite as informações de ajuda no VEXcode V5. Para obter mais informações sobre esta ferramenta de ajuda integrada, clique aqui.

A seguir, um resumo do que os seus alunos farão nesta atividade:

• Analisar o  projeto StopOrDrive e o layout da tela do cérebro em pixels.

• Construir um novo projeto LeftOrRight enquanto é guiado pelo raciocínio da programação.

• Revisar o projeto para que os botões na tela funcionem de forma oposta.

• Estenda sua aprendizagem: Divida a tela em dois botões que, quando pressionados, giram o robô para a esquerda ou para a direita.

Para sugestões sobre estratégias de ensino para esta seção, consulte a coluna Entrega do Guia Para Fazer ou Não Fazer! (Google Doc / .docx / .pdf)

O valor x no centro da tela é igual a metade da largura da tela em pixels. Portanto, o valor x do ponto central é 240. Os alunos precisarão desse número para programar o condicional para saber se a tela é pressionada à esquerda ou à direita. Portanto, certifique-se de verificar se todos eles têm o valor correto.

Olhando para o futuro, o Desafio da Interface do Usuário na seção Repensar exigirá que os alunos apliquem o que aprenderam para criar quatro botões na tela. Portanto, para isso, eles precisarão dos valores x e y.

As instruções direcionam os alunos para os Tutoriais dentro do VEXcode V5, conforme necessário. Para obter mais assistência, consulte a Biblioteca VEX para obter artigos de ajuda suplementares.

O esqueleto do projeto (somente blocos de controle) inclui blocos aninhados: e bloco [If then else] dentro de um bloco [If then else ] dentro de um loop [Forever]. Isso pode parecer mais complicado do que o necessário, porque você pode usar blocos [If then] sequenciais. No entanto, usar blocos [If then] sequenciais não é uma boa prática de programação.

O projeto rejeitado à esquerda é a versão sequencialmente condicional do nosso projeto LeftOrRight. Se a tela for pressionada e se o valor de x for menor que 240, o Clawbot vira à esquerda. Se a tela for pressionada e se o valor de x for maior que 240, o Clawbot vira à direita. O problema com este projeto é que ele corre o risco de ter ambas as condições verdadeiras. Sempre que você usa blocos [If then] sequenciais, corre o risco de criar bugs dentro de um projeto, porque pode haver mais de uma declaração condicional verdadeira. Insetos levam à imprevisibilidade.

No centro está o esqueleto do projeto LeftOrRight e, à direita, o projeto é mostrado com algumas das instruções condicionais e blocos Drivetrain inseridos. A lógica nesta versão do projeto é ligeiramente diferente. Se/quando a tela for pressionada, o valor x será menor que 240 (vire à esquerda) ou não será menor que 240 (vire à direita). Não precisamos de outra declaração condicional lá. Uma vez que a tela é pressionada, é menor que 240 ou não é. Só temos dois botões para nos preocupar. Observe que o projeto à direita ainda está incompleto.

Os alunos precisam entender as diferenças entre essas duas abordagens do projeto. Compreender as diferenças na lógica subjacente beneficiará muito os programadores em desenvolvimento.

Durante o teste, os alunos devem reconhecer que a Interface do Usuário, quando usada por trás do Clawbot, parece funcionar ao contrário. Do ponto de vista do utilizador, o Clawbot afasta-se do lado que está a ser pressionado pelo utilizador. Esta não é uma experiência de utilizador ideal.

Os alunos devem planejar, testar e refinar essas alterações no projeto enquanto o documentam em seus cadernos de engenharia. Para a rubrica de bloco de anotações de engenharia individual, clique em um dos seguintes links (Google Doc / .docx / .pdf) ou clique em um dos seguintes links para blocos de anotações de equipe (Google Doc / .docx / .pdf). Lembre-se de explicar a pontuação aos alunos antes de começarem a trabalhar.

Existem duas maneiras possíveis de resolver o problema apresentado acima. A primeira maneira é aquela escrita na instrução: Revise o projeto LeftOrRight e revise-o para que, quando o usuário pressionar os botões por trás do Clawbot, o robô vire à direita quando o usuário pressionar o lado esquerdo da tela. Ou então, o Clawbot vira à esquerda.

A outra solução é alternar o bloco Operador para que, quando o valor x for maior que 240, o Clawbot vire à esquerda.

Você precisava usar coordenadas de um plano de coordenadas ao programar a declaração condicional para quando o valor x fosse menor que 240 (lado esquerdo da tela). Para que a tela do cérebro desenhe botões visuais, você também precisaria usar coordenadas.
Volte para a Etapa 2, onde foram mostradas as coordenadas para a tela do Cérebro do Robô V5.

P: Qual é o valor x na borda direita da tela?
A: O valor de x aumenta de 0 na borda esquerda para 480 na borda direita.

P: Portanto, o intervalo do valor x é 480 (0 a 480). Qual é o intervalo do valor y?
A: O intervalo do valor y é 240 (0 a 240).

P: Onde está a origem (0, 0) deste plano de coordenadas?
R: A origem está no lado superior esquerdo.

P: Você está na parte superior da tela quando o valor y é igual a 0. Porque é que isto é invulgar?
R: Normalmente, o valor y aumenta à medida que você se move para cima, mas na tela V5, o valor y aumenta à medida que você se move para baixo. Mas você pode pensar nisso como o valor y aumentando à medida que se afasta da origem (0, 0) no canto superior esquerdo da tela.

No Desafio de Interface do Usuário da seção Repensar, os alunos serão solicitados a desenvolver um projeto que crie quatro botões na tela para controlar a garra e o braço do Clawbot. Para esse desafio, eles também são solicitados a ter esses quatro botões mostrados na tela. Este Estenda Sua Aprendizagem, como o da página anterior, ajudará a prepará-los para esse desafio, porque o desafio tem quatro botões para programar e este só tem dois.

Peça aos alunos que adicionem um evento ao programa para que a tela desenhe dois botões visíveis quando o projeto for executado. Sugira que os alunos usem o recurso Ajuda no VEXcode V5 para obter informações sobre blocos Eventos e Aparência, particularmente as informações do bloco [Desenhar retângulo]. Oriente os alunos a revisar como a tela do cérebro é organizada em um sistema de coordenadas com base no número de pixels quando usado no bloco [Desenhar retângulo]. Eles precisarão entender isso para definir parâmetros dentro desse bloco. Além disso, eles precisarão entender como transmitir eventos. Neste caso, o evento é botões de desenho.

Os alunos devem planejar, testar e refinar essas alterações no projeto enquanto o documentam em seus cadernos de engenharia. Para a rubrica de bloco de anotações de engenharia individual, clique em um dos seguintes links (Google Doc / .docx / .pdf) ou clique em um dos seguintes links para blocos de anotações de equipe (Google Doc / .docx / .pdf).

Aqui está um exemplo de solução:

Para uma experiência profissional mais realista, peça aos alunos que peçam feedback aos colegas sobre suas duas opções de cores.
As cores escolhidas fazem você querer usar a interface ou quais cores eles preferem como usuários?
Parte do desenvolvimento de uma ótima Interface do Usuário é coletar dados sobre a Experiência do Usuário, até mesmo preferências estéticas.