Lezione 14 - Modalità Interfaccia in "Sviluppo App"

Distribuisci: assicurati che ogni squadra abbia a disposizione i propri prototipi. Dovrebbero inoltre avere la Guida alle attività di "Collaudo per gli utenti del prototipo su carta"" di ieri.

Discussione: qual è almeno una modifica che apporteresti al tuo prototipo su carta in base ai commenti di riscontro di ieri? Puoi usare la tua "Guida alle attività" di ieri per ricordarti il riscontro dai collaudi degli utenti.

Discussione: chiedi agli studenti di scrivere un diario individualmente, quindi condividilo nei loro gruppi. Incoraggiali a continuare a proporre idee anche dopo che tutti le hanno condivise. Quindi, invita una persona di ogni gruppo a condividere almeno una modifica alla propria app.

Obiettivo: questa è un'opportunità per le squadre di ricordare a sé stessi l'attività completata ieri e di sintetizzare i commenti di riscontro in passaggi fattibili. Questa riflessione libera li farà giungere all'attività che completeranno oggi.

Ora che abbiamo effettuato un primo ciclo di collaudo e sappiamo quali modifiche dobbiamo apportare, è il momento di costruire un nuovo prototipo. Ma questa volta, invece di un prototipo su carta, realizzeremo un prototipo digitale! Oggi impareremo a usare Sviluppo App per progettare app, domani trasformeremo il nostro prototipo su carta in un prototipo digitale!

Domanda del giorno: come possiamo usare "Sviluppo App" e "Modalità interfaccia" per creare app?

Mostra la Guida alle attività di Progettazione di un modello di schermata. Questa immagine sarà disponibile anche per loro durante la progressione dell'esercizio e può opzionalmente essere stampata per essere utilizzata da ogni squadra come riferimento.

Prima di iniziare a progettare le tue app in Sviluppo App, lavoreremo tutti per convertire questo prototipo cartaceo in Sviluppo App. Esamina il prototipo per assicurarti di sapere che cosa stai costruendo. Nota che la maggior parte degli elementi della schermata sono provvisti di un'etichetta: useremo esattamente quelle stesse etichette per la creazione di questi elementi in Sviluppo App

Video: guarda il video di Sviluppo App - Modalità interfaccia durante la lezione. Questo video presenta l'interfaccia denominata appunto "Modalità interfaccia" che gli studenti useranno per il resto dell'unità. La lezione di oggi si concentra solo sugli elementi di progettazione drag&drop; la lezione Eventi in Sviluppo App si concentra sugli elementi di programmazione

Code Studio: chiedi agli studenti di accedere ai propri computer e aprire Code Studio.

Semplificare gli esercizi di programmazione: gli esercizi di programmazione sono progettati per continuare a insegnare nuove abilità e blocchi attraverso l'esplorazione, tentativi ed errori e utilizzando esempi funzionanti dal codice preimpostato. Gli studenti stanno ancora acquisendo familiarità con i concetti della lezione e avranno bisogno di un forte supporto durante questi esercizi per acquisire sicurezza, eseguire il debugging del loro codice e consolidare la loro comprensione.

Prendi in considerazione la possibilità che gli studenti completino gli esercizi in coppia utilizzando la Programmazione in coppia, che consente agli studenti di utilizzare un computer e scambiare tra l'essere un pilota o un navigatore. Questo processo è evidenziato in questo video, che puoi mostrare alla classe. Puoi fare in modo che gli studenti cambino ruolo in base a un timer o cambino ogni volta che completano un esercizio.

Opzioni di sintesi vocale: il pannello delle istruzioni include due opzioni che possono supportare la comprensione per gli studenti.

• Sintesi vocale che legge ad alta voce le istruzioni per gli studenti
• Microsoft Immersive Reader che apre un nuovo pannello per le istruzioni e fornisce i controlli per modificare la dimensione del testo, il contrasto o la traduzione in un'altra lingua.

Clicca qui per saperne di più su queste opzioni

Utilizzo delle risorse: di seguito puoi trovare consigli per l'utilizzo delle numerose risorse a cui gli studenti vengono introdotti nella lezione. Potresti prendere in considerazione la creazione di un «Grafico delle risorse» per tenere traccia di queste opzioni e aiutare gli studenti a essere autosufficienti man mano che avanzano di livello.

