Skip to content
 
 

Repository files navigation

Assistente Digital Omnichannel Portal Jus.BR

🎯 Demonstração Funcional - 5 Minutos

Uma demonstração completa do Assistente Digital Inteligente Omnichannel para Portal Jus.BR que funciona em widget, totem e multi-canal, com fluxos específicos por perfil de usuário.

🛠️ Stack Tecnológico da Demonstração

  • Frontend: React + TypeScript + Tailwind CSS + Vite
  • Dados: JSON mockados (simulação realística)
  • UI: Componentes adaptativos, animações, modo totem e widget
  • Métricas: Tempo real com Socket.io simulado

🚀 Como Executar

# Instalar dependências
npm install

# Executar em modo desenvolvimento
npm run dev

# Acessar
http://localhost:3000

📋 Funcionalidades Implementadas

Inicialização Completa

  • Seleção de modo (voz/texto) com modal elegante
  • Seleção de perfil com 3 cards visuais específicos
  • Loading animado com logo Jus.BR
  • Interface adaptativa automática

3 Perfis Distintos

👤 CIDADÃO (Interface Verde Simplificada)

  • Consultar processos com filtro automático do mais recente
  • Explicação em linguagem simples
  • Botões grandes e textos explicativos
  • Fluxo completo: CPF → Busca → Resultado → Conectar vara

⚖️ ADVOGADO (Interface Azul Profissional)

  • Peticionamento com drag & drop PDF
  • Validação automática de documentos
  • Resumo de protocolo com vara e taxas
  • Link por email para assinatura digital
  • Interface técnica e precisa

🏛️ SERVIDOR (Interface Laranja Gerencial)

  • Dashboard com métricas do dia
  • Escalações pendentes com detalhes
  • Base de conhecimento RAG
  • Sugestões automáticas para backlog
  • 🆕 Suporte Humanizado Avançado
  • Painel administrativo completo

Sistema de Suporte Humanizado Avançado

🧠 Triagem Inteligente

  • Análise automática de consultas para direcionamento otimizado
  • Identificação de problemas técnicos, jurídicos ou administrativos
  • Decisão entre: IA, Atendimento Humano, TI ou Email
  • Métricas de confiança e tempo estimado de resolução

📧 Encaminhamento Automático por Email

  • Geração automática de templates estruturados
  • Direcionamento para tribunal de origem competente
  • Classificação de urgência (normal, alta, urgente)
  • Rastreamento de emails enviados com ID único

👥 Dashboard de Atendimento Humanizado

  • Métricas específicas de escalações resolvidas por humanos
  • Casos encaminhados para equipe TI vs. resolvidos diretamente
  • Controle de satisfação e tempo de resolução
  • Insights sobre efetividade da triagem automática

📊 Casos Ilustrativos Implementados

  • Escalação Humana: Dúvidas jurídicas específicas resolvidas por atendentes
  • Escalação TI: Problemas técnicos direcionados para equipe especializada
  • Encaminhamento Email: Questões de segurança/validação enviadas aos tribunais
  • Métricas Reais: Satisfação de 4.6/5 para atendimento humanizado

Omnichannel Funcional

  • Widget: Flutuante no canto direito
  • Totem: Fullscreen com timeout e acessibilidade
  • WhatsApp: Simulação de chat business
  • Telegram: Bot automatizado
  • Mobile: App nativo simulado
  • Ligação Atendimento por voz - URA/IVR

Sistema de Protocolos

  • Geração automática para TODAS as ações
  • Formato: JUS-YYYY-MM-DD-HHmmss-NNN
  • Modal elegante com resumo
  • Tempo de atendimento calculado

Métricas em Tempo Real

  • Contadores animados que atualizam automaticamente
  • Distribuição por canal e perfil
  • Taxa de resolução IA vs humano
  • NPS e tempo médio de resposta

🎬 Roteiro Demo (5 minutos)

1. Introdução Omnichannel (30s)

  • Mostrar abas de canais
  • Explicar adaptação automática

2. Fluxo Cidadão (1.5min)

  • Widget → Modo/Perfil → Consulta → Protocolo

3. Fluxo Advogado (1.5min)

  • Peticionamento → Upload → Validação → Protocolo

4. Fluxo Servidor (1min)

  • Dashboard → Escalações → RAG → Backlog

5. Omnichannel e Totem (30s)

  • Demonstração rápida dos canais
  • Modo acessibilidade

6. Conclusão (30s)

  • Métricas em tempo real
  • Impacto da solução

📊 Dados Mockados Inclusos

  • Processos: 2 processos com movimentações realísticas
  • Escalações: 2 casos pendentes para servidor
  • Base RAG: Conhecimento jurídico simulado
  • Métricas: 1.247 atendimentos, 87% resolução IA
  • Protocolos: Geração automática com timestamps

🌟 Destaques Técnicos

  • Interface Adaptativa: Cores e botões mudam por perfil
  • Animações Fluidas: Loading, hover, transições
  • Responsivo: Mobile-first design
  • Acessibilidade: Alto contraste, áudio, touch-friendly
  • Performance: Componentes otimizados
  • UX Polido: Micro-interações e feedbacks

🎯 Objetivos Demonstrados

✅ Omnichannel funcional
✅ Adaptação automática por perfil
✅ Fluxos específicos realísticos
✅ Sistema de protocolos
✅ Métricas em tempo real
✅ Interface polida e profissional
✅ Pronto para demonstração


📚 Documentação de Arquitetura para a POC

Consulte o arquivo docs/arquitetura_piloto.md para a proposta de infraestrutura escalável com diagramas Mermaid e descrição dos agentes especializados. Consulte também docs/casos_de_uso.md para exemplos de atendimento humanizado. Para um desenho de arquitetura técnica, vai em docs e clique em 'Nielsen - Arquitetura - Desenho.jpeg'

About

CPSI - CNJ

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages