Lezione 3 - Intestazioni
45 minuti
Panoramica
Domanda del giorno: come possiamo lavorare insieme per risolvere i problemi con i nostri siti web?
In questa lezione, gli studenti continuano a utilizzare l'HTML per strutturare il testo sulle pagine web, questa volta a coppie, con particolare attenzione alla collaborazione e al debugging dei problemi con i loro siti. Gli studenti imparano come vengono visualizzati di default i diversi elementi del titolo e si esercitano a usarli per creare titoli di pagine e sezioni.
Traguardo di apprendimento
Questa lezione introduce le prassi fondamentali della programmazione in coppia e del debugging. Questi verranno utilizzati in tutta l'unità e saranno in linea con le autentiche prassi utilizzate dai professionisti del settore. Include anche i tag di intestazione che gli studenti useranno nelle loro pagine per il resto dell'unità e rafforza la struttura generale dell'HTML (tag di apertura/contenuto/tag di chiusura).
Opportunità di valutazione
-
Usa i tag dei titoli per modificare l'aspetto del testo su una pagina web.
Vedi la domanda a scelta multipla all'esercizio 8 e i Criteri di valutazione all'esercizio 9.
-
Struttura il contenuto in titoli, sottotitoli e paragrafi.
Vedi i Criteri di valutazione all'esercizio 9.
-
Usa una prassi strutturata per creare in modo collaborativo un artefatto digitale.
Mentre gli studenti seguono la lezione, assicurati di seguire le linee guida per la programmazione in coppia descritte nel video. Nella richiesta di conclusione del diario, verifica che le risposte degli studenti descrivano una collaborazione efficace.
Mappatura delle competenze
AP - Algorithms & Programming
- 1B-AP-11 - Scompone (suddivide) i problemi in sotto-problemi più piccoli e gestibili per facilitare il processo di sviluppo del programma.
- 1B-AP-15 - Esegui test e debugging (identificare e correggi errori) di un programma o di un algoritmo per assicurarti che funzioni come previsto.
Pianificazione
Obiettivi
Gli alunni saranno in grado di:
- strutturare il contenuto in titoli, sottotitoli e paragrafi.
- utilizzare una prassi strutturata per creare in modo collaborativo un artefatto digitale.
- utilizzare i tag di intestazione per modificare l'aspetto del testo in una pagina web.
Preparazione
- Prepara i diari degli studenti per restituirli.
- Se vuoi usare un diagramma di ancoraggio, prepara la carta per cartellone per farlo con tutta la classe.
- 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
- Intestazioni - Diapositive
- Intestazioni e Paragrafi - Risorse
Per gli studenti
- Video: correzione di errori (debugging) - Video (Scarica)
- Video - La programmazione in coppia - Video (Scarica)
Glossario
- Intestazione - Un titolo o un riepilogo per un documento o una sezione di un documento.
Codice introdotto
Guida didattica
Preparazione (5 minuti)
Poster dei "tag"
Diario: chiedi agli studenti di creare un grafico a T su una pagina vuota dei loro diari e di etichettare i «tag HTML» in alto
[pull-right]
[/pull-right]
Grafico di ancoraggio / Cartellone: durante questa unità gli studenti terranno traccia dei tag che apprendono. Questa attivutà di avvio richiede agli studenti di annotare i tag HTML che apprendono scrivendoli nei loro diari. Se lo desideri, puoi anche tenere traccia delle stesse informazioni su un cartellone condiviso della classe o su un grafico di ancoraggio che aggiornerai dopo ogni lezione. Le istruzioni in tutta l'unità ti diranno quando gli studenti devono aggiornare i loro diari e l'aggiornamento del diagramma di ancoraggio può fornire un rinforzo di tale processo.
Discussione: ieri sei venuto a conoscenza dell'HTML, il linguaggio del World Wide Web. L'HTML utilizza i tag per strutturare il contenuto delle pagine web. Nei tuoi gruppi, pensa a tutti i tag che ricordi e a cosa servono.
Concedi agli studenti qualche minuto per pensare a quante più etichette possibile.
Osservazioni
Ora che hai avuto un po' di tempo per pensare alle tue, condividi le tue liste con un compagno e vedi se c'è qualcos'altro che puoi aggiungere.
Discussione: le coppie dovrebbero discutere tra loro e annotare le proprie idee nei loro diari. Successivamente, condividi con tutta l'aula e aggiungi i diversi tag a un cartellone o a un grafico di ancoraggio, se scegli di crearne uno. Mentre analizzi i tag, evidenzia come la collaborazione abbia permesso agli studenti di rendere i loro elenchi più completi.
Obiettivo: l'obiettivo di questa discussione è ripassare i tag che gli studenti hanno visto nella lezione precedente.
<DOCTYPE html>- Indica al computer che si tratta di un documento scritto in HTML<html>- Indica l'inizio del codice scritto in HTML<head>- Contiene informazioni (a volte chiamate «metadati») sulla pagina Web<body>- Contiene tutto il contenuto principale della pagina Web<p>- Definisce un paragrafo
Osservazioni
Di solito siamo in grado di risolvere meglio i problemi quando lavoriamo con qualcun altro. Questo vale anche per la programmazione dei nostri siti web. Oggi esamineremo alcuni modi in cui possiamo lavorare insieme per risolvere diversi problemi che potrebbero avere i nostri siti web.
Domanda del giorno: come possiamo lavorare insieme per creare una grande squadra?
Attività (35 minuti)
Programmazione in coppia
Forma i gruppi: disponi a coppie gli studenti.
**Programmazione a coppie: ** la programmazione a coppie è praticata nell'istruzione e nelle aziende. Gli studenti che praticano la programmazione a coppie sono più sicuri delle proprie capacità e hanno maggiori probabilità di continuare a studiare informatica. Questa pratica è più efficace se viene introdotta precocemente e le regole per il cambio di compagno vengono applicate dall'insegnante. Puoi leggere di più sulla programmazione a coppie nella Guida al corso collegata nella pagina del curriculum di "Alla scoperta dell'informatica" all'indirizzo https://studio.code.org/courses/csd.
Osservazioni
Oggi lavoreremo nuovamente su "Sviluppo Web", ma questa volta useremo la programmazione a coppie. La programmazione a coppie aiuta le persone a creare programmi migliori lavorando insieme, ma ci sono alcune regole che dobbiamo seguire per assicurarci che tutto vada bene.
Mostra il video di programmazione a coppie.
Domande da prendere in considerazione con il video
- Perchè credi che i programmatori professionisti usino la programmazione in coppia?
- Come pensi che la programmazione in coppia ti aiuti a programmare meglio?
Obiettivo: Gli obiettivi di questa discussione si concentrano meno sulle risposte particolari a questa domanda e più sulla promozione di atteggiamenti positivi nei confronti della programmazione a coppie. Mentre gli studenti discutono dei suoi potenziali vantaggi, assicurati che comprendano che si tratta di una pratica standard del settore, non solo qualcosa svolto dagli studenti in classe.
Ripasso: assicurati che gli studenti comprendano le regole per la programmazione a coppie:
Alcune classi potrebbero aver bisogno di maggiore supporto per comunicare e collaborare in modo efficace. Se opportuno, chiedi ai tuoi studenti di raccogliere delle idee su un elenco di «radici di frasi» da utilizzare per una comunicazione rispettosa ed efficace prima di dividersi in coppie («Hai pensato che...» «Che ne dici di...» «Credo che il problema potrebbe essere...»). Mentre gli studenti proseguono la lezione, ricorda loro che il loro obiettivo principale oggi è imparare a lavorare insieme su una pagina web, il che è ancora più importante del tag di titolo!
- C'è un solo computer.
- Il conducente è l'unico a toccare la tastiera/il mouse.
- Il navigatore dovrebbe cercare problemi nel codice e tenere traccia del piano di alto livello.
- Sia il conducente sia il navigatore devono comunicare costantemente.
- Il conducente e il navigatore devono invertirsi quando l'insegnante lo indica, generalmente dopo pochi minuti.
Sviluppo Web: intestazioni
Transizione: fai in modo che le coppie accedano a Code Studio ed entrambe accedano utilizzando la funzione «Programmazione a coppie».
Discussione: ricorda agli studenti di cambiare guidatore e navigatore ogni tre minuti. Potrebbe essere opportuno proiettare un timer digitale alla lavagna o comunque nella parte anteriore della stanza.
Facilitazione degli esercizi di sviluppo delle abilità: gli esercizi di sviluppo delle abilità sono progettati per continuare a insegnare nuove abilità e blocchi attraverso l'esplorazione, la sperimentazione e l'uso di esempi pratici tratti da codice prefornito. Gli studenti stanno ancora acquisendo familiarità con i concetti della lezione e avranno bisogno di un forte supporto durante questi esercizi per aumentare la fiducia, eseguire il debugging del codice e consolidare la loro comprensione.
[pull-right]
[/pull-right]
Tipi di esercizio: con questa domanda a risposta multipla si chiede agli studenti di scegliere come verranno visualizzati i titoli HTML su una pagina web. Puoi vedere quali studenti hanno risposto correttamente alla domanda andando a quell'esercizio ed estraendo il pannello degli insegnanti dal lato destro. Gli studenti che hanno risposto con successo alla domanda avranno una bolla verde. Gli studenti hanno tutte le possibilità che vogliono di rispondere correttamente, quindi anche indovinare e controllare può portare a una risposta corretta. Fai clic qui per saperne di più sull'uso del pannello insegnanti con gli studenti.
Domande da prendere in considerazione con il video:
- Cos'è il debugging?
- Quali sono le quattro fasi per il debugging?
Gli studenti dovrebbero identificare il debugging come il processo di ricerca e risoluzione dei problemi nel loro codice. I quattro passaggi del processo di debugging sono descrivere il bug, individuarlo, provare piccole soluzioni (o modificare il codice) e documentare ciò che si è appreso.
Potresti anche voler fare riferimento alla Guida al debug che si trova nella pagina del programma di "Alla scoperta dell'informatica".
Semplificare gli esercizi di pratica: gli esercizi di pratica sono progettati per consentire agli studenti di applicare le conoscenze degli esercizi precedenti e sviluppare fluidità nell'uso dei nuovi blocchi di codice per risolvere i problemi. Gli studenti possono scegliere quali esercizi di pratica desiderano completare e non è necessario che uno studente completi ogni esercizio di pratica prima di continuare.
Gli studenti tendono ad essere più coinvolti e rispondono meglio quando hanno una scelta autentica su come continuare il loro apprendimento. Consentire agli studenti di scegliere gli esercizi di pratica in base ai loro interessi e al livello di comfort e considerare di fornire opportunità agli studenti di dimostrare e spiegare le loro soluzioni agli esercizi di pratica che hanno scelto all'intera classe.
Scavando più a fondo: per ulteriori suggerimenti sugli esercizi di programmazione, consulta la Guida CSD agli esercizi di programmazione. Questo documento include strategie e buone pratiche per semplificare gli esercizi di programmazione con gli studenti.
Esercizi di valutazione facilitanti: gli esercizi di valutazione contengono un singolo compito che richiede l'applicazione delle abilità e dei concetti del livello per poter essere risolto. Gli studenti dovrebbero completare questi esercizi individualmente e tu puoi usare il tuo giudizio su quanto aiuto esterno gli studenti dovrebbero avere. Gli esercizi di valutazione contengono anche una tabella di valutazione che può essere utilizzata per la valutazione formativa e un riquadro per fornire riscontri agli studenti - clicca qui per saperne di più sull'uso delle tabelle di valutazione e sul riscontro agli studenti.
Scavare più a fondo: per ulteriori suggerimenti sulla valutazione del lavoro degli studenti, consulta la Guida alla valutazione.
Esercizi di sfida facilitanti: gli esercizi di sfida sono concepiti come estensioni dei concetti e delle abilità che gli studenti apprendono durante una lezione. Gli esercizi di sfida tendono a concentrarsi su attività più aperte che gli studenti devono completare o opportunità di combinare insieme diverse abilità delle lezioni precedenti in un unico programma.
Gli esercizi di sfida non devono essere completati affinché gli studenti raggiungano gli obiettivi principali di una lezione. Al contrario, ogni attività in un esercizio di sfida ha lo scopo di integrare e arricchire gli obiettivi di apprendimento di una lezione, ma non è richiesta per le lezioni future. Gli studenti possono ancora dimostrare la padronanza degli obiettivi di una lezione senza completare nessuno degli esercizi di sfida.
Scavando più a fondo: per ulteriori suggerimenti sugli esercizi di programmazione, consulta la Guida agli esercizi di programmazione. Questo documento include strategie e best practice per facilitare gli esercizi di programmazione con gli studenti.
Conclusione (5 minuti)
Diario
Domanda del giorno: come possiamo lavorare insieme per risolvere i problemi con i nostri siti web?
Discussione: chiedi agli studenti di aggiornare il registro dei «Tag HTML» con i tag di intestazione che hanno imparato in questa lezione.
Glossario delle parole chiave:
- intestazione: titolo o riassunto per un documento o una sezione di un documento
Discussione: oggi hai imparato molto sul debuggging, che è un'abilità importante per i programmatori. In che modo lavorare con un compagno ti ha aiutato a eseguire il debugging oggi?
Verifica che gli studenti stiano descrivendo forme efficaci di collaborazione.
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.
