Lezione 13 - Progetto - Pagina Web personale

In questa lezione, scriverai il codice della tua pagina web e la condividerai con il mondo. Una delle parti più importanti della programmazione è il debugging.

Richiesta:

• Quali sono i principali 3 bug che hai visto finora durante la creazione di pagine web?
• Quali sono le 2 cose che puoi fare durante la programmazione per rendere i bug più facili da trovare e correggere?
• Qual è il consiglio 1 che daresti a qualcuno che ha un bug?

Lo scopo di questa discussione è sia normalizzare il debugging sia assicurarsi che gli studenti inizino la parte di programmazione del progetto con alcune buone strategie che li aiuteranno a eseguire il debugging. I bug più comuni che potrebbero aver riscontrato potrebbero essere errori di ortografia, dimenticanza di collegare il foglio di stile, non inserire correttamente i tag, ecc. Questo varierà da classe a classe, ma la maggior parte degli studenti avrà riscontrato più bug nel capitolo. Durante la programmazione, gli studenti dovrebbero usare una formattazione adeguata per aiutarli a leggere il codice, codificare piccoli bit alla volta e controllare man mano che procedono e usare buone convenzioni di denominazione. Per consigli sul debugging, gli studenti possono fornire consigli motivazionali («Non arrenderti!» , «Ricorda che è normale»), risorse consigliate («Chiedi a un amico di guardarlo», «guarda la mappa degli esercizi»), consigli basati sui processi («descrivi prima il bug, poi cercalo prima di cambiare qualcosa», «guarda cosa c'è di sbagliato e controlla l'ortografia in quella parte») o consigli basati sugli strumenti («guarda sopra dov'è il rosa», «usa o Strumento Ispettore»). Dai agli studenti il tempo di condividere i loro consigli e assicurati che stiano facendo riferimento al processo di debugging.

Concedi agli studenti qualche minuto per riflettere su alcune idee, quindi consenti loro di condividerle con la classe. Potresti voler proiettare le loro idee e lasciare lo schermo aperto mentre gli studenti scrivono il codice delle loro pagine.

Domanda del giorno: quali competenze e pratiche aiutano quando programmiamo le pagine web?

Distribuisci restituisci agli studenti le parti «Definisci» e «Prepara» della Guida al progetto. Distribuisci anche una copia dei Criteri di valutazione o della lista di controllo degli studenti agli studenti. Invitali a leggere i requisiti di questo progetto in modo che possano autovalutarsi e riflettere mentre lavorano.

Transizione: manda gli studenti su Code Studio.

Tabella e lista di controllo: gli studenti hanno due risorse che possono usare per autoriflessione e assicurarsi di essere sulla strada giusta: la tabella e la lista di controllo degli studenti. Consigliamo agli studenti di utilizzare la lista di controllo per la propria autovalutazione e riflessione, poiché può essere più facile da digerire e comprendere quando si esamina il proprio progetto. Tuttavia, consigliamo agli insegnanti di utilizzare i Criteri di valutazione completi per valutare i progetti per fornire un riscontro più dettagliato e specifico agli studenti.

Punto di controllo della pianificazione: controlla i piani degli studenti prima di consentire loro di continuare con il resto degli esercizi.

**Nuovo codice e esercizi di sfida precedenti: ** in tutta l'unità, gli studenti potrebbero aver imparato codice aggiuntivo negli esercizi di sfida di diverse lezioni. Man mano che gli studenti si avvicinano a questo progetto, potrebbero voler ripassare il codice che hanno imparato in questi esercizi o visualizzarlo per la prima volta per imparare nuovi codici da utilizzare in questo progetto. Per aiutare gli studenti a tornare agli esercizi precedenti, puoi utilizzare il Extra Code in Challenge Levels come risorsa per scoprire rapidamente dove sono stati introdotti nuovi codici negli esercizi di sfida precedenti.

Strategie per il debugging: mentre gli studenti progettano e implementano le proprie idee di progetto, potrebbero trovarsi con nuovi bug da districare e potresti ritrovarti a guardare un codice completamente sconosciuto mentre gli studenti cercano aiuto per risolvere i loro errori. Per semplificare l'esperienza di debugging, prendi in considerazione le seguenti strategie:

• Consulta la Guida per l'insegnante al debugging per alcune domande e strategie comuni per aiutare gli studenti a eseguire il debugging del loro codice
• Far seguire agli studenti i passaggi della Guida dello studente al debugging e utilizzare i Quaderni di reportistica per i bug come primo passo nel processo di debugging. Questo aiuta gli studenti a preparare e comunicare il loro problema prima di chiedere aiuto.
• Se gli studenti non l'hanno ancora visto, valuta la possibilità di mostrare il video sul debugging alla classe per rafforzare le migliori prassi di debugging.

Scavando più a fondo: valuta la possibilità di fornire agli studenti un oggetto con cui parlare come parte del processo di debugging. Questo a volte è noto come debugging di Rubber Duck: puoi saperne di più sul sito web https://rubberduckdebugging.com/

Domande da prendere in considerazione con il video:

• Quali pensi che siano le tue responsabilità come creatore di siti web?
• Perché potresti voler vedere il codice o rimescolare quello del sito di qualcun altro?

Obiettivo

I contenuti video sono abbastanza semplici, ma questo è il tuo ultimo incontro con gli studenti prima della pubblicazione, quindi è un buon momento per assicurarti che abbiano riflettuto a fondo sulle implicazioni della pubblicazione per il mondo intero. Dovrebbero assicurarsi di non condividere dati sensibili e di avere il diritto di utilizzare tutti i contenuti della pagina.

Quando hanno iniziato a condividere, dovrebbero anche pensare a come rispettano il lavoro degli altri editori di siti web, in particolare dei loro compagni di classe. Potresti dedicare del tempo a stabilire delle norme in classe su come parlano e fornire un commento di riscontro sui siti dei compagni di classe, nonché delle linee guida per l'uso del codice scritto da altri.

Distribuisci le guide per la riflessione e la revisione paritaria della «Pagina Web personale».

Supporto: aiuta gli studenti a completare la pagina web personale - Guida per la riflessione. Questa guida chiede agli studenti di riflettere se la pagina web ha soddisfatto i criteri che gli studenti hanno elaborato nella fase «Definizione» e se hanno seguito il piano elaborato nella fase «Preparazione». Quindi chiede loro cosa gli piace di più e cosa vorrebbero migliorare sul loro sito, oltre al tipo di riscontro che potrebbe essere utile per loro.

Forma i gruppi: disponi a coppie gli studenti.

Prima che gli studenti esaminino il lavoro degli altri, ogni studente deve compilare la parte superiore della guida con ciò su cui è più interessato a ricevere un riscontro.

Dopo aver cambiato guida, gli studenti valutano in che misura i progetti hanno soddisfatto i criteri della tabella. Incoraggia gli studenti a trovare prove per l'apprendimento nei progetti dei loro colleghi, ma anche a suggerire come i progetti potrebbero essere portati avanti. Potrebbe essere necessario supportare gli studenti nel fornire un riscontro costruttivo.

Gli studenti utilizzano quindi la struttura «Mi piace; vorrei; e se» per commentare liberamente dandosi l'uno con l'altro i propri riscontri. Ancora una volta, alcune classi potrebbero aver bisogno di un supporto specifico per realizzar un riscontro costruttivo.

Successivamente, gli studenti dovrebbero tornare indietro, mentre quelli che hanno realizzato le pagine dovrebbero riflettere su come i commenti di riscontro da parte degli altri possono aiutarli a migliorare il proprio progetto. Gli studenti possono quindi tornare a Code Studio per apportare le revisioni che hanno stabilito.

Gli studenti dovrebbero rivedere la tabella di questo progetto per vedere come il loro progetto si è conformato a esso. Puoi anche decidere di distribuire la "Pagina web personale - Lista di controllo per gli studenti" in modo che gli studenti possano valutare autonomamente in che misura il loro progetto soddisfa i requisiti per questo progetto.

Raccolta: "Guide al progetto" e "Guide per la revisione tra pari".

Domanda del giorno: quali competenze e pratiche ci aiutano quando scriviamo il codice delle pagine web?

Discussione: dopo il primo giorno di creazione del tuo sito web personale, rifletti sulla tua esperienza.

• Come hai utilizzato il processo di risoluzione dei problemi nella creazione del tuo sito?
• Quali altre competenze e pratiche sono state utili quando hai creato la tua pagina web?

Discussione: chiedi agli studenti di condividere le diverse abilità e prassi che hanno utilizzato.

Obiettivo: gli studenti dovrebbero riflettere sul processo svolto finora. Se gli studenti hanno difficoltà a pensare a diverse prassi utili, potresti voler ricordare loro le cinque buone prassi dell'informatica: risoluzione dei problemi, perseveranza, creatività, comunicazione e collaborazione. Gli studenti possono anche menzionare competenze più specifiche come l'uso della documentazione, la pianificazione, il lavoro di squadra e l'analisi e correzione dei problemi (debugging). Chiedi agli studenti di spiegare in che modo queste pratiche li hanno aiutati durante la scrittura del codice.

Fai andare gli studenti su Code Studio per completare la loro riflessione sul loro atteggiamento nei confronti dell'informatica. Sebbene le loro risposte siano anonime, i dati aggregati saranno disponibili una volta che almeno cinque studenti avranno completato il sondaggio.