Fondamenti di Informatica A. A. 2017/18

Transcript

1 Fondamenti di Informatica Prof. Marco Lombardi A. A. 2017/18

2 : OUTLINE Caratteristiche Come si presenta Primo diagramma di flusso ed utilizzo del blocco di output Esempio Utilizzo dei blocchi di input/output ed esecuzione Esempio

3 Caratteristiche 1/3 Fonte

4 Caratteristiche 2/3 Con AlgoBuild è possibile disegnare in maniera semplice ed efficace diagrammi di flusso AlgoBuild permette anche di tradurre i diagrammi di flusso in pseudo-codice Maggiori informazioni

5 Caratteristiche 3/3 Dove reperirlo? AlgoBuild è scaricabile gratuitamente L indirizzo da cui può essere scaricato è La versione stabile attualmente è la 0.80 Versione aggiornata a Maggio 2017

6 Caratteristiche 3/3 Dove reperirlo? AlgoBuild Link «AlgoBuild è scaricabile Manuale gratuitamente Essenziale» L indirizzo da cui può essere scaricato è it.html La versione stabile attualmente è la 0.80 Versione aggiornata a Maggio 2017

7 Come si presenta

8 Come si presenta: Diagramma di flusso Diagramma di flusso

9 Come si presenta: Pseudo-Codice Pseudo-Codice

10 Come si presenta: Pannello di Output Pannello di Output

11 Come si presenta: Pannello delle Variabili Pannello delle Variabili

12 Come si presenta: Barra degli Strumenti Barra degli Strumenti

13 Esempio 1: Hello, World! 1/13 Iniziamo ad utilizzare AlgoBuild con l esempio Hello, World! Hello, World! mostra semplicemente la stringa Ciao, Mondo! Storicamente, molti manuali di programmazione usano l esempio Hello, world! per mostrare lessico, sintassi e semantica basilare di un dato linguaggio di programmazione

14 Esempio 1: Hello, World! 2/13 Nell area del diagramma di flusso possiamo notare i due blocchi di inizio (START) e fine (END) Sono inseriti automaticamente da AlgoBuild

15 Esempio 1: Hello, World! 3/13 Posizioniamoci con il mouse sulla freccia che collega lo START e l END del nostro diagramma di flusso Comparirà l opzione «NEW»

16 Esempio 1: Hello, World! 4/13 Cliccando su «NEW», ci verranno proposte diverse alternative per l inserimento di un nuovo blocco

17 Esempio 1: Hello, World! 5/13 Selezioniamo Output

18 Esempio 1: Hello, World! 6/13 Selezioniamo Output Ci verrà richiesto qual è l output che vogliamo mostrare

19 Esempio 1: Hello, World! 7/13 Scriviamo la stringa Ciao, Mondo! Clicchiamo su OK

20 Esempio 1: Hello, World! 8/13 Ecco il nostro diagramma di flusso

21 Esempio 1: Hello, World! 9/13 AlgoBuild ha contestualmente generato anche lo pseudo-codice Ecco cosa ci presenterà l area preposta

22 Esempio 1: Hello, World! 9/13 AlgoBuild ha contestualmente generato anche lo pseudo-codice Ecco cosa ci presenterà l area preposta Dalla versione 0.80, è possibile apportare modifiche anche allo pseudo-codice

23 Esempio 1: Hello, World! 10/13 NOTA IMPORTANTE Per inserire un nuovo blocco dobbiamo sempre cliccare sulla freccia che collega i due blocchi tra i quali vogliamo inserire un nuovo blocco

24 Esempio 1: Hello, World! 11/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild Comandi per la gestione dell esecuzione

25 Esempio 1: Hello, World! 11/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild Serve ad avviare l esecuzione delle istruzioni

26 Esempio 1: Hello, World! 11/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild N.B.: L opzione si attiverà se e solo se il diagramma è in fase di simulazione Serve a mettere in pausa l esecuzione

27 Esempio 1: Hello, World! 11/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild N.B.: L opzione si attiverà se e solo se il diagramma è in fase di simulazione Serve ad interrompere l esecuzione

28 Esempio 1: Hello, World! 12/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild AlgoBuild permette di definire alcune Opzioni di Esecuzione, cliccando sull icona

29 Esempio 1: Hello, World! 13/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild Opzioni di Esecuzione Finestra per le Opzioni di Esecuzione

30 Esempio 1: Hello, World! 13/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild Opzioni di Esecuzione Selezionando l opzione «Traccia», dalla finestra Opzioni di Esecuzione, verranno fornite (nel Pannello di Output) ulteriori informazioni riguardanti il flusso di esecuzione Oltre ad eventuali errori che possono intercorrere L opzione «Traccia» è default

31 Esempio 1: Hello, World! 13/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild Opzioni di Esecuzione AlgoBuild permette la simulazione di esecuzione, anche passo per passo In questo caso sarà necessario cliccare ogni volta su per eseguire l istruzione successiva L opzione «Passo passo» è selezionata per default

