Começando com displays públicos

A ferramenta de displays públicos do SmartgridX é projetada para gerar visualizações totalmente personalizáveis para instalações. Seja para dashboards internos de análise ou displays visuais rápidos e acessíveis, os displays públicos oferecem opções flexíveis, personalizáveis e fáceis de configurar.

---

Visão Geral

O sistema de display público capacita os usuários a criarem visualizações personalizadas para suas instalações com controle total sobre o layout e conteúdo do display.

Resumo do Fluxo de Trabalho

Para configurar displays públicos em SmartgridX, siga este processo em três etapas:

1. 🎛️ Reivindique seu controlador – Registre o controlador do display público em sua conta
2. 📐 Crie um modelo – Projete o layout visual para sua instalação
3. ⚙️ Configure o display público – Configure o modelo para sua instalação e vincule-o ao controlador

💡 Dica Profissional: Você pode criar e testar modelos sem hardware físico – basta pular o passo 1 para pré-visualizar seus designs antes da implantação.

---

Configuração Passo a Passo

1. Controlador de Display Público

Esta seção cobre a reivindicação e gerenciamento do hardware do seu controlador de display público.

🚀 Opção de Início Rápido: Quer explorar displays públicos sem hardware? Pule para Passo 2: Criação do Modelo para projetar e pré-visualizar modelos. Você pode reivindicar um controlador posteriormente!

⚠️ Nota: Sem um controlador reivindicado, você ainda pode criar e configurar modelos para pré-visualizar o resultado final, mas o display público não será exibido no hardware físico.

Navegação para Gerenciamento do Controlador

1. Navegue para Displays Públicos: Clique na seção 'Displays Públicos' na barra lateral
2. Acesse a Seção do Controlador: Na página de visão geral, localize e clique no botão Controlador de Display Público (destacado na captura de tela acima)

Tabela de Visão Geral do Controlador

A tabela de controladores exibe:

• 📋 Visão geral de todos os seus controladores registrados
• ➕ Botão para reivindicar novos controladores (canto superior direito)
• ✏️ Opções de gerenciamento para controladores existentes

Reivindicando Seu Controlador

Passos para reivindicar:

1. Clique no botão verde "Reivindicar Controlador"
2. Digite o número de série (encontrado na etiqueta do controlador)
3. Digite o código de verificação (encontrado na etiqueta do controlador)

Controlador Reivindicado com Sucesso

✅ Sucesso! Seu controlador agora aparece na tabela com opções para:

• 📝 Editar o nome do controlador
• 🔓 Cancelar reivindicação se necessário

---

2. Modelo de Display Público

Nesta etapa, você irá projetar o layout visual para sua instalação. Modelos funcionam como plantas reutilizáveis que definem como seu display público será estruturado e exibido.

📝 Nota para Iniciantes: Esta seção fornece passos essenciais para criação do modelo. Para opções avançadas de personalização e configuração detalhada, consulte a documentação completa do modelo.

Acessando o Gerenciador de Modelos

Passos de navegação:

1. Vá para 'Displays Públicos' na barra lateral
2. Clique no botão 'Modelo de Display Público' na página de visão geral

Interface de Gerenciamento de Modelos

A tabela de modelos oferece:

• 📋 Visão geral de todos os seus modelos
• ➕ Adicionar novos modelos
• ✏️ Editar modelos existentes
• 🗑️ Excluir modelos

Configuração do Cabeçalho do Modelo

Configurações do cabeçalho incluem:

• 📝 Título do modelo – Nome do seu display público
• 📐 Configurações de margem – Defina o espaçamento ao redor do conteúdo
• 💾 Botão salvar – Localizado no canto superior direito

Sistema de Layout em Blocos

Trabalhando com blocos:

• ➕ Adicione blocos usando o botão no canto superior direito
• 🎯 Posicione blocos através de arrastar e soltar
• 📏 Redimensione blocos arrastando a alça no canto inferior direito

Detalhes do Sistema de Grade:

• Tamanho da grade: 100×100 (baseado em percentual)
• Exemplos de layouts:
  • Dois blocos com 50% de largura × 100% de altura = layout lado a lado
  • Um bloco com 100% de largura × 100% de altura = cobertura total

🎛️ Controles de Precisão:

• Use o painel lateral direito para valores exatos de posicionamento
• Ideal para ajustes finos na posição dos blocos

Configuração dos Blocos

Fluxo de configuração:

1. Selecione um bloco para ver suas opções
2. Escolha tipo do bloco no menu suspenso (configuração mais importante)
3. Configure as opções específicas do bloco no painel inferior

