Dataverse

Índice

• 1. Apresentação do projeto
• 2. Créditos
• 3. Considerações gerais
• 4. Funcionalidades
• 5. Geração de dados/ Protótipo
• 6. Objetivos de aprendizagem
• 7. Considerações finais

---

1. Apresentação do projeto

Este projeto foi desenvolvido com foco nas usuárias. A aplicação possibilita a visualização, filtragem, ordenação e cálculo de estatísticas sobre os dados. Nossos dados são relacionados a hobbies mais praticados por mulheres, trazendo informações rápidas, claras e objetivas para as usuárias. Desenvolvemos uma aplicação dedicada à visualização de um conjunto específico de dados. Foram utilizadas ferramentas da tecnologia de inteligência artificial, como o Bing, gerando um banco de dados em Javascript no formato de prompt.

2. Créditos

Esse projeto foi desenvolvido por Jessica Ramos, Hortência Viana e Marcela Ferraz, fomos apoiados pelas colegas da turma e contamos também com a ajuda dos coaches do Bootcamp de Desenvolvimento Web SAP012 da Laboratória.

3. Considerações gerais

• O tempo utilizado para concluir o projeto foi de 5 Sprints.
• O maior objetivo do projeto é o constante aprendizado e o desenvolvimento de habilidades de tech skills e soft skills.

4. Funcionalidades

• O site oferece à usuária a visualização dos dados em estilo de cards, permitindo que o item seja explorado de forma intuitiva e simples.
• Foram criados 24 cards que contém informações sobre hobbies voltados para mulheres, como nivel de dificuldade, custo para iniciar, material necessário, categorias de hobbies como: artesanato, beleza, mente, movimentando o corpo e natureza.
• A aplicação permite à usuária filtrar os dados por categoria e maior e menor custo.
• A aplicação exibe a estatística de dados que é calculada.
• A ordenação serve para que a usuária organize as categorias em ordem alfabética, tanto de forma ascendente quanto descendente.
• A aplicação permite à usuária reiniciar a aplicação, limpando filtros e ordenamentos, com um botão "Mostrar todos".
• As aplicações de filtrar, limpar, ordenar, não recarregam a página, mas sim adicionam conteúdo de maneira dinâmica via JavaScript.

5. Geração de dados / Protótipo

• Os dados foram gerados através de prompt no Bing conforme a imagem abaixo:

Os dados foram salvos em um arquivo JavaScript, que exporta uma matriz com 24 objetos. A estrutura de cada objeto é a seguinte:

• O protótipo de alta fidelidade foi realizado no Figma, utilizando fontes fáceis de serem lidas, cores suaves e uma estética bem feminina. Trazendo clareza e leveza pro site.

6. Objetivos de aprendizagem

• HTML Uso de HTML semântico

• CSS Uso de seletores de CSS

Modelo de caixa (box model): borda, margem, preenchimento

Uso de flexbox em CSS

• Web APIs Uso de seletores de DOM

Manipulação de eventos de DOM (listeners, propagação, delegação)

Manipulação dinâmica de DOM

• JavaScript

Diferenciar entre tipos de dados primitivos e não primitivos

Arrays (arranjos)

Objetos (key, value)

Variáveis (declaração, atribuição, escopo)

Uso de condicionais (if-else, switch, operador ternário, lógica booleana)

Uso de laços (while, for, for..of)

Funções (params, args, return)

Testes unitários (unit tests)

Módulos de ECMAScript (ES modules)

Uso de linter (ESLINT)

Uso de identificadores descritivos (Nomenclatura e Semântica)

Diferença entre expressões (expressions) e declarações (statements)

• Controle de Versões (Git e GitHub)

Git: Instalação e configuração

Git: Controle de versão com git (init, clone, add, commit, status, push, pull, remote)

Git: Integração de mudanças entre ramos (branch, checkout, fetch, merge, reset, rebase, tag)

GitHub: Criação de contas e repositórios, configuração de chave SSH

GitHub: Implantação com GitHub Pages

GitHub: Colaboração pelo Github (branches | forks | pull requests | code review | tags)

7. Considerações finais

Esse projeto foi conduzido por uma equipe exemplar, caracterizada pelo comprometimento coletivo e pela ênfase na colaboração, visando o desenvolvimento conjunto e a ampliação do conhecimento individual. Ao longo de todo o processo, a comunicação transparente se destacou como uma prioridade, promovendo um ambiente propício para o aprendizado contínuo.

A abordagem unificada adotada pela equipe, com a participação ativa de todos os membros em diversas fases do projeto, contribuiu significativamente para o fortalecimento do grupo. Em momentos desafiadores, a união e o apoio mútuo foram fundamentais para superar obstáculos e manter a motivação elevada.

Ao enfrentar diversas dificuldades, foi possível constatar a importância da aprendizagem contínua, tanto no âmbito técnico, aprimorando habilidades relacionadas aos códigos e à execução eficiente das tarefas, quanto no desenvolvimento de competências essenciais para o trabalho em equipe. A organização coletiva, a divisão eficaz de responsabilidades e a aplicação de habilidades técnicas foram aspectos cruciais para o sucesso do projeto. Só temos a agradecer pela incrível experiência de desenvolver o projeto.