Unità di Apprendimento 4: Basi di programmazione con Flowgorithm

Unità di apprendimento 4

Dal problema al programma: le basi della programmazione

Unità di apprendimento 4 Lezione 3

Realizziamo i flow chart con Flowgorithm

HOEPLI Scuola.it

In questa lezione impareremo ...

• a realizzare graficamente i diagrammi di flusso
• a verificare il funzionamento dei diagrammi di flusso

Premessa su Flowgorithm

• Flowgorithm è uno strumento interessante:
• molto semplice ed intuitivo da usare
• ha un set ridotto di istruzioni:
• utilizza le istruzioni tipiche della programmazione strutturata
• ha una interfaccia grafica user friendly
• si programma con comandi visuali

Flowgorithm permette

• di disegnare i diagrammi di flusso
• di testare i diagrammi di flusso
• di eseguire l'esecuzione passo passo
• di controllare il contenuto delle variabili
• di ottenere lo pseudocodice in modo automatico

Interfaccia grafica di Flowgorithm

Avvia esecuzione Ferma l'esecuzione Zoom diagramma Menu generale Senta titolo) - Flowgorithm File Modrica Programma Strumenti

Auto Menu e comandi rapidi

Inizio Disposizione delle finestre Avanza esecuzione manuale Setta la velocità di esecuzione Diagramma di flusso Fina Finestra di codifica Versione 2.19.4

Aggiungere un nuovo blocco

Posizionando il cursore tra i due blocchi si evidenzia un icona [new] che permette di aggiungere un nuovo blocco Memoria varie Fine Commento Arresto Blocco Lettura / Scritura Variabili Selezione Ripetizione Lettura Dichiarazione Condizione Mentre Scritura Assegnazione Chiamata Per Fal

Nuovo Output in Flowgorithm

selezioniamo Nuovo Output scriviamo la frase "Ciao mondo Flowgorithm!" Flowgorithm 2.92 - (Serize titolo)." File Modifica Programma Strument Aiuto Inizio Inizio Scrittura Fine Blocco 'Scrivi × Scrittura Un blocco "Scrivi' valuta un'espressione e visualizza il risultato sullo schermo. Inserire un'espressione qui sotto: "Ciao mondo Flowgorithm"| Ritome a capo OK Esci

Esecuzione del programma

programma ora è completo mandiamolo in esecuzione cliccando sull'icona con la freccia dopo aver disabilitato entrambi i check box in modo da

• non visualizzare la traccia
• far eseguire il programma automaticamente

Pseudocodifica e Output

Nella sezione destra viene creata la pseudocodifica Avviamo l'esecuzione cliccando su Modifica Program Esecuzione × Ciao mondo Flowgorithm > Trivia Nella parte inferiore visualizziamo l'output

Codifica Flowgorithm

Costo per andare a scuola

Noi utilizzeremo tre variabili per inserire i dati:

• distanza consumo_al_km,
• costo litro

e altrettante variabili per memorizzare i risultati dei calcoli:

• consumo_per_viaggio
• costo_giornaliero
• costo settimanale1

Inizio Dichiara distanza, consumoxkm, costoxlitro: Reale dichiarazioni Dichiara consumoViaggio, costoGiornaliero, costoSettimanale: Reale Codifica Leggi distanza istruzioni di input 0 Funzione Inizio Leggi consumoxkm 1 Dichiara distanza, consumoxkm, costoxlitro: Reale Dichiara consumoViaggio, costoGiornaliero, costoSettimanale: Reale Leggi costoxlitro 3 consumoViaggio = distanza * consumoxkm 5 Leggi consumoxkm Leggi costoxlitro istruzioni di elaborazione 7 Assegna consumoViaggio = distanza * consumoxkm Assegna costoGiornaliero - consumoViaggio * costoxlitro 1 9 Assegna costoSettimanale = costoGiornaliero * 6 costoSettimanale = costoGiornaliero " 6 10 Scrivi consumoViaggio 11 Scrivi costoGiornaliero Output consumoViaggio 12 Scrivi costoSettimanale istruzioni di output Fine Scrivi costoGiornaliero Scrivi costoSettimanale 1 Fine Leggi distanza 4 6 costoGiornaliero = consumoViaggio * costoxlitro Auto Pseudocode

Esecuzione del programma "costo per andare a scuola"

Mandiamo in esecuzione il programma:

• ipotizzando di abitare a 20 km dalla scuola
• che il carburante costi 1,45 euro al litro
• che con un litro la nostra auto faccia 10 km, cioè consumi 0,1 litri/km.

Esecuzione X Esecuzione

= A Dialogo grafico 20 0.1 1.45 2 20 0.1 29 1.45 2 2.9 17.4 17.4 v V

Tracciare i valori delle variabili

possiamo così "tracciare" i valori di ogni variabile e questa opportunità

• ci sarà di grande utilità nelle operazioni di ricerca di eventuali errori della codifica (fase di debugging del codice)

Trace table e Finestra delle variabili

L'insieme dei valori che le variabili assumono durante tutta l'evoluzione del programma prende anche il nome di trace table Finestra delle variabili × distanza consumoxkm costoxdlitro 20 0.1 1.45 consumoViaggio costoGiomaliero costoSettimanale 2 2.9 17.4

Mappa dei saperi essenziali

AREA DIGITALE Scarica e completa la tua mappa

viene descritto con

algoritmo

linguaggio di progetto

graficamente con ->

detti anche flow chart diagrammi di flusso

realizzato con sviluppato in 1

è un programma C# Flowgorithm open source

mette a disposizione un >

passo passo disegnare diagrammi -in modo editor grafico permette di automatico eseguire il codice visualizza trace table

Abbiamo imparato che

Con un editor grafico si realizzano graficamente i diagrammi di flusso. È possibile verificare il funzionamento dei diagrammi di flusso.

=0-0-0-0

Si possono utilizzare le istruzioni di input/output (I/O). Si può utilizzare l'operazione di assegnazione. Si può seguire l'evoluzione del programma osservando i valori delle variabili (trace table). Con debugging si intendono le operazioni fatte per eliminare gli errori presenti nel software.

... e adesso rispondi

Come si realizzano i diagrammi di flusso? Quale editor grafico conosci per realizzare i diagrammi di flusso? Come puoi verificare la correttezza dei diagrammi di flusso? Qual è la modalità per inserire dati nei diagrammi di flusso? Che cosa si intende per operazioni di I/O? In che cosa consiste il testing di un programma? In che cosa consiste il debugging di un programma?