Ora che gli studenti hanno esperienza nel trattare lo schermo del cervello come un unico grande pulsante, possono trasformare lo schermo in due pulsanti. Questa attività introdurrà gli studenti all'utilizzo di blocchi nidificati [If then else] per gestire meglio le dichiarazioni condizionali e la logica sottostante per farlo. Gli studenti vengono prima guidati nella costruzione del progetto per far ruotare le serigrafie a sinistra o a destra del robot. Ma, viene poi chiesto loro di cambiare i pulsanti in modo che ciò che ha girato il robot a sinistra ora lo giri a destra e viceversa.

Per ulteriori informazioni sui blocchi [If then] e [If else] o altri utilizzati in questa attività, visita le informazioni della guida all'interno di VEXcode V5. Per ulteriori informazioni su questo strumento di aiuto integrato, fai clic qui.

Di seguito è riportato uno schema di ciò che i tuoi studenti faranno in questa attività:

• Rivedere il  progetto StopOrDrive e il layout dello schermo del cervello in pixel.

• Costruire un nuovo  progetto LeftOrRight mentre si viene guidati attraverso il ragionamento della programmazione.

• Rivedere il progetto in modo che i pulsanti sullo schermo funzionino in modo opposto.

• Estendi il tuo apprendimento: dividendo lo schermo in due pulsanti che, una volta premuti, ruotano il robot a sinistra o a destra.

Per suggerimenti sulle strategie di insegnamento per questa sezione, consulta la colonna Consegna della Guida alla stimolazione da fare o da non fare! (Google Doc / .docx / .pdf)

Il valore x al centro dello schermo è pari alla metà della larghezza dello schermo in pixel. Quindi il valore x del punto centrale è 240. Gli studenti avranno bisogno di questo numero per programmare il condizionale per la pressione dello schermo a sinistra o a destra. Quindi assicurati di controllare che tutti abbiano il valore corretto.

Guardando al futuro, la Sfida dell'interfaccia utente nella sezione Ripensare richiederà agli studenti di applicare ciò che hanno imparato per creare quattro pulsanti sullo schermo. Per questo, avranno bisogno sia dei valori x che y.

Le istruzioni indirizzano gli studenti ai Tutorial all'interno di VEXcode V5 secondo necessità. Per ulteriore assistenza, consultare la Biblioteca VEX per articoli di aiuto supplementari.

Lo scheletro del progetto (solo blocchi di controllo) include blocchi nidificati: e blocco [If then else] all'interno di un blocco [If then else ] all'interno di un ciclo [Forever]. Questo potrebbe sembrare più complicato del necessario perché potresti invece utilizzare blocchi sequenziali [If then]. Tuttavia, l'utilizzo di blocchi sequenziali [If then] non è una buona pratica di programmazione.

Il progetto rifiutato a sinistra è la versione sequenzialmente condizionale del nostro progetto LeftOrRight. Se si preme lo schermo e se il valore x è inferiore a 240, il Clawbot gira a sinistra. Se si preme lo schermo e se il valore x è maggiore di 240, il Clawbot gira a destra. Il problema di questo progetto è che corre il rischio che entrambe le condizioni siano vere. Ogni volta che si utilizzano blocchi sequenziali [If then], si rischia di creare bug all'interno di un progetto perché potrebbe esserci più di un'istruzione condizionale vera. Gli insetti portano all'imprevedibilità.

Al centro c'è lo scheletro del progetto LeftOrRight, e sulla destra viene mostrato il progetto con alcune delle dichiarazioni condizionali e dei blocchi Drivetrain inseriti. La logica in questa versione del progetto è leggermente diversa. Se/quando si preme lo schermo, il valore x è inferiore a 240 (girare a sinistra) o non è inferiore a 240 (girare a destra). Non abbiamo bisogno di un'altra dichiarazione condizionale lì. Una volta premuto lo schermo, è inferiore a 240 o non lo è. Abbiamo solo due pulsanti di cui preoccuparci. Nota, il progetto a destra è ancora incompleto.

Gli studenti devono comprendere le differenze tra questi due approcci al progetto. Comprendere le differenze nella logica sottostante sarà di grande beneficio per i programmatori in via di sviluppo.

Durante il test, gli studenti dovrebbero riconoscere che l'interfaccia utente, se utilizzata da dietro il Clawbot, sembra funzionare al contrario. Dal punto di vista dell'utente, il Clawbot si allontana dal lato che viene premuto dall'utente. Questa non è un'esperienza utente ottimale.

Gli studenti devono pianificare, testare e perfezionare queste modifiche al progetto documentandolo all'interno dei loro quaderni di ingegneria. Per la rubrica del notebook di ingegneria individuale, fare clic su uno dei seguenti collegamenti (Google Doc / .docx / .pdf) o fare clic su uno dei seguenti collegamenti per i notebook del team (Google Doc / .docx / .pdf). Ricordati di spiegare il punteggio agli studenti prima che inizino a lavorare.

Ci sono due modi possibili per risolvere il problema posto sopra. Il primo modo è quello scritto nell'istruzione: Rivedere il progetto LeftOrRight e rivederlo in modo che quando l'utente preme i pulsanti da dietro il Clawbot, il robot gira a destra quando l'utente preme il lato sinistro dello schermo. Altrimenti, il Clawbot gira a sinistra.

L'altra soluzione è quella di commutare il blocco Operatore in modo che quando il valore x è maggiore di 240, il Clawbot gira a sinistra.

È stato necessario utilizzare le coordinate da un piano di coordinate quando è stata programmata l'istruzione condizionale per quando il valore x era inferiore a 240 (lato sinistro dello schermo). Per far sì che lo schermo del cervello disegni i pulsanti visivi, è necessario utilizzare anche le coordinate.
Torna al passaggio 2 dove ti sono state mostrate le coordinate per la schermata del cervello del robot V5.

D: Qual è il valore x sul bordo destro dello schermo?
A: Il valore x aumenta da 0 sul bordo sinistro a 480 sul bordo destro.

D: Quindi l'intervallo del valore x è 480 (da 0 a 480). Qual è l'intervallo del valore y?
A: L'intervallo del valore y è 240 (da 0 a 240).

D: Dov'è l'origine (0, 0) di questo piano di coordinate?
R: L'origine è in alto a sinistra.

D: Sei nella parte superiore dello schermo quando il valore y è uguale a 0. Perché è insolito?
A: Di solito, il valore y aumenta man mano che ti muovi verso l'alto, ma sullo schermo V5, il valore y aumenta man mano che ti muovi verso il basso. Ma puoi pensarlo come il valore y che aumenta man mano che ti allontani dall'origine (0, 0) in alto a sinistra dello schermo.

Nella User Interface Challenge della sezione Rethink, agli studenti verrà chiesto di sviluppare un progetto che crei quattro pulsanti sullo schermo per controllare l'artiglio e il braccio del Clawbot. Per quella sfida, viene anche chiesto loro di mostrare quei quattro pulsanti sullo schermo. Questo Extend Your Learning, come la pagina precedente, li aiuterà a prepararsi per quella sfida perché la sfida ha quattro pulsanti da programmare e questo ne ha solo due.

Chiedi agli studenti di aggiungere un evento al programma in modo che lo schermo disegni due pulsanti visibili quando il progetto viene eseguito. Suggerisci agli studenti di utilizzare la funzione Aiuto in VEXcode V5 per informazioni sui blocchi Eventi e Look, in particolare le informazioni del blocco [Disegna rettangolo]. Chiedi agli studenti di rivedere come lo schermo del cervello è organizzato in un sistema di coordinate basato sul numero di pixel quando viene utilizzato nel blocco [Disegna rettangolo]. Dovranno capirlo per impostare i parametri all'interno di quel blocco. Inoltre, dovranno capire come trasmettere gli eventi. In questo caso, l'evento sta disegnando pulsanti.

Gli studenti devono pianificare, testare e perfezionare queste modifiche al progetto documentandolo all'interno dei loro quaderni di ingegneria. Per la rubrica del notebook di ingegneria individuale, fare clic su uno dei seguenti collegamenti (Google Doc / .docx / .pdf) o fare clic su uno dei seguenti collegamenti per i notebook del team (Google Doc / .docx / .pdf).

Ecco una soluzione di esempio:

Per un'ulteriore esperienza professionale realistica, chiedi agli studenti di chiedere ai loro compagni di classe un feedback sulle loro due scelte di colore.
I colori scelti ti fanno desiderare di utilizzare l'interfaccia o quali colori preferirebbero come utenti?
Parte dello sviluppo di una grande interfaccia utente è la raccolta di dati sull'esperienza utente, anche sulle preferenze estetiche.