• Video: visti in classe, ma gli studenti possono sempre riprenderli.
• Scheda aiuto e suggerimenti: questa scheda contiene tutti i video e le guide di riferimento pertinenti per un determinato esercizio.
• Guide di riferimento: contengono testo e diagrammi che spiegano il contenuto. Queste sono intese come utili risorse per gli studenti, non come letture in classe. Sono un buon posto dove andare per il ripasso dopo aver appreso i contenuti o quando gli studenti rimangono bloccati negli esercizi. Puoi decidere di stamparli e renderli disponibili per gli studenti man mano che superano gli esercizi.
• Documentazione ed esempi: passando il mouse su un blocco verrà mostrata una breve descrizione di ciò che fa il blocco. Facendo clic sul link «Vedi esempi» si aprirà la documentazione relativa a quel blocco.
• Istruzioni dell'esercizio: le istruzioni possono introdurre piccoli pezzi di nuovi contenuti. Ogni esercizio presenta una sezione «Fai questo» che spiega cosa dovrebbero fare gli studenti in quell'esercizio. Ponetevi subito l'aspettativa che sia importante leggere queste istruzioni, non solo la sezione «Fai questo».

Girando tra i banchi: monitora gli studenti mentre completano gli esercizi in Code Studio. Man mano che avanzano tra le bolle, dovrebbero ricreare l'app Recycle Finder, che facilita la ricerca di un impianto di riciclaggio. L'ultimo esercizio di questa lezione prevede che gli studenti si rivolgano a te per conoscere i passaggi successivi.

Proprietà dello schermo

Distribuisci: fornisci a ogni squadra una copia della guida alle attività sulle proprietà dello schermo

Ridurre la quantità di materiali stampati: questa guida alle attività può essere completata come attività di diario. Le aule che hanno scelto l'opzione online possono anche svolgere questa attività su un foglio di carta separato o utilizzare uno strumento di disegno online per progettare lo schermo.

Fai questo: chiedi ai gruppi di esaminare i loro prototipi su carta per identificare tutti le schermate uniche che dovranno creare. Da lì, possono dividersi le schermate in modo uniforme tra i membri del gruppo e documentarli sul grafico. Se ci sono più schermate rispetto agli studenti, chiedi ai gruppi di considerare i seguenti fattori nella suddivisione dei contenuti:

Regole per i nomi delle schermate: per ogni schermata, i gruppi devono assegnare un nome della schermata ("screen name") breve e chiaro. Questo nome verrà utilizzato in Sviluppo App per identificare la schermata, quindi non devono contenere spazi o caratteri speciali.

• Ogni pagina è _effettivamente unica o alcune rappresentano la stessa pagina con contenuti leggermente modificati?
• Esistono pagine simili che potrebbero essere facilmente create dalla stessa persona?
• Esistono più pagine semplici che possono essere raggruppate?

Ora che abbiamo fatto pratica con Sviluppo App e ci siamo divisi le nostre schermate, è il momento di pianificare l'aspetto delle nostre schermate in Sviluppo App. Inizieremo questo processo oggi e lo finiremo domani. Uno dei passaggi più importanti è la pianificazione degli ID per ogni elemento. Proprio come nell'app Recycle Finder, ogni ID avrà anche un prefisso che aiuta a identificare la schermata in cui si trova.

Distribuisci: dopo che gli studenti si sono suddivisi le schermate, distribuisci una guida alle attività di "Progettazione delle schermate" per ogni schermata dell'app. Se uno studente sta completando più schermate, avrà a disposizione più guide alle attività. Gli studenti possono utilizzare questa guida alle attività per abbozzare la loro progettazione e documentare gli ID per ogni elemento di progettazione.

Progettazione delle schermate

Fai questo: chiedi agli studenti di completare la guida alle attività di Progettazione delle schermate, elencando i commenti di riscontro che intendono incorporare a seguito dei collaudi di ieri e generando gli ID che intendono utilizzare una volta in Sviluppo App. Gli studenti dovrebbero lavorare su questo fino alla fine del periodo di lezione. A seconda del numero di schermate di cui dispone ogni studente, potrebbe non riuscire a terminarlo prima della fine della lezione e continuare domani.

Girando tra i banchi: monitora gli studenti mentre pianificano le loro schermate, controllando che stiano assegnando ID significativi a ciascuno dei loro elementi. Assicurati che includano anche il nome della schermata come prefisso per ogni ID. Questo passaggio è importante per la lezione Collegare i prototipi di schermata, in cui gli studenti importeranno elementi dalle app degli altri: se due elementi hanno lo stesso ID, l'importazione avrà esito negativo. Mantenere ora la massima attenzione su questo requisito farà risparmiare tempo e frustrazione in seguito.

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