< Unità 4 - Il processo di progettazione ('22-'23)

Lezione 16 - Eventi in Sviluppo App

45 minuti

Panoramica

Domanda del giorno: come posso utilizzare gli eventi per creare un'app?

In questa lezione, gli studenti imparano come aggiungere schermate alle loro app, come importare schermate create da altri studenti e come programmare eventi per navigare tra le schermate. Gli studenti imparano la programmazione di base basata sugli eventi creando l'app modello che hanno avviato nella lezione precedente. Alla fine della lezione, gli studenti elaborano un piano su come definire l'organizzazione del lavoro durante l'importazione reciproca delle schermate nella lezione di domani.

Traguardo di apprendimento

Questa lezione fornisce un contesto di programmazione sufficiente per consentire agli studenti di creare con successo i loro prototipi digitali. L'obiettivo di questa lezione non è insegnare la programmazione di Sviluppo App (ci sarà tempo per farlo nell'Unità 6), ma piuttosto insegnare il minimo di competenze di programmazione per consentire agli studenti di rendere interattive le proprie app.

Opportunità di valutazione

  1. Creare un evento che rileva e risponde in base ai dati di ingresso dell'utente

    Code Studio: vedi la tabella di valutazione al riquadro 9.

Mappatura delle competenze

Mappatura completa del corso
CSTA K-12 Computer Science Standards (2017)
    • 2-AP-13 - Decompose problems and subproblems into parts to facilitate the design, implementation, and review of programs.
    • 2-AP-14 - Create procedures with parameters to organize code and make it easier to reuse.
    • 2-AP-15 - Seek and incorporate feedback from team members and users to refine a solution that meets user needs.
    • 2-AP-16 - Incorporate existing code, media, and libraries into original programs, and give attribution.
    • 2-AP-18 - Distribute tasks and maintain a project timeline when collaboratively developing computational artifacts.
    • 2-AP-19 - Document programs in order to make them easier to follow, test, and debug.
    • 2-IC-22 - Collaborate with many contributors through strategies such as crowdsourcing or surveys when creating a computational artifact.

Pianificazione

Obiettivi

Gli alunni saranno in grado di:
  • creare un evento che rileva e risponde in base ai dati di ingresso dell'utente

Preparazione

  • Controlla il forum "Aula insegnanti" per insegnanti verificati per trovare strategie o risorse aggiuntive condivise dagli altri colleghi insegnanti
  • Se stai facendo una lezione virtuale, valuta la possibilità di controllare le nostre Modifiche alla lezione virtuale

Collegamenti

Attenzione! Fai una copia di tutti i documenti che intendi condividere con gli alunni.

Per gli insegnanti
Per gli studenti

Guida didattica

Preparazione (5 minuti)

Prepararsi

Distribuisci: assicurati che ogni squadra abbia a disposizione i propri materiali.

Diario

Discussione: ripensa a quando programmavi in Sviluppo Giochi. Quando volevi che un gioco rispondesse all'interazione dell'utente, come ci sei riuscito?

Discussione: prima di chiedere ad alcuni studenti di mettere tutto in condivisione con la classe, gli studenti devono prima scrivere individualmente sul diario e poi condividerlo a coppie.

Scopo della discussione

Obiettivo: gli studenti devono ricordare che Sviluppo Giochi utilizzava la funzione ciclica draw(), che viene eseguita costantemente. Se volevano verificare l'interazione dell'utente, dovevano utilizzare le istruzioni condizionali if all'interno della funzione ciclica per controllare costantemente ciò che l'utente stava facendo.

Discussione alternativa: se i tuoi studenti non hanno completato Sviluppo Giochi, puoi modificare la discussione in modo che pensino a un gioco a cui hanno giocato e chiedere come riceve l'input dall'utente. Potrebbero fare una riflessione libera su cose come premere un pulsante sulla tastiera o fare clic su un personaggio sullo schermo, oppure potrebbero prendere in considerazione le interazioni con il telefono, come toccare lo schermo o scorrere o pizzicare per eseguire un'azione.

Osservazioni

In Sviluppi Giochi abbiamo utilizzato la funzione ciclica draw() per verificare costantemente se un utente aveva interagito con il gioco. Questa tecnica funziona molto bene nei giochi e nelle animazioni in cui è necessario aggiornare continuamente molte cose. Tuttavia, la maggior parte delle app per telefoni non sono fatte per rimanere continuamente attive. In effetti, molte app non fanno assolutamente nient'altro che attendere che l'utente faccia clic su qualcosa: questo si chiama evento. Oggi impareremo come aggiungere eventi in Sviluppo App continuando a creare l'app Recycle Helper. Domani aggiungeremo eventi ai nostri prototipi digitali

