RicardoTecPro

visualg_portugol-studio

Leitura de 11 min

👨‍🏫 VisualG e Portugol: O Primeiro Passo na Lógica de Programação

O VisualG é um software educacional amplamente utilizado no Brasil e em outros países de língua portuguesa como uma ferramenta para o ensino e aprendizado de lógica de programação e algoritmos. Ele funciona como um editor e interpretador para uma linguagem de pseudocódigo chamada Portugol.

Desenvolvido pelo professor Cláudio de Castro Monteiro, da Universidade de Franca (UNIFRAN), seu principal objetivo é remover as barreiras sintáticas complexas das linguagens de programação “reais” (como C++, Java ou Python), permitindo que o estudante iniciante se concentre exclusivamente no desenvolvimento do raciocínio lógico necessário para resolver problemas.

📜 A Linguagem: O Portugol Estruturado

O coração do VisualG é o Portugol, uma pseudolinguagem que utiliza palavras-chave em português para representar as estruturas lógicas da programação. A ideia é criar uma ponte entre a linguagem natural e uma linguagem de programação formal.

As principais características do Portugol no VisualG são:

  • Palavras-chave em Português: Comandos como algoritmo, var, inicio, fimalgoritmo, leia, escreva, se, entao, senao, para, faca, enquanto.
  • Estrutura Rígida: Todo programa tem uma estrutura bem definida de declaração de algoritmo, seção de variáveis e o bloco de início/fim.
  • Tipos de Dados Básicos: Focado nos primitivos essenciais para a lógica: inteiro, real, caractere e logico.
  • Simplicidade Intencional: A linguagem é propositalmente limitada, não incluindo conceitos avançados como orientação a objetos, para manter o foco total nos fundamentos da lógica procedural.

🖥️ O Ambiente VisualG

O software em si é um ambiente integrado simples que oferece três funcionalidades principais:

  1. Editor de Código: Uma área de texto para escrever o algoritmo em Portugol.
  2. Interpretador: Executa o algoritmo passo a passo, mostrando a saída em um console de texto.
  3. Visualizador de Variáveis: Este é o recurso didático mais poderoso. Um painel exibe todas as variáveis declaradas e seus valores são atualizados em tempo real à medida que o algoritmo é executado. Isso permite que o aluno “veja” o que está acontecendo na memória do computador, facilitando a compreensão de conceitos como atribuição e estado.

O VisualG funciona, na prática, como um simulador de “teste de mesa” (desk check), uma técnica usada para depurar algoritmos manualmente no papel.

flowchart Estrutura de um Algoritmo no VisualG

Um fluxograma é uma ótima maneira de planejar a lógica de um algoritmo antes de escrevê-lo. O exemplo abaixo mostra o fluxo para calcular a média de um aluno e determinar se ele foi aprovado.

graph TD
    A("Início do Algoritmo") --> B{"Declare as variáveis:<br/>nota1, nota2, media: real"}
    B --> C{Escreva "Digite a primeira nota"}
    C --> D["Leia nota1"]
    D --> E{Escreva "Digite a segunda nota"}
    E --> F["Leia nota2"]
    F --> G["media <- (nota1 + nota2") / 2]
    G --> H{"media >= 6.0?"}
    H -- "Sim" --> I[Escreva "Aprovado"]
    H -- "Não" --> J[Escreva "Reprovado"]
    I --> K("Fim do Algoritmo")
    J --> K

    style A fill:#cfc,stroke:#333,stroke-width:2px
    style K fill:#f99,stroke:#333,stroke-width:2px

⌨️ Exemplo Prático: Média de Notas

Este é o código em Portugol, para ser escrito e executado no VisualG, que implementa a lógica do fluxograma acima.

algoritmo "CalculoMedia"
// Descrição: Este algoritmo lê duas notas de um aluno, calcula a média
// e informa se o aluno foi aprovado ou reprovado.
// Autor: [Seu Nome]
// Data: 20/08/2025
 
var
   nota1, nota2, media: real
 
inicio
   // Seção de Comandos
   escreva("Digite a primeira nota do aluno: ")
   leia(nota1)
 
   escreva("Digite a segunda nota do aluno: ")
   leia(nota2)
 
   media <- (nota1 + nota2) / 2
 
   escreval // Pula uma linha para melhor formatação
   escreval("A média do aluno é: ", media)
 
   se (media >= 6) entao
      escreva("Situação: APROVADO")
   senao
      escreva("Situação: REPROVADO")
   fimse
 
