Acompanhamento & Arquitetura
Visualize métricas em tempo real, a arquitetura do sistema de parceiros e o histórico de registros da biblioteca global Oxigenio Digital.
📈 Registros por Parceiro
Acompanhe o crescimento de cada parceiro em tempo real.
🔥 Mapa de Calor de Atividade Global
Visualize a intensidade dos registros no DNA Vault ao longo do tempo, demonstrando o crescimento contínuo do ecossistema e a adoção do protocolo DNA-SCIENCES.
Últimos 90 Dias de Atividade
🏗️ Arquitetura do Sistema de Parceiros
Como funciona a infraestrutura por trás do programa.
🌐 Camada 1 — Frontend
Páginas estáticas HTML5 + CSS3 + JavaScript vanilla. Cada parceiro tem sua própria página com formulário de registro, upload de arquivos e geração de hash SHA-256 no navegador.
- • Página personalizada por parceiro
- • Drag & drop de arquivos
- • Geração de hash no client-side
- • QR Code e PDF em tempo real
💾 Camada 2 — Persistência Local
localStorage do navegador armazena contadores, histórico de registros e metadados. Dados persistem entre sessões sem necessidade de backend.
- • Contadores por parceiro
- • Contador global
- • Histórico de registros
- • Metadados dos arquivos
🔐 Camada 3 — Criptografia
Web Crypto API gera hashes SHA-256 reais no navegador. Nenhum dado sensível é transmitido para servidores — tudo acontece localmente.
- • SHA-256 via crypto.subtle
- • ArrayBuffer para arquivos
- • Hash determinístico e único
- • Verificação independente
📄 Camada 4 — Certificação
jsPDF gera certificados PDF oficiais. QR Code aponta para página de verificação. Cada registro recebe ID único e timestamp imutável.
- • PDF com design oficial
- • QR Code escaneável
- • ID único por registro
- • Timestamp ISO 8601
📡 Camada 5 — Eventos em Tempo Real
CustomEvents do JavaScript permitem comunicação entre páginas e atualização de dashboards sem recarregar. Sistema reativo e responsivo.
- • Eventos customizados
- • Atualização cross-page
- • Sistema reativo
- • Sem polling necessário
🚀 Camada 6 — Escalabilidade
Arquitetura modular permite adicionar novos parceiros copiando o template. Sistema centralizado de contagem via OXIGENIO_PARTNER_SYSTEM.
- • Template reutilizável
- • Sistema centralizado
- • Fácil adição de parceiros
- • Manutenção simplificada
🔄 Fluxo de Registro
Passo a passo do processo completo.
página do parceiro
e faz upload
gerado no navegador
no localStorage
gerados
atualizados
📋 Últimos Registros
Histórico recente da biblioteca global.
Nenhum registro encontrado. Os registros aparecerão aqui quando arquivos forem cadastrados.
🚦 Status do Sistema
🟢 localStorage
Persistência ativa via localStorage API. Dados salvos localmente no navegador com capacidade de ~5-10MB por domínio.
- • Chaves: oxigenio_globalCount, oxigenio_partners, oxigenio_registrations
- • Sincronização cross-session e cross-tab via StorageEvent
- • Backup automático + export JSON para migração
- • Compressão LZ-string para otimização
🟢 Web Crypto API
Geração de hash SHA-256 nativo via crypto.subtle.digest(). Suporte completo em todos browsers modernos (Chrome 37+, Firefox 34+, Safari 10.1+, Edge 12+).
- • Input: ArrayBuffer/Uint8Array de arquivos até 2GB
- • Output: Hex string 64 chars determinístico
- • Verificação pública via SHA-256 online/offline
- • NIST FIPS 180-4 compliant, colisão-resistant (2^128 segurança)
🟢 jsPDF
Geração de certificados PDF ativa (jsPDF v2.5.1). A4/PDF/A3 support, fonts custom embed, QR integration, marca d'água, multi-page.
🟡 QR Code
Geração via API externa (qrcode.js). Funcional.