Ambienti Di Sviluppo

Interfaccia

Analisi dell'interfaccia grafica di Flowgorithm: la barra del titolo, la barra dei menu, la barra delle icone e l'area di lavoro del flowchart.

Durata

20 minuti

Software

Flowgorithm

Linguaggio

Ambiente di Sviluppo

Flogorithm | Interfaccia

L'Interfaccia Grafica di Flowgorithm

Argomenti: anatomia dell'IDE, barra del titolo, barra dei menu, barra delle icone, area di lavoro

Per lavorare con efficacia in laboratorio è essenziale conoscere l'anatomia dell'ambiente di sviluppo (IDE) di Flowgorithm. Analizziamo l'interfaccia partendo dall'alto verso il basso.

1. La Barra del Titolo

Situata all'estremo superiore della finestra dell'applicazione, la Barra del Titolo svolge due funzioni primarie:

La barra del menu di Flowgorithm
  • Identificazione del Progetto: Mostra il nome del file attualmente aperto seguito dall'estensione .fprg. Se il file non è ancora stato salvato, viene visualizzata la dicitura predefinita (es. Senza Titolo).
  • Stato del File: Mostra un asterisco (*) accanto al nome del file quando vi sono modifiche non ancora salvate.
  • Controlli Finestra: Ospita a destra i classici pulsanti di sistema Windows per ridurre a icona, ingrandire/ripristinare o chiudere l'applicazione.

2. La Barra dei Menu

Posizionata subito sotto la barra del titolo, la Barra dei Menu raccoglie in categorie logiche testuali tutti i comandi e le opzioni del software:

La barra del menu di Flowgorithm
Menu Descrizione Generale
File Comandi per creare, aprire, salvare, esportare in formato immagine/vettoriale e stampare il diagramma.
Modifica Operazioni di annullamento/ripristino (Undo/Redo), taglia, copia, incolla ed eliminazione dei blocchi.
Esecuzione Opzioni per l'avvio, la pausa, l'arresto, l'esecuzione passo-passo e la regolazione della velocità di simulazione.
Programma Gestione delle funzioni/sottoprogrammi e apertura dei moduli accessori (Variabili, Console, Codifica).
Aspetto Personalizzazione dello stile visivo, dei colori dei blocchi, del font e del layout automatico.
Guida Accesso alla documentazione online ufficiale e alle informazioni sulla versione del software.

3. La Barra delle Icone (Pulsanti di Rapido Accesso)

La Barra delle Icone raggruppa in modo grafico le scorciatoie per le funzioni più utilizzate durante il lavoro in laboratorio. Si suddivide in quattro macro-aree principali:

La barra delle icone di Flowgorithm
Macro-Area Contenuto e Funzione Operativa
Area File Pulsanti veloci per Apri e Salva il flowchart corrente sul computer.
Area Esecuzione Pulsanti di controllo per la simulazione: Esegui (Play), Passo Successivo (Step), Pausa, Interrompi (Stop) e il selettore di Velocità.
Area Programma e Aspetto Selettore delle funzioni, gestione sottoprogrammi, selettore Colori, Auto Layout e pulsanti di Zoom In/Out.
Area Finestre e Strumenti Attivazione rapida delle finestre accessorie: Variabili (Watch), Esecuzione (Console), Tartaruga (Turtle), Codifica (Source Viewer) e cambio Lingua.

4. L'Area di Lavoro (Canvas)

Flowgorithm - Area di lavoro principale

L'area di lavoro (o canvas) rappresenta lo spazio centrale principale in cui viene progettata e visualizzata la struttura del diagramma di flusso. All'apertura di un nuovo progetto, l'area mostra sempre e solo due blocchi predefiniti interconnessi da una linea di flusso orientata:

Elemento Visivo Forma / Simbolo Funzione Didattica e Operativa
Blocco INIZIO Ellisse terminale (Verde) Rappresenta il punto di partenza univoco dell'algoritmo. Indica il momento in cui il programma viene caricato in memoria e predisposto all'esecuzione.
Linea di Flusso Freccia orientata (Fascia/Linea) Collega i blocchi indicando il verso di percorrenza (sequenza logica) dell'esecuzione. Facendo clic su una freccia, appare il menu contestuale per inserire nuove istruzioni.
Blocco FINE Ellisse terminale (Rosso) Rappresenta il punto di conclusione univoco del diagramma. Il suo raggiungimento determina l'arresto completo del programma e lo svuotamento delle risorse occupate.

In sintesi

Argomenti: concetti principali, riepilogo, competenze

  1. L'interfaccia di Flowgorithm è organizzata verticalmente dall'alto verso il basso: Barra del Titolo, Barra dei Menu, Barra delle Icone e Area di Lavoro.
  2. Comprendere la disposizione e il ruolo di ciascuna fascia consente di navigare agevolmente nell'IDE e controllare le fasi di progettazione ed esecuzione dell'algoritmo.

Cosa hai imparato
  1. Riconoscere la Barra del Titolo e la Barra dei Menu per la gestione globale dell'applicazione.
  2. Utilizzare la Barra delle Icone per accedere rapidamente ai comandi di file, esecuzione, aspetti visivi e finestre.
  3. Gestire l'Area di Lavoro (Canvas) inserendo i blocchi sulle linee di flusso tra Inizio e Fine.


Flowgorithm, Interfaccia, IDE, Layout, Console, Debugging,