fimalgoritmo

Ao executar este código no VisualG, o programa irá pedir as duas notas, exibir a média calculada e, em seguida, a situação final do aluno. No painel de variáveis, será possível ver os valores de nota1, nota2 e media durante toda a execução.

🎓 O Papel do VisualG na Jornada do Desenvolvedor

O VisualG é uma ferramenta de entrada, um “andaime” para ajudar a construir as fundações do conhecimento em programação.

Vantagens

  • Foco Absoluto na Lógica: Remove a frustração inicial com erros de sintaxe (ponto e vírgula, chaves, etc.), permitindo que o aluno se concentre no que realmente importa no início: a lógica.
  • Barreira de Idioma Reduzida: Usar palavras-chave em português diminui a carga cognitiva de ter que aprender os conceitos de programação e um novo idioma (inglês) ao mesmo tempo.
  • Visualização do Fluxo: O monitor de variáveis e a execução passo a passo são ferramentas pedagógicas excelentes para visualizar como um programa funciona internamente.

Limitações e Próximos Passos

  • Não é uma Ferramenta Profissional: Nenhuma empresa desenvolve software comercial com VisualG. Seu propósito é estritamente didático.
  • A Necessária Transição: Após dominar os conceitos de variáveis, condicionais (se/senao) e laços de repetição (para/enquanto) no VisualG, o aluno está preparado para o próximo passo. A transição para uma linguagem como Python, JavaScript ou Java se torna muito mais suave, pois o desafio passa a ser apenas aprender uma nova sintaxe para aplicar a lógica que já foi compreendida.

💡 Portugol Studio: A Evolução do Aprendizado de Algoritmos

O Portugol Studio é um Ambiente de Aprendizagem Integrado (ILE - Integrated Learning Environment), gratuito e de código aberto, projetado para ensinar os fundamentos da programação e da lógica de algoritmos. Desenvolvido pela Universidade do Vale do Itajaí (UNIVALI), ele representa uma evolução moderna de ferramentas didáticas como o VisualG.

Seu objetivo é o mesmo: fornecer um ambiente em português onde estudantes iniciantes possam se concentrar na lógica, sem as complexidades sintáticas de uma linguagem de programação profissional. No entanto, o Portugol Studio faz isso com uma interface mais rica, recursos mais poderosos e uma abordagem que prepara melhor o aluno para as linguagens de programação do mercado.

🆚 Portugol Studio vs. VisualG: O Que Mudou?

Embora compartilhem a mesma filosofia, o Portugol Studio oferece uma experiência de aprendizado mais moderna e completa.

  • IDE Moderna: Oferece recursos comuns em ambientes de desenvolvimento profissionais, como syntax highlighting (coloração de código), autocompletar, sugestões de código e mensagens de erro muito mais claras e detalhadas.
  • Recursos Gráficos e Multimídia: Uma das maiores vantagens. O Studio inclui bibliotecas prontas (inclua Biblioteca Grafico, inclua Biblioteca Som) que permitem ao aluno criar desenhos, animações simples e até pequenos jogos, tornando o aprendizado mais visual, lúdico e engajador.
  • Melhor Suporte a Funções e Modularidade: Facilita a criação de algoritmos mais organizados através de funções, com um suporte mais claro para passagem de parâmetros (por valor e por referência).
  • Estrutura de Programa Mais Próxima do “Real”: A estrutura programa { funcao inicio() { ... } } se assemelha mais à estrutura de um programa em linguagens como C, C++ ou Java, com uma função principal (inicio) que serve como ponto de entrada.
  • Depurador (Debugger) Integrado: Possui um depurador mais avançado que permite a inserção de breakpoints (pontos de parada), tornando a investigação de bugs e o entendimento do fluxo do código mais fáceis.

📜 A Sintaxe do Portugol no Studio

