System Requirements Document (SRD)

Projeto: vivid-slide

1. Introdução

O projeto vivid-slide foi idealizado para criar uma apresentação interativa, animada e visualmente impactante sobre o tema dos microplásticos, direcionada a estudantes do terceiro ano do ensino médio no Brasil. A apresentação contará com animações 3D, elementos interativos e transições suaves ao longo de 10 páginas, garantindo que o conteúdo seja educativo e envolvente.

Este documento descreve os requisitos do sistema para o projeto vivid-slide, assegurando alinhamento com a visão e os objetivos do usuário, Julio Cesat.

2. Visão Geral do Sistema

O projeto vivid-slide será uma ferramenta digital de apresentação que combina conteúdo educacional com design visual e interativo de ponta. O sistema terá como objetivos:

• Educar estudantes sobre os impactos ambientais e na saúde humana causados pelos microplásticos.
• Utilizar animações 3D, gráficos interativos e transições suaves para manter o engajamento dos estudantes.
• Ser otimizado para uso em sala de aula, garantindo compatibilidade com dispositivos e plataformas comuns nas escolas brasileiras.

A apresentação será dividida em 10 páginas, cada uma abordando um aspecto específico do problema dos microplásticos, com forte ênfase em interatividade e narrativa visual.

3. Requisitos Funcionais

• Como Usuário, quero navegar por 10 páginas interativas com transições 3D suaves.
• Como Usuário, quero visualizar animações que expliquem o conceito de microplásticos.
• Como Usuário, quero interagir com gráficos e simulações para entender o impacto dos microplásticos nos oceanos e na vida marinha.
• Como Usuário, quero acessar infográficos e gráficos animados e fáceis de interpretar.
• Como Usuário, quero vivenciar uma conclusão visualmente impactante com um chamado à ação.

4. Personas de Usuário

4.1. Estudante

• Descrição: Estudantes do terceiro ano do ensino médio, com idades entre 16 e 18 anos, e níveis variados de conhecimento sobre questões ambientais.
• Objetivos: Aprender sobre microplásticos de forma interativa e envolvente.

4.2. Professor

• Descrição: Educadores que lecionam ciências ambientais ou disciplinas relacionadas.
• Objetivos: Utilizar o vivid-slide como ferramenta de ensino para explicar tópicos complexos de maneira simplificada e visualmente atraente.

5. Cores e Tema Visuais

O projeto vivid-slide utilizará uma paleta de cores única e vibrante, refletindo o tema ambiental e mantendo uma estética moderna e envolvente.

• Fundo: #DFF6F0 (Verde Claro Suave)
• Superfície: #FFFFFF (Branco Puro)
• Texto: #1B1B1B (Preto Profundo)
• Destaque: #FF6F61 (Laranja Coral Intenso)
• Tons Suaves: #A3B4C4 (Azul Acinzentado)

A paleta de cores foi projetada para evocar uma sensação de natureza e urgência, ao mesmo tempo em que é visualmente atraente para um público jovem.

6. Conceito de Design Assinatura

A página inicial do vivid-slide apresentará um ambiente subaquático 3D interativo, imergindo os usuários no universo dos microplásticos.

Características Principais:

• Cena Interativa do Oceano: A página inicial simulará um ambiente subaquático com partículas flutuantes representando microplásticos. Os usuários poderão passar o mouse ou tocar nas partículas para revelar fatos ou estatísticas sobre o tema.
• Transições Dinâmicas: Cada transição de página imitará o movimento das ondas do oceano, com animações suaves e fluidas.
• Infográficos Interativos: Em páginas específicas, os usuários poderão interagir com gráficos e tabelas, clicando ou arrastando elementos para revelar informações adicionais.
• Vida Marinha Simulada: Animações de peixes e outras criaturas marinhas reagirão às interações dos usuários, como nadar para longe ao clicar em uma partícula de microplástico.
• Final Impactante: A última página apresentará uma animação dramática de um oceano limpo, transicionando de poluído para cristalino, acompanhada por uma mensagem motivacional para inspirar ação.

Este conceito de design garante que a apresentação seja não apenas informativa, mas também deixe uma impressão duradoura no público.

7. Requisitos Não Funcionais

• O sistema deve suportar dispositivos desktop e móveis.
• A apresentação deve carregar em até 3 segundos em conexões de internet padrão de escolas brasileiras.
• As animações e transições devem rodar suavemente a 60 FPS.
• O sistema deve ser acessível em português (BR).

8. Pilha Tecnológica

Frontend

• React para Web

Backend

• Python
• FastAPI

Banco de Dados

• MySQL (com Alembic para migrações)

Ferramentas de IA

• Google Nano Banana para geração de imagens

Orquestração Local

• Docker
• docker-compose

9. Premissas e Restrições

• O público-alvo utiliza principalmente dispositivos com capacidades de hardware padrão (ex.: laptops ou tablets fornecidos pelas escolas).
• A apresentação será entregue em português e deve aderir aos padrões educacionais brasileiros.
• O sistema deve ser concluído dentro de um cronograma que permita testes e feedbacks detalhados de educadores.

10. Glossário

• Microplásticos: Pequenas partículas de plástico com menos de 5mm de tamanho, geralmente resultantes da degradação de resíduos plásticos maiores.
• Gráficos Interativos: Elementos visuais que os usuários podem manipular ou interagir para obter informações adicionais.
• Transições 3D: Animações que criam a ilusão de profundidade e movimento entre os slides da apresentação.
• Chamado à Ação: Uma mensagem projetada para incentivar uma resposta imediata ou inspirar ação por parte do público.