FALSO

VERO

inizio

Azione

Inputoutput

Condizione

fine

Programmazione visuale a blocchi, diagrammi di flusso e pipecoding

alessandro.bogliolo@uniurb.ithttp://codemooc.org/

FALSO

VERO

Mappe concettuali

Diagrammi a blocchi

Diagramma di flussoLinguaggio di modellazione grafico inizio

Azione

Inputoutput

Condizione

fine

Diagrammi di flusso

Linguaggio di programmazione

Linguaggio formale (sintassi, semantica) per descrivere programmi destinati ad essere eseguiti da un esecutore automatico

Esistono tantissimi linguaggi di programmazione e diversi paradigmi di programmazione

Quelli più intuitivi sono di tipo imperativo, procedurale, ad eventi e si usano per impartire istruzioni da eseguire in un dato ordine

Es: JavaScript

Programmazione visuale a blocchiSviluppo di programmi attraverso la composizione di dati elementi grafici secondo regole prestabilite

Esistono linguaggi visuali e editor visuali di linguaggi testuali

Gli strumenti di programmazione sono detti Visual Block Programming Editor

Es: Code.org, Scratch

Cos’è Blockly?

Coding unpluggedUtilizzo di pseudolinguaggi di programmazione per descrivere procedure da eseguire senza l’ausilio di strumenti informatici

Definizione algoritmoProgrammazione

Traduzione

Interpretazione o compilazione

Esecuzione

Astrazione

Specifica e modelloDiagramma di flusso o pseudocodiceProgrammazione visualeLinguaggio di programmazione ad alto livello

Codice sorgente testualeInterpretato o compilato

Linguaggio macchinaCodice oggetto binario

Diagrammi di flussoOrientati alla modellazione e alla specificaNon lineari

Linguaggi di programmazioneOrientati all’esecuzione

LineariEsistono compromessi

PipecodingMetafora idraulica per rappresentare visivamente il flusso di esecuzione in una rappresentazione topologicamente coerente con i diagrammi di flusso

Strumenti a confrontoConcatenazione di istruzioni

https://studio.code.org/hoc/3

inizio

fine

Vai avanti

Vai avanti

Girati a destra

Vai avanti

Strumenti a confronto

https://studio.code.org/hoc/6

Ripetizioni 1

Strumenti a confronto

https://studio.code.org/hoc/9

Ripetizioni 2

https://studio.code.org/hoc/12

Strumenti a confrontoRipetizioni condizionate

https://studio.code.org/hoc/14

Strumenti a confrontoCondizioni (SE)

https://studio.code.org/hoc/18

Strumenti a confrontoCondizioni (ALTRIMENTI)

https://studio.code.org/hoc/20

Strumenti a confrontoCondizioni nidificate

Coding e pipecoding

Definizione ambientiLivelli di astrazione differenti

Configurazione e personalizzazione

Foto di Maria Cristina Meloni