A sintaxe é similar ao Portugol tradicional, mas com uma estrutura mais formal.

  • Estrutura do Programa: Todo código é envolvido por um bloco programa. A execução sempre começa na funcao inicio().
  • Declaração de Variáveis: Os tipos de dados (inteiro, real, cadeia, caracter, logico) são declarados antes de serem usados.
  • Entrada e Saída: Os comandos leia() e escreva() são usados para interagir com o usuário.
  • Estruturas de Controle: Inclui as estruturas lógicas essenciais: se/senao, caso/pare, para, enquanto e faca...enquanto.
  • Funções: Permite a criação de blocos de código reutilizáveis, melhorando a organização.

flowchart Visualizando um Fluxo com Funções

Este fluxograma representa uma calculadora simples, onde a lógica da operação é separada em uma função, demonstrando a modularidade incentivada pelo Portugol Studio.

graph TD
    A("Início") --> B{"Leia num1, num2, operacao"}
    B --> C("Chame a função<br/>calcular(num1, num2, operacao"))
    subgraph "Função calcular"
        D{"Avalie 'operacao'"}
        D -- "+" --> E["resultado = num1 + num2"]
        D -- "-" --> F["resultado = num1 - num2"]
        D -- "*" --> G["resultado = num1 * num2"]
        D -- "/" --> H["resultado = num1 / num2"]
        E --> I("Retorne resultado")
        F --> I
        G --> I
        H --> I
    end
    C --> J["Guarde o valor retornado"]
    J --> K{"Escreva o resultado"}
    K --> L("Fim")

    style A fill:#cfc,stroke:#333,stroke-width:2px
    style L fill:#f99,stroke:#333,stroke-width:2px

⌨️ Exemplo Prático: Calculadora Simples

O código abaixo implementa a lógica do fluxograma no Portugol Studio.

programa
{
	funcao inicio()
	{
		real n1, n2, resultado
		caracter operacao
 
		escreva("Digite o primeiro número: ")
		leia(n1)
 
		escreva("Digite o segundo número: ")
		leia(n2)
 
		escreva("Digite a operação (+, -, *, /): ")
		leia(operacao)
 
		resultado = calcular(n1, n2, operacao)
 
		escreva("\nO resultado é: ", resultado)
	}
 
	funcao real calcular(real num1, real num2, caracter op)
	{
		real res = 0.0
 
		escolha (op)
		{
			caso '+':
				res = num1 + num2
				pare
			caso '-':
				res = num1 - num2
				pare
			caso '*':
				res = num1 * num2
				pare
			caso '/':
				se (num2 != 0) {
					res = num1 / num2
				} senao {
					escreva("Erro! Divisão por zero não é permitida.")
				}
				pare
			caso contrario:
				escreva("Operação inválida!")
		}
		
		retorne res
	}
}

🎓 Por Que Começar com o Portugol Studio?

Para um iniciante, o Portugol Studio oferece um ambiente de aprendizado robusto e motivador.

  • Ambiente Amigável e Moderno: A interface é mais intuitiva e agradável que a de ferramentas mais antigas, o que melhora a experiência do aluno.
  • Feedback Imediato e Claro: As mensagens de erro são detalhadas, ajudando o estudante a entender não apenas o que está errado, mas por que está errado.
  • Aprendizado Lúdico e Tangível: A capacidade de criar elementos gráficos e jogos simples torna os conceitos de lógica mais concretos e a experiência de aprendizado muito mais divertida.
  • Transição Suave para a Programação “Real”: A estrutura de programa e funcao inicio() introduz de forma natural o conceito de escopo e de um “ponto de entrada” (main), que são fundamentais em linguagens como C, Java e C#.

Em resumo, o Portugol Studio é uma excelente porta de entrada para o mundo da programação, construindo uma base sólida de lógica e resolução de problemas em um ambiente controlado e amigável, antes de o aluno enfrentar as complexidades das linguagens profissionais.

⚖️ VisualG vs. Portugol Studio: Quadro Comparativo de Comandos

A tabela abaixo apresenta uma comparação lado a lado dos principais comandos e estruturas utilizados no VisualG e no Portugol Studio, destacando as diferenças de sintaxe e as evoluções presentes na ferramenta mais moderna.

