Lezione 15 - Costruisci un prototipo digitale
45 minuti
Panoramica
Domanda del giorno: come posso progettare un prototipo digitale da un prototipo su carta
Dopo aver sviluppato in modo collaborativo un prototipo su carta per le loro app, i gruppi ora si dividono e si preparano per iniziare a lavorare su una versione digitale interattiva basata sul prototipo su carta. Utilizzando la "modalità interfaccia" drag-and-drop di Sviluppo App, gli studenti superano individualmente una progressione di livelli di sviluppo delle competenze per imparare a costruire versioni digitali di un prototipo su carta. Da lì, ogni membro del gruppo crea almeno una pagina della propria app in Sviluppo App, per essere successivamente integrata in un'unica app.
Traguardo di apprendimento
Questa lezione introduce gli studenti all'interfaccia in Modalità interfaccia di Sviluppo App e al processo di conversione di un prototipo su carta in uno digitale. Lo useranno come strumento per iterare sui loro prototipi su carta, prima creando una schermata di app di esempio e infine creando un prototipo di app interattiva entro la fine della lezione.
Opportunità di valutazione
-
Creare il prototipo digitale della schermata di un'applicazione
Code Studio, esercizio 2: vedi tabella di valutazione. Potresti aver bisogno che gli studenti consegnino i loro prototipi su carta o potresti girare tra i banchi mentre gli studenti stanno lavorando al progetto, per garantire che i prototipi digitali e quelli su carta siano coerenti.
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-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.
CS - Computing Systems
- 2-CS-01 - Recommend improvements to the design of computing devices, based on an analysis of how users interact with the devices.
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 il prototipo digitale della schermata di un'applicazione
Preparazione
- Tenere a disposizione degli studenti copie extra della Guida all'attività di Progettazione delle schermate
- 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
- Costruisci un prototipo digitale - Diapositive (Scarica)
Per gli studenti
- Progettazione della schermata (2021) - Guida alle attività
Guida didattica
Preparazione (5 minuti)
Prepararsi
Distribuisci: assicurati che ogni squadra abbia a disposizione il proprio materiale, compresi i prototipi su carta e le guide alle attività di progettazione delle schermate viste ieri.
Controllo iniziale sulle squadre
Discussione: illustra tutta la Guida all'attività di Progettazione delle schermate che la tua squadra ha completato finora. L'attività è da considerarsi riuscita anche se non tutte le schermate sono ancora completate. Esamina gli ID di ogni schermata e verifica che:
- Ogni schermata ha un nome che contiene solo lettere e senza spazi
- Ogni ID inizia con il nome della schermata
- Tutti gli ID sono unici in tutti le schermate
Discussione: gli studenti non devono scrivere niente per questa discussione: possono completarla discutendo in gruppo.
Obiettivo: si tratta di un'operazione rapida che aiuta gli studenti a completare nuovamente le guide alle attività di Progettazione delle schermate o a prepararsi a passare all'attività odierna di progettazione di questi schermate con Sviluppo App. Questo è un ultimo controllo per verificare che ogni squadra stia preparando i propri ID per una corretta implementazione con Sviluppo App.
Osservazioni
La preparazione delle nostre schermate è un passaggio importante che renderà i nostri prototipi digitali più organizzati e ci farà risparmiare tempo nella preparazione degli schermi in Sviluppo App. Oggi finiremo di pianificare le schermate rimanenti nella nostra app, quindi dedicheremo la maggior parte del nostro tempo a creare queste schermate in Sviluppo App.
Domanda del giorno: come posso progettare un prototipo digitale partendo da un prototipo su carta?
Attività (35 minuti)
Pianificazione della progettazione della schermata
Fai questo: chiedi agli studenti di completare tutta la guida alle attività di progettazione delle schermate rimanenti per le schermate della loro app, concentrandosi sulla pianificazione dei nomi degli ID. Se alcuni membri dellla squadra completano l'attività prima degli altri, puoi suggerire loro di aiutare gli altri compagni di squadra a finire le schermate rimanenti.
Creazione delle schermate con Sviluppo App
Code Studio: quando gli studenti hanno terminato la Progettazione delle schermate, invitali ad accedere a Code Studio. C'è un unico esercizio in cui gli studenti possono progettare la schermata della loro app.
Schermate multiple: a questo punto, gli studenti non hanno imparato ad aggiungere più schermate alle loro app: questo accadrà nella prossima lezione. Tuttavia, se uno studente è incaricato di progettare più schermate per la sua squadra, puoi mostrargli come aggiungere una nuova schermata dalla modalità interfaccia in modo che possa completare tutte le schermate in questo singolo esercizio.
Girando tra i banchi: monitora gli studenti mentre costruiscono i loro schermi in Sviluppo App, rispondendo alle domande e fornendo riscontri agli studenti sulla loro progettazione. Incoraggia gli studenti a utilizzare i loro compagni di squadra come risorse, ottenere commenti di riscontro rapidi o porre domande. La maggior parte della lezione sarà dedicata agli studenti che progettano le loro schermate.
Condivisione di progetti
Condividi: se c'è tempo, chiedi agli studenti di condividere le loro schermate con la classe, concentrandosi sui diversi schemi di progettazione che le squadre hanno creato per le loro app.
Conclusione (5 minuti)
Raccolta: metti tutti i materiali di ogni squadra in un luogo sicuro.
Diario
Discussione: come sono cambiati i tuoi progetti su carta iniziali quando li hai ricreati in Sviluppo App? Che tipo di modifiche hai dovuto apportare?
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.
Obiettivo: non esiste un'unica risposta corretta a questa richiesta: l'obiettivo è riflettere sul processo di conversione di un prototipo su carta con Sviluppo App. Gli studenti potrebbero notare che gli elementi di Sviluppo App rendono più difficili alcuni tipi di progettazione: ad esempio, è difficile avere curve o linee ondulate come parte della progettazione. Gli studenti potrebbero anche rendersi conto che i loro prototipi su carta erano troppo «compatti» con troppe informazioni su una schermata: quando hanno provato a ricrearli in Sviluppo App, il testo o le icone potrebbero essere stati troppo piccoli per essere letti.
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.
