| |
| Acadêmico(a): Antonio Urbano Filho |
| Título: Sistema de Aprendizado de Algoritmos pela Web Implementado com Gráficos Vetoriais |
| |
| Conclusão: |
| O objetivo deste trabalho era criar um assistente com interface gráfica para o ensino de algoritmos através de fluxogramas, porém colocando-o num contexto ainda pouco explorado que é a web, e com uma nova tecnologia que é o SVG, um padrão para gráficos vetoriais dinâmicos e interativos na web. O AlgoSVG disponibiliza uma interface gráfica no navegador de web, onde o aluno pode montar e testar o algoritmo. A própria ferramenta calcula a posição dos elementos, refazendo todo o conjunto sempre que um elemento é inserido ou excluído do fluxograma. Instruções compostas podem ser aninhadas, permitindo instruções de seleção e repetição dentro umas das outras. O AlgoSVG permite a construção de algoritmos modularizados com o conceito de sub-rotina. Ele permite criar sub-rotinas e chamá-las com passagem e retorno de parâmetros. Chamadas recursivas são possíveis, pois a cada chamada a ferramenta salva o ambiente anterior e cria um novo para a nova instância da sub-rotina. No retorno da sub-rotina os parâmetros modificados são repassados e o ambiente da sub-rotina é destruído. Para estimular no aluno as fases de análise do problema e projeto da solução, foi disponibilizada uma tela onde o aluno pode ler o enunciado do problema e em campos específicos escrever quais são os dados de entrada necessários, quais as saídas desejadas, dados de exemplo para teste e os passos gerais para a solução do problema. A qualquer momento, mesmo durante o teste do algoritmo, o aluno pode alternar entre as telas de projeto e de montagem do fluxograma. Não foi feita integração mais completa entre as telas de projeto e de montagem do algoritmo, como gerar elementos no fluxograma a partir dos dados na tela de projeto ou usar para dados de entrada durante a execução do algoritmo os dados de teste definidos na fase de projeto. O AlgoSVG permite salvar no servidor os algoritmos criados e recuperá-los posteriormente. Para salvar é necessário que a pasta no servidor esteja configurada com permissão de gravação. Devido às restrições de segurança, um aplicativo web não pode ler ou gravar na máquina cliente, apenas enviar ou solicitar dados para o servidor web. O aplicativo possui rotinas rodando no servidor que se encarregam se salvar e recuperar os algoritmos no espaço do servidor. O aplicativo não tem controle de acesso por usuários, mas todos têm acesso à mesma pasta de salvamento. A utilização do padrão SVG neste trabalho demonstrou que esta tecnologia é viável para este tipo de aplicação e também para qualquer outra área que necessitar de gráficos interativos e dinâmicos na web. Os elementos gráficos do SVG interagem facilmente com outras tecnologias como o JavaScript. Por sua facilidade de programação, o padrão SVG permite que num projeto o esforço para o desenvolvimento gráfico e interativo seja menor, transferindo mais recursos de tempo e programação para o fim a que se destina o software. |
| |
|