FuncionalidadeVisualGPortugol StudioObservações
Estrutura do Programapascal<br>algoritmo "NomeDoAlgoritmo"<br>var<br> // Variáveis<br>inicio<br> // Comandos<br>fimalgoritmo<br>c<br>programa {<br> funcao inicio() {<br> // Comandos<br> }<br>}<br>A estrutura do Studio é mais similar à de linguagens como C, Java e JavaScript, com uma função inicio agindo como a main.
Declaração de Variáveispascal<br>// Todas declaradas no bloco 'var'<br>var<br> nome: caractere<br> idade: inteiro<br> salario: real<br>c<br>// Podem ser declaradas em qualquer<br>// lugar antes do primeiro uso<br>cadeia nome<br>inteiro idade<br>real salario<br>Studio é mais flexível. O tipo caractere do VisualG (para strings) é chamado de cadeia no Studio.
Saída de Dadosescreva("Texto")<br>escreval("Texto e pula linha")escreva("Texto")Para pular linha no Studio, usa-se o caractere de escape \n. Ex: escreva("Texto\n").
Entrada de Dadosleia(variavel)leia(variavel)Praticamente idênticos.
Atribuição de Valorvariavel <- valorvariavel = valorO Studio adota o = como padrão, mais comum em linguagens modernas. O <- também é aceito por compatibilidade.
Comentários// Comentário de uma linha// Comentário de uma linha<br>/* Comentário de<br> múltiplas linhas */O Studio oferece suporte a comentários de múltiplas linhas, assim como em C/Java/CSS.
Condicional (Se/Senão)pascal<br>se (cond) entao<br> ...<br>senao<br> ...<br>fimse<br>c<br>se (cond) {<br> ...<br>} senao {<br> ...<br>}<br>O Studio usa chaves {} para delimitar blocos de código, um padrão visual mais moderno e claro.
Laço de Repetição (Para)pascal<br>para i de 1 ate 10 faca<br> ...<br>fimpara<br>c<br>para (inteiro i = 1; i <= 10; i++) {<br> ...<br>}<br>A sintaxe do Studio é idêntica à do for em C, Java, C#, o que prepara melhor o aluno para linguagens profissionais.
Laço de Repetição (Enquanto)pascal<br>enquanto (cond) faca<br> ...<br>fimenquanto<br>c<br>enquanto (cond) {<br> ...<br>}<br>A lógica é a mesma, com a principal diferença sendo o uso de chaves {} no Studio.
Laço de Repetição (Faça…Enquanto)pascal<br>repita<br> ...<br>ate (condicao_de_parada)<br>c<br>faca {<br> ...<br>} enquanto (condicao_de_continuacao)<br>A sintaxe é diferente e a lógica da condição é invertida: VisualG para quando a condição é VERDADEIRO, Studio continua enquanto for VERDADEIRO.
Estrutura de Escolhapascal<br>escolha (variavel)<br> caso 1<br> ...<br> caso 2<br> ...<br> outrocaso<br> ...<br>fimescolha<br>c<br>escolha (variavel) {<br> caso 1:<br> ...<br> pare<br> caso 2:<br> ...<br> pare<br> caso contrario:<br> ...<br>}<br>O Studio exige o comando pare (equivalente ao break) para evitar que a execução continue nos casos seguintes.
Funções (com retorno)pascal<br>Funcao Nome(p1: tipo): tipo_retorno<br>inicio<br> ...<br> retorne valor<br>fimfuncao<br>c<br>funcao tipo_retorno Nome(tipo p1) {<br> ...<br> retorne valor<br>}<br>A sintaxe do Studio é mais concisa e alinhada com linguagens modernas.
Procedimentos (sem retorno)pascal<br>procedimento Nome(p1: tipo)<br>inicio<br> ...<br>fimprocedimento<br>c<br>funcao vazio Nome(tipo p1) {<br> ...<br>}<br>No Studio, um procedimento é apenas uma função que retorna o tipo vazio (equivalente ao void).
Vetores (Arrays)meuVetor: vetor [1..10] de inteirointeiro meuVetor[10]A declaração no Studio é mais direta. Ambos usam índice baseado em zero por padrão (0 a 9 para um tamanho de 10).
Matrizes (Arrays 2D)minhaMatriz: vetor [1..5, 1..5] de realreal minhaMatriz[5][5]Similar aos vetores, a sintaxe do Studio é mais compacta.
Uso de BibliotecasNão possuiinclua Biblioteca Grafico<br>inclua Biblioteca MatematicaRecurso exclusivo do Portugol Studio que expande enormemente suas capacidades, permitindo a criação de jogos simples, desenhos e uso de funções matemáticas avançadas.

Visão de gráfico