Interface do Utilizador

O PCH-SIG dispõe de uma interface web moderna e responsiva, acessível a partir de um navegador.

Visão geral

A interface é composta por três zonas principais:

┌─────────────────────────────────────────────────────────────┐
│  Barra superior (Header)                                    │
├────────────┬────────────────────────────────────────────────┤
│            │                                                │
│   Menu     │              Zona de conteúdo                  │
│   lateral  │                                                │
│            │                                                │
│            │                                                │
└────────────┴────────────────────────────────────────────────┘

Barra superior

A barra superior contém:

Elemento	Descrição
Botão menu	Abre/fecha o menu lateral (móvel) ou reduz/expande (desktop)
Seletor de idioma	Escolha do idioma (Francês, Inglês)
Notificações	Sino mostrando as notificações não lidas
Perfil do utilizador	Acesso ao perfil e terminar sessão

Menu lateral

O menu lateral organiza as funcionalidades em grupos temáticos. Clique num grupo para o expandir e ver os submenus.

Grupos de navegação

Painel de Controlo

• Dashboard: Visão geral com estatísticas e gráficos

Registo Social

• Agregados: Lista e gestão dos agregados familiares
• Duplicados: Deteção e fusão de duplicados
• Documentos de identidade: Verificação dos documentos de identidade
• Elegibilidade: Regras e critérios de elegibilidade

Programas

• Financiadores: Gestão dos financiadores
• Programas: Configuração dos programas sociais

Saúde (ASC)

• ASC: Gestão dos Agentes de Saúde Comunitária
• Ciclos ASC: Ciclos de subsídio dos ASC

Transferências Monetárias

• Ciclos: Ciclos de pagamento
• Beneficiários: Lista dos beneficiários ativos
• Pagamentos: Acompanhamento das transferências
• Recorrência: Ciclos recorrentes automáticos
• Reconciliação: Reconciliação dos pagamentos
• Contas operadores: Contas Mobile Money e bancárias

MGP - Queixas

• Queixas: Mecanismo de gestão de queixas
• As minhas atribuições: Queixas atribuídas ao utilizador

Dados

• KoBoToolbox: Sincronização dos formulários Kobo
• Survey Solutions: Integração Survey Solutions
• Mapa SIG: Visualização cartográfica

Monitorização

• Qualidade dos dados: Indicadores de qualidade
• Cobertura: Acompanhamento da cobertura geográfica
• Clima: Dados de vulnerabilidade climática

Relatórios

• Relatórios: Geração de relatórios
• Relatórios governo: Relatórios oficiais

Administração

• Auditorias: Registo de auditoria das ações
• Parâmetros: Configuração do sistema

Reduzir o menu

No desktop, clique no botão de redução para passar ao modo apenas ícones. O menu conserva os ícones dos grupos, e ao passar o rato são mostrados os submenus.

Navegação móvel

Em dispositivos móveis e tablets:

1. O menu lateral está oculto por defeito
2. Clique no ícone hamburger (☰) para o abrir
3. O menu é mostrado sobre o conteúdo
4. Clique fora para o fechar

Zona de conteúdo

A zona de conteúdo mostra a página ativa. Os elementos comuns incluem:

Cabeçalho da página

• Título: Nome da página ou do módulo
• Caminho de navegação: Navegação hierárquica (ex: Agregados > Detalhe > #12345)
• Ações: Botões de ação contextuais (Criar, Exportar, etc.)

Tabelas de dados

• Pesquisa: Campo de pesquisa rápida
• Filtros: Painel de filtros avançados
• Paginação: Navegação entre páginas
• Seleção: Caixas de seleção para ações em grupo
• Ordenação: Clique nos cabeçalhos das colunas

Formulários

• Campos obrigatórios: Marcados com asterisco (*)
• Validação: Mensagens de erro a vermelho sob os campos
• Botões: Guardar, Cancelar, Eliminar

Notificações toast

As notificações temporárias aparecem no canto superior direito:

• Verde: Sucesso (ação bem sucedida)
• Vermelho: Erro (falha da ação)
• Amarelo: Aviso
• Azul: Informação

Atalhos de teclado

Atalho	Ação
Ctrl + K	Pesquisa global
Escape	Fechar uma modal
Enter	Validar um formulário

Modo offline

Quando a ligação é perdida, aparece um indicador vermelho na barra superior. Os dados consultados permanecem acessíveis em leitura, mas as modificações são desativadas até ao retorno da ligação.

Personalização

Idioma

Mude o idioma através do seletor na barra superior. A escolha é guardada no seu navegador.

Estado do menu

O estado do menu lateral (expandido ou reduzido) é conservado entre sessões.

Acessibilidade

A interface respeita as boas práticas de acessibilidade:

• Navegação por teclado
• Contrastes de cores suficientes
• Etiquetas nos campos de formulário
• Mensagens de erro explícitas