32 Esempio 1: Hello, World! 13/13 L esecuzione Ora che il nostro diagramma è stato generato, possiamo simulare la sua esecuzione tramite AlgoBuild Opzioni di Esecuzione AlgoBuild permette la simulazione di esecuzione, Possiamo anche decidere passoil per tempo passo (in In millisecondi) questo caso che intercorre sarà tra necessario ogni istruzione eseguita cliccare ogni volta su per eseguire l istruzione N.B.: L opzione successiva si attiverà se e solo se L opzione «Passo passo» «Passo NON è selezionato passo» è selezionata per default

33 DEMO Esecuzione «Hello, World!» (Simulazione Passo passo)

34 AlgoBuild: Operatori Artimetici, Relazionali e Logici Operatore Operatori Aritmetici Descrizione + Addizione - Sottrazione * Moltiplicazione / Divisione % Resto della divisione intera Operatori Logici Operatore Descrizione && AND Operatori Relazionali Operatore Descrizione < Minore <= Minore o uguale > Maggiore >= Maggiore o uguale == Uguale!= Diverso OR! NOT

35 Esempio 2: Perimetro Rettangolo 1/4 L2 L1 P = 2 * (L1 + L2)

36 Esempio 2: Perimetro Rettangolo 1/4 L2 L1 P = 2 * (L1 + L2) L1 input L2 input P output

37 Esempio 2: Perimetro Rettangolo 2/4 Iniziamo

38 Esempio 2: Perimetro Rettangolo 2/4

39 Esempio 2: Perimetro Rettangolo 2/4 Inseriamo i due input: - La variabile L1 - La variabile L2 Una variabile per riga

40 Esempio 2: Perimetro Rettangolo 2/4 Come si può notare, tale diagramma di flusso presenta un blocco di input (denotato dal pedice a sinistra in), per le due variabili: - L1 - L2

44 Esempio 2: Perimetro Rettangolo 2/4 L ultima operazione è quella di mostrare a video il valore della variabile risultato P (dopo l operazione di assegnamento)

46 Esempio 2: Perimetro Rettangolo 4/4 Non Selezionando l opzione «Traccia» Selezionando l opzione «Traccia» In questo formato, è mostrata la «Traccia» di esecuzione dell algoritmo

47 DEMO Esecuzione Perimetro Rettangolo (Simulazione Passo passo)

48 Altre Opzioni AlgoBuild 1/4 Cliccando con il tasto sinistro su una specifica istruzione apparirà il menu contestuale che consente di Modificare l istruzione selezionata Copiare l istruzione Tagliare l istruzione (utile per spostarla da una parte ad un altra, utilizzando i comandi Taglia e Incolla)

49 Altre Opzioni AlgoBuild 2/4 AlgoBuild permette di modificare le opzioni di visualizzazione del diagramma di flusso, permettendo di cambiare Tipo di carattere Dimensioni del carattere Dimensioni del carattere nel pannello di output Spessore delle linee relative al contorno dei blocchi ed agli archi orientati che collegano i blocchi (frecce) Cliccando sul tasto apparirà una finestra di dialogo che ci permetterà di vedere e modificare le suddette caratteristiche di visualizzazione

50 Finestra di Dialogo Modifica opzioni di visualizzazione Altre Opzioni AlgoBuild 2/4 AlgoBuild permette di modificare le opzioni di visualizzazione del diagramma di flusso, permettendo di cambiare Tipo di carattere Dimensioni del carattere Dimensioni del carattere nel pannello di output Spessore delle linee relative al contorno dei blocchi ed agli archi orientati che collegano i blocchi (frecce) Cliccando sul tasto apparirà una finestra di dialogo che ci permetterà di vedere e modificare le suddette caratteristiche di visualizzazione

51 Altre Opzioni AlgoBuild 3/4 Il menu «Aiuto» permette di accedere rapidamente a Manuale AlgoBuild (online) Sintassi e funzioni (online) Pagina Facebook ufficiale e canale Youtube (con suggerimenti e video) Informazioni sulla versione di AlgoBuild

52 Altre Opzioni AlgoBuild 4/4 È anche possibile salvare un diagramma di flusso, per poi aprirlo successivamente (ad esempio, per fare modifiche, per simulare altre esecuzioni, ecc.) Le opzioni di salvataggio ed apertura sono presenti nella barra strumenti Le opzioni di salvataggio/apertura sono presenti anche nel menu «File» In particolare, sono presenti anche opzioni per Stampare il diagramma di flusso Copiare il diagramma di flusso negli appunti Il diagramma verrà copiato come immagine Salvare il diagramma come immagine (JPG, PNG, GIF)

53 Aprire e Salvare un Diagramma di Flusso in AlgoBuild Aprire un Diagramma di Flusso in AlgoBuild Salvare un Diagramma di Flusso in AlgoBuild

55 Aprire un Diagramma di Flusso in AlgoBuild 1/4

56 Aprire un Diagramma di Flusso in AlgoBuild 2/4 Posizionarsi nella cartella contenente il file che si intende aprire.

57 Aprire un Diagramma di Flusso in AlgoBuild 3/4 Selezionare prima il file che si intende aprire, cliccandoci sopra.