Een tweede knop toevoegen aan het hersenscherm - C++

Nu leerlingen ervaring hebben met het omgaan met het scherm in de hersenen als één grote knop, kunnen ze het scherm in twee knoppen veranderen. Met deze activiteit maken leerlingen kennis met het gebruik van genesteif then elsestatements om voorwaardelijke statements beter te beheren en de onderliggende logica hiervan. Studenten worden eerst door het bouwen van het project geleid, waarbij het indrukken van het scherm de robot naar links of rechts laat draaien. Vervolgens moeten ze de knoppen omdraaien, zodat de robot naar links gaat en nu naar rechts gaat, en andersom.

Voor meer informatie overif thenenif then elsestatements of andere statements die in deze activiteit worden gebruikt, kunt u de helpinformatie in VEXcode V5 raadplegen. Voor meer informatie over deze ingebouwde helptool kunt u artikelen over help inC++vinden.

Hieronder volgt een overzicht van wat uw leerlingen tijdens deze activiteit zullen doen:

• Beoordeling van hetStopOrDriveproject en de indeling van het scherm van de hersenen in pixels.

• Een nieuwLeftOrRightproject bouwen terwijl je door de redenering van het programmeren wordt geleid.

• Het project aanpassen zodat de knoppen op het scherm omgekeerd werken.

• Breid uw leerproces uit: verdeel het scherm in twee knoppen. Als u deze knoppen indrukt, draait de robot naar links of rechts.

Suggesties voor lesstrategieën voor dit onderdeel vindt u in de kolom 'Bezorging' van de 'To Do or Not to Do Pacing Guide'! (Google Doc / .docx / .pdf)

De x-waarde in het midden van het scherm is gelijk aan de helft van de breedte van het scherm in pixels. De x-waarde van het middelpunt is dus 240. Studenten hebben dit nummer nodig om de voorwaarde te programmeren voor het aanwijzen van de linker- of rechterkant van het scherm. Controleer dus of ze allemaal de juiste waarde hebben.

Vooruitkijkend naar de User Interface Challenge in het onderdeel Rethink, moeten leerlingen toepassen wat ze hebben geleerd om vier knoppen op het scherm te maken. Hiervoor hebben ze zowel de x- als de y-waarde nodig.

Voor verdere ondersteuning kunt u deVEX Bibliotheekraadplegen voor aanvullende help-artikelen.

Tijdens het testen moeten de studenten beseffen dat de gebruikersinterface, wanneer ze deze achter de Clawbot bedienen, omgekeerd lijkt te werken. Vanuit het perspectief van de gebruiker draait de Clawbot weg van de zijde die door de gebruiker wordt ingedrukt. Dat is geen optimale gebruikerservaring.

Studenten moeten deze wijzigingen in het project plannen, testen en verfijnen en deze vervolgens documenteren in hun technische notitieboekjes. Voor de individuele rubriek voor technische notitieboeken klikt u op een van de volgende links (Google Doc / .docx / .pdf), of klikt u op een van de volgende links voor teamnotitieboeken (Google Doc / .docx / .pdf). Vergeet niet de beoordeling aan de leerlingen uit te leggen voordat ze aan de slag gaan.

Er zijn twee mogelijke manieren om het hierboven gestelde probleem op te lossen. De eerste manier staat beschreven in de instructie: Bekijk het LeftOrRight-project en pas het zo aan dat wanneer de gebruiker op de knoppen achter de Clawbot drukt, de robot naar rechts draait als de gebruiker op de linkerkant van het scherm drukt. Anders gaat de Clawbot naar links.

// Begin projectcode
int main() {
  // Initialiseren van robotconfiguratie. NIET VERWIJDEREN!
  vexcodeInit();

  while (true) {
    if (Brain.Screen.pressing()) {
      if (Brain.Screen.xPosition() < 240) {
        Drivetrain.turn(right);
        waitUntil(!Brain.Screen.pressing());
      } else {
        Drivetrain.turn(left);
        waitUntil(!Brain.Screen.pressing());
      }
    } else {
      Drivetrain.drive(forward);
    }
  }  
}  

De andere oplossing is om de Operator-instructie zo aan te passen dat de Clawbot naar links draait als de x-waarde groter is dan 240.

// Begin projectcode
int main() {
  // Initialiseren van robotconfiguratie. NIET VERWIJDEREN!
  vexcodeInit();

  while (true) {
    if (Brain.Screen.pressing()) {
      if (Brain.Screen.xPosition() > 240) {
        Drivetrain.turn(left);
        waitUntil(!Brain.Screen.pressing());
      } else {
        Drivetrain.turn(right);
        waitUntil(!Brain.Screen.pressing());
      }
    } else {
      Drivetrain.drive(forward);
    }
  }  
}  

