A.A. 2018/2019. Introduzione ad AlgoBuild FONDAMENTI DI INFORMATICA E PROGRAMMAZIONE. Docente Prof. Raffaele Pizzolante

Transcript

1 A.A. 2018/2019 Introduzione ad AlgoBuild Docente Prof. Raffaele Pizzolante FONDAMENTI DI INFORMATICA E PROGRAMMAZIONE

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 Logo di AlgoBuild

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 che utilizzeremo è la 0.80

6 Caratteristiche 3/3 Dove reperirlo? AlgoBuild Link «AlgoBuild è scaricabile Manuale gratuitamente Essenziale» L indirizzo da cui può essere scaricato è it.html La versione che utilizzeremo è la 0.80

7 Come si Presenta

8 Come si Presenta Diagramma di flusso

9 Come si Presenta Pseudo-Codice

10 Come si Presenta Pannello di Output

11 Come si Presenta Pannello delle Variabili

12 Come si Presenta 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!, poi 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 diesecuzione

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 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

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, 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

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

33 AlgoBuild: Operatori Artimetici, Relazionali e Logici Operatori Aritmetici Operatore 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

34 Esempio 2: Perimetro Rettangolo 1/5 L2 P = 2 * (L1 + L2) L1

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

36 Esempio 2: Perimetro Rettangolo 2/5 Iniziamo

37 Esempio 2: Perimetro Rettangolo 2/5

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

39 Esempio 2: Perimetro Rettangolo 2/5 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

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

45 DEMO Esecuzione Perimetro Rettangolo (Simulazione Passo passo)

46 Esempio 2: Perimetro Rettangolo 4/5 Selezionando l opzione «Traccia», dalla finestra Opzioni di Esecuzione, verranno fornite (nel Pannello di Output) ulteriori informazioni riguardanti il flusso di esecuzione Oltre adeventuali errori che possono intercorrere

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

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 Altre Opzioni AlgoBuild 2/4 Finestra di Dialogo Modifica opzioni di visualizzazione 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 È anche possibile salvare un diagramma di flusso, per poi aprirlo successivamente (ad esempio, per fare modifiche, per simulare altre esecuzioni, etc) 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)

52 Altre Opzioni AlgoBuild 4/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

53 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild

56 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild Diagrammi di flusso degli esempi visti a lezione, in formato AlgoBuild Potete Aprirli ed Eseguirli in AlgoBuild

57 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild DEMO Video Illustrativi delle simulazioni di esecuzione dei Diagrammi di flusso visti a lezione

58 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild Sezione Link Utili

59 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild Sezione Link Utili Potrebbe essere necessario scaricare ed installare la Java Runtime Environment 8 (JRE 8), per far funzionare AlgoBuild

60 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild Sezione Link Utili Dimensioni AlgoBuild: < 1 MegaByte Dimensioni JRE 8: Circa 56 MegaByte (installazione offline)

61 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild Tutorial download ed installazione della JRE 8

62 Materiale Aggiuntivo Sul sito troverete materiale didattico aggiuntivo e link utili relativi ad AlgoBuild Tutorial Apertura e Salvataggio di diagrammi di flusso in AlgoBuild

63 Riepilogo Primo approccio ad AlgoBuild Utilizzo dei blocchi di Input Output Esecuzione/Assegnamento Simulazione di esecuzione, mediante AlgoBuild