📚 Saiba Mais: Informações detalhadas sobre os tipos de blocos estão disponíveis na documentação do Modelo de Display Público.

Exemplo de Configuração de Modelo

Este exemplo demonstra uma configuração completa de modelo com blocos rotulados mostrando suas respectivas configurações e propósitos.

💾 Salvando seu modelo:

• Clique no botão salvar (canto superior direito) quando estiver satisfeito com o design
• Seu modelo ficará disponível para uso nas configurações

Visão Geral do Modelo

✅ Modelo criado com sucesso! Seu novo modelo agora aparece na tabela de gerenciamento, pronto para:

• ✏️ Edição adicional
• 🗑️ Exclusão se necessário
• ⚙️ Configuração na próxima etapa

---

3. Configuração do Display Público

Nesta etapa final, você aplicará seu modelo a uma instalação específica e opcionalmente vinculará ao seu controlador reivindicado.

🎯 Resultados após a conclusão:

• Com controlador: Visualize seu display público no dispositivo físico
• Sem controlador: Pré-visualize como seu display público ficará quando implantado

🧪 Vantagem nos Testes: Você pode preparar e testar modelos e configurações antes de vinculá-los aos controladores, garantindo que tudo funcione perfeitamente antes da implantação.

Acessando a Configuração

Passos de navegação:

1. Vá para a página de visão geral da sua instalação
2. Selecione uma instalação ou controlador na lista
3. Escolha 'Display Público' no menu pop-up

Gerenciamento de Configuração

A tabela de configurações mostra:

• 📋 Todas as configurações existentes para a instalação selecionada
• ➕ Botão para adicionar nova configuração (canto superior esquerdo)

Criando uma Nova Configuração

Configuração:

1. Selecione o modelo no menu suspenso
2. Escolha o modelo que você criou anteriormente
3. Revise os blocos disponíveis e suas propriedades editáveis

Configuração Específica de Blocos

Opções de configuração:

• Nem todos os blocos são configuráveis no momento. Isso mudará conforme o desenvolvimento avança.
• Conteúdo pré-preenchido dos modelos pode ser usado como está ou personalizado
• Substitua configurações padrão com conteúdo específico da instalação

💡 Dica: Imagens padrão dos modelos fornecem uma base – customize apenas o que precisa ser específico da instalação.

💾 Salve sua configuração usando o botão de salvar no canto superior direito quando estiver pronto.

Ações de Configuração

Ações disponíveis para configurações salvas:

• 🎛️ Reivindicar Controlador – Vincular ao dispositivo físico
• 👁️ Visualizar – Pré-visualizar o resultado final
• ✏️ Editar – Modificar as configurações
• 🗑️ Excluir – Remover a configuração

Pré-visualize Seu Display Público

Recursos de pré-visualização:

• Visualização em tempo real de como o display público aparecerá no controlador
• Teste responsivo – redimensione a janela do navegador para ver como o layout se adapta a diferentes tamanhos de tela
• Validação final antes da implantação no controlador

Vinculando ao Controlador

Etapa final de implantação:

1. Retorne à tabela de configurações
2. Clique em 'Reivindicar Controlador' para vincular sua configuração
3. Complete a configuração conectando o controlador físico

🎉 Sucesso! Quando tudo estiver configurado, vinculado e o controlador conectado, seu display público personalizado será exibido na tela.

---

🎉 Conclusão

Parabéns! Você configurou com sucesso um sistema completo de display público no SmartgridX.

O que você conquistou

✅ Gerenciamento de Controlador – Reivindicou e registrou seu hardware de display público
✅ Design de Modelo – Criou um layout visual reutilizável
✅ Configuração – Aplicou seu modelo a uma instalação específica
✅ Integração do Sistema – Conectou todos os componentes para exibição ao vivo

Próximos Passos

🖥️ Display Pronto: Seu controlador de display público pode agora exibir sua visualização personalizada em qualquer tela conectada

📚 Amplie seu Conhecimento: Para recursos avançados e opções detalhadas de personalização, explore as páginas de documentação completas de cada componente

💬 Precisa de Ajuda? Nossa equipe de suporte está disponível para dúvidas, solicitações de recursos ou assistência técnica

---

📚 Documentação Relacionada

Próximos Passos

Após reivindicar seu controlador com sucesso:

1. 🎛️ Vincular Controladores – Conecte ao hardware do display
2. 📐 Criar Modelos – Projete seus layouts visuais
3. ⚙️ Configurar Displays – Aplique modelos às instalações

🚀 Pronto para criar mais? Agora você pode projetar modelos e configurações adicionais para atender a diferentes instalações e casos de uso!