Lezione 17 - Collegamento delle schermate dei prototipi
45 minuti
Panoramica
Domanda del giorno: come posso collegare le schermate per creare un prototipo digitale completo?
In questa lezione, le squadre combinano le schermate dei prototipi digitali in un'unica app, che possono quindi collegare tra loro utilizzando il programma. Condividono gli URL di importazione del loro progetto, quindi importano lo schermo di ogni membro della squadra nella propria app. Ogni studente lavora in modo indipendente per aggiungere eventi al proprio codice per collegare tra loro le schermate, completando il proprio prototipo digitale.
Traguardo di apprendimento
Questa lezione costituisce la fase finale della creazione dei loro prototipi digitali, che poi testeranno e modificheranno nelle prossime lezioni. Le capacità di lavoro in squadra vengono messe in evidenza nel decidere come comunicare gli URL dei propri progetti e le capacità di progettazione vengono messe in evidenza nel momento in cui ogni studente ha importato le proprie schermate e continua a creare la propria app.
Opportunità di valutazione
-
Integrare tutti i componenti del lavoro collaborativo in un artefatto finale di natura computazionale.
Code Studio: vedi la tabella di valutazione al riquadro 9.
-
Creare un prototipo digitale che incorpori il flusso degli utenti per un artefatto di natura computazionale
Conclusione: le soluzioni per studenti dovrebbero consentire all'utente di eseguire diverse delle attività proposte per le app.
Mappatura delle competenze
AP - Algorithms & Programming
- 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.
IC - Impacts of Computing
- 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 prototipo digitale che incorpori il flusso degli utenti per un artefatto di natura computazionale
- integrare tutti i componenti del lavoro collaborativo in un artefatto finale di natura computazionale.
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
- Modificare le schermate - Risorse
- Importare le schermate - Risorse
- Collegamento delle schermate dei prototipi - Diapositive (Scarica)
- App multischermo - Risorse
- Reazione all'input dell'utente - Risorse
Guida didattica
Preparazione (5 minuti)
Prepararsi
Distribuisci: assicurati che ogni squadra abbia a disposizione i propri materiali.
Diario
Discussione: oggi metteremo insieme tutte le nostre schermate digitali in un'unica app. In base alla lezione di ieri, quali sono i passaggi necessari per visualizzare un pulsante sullo schermo con cui fare clic e passare a una schermata creata da un compagno di squadra?
Discussione: chiedi agli studenti di scrivere un diario da soli, poi discuti in gruppo e condividilo in classe.
Obiettivo: questa discussione è un ripasso della lezione di ieri. Prova a capire che ci sono diversi passaggi da completare in questo processo:
- importa la schermata creata dal tuo compagno di squadra
- aggiungi un gestore di eventi al tuo codice usando il pulsante ID
- usa il blocco `setScreen`(#fff176) per passare alla nuova schermata
Osservazioni
Oggi metteremo insieme tutte le nostre schermate per creare i nostri prototipi digitali! Alla fine di questa lezione, ogni membro della tua squadra dovrebbe avere la propria versione funzionante della tua app che useremo domani per i collaudi e per i riscontri.
Domanda del giorno: come posso combinare le schermat per creare un prototipo digitale completo?
Attività (35 minuti)
Combinare le diverse schermate di un progetto
Preparazione: concedi alle squadre qualche minuto per esaminare lo stato delle loro schermate, identificando il lavoro rimanente da fare prima di combinarle. Una volta pronti, chiedi agli studenti di condividere gli URL di importazione dello schermo in base al piano stabilito alla fine della lezione di ieri.
Code Studio: chiedi agli studenti di accedere ai propri computer e aprire Code Studio. Il primo esercizio prevede che gli studenti importino tutte le schermate dei loro compagni di squadra. L'esercizio successivo prevede che gli studenti aggiungano il codice per i gestori di eventi in modo che gli studenti possano fare clic su ogni schermata.
Girando tra i banchi: monitora gli studenti mentre completano i compiti sopra indicati. Le squadre possono trovarsi in diverse fasi di sviluppo: alcune squadre potrebbero comunque aver bisogno di assistenza per completare le schermate, altre potrebbero aver bisogno di aiuto per condividere le schermate tra loro e alcune squadre potrebbero aver bisogno di aiuto per aggiungere gli eventi al proprio programma. Indipendentemente dai progressi di ogni squadra, fornisci supporto e incoraggiamento per aiutare lesquadre a progredire e passare alle fasi successive dello sviluppo del prototipo.
Eseguire il debug delle importazioni di schermate: le squadre potrebbero incontrare diversi ostacoli durante il processo di importazione:
- URL comunicati in modo errato: gli URL di condivisione sono lunghi e complicati, quindi gli studenti avranno bisogno di una posizione condivisa in cui copiare e incollare gli URL
- ID schermate in conflitto: l'importazione di una schermata con lo stesso ID di una schermata esistente ti consentirà di sovrascrivere la schermata esistente. Ciò è particolarmente problematico quando gli studenti lasciano l'ID predefinito «schermo1"
- ID degli elementi in conflitto: se gli studenti hanno inserito correttamente i nomi di tutti i loro elementi, questo non dovrebbe essere un problema, ma qualsiasi elemento che ha l'ID predefinito o condivide un ID con un elemento esistente impedirà l'importazione di uno schermo
Lavorare in modo autonomo: una volta che le squadre sono passate alla fase di programmazione di questo progetto, diventa molto più difficile per gli studenti collaborare sulla stessa app. La fase di progettazione è la principale opportunità per tutti gli studenti di collaborare all'app: dopodiché le squadre continueranno a lavorare insieme, ma ogni studente lavorerà sulla propria copia dell'app. Incoraggia gli studenti a sfruttare questa opportunità per essere creativi e aggiungere decisioni di stile personali alla loro versione personale dell'app della squadra.
Condivisione: dai agli studenti la possibilità di condividere i loro prototipi tra loro e di fare alcuni collaudi iniziali. Poiché ora ogni studente sta lavorando su una versione separata dell'app della squadra, ogni app sarà probabilmente leggermente diversa.
(Facoltativo) Condividi tramite telefono: a seconda delle norme e delle regole della tua classe, potresti decidere di fare un'eccezione temporanea e consentire agli studenti di testare le proprie app sui propri dispositivi. Sviluppo App è modellato sulle app che utilizziamo sui nostri telefoni, quindi può essere incredibilmente eccitante per uno studente caricare l'app che ha creato sul proprio dispositivo. Per fare ciò, gli studenti premono il pulsante «Condividi» nell'angolo in alto a sinistra del loro progetto, quindi premono «Invia al telefono». Si apre un menu in cui gli studenti possono inviare l'app al proprio dispositivo tramite un messaggio di testo o scansionare un codice QR. Queste istruzioni si trovano anche nelle diapositive di questa unità: se decidi di saltare questo passaggio, assicurati di eliminare anche questa diapositiva dalla presentazione.
Conclusione (5 minuti)
Confronto nel gruppo di lavoro
Osservazioni
Ora che abbiamo i nostri prototipi digitali, è il momento di testarli! Domani faremo un altro giro di commenti da parte degli utenti, in cui avrete la possibilità di collaudare le rispettive app. Al momento, ogni membro della squadra ha la propria versione dell'app della squadra. Per domani, dobbiamo scegliere una di queste versioni che useremo per i collaudi
Discussione: chiedi alle squadre di discutere con i membri della squadra che ha sviluppato l'app che utilizzeranno per i collaudi di domani. Se diversi studenti dispongono di app «sufficientemente complete» per i collaudi, le squadre possono utilizzare un processo casuale per prendere una decisione (come lanciare una moneta o lanciare un dado).
Collaudo fuori dall'aula: ora che ogni studente ha la propria copia dell'app, può condividerla con amici e familiari al di fuori della scuola. Sarà effettivamente così, soprattutto se hai consentito agli studenti di condividere l'app sui loro telefoni. Incoraggia gli studenti a condividere e fare dei collaudi iniziali al di fuori della classe. Questo aiuta a ottenere un riscontro iniziale sull'app, ma offre anche agli studenti la possibilità di condividere il loro entusiasmo e il loro duro lavoro con la loro comunità.
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.