Skip to content

Public repository of a website project for visualizing different types of data structures.

Notifications You must be signed in to change notification settings

Wesley00s/View-Data-Structure

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

87 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

View-Data-Structure 🎲🖥️

Repositório público de um projeto web para visualização dinâmica dos diferentes tipos de estruturas de dados computacionais. O projeto faz parte de uma atividade avaliativa aplicada aos estudantes do curso superior de Tecnologia em Análise e Desenvolvimento de Sistemas do Instituto Federal de Educação, Ciência e Tecnologia do Ceará, campus Boa Viagem, na cadeira de Programação Estruturada e Estrutura de Dados no segundo semestre letivo da graducação.

Descrição 📄

O sistema web consiste em uma aplicação interativa e dinâmica que demonstre os conceitos e funcionalidades das estruturas de dados computacionais, tais como vetores, listas encadeadas, filas, pilhas, árvores, heaps, hash tables e grafos. De tal modo, a temática do site está centrada em torno de conceitos e características das tecnologias de informação e comunicação e a correlação com elementos da cultura popular nas quatro primeiras estruturas de dados organizadas como vetores, listas encadeadas, pilhas e filas associados a jogos de videogame, filmes de ficção científica, livros de literatura pós-modernista cyberpunk, a título de exemplo. Ademais, nas outra quatro últimas estruturas que são árvores, heaps, hash tables e grafos, houve trabalho no desenvolvimento de conceitos relacionados à Tecnologia de Informação, mas não diretamente à cultura popular, tais como a jornada para se tornar um desenvolvedor com um nó pai mínimo (a força de vontade, diga-se de passagem) por meio de uma estrutura heap e o funcionamento de dispositivos por meio da interação entre hardware e software a partir de sistemas operacionais na visualização de um diagrama de entidade-relacionamento dos bancos de dados relacionais em grafos. A aplicação é desenvolvida com as tecnologias web padrão que são HTML, CSS e JavaScript e fornece uma interface gráfica de interação gráfica com o usuário de modo simples para a compreensão da temática de estruturas de dados e suas aplicações exemplares muito além da computação pura.

Ferramentas de trabalho 👨🏽‍🔧🖥️

Visual Studio Code

Node.JS

Git

Como instalar 🧑‍🔧

Clone o repositório por meio do terminal git com :

git@github.com:Wesley00s/View-Data-Structure.git

Tecnologias utilizadas 👨‍💻🖥️

Uma recomendação íntegra para qualquer qualquer indivíduo que aspira a ser desenvolvedor de software é familiarizar-se com as documentações oficiais das linguagens de marcação ou programação disponibilizadas pelos criadores da respectiva tecnologia.

HTML 5

CSS 3

JavaScript

Aprendizados 🤓🧑‍🎓📚

Trabalho em equipe

Desenvolvimento ágil

Proatividade

Gerenciamento de tempo

Adaptação e resiliência

Percepção pública ⚖️👩🏽‍⚖️

Gráfico

Mediante recomendações de boas práticas de desenvolvimento de software e necessidade de testes de usabilidade, foi realizada uma pesquisa com indivíduos de diversos níveis de escolaridade com intuito de averiguar a eficiência do sistema web em fornecer interação e conhecimento acerca das estruturas de dados computacionais. O indivíduo era convidado a acessar o sistema por meio de um link do GitHub Pages e então interagir com este e ao confirmar finalização desta interação, via-se confrontado com o seguinte questionamento : "Numa escala crescente de 1 a 5 o quanto este sistema representa bem as estruturas de dados computacionais?", todas as notas de escala ficaram concentradas no intervalo de 3 a 5, tendo recebido uma média de 4,2 neste experimento. De mesmo modo, foram atribuídos os mesmos intervalos aos níveis de escolaridade dos indivíduos, sendo 3 os de níveis médio e técnico, 4 os de nível superior, todavia não relacionados a cursos superiores de Tecnologia da Informação e Comunicação como ciência de computação, sistemas de informação,, engenharia de software ou áreas correlatas, e 5 os de nível superior relacionados a cursos superiores desta área. A pesquisa de usabilidade revelou que as notas de escala diminuíam conforme a escala de nível de escolaridade para este experimento aumentava, com sugestões de melhorias no projeto como a inserção de botões facilitadores de direcionamento, coerências textuais e imagéticas a fim de evitar poluições visuais e desequilíbrios de design, além de citações de fontes das informações presentes e recomendações de fontes acadêmicas sobre as estruturas de dados computacionais trabalhadas. Com relação aos de menor escala de nível, a visualização por meio de elementos da cultura popular relacionadas às tecnologias contemporâneas foi um ponto positivo avaliado.

Como contribuir 🆘

Por meio de pull request numa branch secundária no repositório remoto ou entrando em contato com algum membro da equipe a fim de responder a uma pesquisa sobre usabilidade e testes unitários do sistema web.

Autores 🧑🏼‍🎓👨🏿‍🎓👩🏽‍🎓

Douglas Holanda

Kaiane Sousa

Letícia Pereira

Micaele Rodrigues

Wesley Rodrigues

Licença 🔒

MIT

About

Public repository of a website project for visualizing different types of data structures.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5