Lezione 8 - Ottenere input sullo schermo
45 minuti
Panoramica
Gli studenti imparano a utilizzare diversi nuovi elementi di progettazione (input di testo, menu a discesa e cursori) in modo da poter ottenere l'input dell'utente dallo schermo delle loro app. Questa lezione introduce inoltre gli studenti ai blocchi getProperty e getText, che consentono loro di accedere all'input dell'utente nel codice. Gli studenti si esercitano innanzitutto nell'uso di questi strumenti per determinare ciò che l'utente ha inserito nei vari elementi dell'interfaccia utente. Successivamente gli studenti utilizzano getProperty e setProperty insieme allo schema a contatoreper far muovere gli elementi sullo schermo. Viene inoltre introdotto un nuovo evento, "change", per rappresentare quando un menu a discesa o un cursore modifica i valori.
Domanda del giorno: come possiamo usare la schermata dell'app per l'input dell'utente?
Opportunità di valutazione
-
Progettare app utilizzando l'immissione di testo, il menu a discesa e gli elementi di progettazione del cursore
Code Studio: vedi la tabella sull'esercizio di valutazione
-
Utilizzare
getPropertyegetTextper accedere all'input dell'utente sullo schermoCode Studio: vedi la tabella sull'esercizio di valutazione
-
Utilizzare l'input dell'utente per aggiornare gli elementi sulla schermata usando il codice
Code Studio: vedi la tabella sull'esercizio di valutazione
Mappatura delle competenze
AP - Algorithms & Programming
- 2-AP-11 - Create clearly named variables that represent different data types and perform operations on their values.
- 2-AP-13 - Decompose problems and subproblems into parts to facilitate the design, implementation, and review of programs.
- 2-AP-19 - Document programs in order to make them easier to follow, test, and debug.
Pianificazione
Obiettivi
Gli alunni saranno in grado di:
- progettare app utilizzando l'immissione di testo, il menu a discesa e gli elementi di progettazione del cursore
- utilizzare
getPropertyegetTextper accedere all'input dell'utente sullo schermo - utilizzare l'input dell'utente per aggiornare gli elementi sulla schermata usando il codice
Preparazione
- Per questa lezione non è necessario che gli studenti dispongano di Circuit Playgrounds e consigliamo anzi di svolgere la lezione senza dispositivi
- Consulta il forum "Aula insegnanti" per insegnanti verificati per trovare strategie o risorse aggiuntive condivise dagli altri insegnanti
Collegamenti
Attenzione! Fai una copia di tutti i documenti che intendi condividere con gli alunni.
Per gli insegnanti
- Ottenere input sullo schermo - Diapositive (Scarica)
Per gli studenti
Codice introdotto
Guida didattica
Preparazione (5 minuti)
Diario
Discussione:
- Quali sono tutti i modi in cui possiamo ottenere input dall'utente in un Circuit Playground?
- Quali sono alcuni modi in cui hai visto in cui puoi ottenere input dall'utente in un'app?
Condividi: chiedi agli studenti di condividere le proprie risposte con un compagno, successivamente conduci una discussione con l'intera classe.
Obiettivo della discussione: gli studenti devono ricordare che possono utilizzare la pressione dei pulsanti e l'interruttore a levetta per ottenere input dall'utente sul Circuit Playground. Per le app, possono far apparire input di testo, menu a discesa o pulsanti. Possono anche visualizzare caselle di controllo o cursori come altre forme di input.
Osservazioni
Finora abbiamo esplorato solo come utilizzare Circuit Playground per l'input dell'utente. Oggi esamineremo altri modi per ottenere informazioni dalla schermata della nostra app.
Attività (35 minuti)
Code Studio: fai andare gli studenti su Code Studio
Guida agli esercizi di programmazione: ulteriori indicazioni per gli esercizi di programmazione sono fornite nella Guida CSD agli esercizi di programmazione. Questo documento include strategie e buone pratiche per agevolare lo svolgimento degli esercizi di programmazione con gli studenti.
In questo esercizio vengono introdotti due nuovi blocchi di codice: getProperty e GetText. Gli studenti potrebbero notare che questi nuovi blocchi vengono utilizzati con variabili e potrebbero prevedere che verranno utilizzati per ottenere l'input dell'utente dallo schermo. Potrebbero anche notare la presenza di nuovi elementi di progettazione: input di testo, menu a discesa e cursori. Cerca di spingere gli studenti a notare che le variabili di getText e getProperty vengono riutilizzate più avanti nel codice per aggiornare la schermata usando i blocchi setText e setProperty.
Valutazione formativa: questo esercizio può essere utilizzato come valutazione formativa. Nell'esercizio viene fornita una tabella con i criteri di valutazione e agli studenti può essere fornito un riscontro scritto. Clicca qui per saperne di più su come fornire riscontri agli studenti.
Conclusione (5 minuti)
Discussione: finora, hai visto diversi tipi di input, alcuni dalla schermata e altri dal Circuit Playground. Scegli un tipo di input e rispondi alle seguenti domande al riguardo.
- Di quale programma hai bisogno per ricevere dati da questo input?
- Qual è un esempio di quando vorresti usare questo input?
- Qual è un esempio di quando **non vorresti usare questo input?
Obiettivo della discussione: per questa discussione, puoi «alternare» le risposte assegnando un particolare tipo di input a ciascuno dei diversi studenti (o dei diversi gruppi) e rispondendo alle domande su ciascun tipo. Le diverse risposte possono quindi essere combinate per un riferimento di classe sui tipi di input.
Questo compito è disponibile previa Licenza Creative Commons (CC BY-NC-SA 4.0).
Se sei interessato ad utilizzare i materiali di Code.org per scopi commerciali, contattaci.
