coding: dai diagrammi di flusso al pipecoding
TRANSCRIPT
![Page 1: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/1.jpg)
FALSO
VERO
inizio
Azione
Inputoutput
Condizione
fine
Programmazione visuale a blocchi, diagrammi di flusso e pipecoding
[email protected]://codemooc.org/
![Page 2: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/2.jpg)
FALSO
VERO
Mappe concettuali
Diagrammi a blocchi
Diagramma di flussoLinguaggio di modellazione grafico inizio
Azione
Inputoutput
Condizione
fine
Diagrammi di flusso
![Page 3: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/3.jpg)
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
![Page 4: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/4.jpg)
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?
![Page 5: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/5.jpg)
Coding unpluggedUtilizzo di pseudolinguaggi di programmazione per descrivere procedure da eseguire senza l’ausilio di strumenti informatici
![Page 6: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/6.jpg)
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
![Page 7: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/7.jpg)
Diagrammi di flussoOrientati alla modellazione e alla specificaNon lineari
Linguaggi di programmazioneOrientati all’esecuzione
LineariEsistono compromessi
![Page 8: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/8.jpg)
PipecodingMetafora idraulica per rappresentare visivamente il flusso di esecuzione in una rappresentazione topologicamente coerente con i diagrammi di flusso
![Page 9: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/9.jpg)
Strumenti a confrontoConcatenazione di istruzioni
https://studio.code.org/hoc/3
inizio
fine
Vai avanti
Vai avanti
Girati a destra
Vai avanti
![Page 12: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/12.jpg)
https://studio.code.org/hoc/12
Strumenti a confrontoRipetizioni condizionate
![Page 14: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/14.jpg)
https://studio.code.org/hoc/18
Strumenti a confrontoCondizioni (ALTRIMENTI)
![Page 15: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/15.jpg)
https://studio.code.org/hoc/20
Strumenti a confrontoCondizioni nidificate
![Page 16: Coding: dai diagrammi di flusso al pipecoding](https://reader038.vdocuments.pub/reader038/viewer/2022110108/586f84c91a28ab54768b4e8d/html5/thumbnails/16.jpg)
Coding e pipecoding
Definizione ambientiLivelli di astrazione differenti
Configurazione e personalizzazione
Foto di Maria Cristina Meloni