La Finestra di Codifica (Code Viewer)
Argomenti: generazione codice, sintassi testuale, traduzione automatica, Python, C++, Java
La Finestra di Codifica è il ponte fondamentale tra la programmazione visuale a blocchi e la programmazione testuale professionale. Permette di osservare in tempo reale come la struttura logica del diagramma di flusso viene tradotta nella sintassi reale di oltre 30 linguaggi differenti.
Come accedere alla Finestra di Codifica
Scorciatoia Tastiera
Premi direttamente il tasto di scelta rapida F12 sulla tastiera.
Menu Principale
Clicca in alto su
Strumenti → Finestra Codifica
Barra Pulsanti
Fai clic sull'icona del Codice Sorgente presente nella barra degli strumenti.
A cosa serve
Mentre disegni il tuo algoritmo inserendo i vari blocchi (Dichiarazione, Assegnazione, Input/Output, Condizioni), Flowgorithm analizza costantemente la struttura grafica e genera automaticamente il corrispondente codice sorgente testuale.
I vantaggi principali della Finestra di Codifica includono:
- Scelta del Linguaggio: Puoi selezionare in qualsiasi momento il tuo linguaggio preferito (es. Python, C++, C#, Java, JavaScript, Visual Basic) tramite il comodo menu a tendina situato nella parte superiore del pannello.
- Sincronizzazione Istantanea: Ogni singola modifica o blocco aggiunto nel diagramma si riflette immediatamente nel codice generato, evidenziando le righe corrispondenti.
- Apprendimento della Sintassi: Aiuta a familiarizzare con parentesi graffe, punti e virgola, rientri (indentazione) e parole chiave tipiche della programmazione reale.
Funzionalità Avanzate del Pannello
All'interno della barra superiore della finestra di codifica sono disponibili diversi strumenti e controlli utili per gestire e personalizzare la visualizzazione del codice sorgente:
| Strumento | Funzione | Descrizione e Utilizzo |
|---|---|---|
| Cambia Linguaggio | Menu a tendina che permette di selezionare all'istante il linguaggio di programmazione di destinazione (es. Python, C++, Java, C#) per tradurre l'algoritmo. | |
| Numeri di Linea | Attiva o disattiva la numerazione progressiva delle righe di codice, facilitando il riferimento preciso alle istruzioni durante la spiegazione o la lettura. | |
| Mostra Colori (Syntax Highlighting) | Abilita o disabilita la colorazione della sintassi per distinguere visivamente parole chiave, stringhe, variabili, numeri e commenti. | |
| Distanzia Linee di Codice | Aumenta o riduce l'interlinea (spaziatura verticale) tra le righe di codice per rendere il testo più leggibile o più compatto a schermo. | |
| Zoom | Ingrandisce o rimpicciolisce la dimensione del font del codice per adattarla alla risoluzione del monitor o alla proiezione in aula. | |
| Pulsanti di Esecuzione | Permettono di avviare, sospendere o eseguire passo-passo l'algoritmo direttamente mentre si osserva l'evidenziazione del codice in tempo reale. | |
| Salva | Esporta il codice sorgente generato salvandolo direttamente come file di testo/codice sul computer (es. con estensione .py, .cpp, .java). |
|
| Copia | Copia l'intero codice sorgente negli appunti negli appunti del sistema con un solo clic, pronto per essere incollato in un IDE esterno (es. VS Code, PyCharm). |
Linguaggi Supportati
| Ada 95 | JavaScript | Python | VBA (Excel) |
| Applescript | Kotlin | QBasic | Visual Basic .NET |
| AutoHotKey | Lua | Ruby | |
| Bash | MATLAB | Scala | Gaddis Pseudocode |
| C# | Nim | Smalltalk | IBO Pseudocode |
| C++ | Pascal | Swift | Auto Pseudocode |
| Fortran 2003 | Perl | Transact-SQL | |
| Groovy | PHP | TypeScript | |
| Java | Powershell | VBA |
Dimostrazione pratica: Come si cambia linguaggio nella finestra codifica di Flowgorithm.
Nota Importante sulla Modifica
Il codice sorgente mostrato in questa finestra è generato in modalità sola lettura (Read-Only). Questo significa che non puoi digitare direttamente nel pannello testuale: la logica va sempre definita e modificata agendo sui blocchi del diagramma di flusso.
Confronto affiancato (Layout Codifica)
Per sfruttare al meglio questo strumento durante le lezioni, si consiglia di attivare la disposizione Codifica (o premere F2 per configurarla) in modo da dividere lo schermo nel seguente modo:
| Pannello di Sinistra | Pannello di Destra |
|---|---|
| Diagramma di Flusso (Algoritmo Visivo) Dove crei e colleghi i blocchi logici. |
Finestra di Codifica (Codice Generato) Dove osservi la traduzione automatica nel linguaggio scelto. |
Dimostrazione pratica: Finestra di Codifica.
In sintesi
Argomenti: concetti principali, riepilogo, competenze
- La Finestra di Codifica mostra la conversione automatica del diagramma di flusso nel codice sorgente del linguaggio di programmazione selezionato.
- Supporta oltre 30 linguaggi (tra cui Python, C++, Java, C#) ed è fondamentale per facilitare il passaggio dalla programmazione visuale a quella testuale.
- Attivare il visore del codice sorgente nell'interfaccia di Flowgorithm.
- Selezionare il linguaggio di programmazione desiderato dal menu a tendina.
- Analizzare la corrispondenza 1:1 tra i blocchi del diagramma e le istruzioni del codice generato.
- Esportare o copiare il codice sorgente per utilizzarlo in un ambiente di sviluppo integrato (IDE).