Domanda del giorno: come posso utilizzare gli eventi per creare un'app?

Attività (35 minuti)

Video: mostra agli studenti gli eventi nel video di Sviluppo App

Eventi in Sviluppo App

Code Studio: chiedi agli studenti di accedere ai propri computer e aprire Code Studio. Se hai usato la programmazione a coppie nelle lezioni precedenti, valuta la possibilità di farla usare agli studenti in questi esercizi.

Suggerimenti didattici

Normalizzazione degli errori e supporto al debugging: man mano che gli esercizi di programmazione diventano più complessi, gli studenti potrebbero ritrovarsi nel codice dei bug che devono risolvere. Se ciò accade frequentemente, questa può essere un'esperienza demoralizzante per gli studenti e può influire sulla loro percezione di sé delle loro capacità in classe.

Per ovviare a ciò, consigliamo di normalizzare i bug e gli errori in quanto si tratta di una circostanza che accade a tutti: è solo una parte del processo. Puoi mostrare agli studenti il nostro Video sul debugging, che include diversi studenti che normalizzano gli errori e discutono delle strategie di debugging che gli studenti possono utilizzare. Inoltre, prendi in considerazione la possibilità di esporre la Guida per gli studenti al debugging a cui gli studenti possano fare riferimento in tutta l'unità e di avere Quaderni di reportistica per i bug a disposizione degli studenti.

Girando tra i banchi: monitora gli studenti mentre completano gli esercizi in Code Studio. Man mano che avanzano tra le vignette, dovrebbero essere aggiunti all'app Recycle Finder delle lezioni precedenti. Gli studenti trascorreranno la maggior parte della lezione completando questi esercizi. Man mano che le squadre si apprestano a concludere, inizia a passare alla fase successiva di questa attività

Osservazioni

Un elemento fondamentale dell'aggiunta di eventi alla tua app era avere schermate diverse a cui collegarsi. Oggi abbiamo imparato che un modo per farlo è importare altre schermate. Faremo lo stesso con i tuoi compagni di squadra, importando i loro schermi nella tua app. Per prepararci a questo, dobbiamo pianificare il modo in cui condivideremo i nostri progetti gli uni con gli altri.

Preparare l'importazione delle schermate

Fai questo: chiedi agli studenti di discutere in gruppo su come condivideranno gli URL di importazione dello schermo tra loro. Dovrebbero decidere un piano da attuare domani.

Suggerimenti didattici

Preparazione alla condivisione: per la lezione di domani sarà importante disporre di un sistema che consenta agli studenti di condividere gli URL dei loro progetti. Le strategie più comuni includono avere un Google Doc condiviso in cui gli studenti incollano i propri URL o inviano e-mail a tutti i membri del gruppo e creano un thread di e-mail o l'utilizzo del "sistema di gestione dell'apprendimento" della scuola per consentire agli studenti di comunicare tra loro. Puoi lasciare che gli studenti decidano quale metodo utilizzare oppure per semplificare il processo puoi istruire gli studenti a utilizzare una strategia specifica.

Conclusione (5 minuti)

Raccolta: metti tutti i materiali di ogni squadra in un luogo sicuro.

Diario

Discussione: quale sarà secondo te la sfida nel momento in cui domani dovrai importare schermate e continuare a creare i tuoi prototipi digitali? In che modo i tuoi compagni di squadra possono aiutarti ad affrontare queste sfide?

Discussione: chiedi prima agli studenti di condividere individualmente il diario, poi chiedi loro di condividerlo con un compagno prima di chiedere ad alcuni studenti di condividerlo con la classe.

Scopo della discussione

Obiettivo: gli studenti possono prevedere che potrebbero avere problemi a rimanere organizzati con tutti i diversi ID, potrebbero commettere errori di programmazione negli eventi o potrebbero ricevere errori di importazione durante il tentativo di importare schermate. Incoraggia gli studenti a considerare in che modo i loro colleghi possano essere una risorsa, ad esempio agendo come «compagni di pensiero» per aiutare con il debug o utilizzando la loro Guida alle attività di Progettazione delle schermate per organizzare al meglio gli ID.

Creative Commons License (CC BY-NC-SA 4.0).

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.