Successfully reported this slideshow.

Coding: dai diagrammi di flusso al pipecoding

5

Share

FALSO
VERO
inizio
Azione
Input
output
Condi
zione
fine
Programmazione visuale a
blocchi, diagrammi di flusso e
pipecoding
...
FALSO
VERO
Mappe concettuali
Diagrammi
a blocchi
Diagramma di flusso
Linguaggio di modellazione grafico inizio
Azione
Inpu...
Linguaggio di programmazione
Linguaggio formale (sintassi, semantica) per descrivere programmi
destinati ad essere eseguit...

YouTube videos are no longer supported on SlideShare

View original on YouTube

Loading in …3
×
1 of 17
1 of 17

More Related Content

More from Alessandro Bogliolo

Related Books

Free with a 14 day trial from Scribd

See all

Coding: dai diagrammi di flusso al pipecoding

  1. 1. FALSO VERO inizio Azione Input output Condi zione fine Programmazione visuale a blocchi, diagrammi di flusso e pipecoding alessandro.bogliolo@uniurb.it http://codemooc.org/
  2. 2. FALSO VERO Mappe concettuali Diagrammi a blocchi Diagramma di flusso Linguaggio di modellazione grafico inizio Azione Input output Condi zione fine Diagrammi di flusso
  3. 3. 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
  4. 4. Programmazione visuale a blocchi Sviluppo 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?
  5. 5. Coding unplugged Utilizzo di pseudolinguaggi di programmazione per descrivere procedure da eseguire senza l’ausilio di strumenti informatici
  6. 6. Definizione algoritmo Programmazione Traduzione Interpretazione o compilazione Esecuzione Astrazione Specifica e modello Diagramma di flusso o pseudocodice Programmazione visuale Linguaggio di programmazione ad alto livello Codice sorgente testuale Interpretato o compilato Linguaggio macchina Codice oggetto binario
  7. 7. Diagrammi di flusso Orientati alla modellazione e alla specifica Non lineari Linguaggi di programmazione Orientati all’esecuzione Lineari Esistono compromessi
  8. 8. Pipecoding Metafora idraulica per rappresentare visivamente il flusso di esecuzione in una rappresentazione topologicamente coerente con i diagrammi di flusso
  9. 9. Strumenti a confronto Concatenazione di istruzioni https://studio.code.org/hoc/3 inizio fine Vai avanti Vai avanti Girati a destra Vai avanti
  10. 10. Strumenti a confronto https://studio.code.org/hoc/6 Ripetizioni 1
  11. 11. Strumenti a confronto https://studio.code.org/hoc/9 Ripetizioni 2
  12. 12. https://studio.code.org/hoc/12 Strumenti a confronto Ripetizioni condizionate
  13. 13. https://studio.code.org/hoc/14 Strumenti a confronto Condizioni (SE)
  14. 14. https://studio.code.org/hoc/18 Strumenti a confronto Condizioni (ALTRIMENTI)
  15. 15. https://studio.code.org/hoc/20 Strumenti a confronto Condizioni nidificate
  16. 16. Coding e pipecoding Definizione ambienti Livelli di astrazione differenti Configurazione e personalizzazione Foto di Maria Cristina Meloni

×