U moest coördinaten uit een coördinatenvlak gebruiken toen u de voorwaardelijke instructie programmeerde voor situaties waarin de x-waarde kleiner was dan 240 (linkerkant van het scherm). Om het scherm van de hersenen visuele knoppen te laten tekenen, moet u ook coördinaten gebruiken.
Ga terug naar stap 2, waar u de coördinaten voor het scherm van de V5 Robot Brain te zien kreeg.

V:Wat is de x-waarde aan de rechterkant van het scherm?
A:De x-waarde loopt op van 0 aan de linkerkant tot 480 aan de rechterkant.

V:Het bereik van de x-waarde is dus 480 (0 tot 480). Wat is het bereik van de y-waarde?
A:Het bereik van de y-waarde is 240 (0 tot 240).

V:Waar ligt de oorsprong (0, 0) van dit coördinatenvlak?
A:De oorsprong bevindt zich linksboven.

V:U bevindt zich bovenaan het scherm als de y-waarde gelijk is aan 0. Waarom is dit ongebruikelijk?
A:Normaal gesproken neemt de y-waarde toe als u omhoog gaat, maar op het V5-scherm neemt de y-waarde toe als u omlaag gaat. Maar je kunt het je voorstellen als de y-waarde die toeneemt naarmate je verder weg beweegt van de oorsprong (0, 0) linksboven in het scherm.

In de User Interface Challenge van het onderdeel Rethink krijgen leerlingen de opdracht een project te ontwikkelen waarmee ze vier knoppen op het scherm kunnen maken om de klauw en arm van de Clawbot te bedienen. Voor die uitdaging moeten ze ook die vier knoppen op het scherm laten zien. Deze Extend Your Learning-opdracht zal, net als de vorige pagina's, helpen om je leerlingen voor te bereiden op de uitdaging. De opdracht heeft namelijk vier knoppen die geprogrammeerd moeten worden, terwijl deze opdracht er maar twee heeft.

Laat je leerlingen een gebeurtenis aan het programma toevoegen, zodat er twee zichtbare knoppen op het scherm verschijnen wanneer het project wordt uitgevoerd. Stel voor dat studenten de Help-functie in VEXcode V5 gebruiken voor informatie over gebeurtenissen, met name de informatie in de instructieteken rechthoek. Laat de leerlingen bekijken hoe het scherm van de hersenen is georganiseerd in een coördinatensysteem op basis van het aantal pixels in het blok, teken rechthoek. Ze moeten dit begrijpen om parameters in dat blok te kunnen instellen. Bovendien moeten ze weten hoe ze evenementen moeten uitzenden. In dit geval is de gebeurtenis het tekenen van knoppen.

Studenten moeten deze wijzigingen aan het project plannen, testen en verfijnen en deze vervolgens documenteren in hun technische notitieboekjes. Voor de individuele technische notitieboekrubriek klikt u op een van de volgende links (Google Doc / .docx / .pdf), of klikt u op een van de volgende links voor teamnotitieboeken (Google Doc / .docx / .pdf).

Hier is een voorbeeldoplossing:

// Begin projectcode
event ScreenButtons = event();

void HasScreenButtons() {
  Brain.Screen.setFillColor(groen);
  Brain.Screen.drawRectangle(0, 0, 240, 120);
  Brain.Screen.setFillColor(paars);
  Brain.Screen.drawRectangle(240, 0, 480, 120);
  Brain.Screen.setFillColor(oranje);
  Brain.Screen.drawRectangle(0, 120, 240, 240);
  Brain.Screen.setFillColor(cyaan);
  Brain.Screen.drawRectangle(240, 120, 480, 240);
  wait(1, seconden);
}

int main() {
  // Robotconfiguratie initialiseren. NIET VERWIJDEREN!
  vexcodeInit();

  ScreenButtons(HasScreenButtons);

  while (true) {
    ScreenButtons.broadcast();

    if (Brain.Screen.pressing()) {

      if (Brain.Screen.xPosition() < 240) {

        if (Brain.Screen.yPosition() < 120) {
          ClawMotor.spin(forward);
          waitUntil(!Brain.Screen.pressing());

        } else {
          ClawMotor.spin(reverse);
          waitUntil(!Brain.Screen.pressing());
        }
        
      } else {
        if (Brain.Screen.yPosition() < 120) {
          ArmMotor.spin(forward);
          waitUntil(!Brain.Screen.pressing());

        } anders {
          ArmMotor.spin(omgekeerd);
          waitUntil(!Brain.Screen.pressing());
        }
      }
      ClawMotor.stop();
      ArmMotor.stop();
    }
    wait(5, msec);
  }  
}  

Voor een extra professioneel realistische ervaring, laat leerlingen hun klasgenoten om feedback vragen over hun twee kleurkeuzes.
Wekken de gekozen kleuren interesse in het gebruik van de interface, of welke kleuren zouden zij als gebruikers het liefst gebruiken?
Onderdeel van het ontwikkelen van een geweldige gebruikersinterface is het verzamelen van gegevens over de gebruikerservaring, en zelfs esthetische voorkeuren.