1. PO-UI é uma biblioteca de componentes Angular
PO UI oferece componentes de interface para Angular. Ao planejar uma tela, confira a documentação da versão utilizada e a compatibilidade com Angular, TypeScript e as dependências do projeto. Um exemplo de outra versão não deve ser aplicado sem essa conferência.
Comece pela tarefa do usuário e pelos padrões já adotados pela equipe. Formulários, tabelas, filtros e navegação precisam representar o processo da operação, em vez de apenas reunir componentes disponíveis.
2. Defina o contrato com o Datasul
A interface consome uma API ou serviço configurado para a solução. Ela não ganha acesso ao ERP apenas por usar PO-UI. Defina campos, filtros, paginação, ordenação e mensagens de erro conforme a API realmente disponível.
Autenticação e autorização devem seguir a arquitetura do ambiente. Não coloque credenciais de banco no código entregue ao navegador. Para cada operação, confirme o que a identidade autenticada pode consultar ou alterar.
- Nomes e tipos dos campos coincidem com o retorno real?
- Filtros e paginação são aceitos pela API?
- Erros de negócio e de transporte são distinguíveis?
- O backend valida o acesso, além da apresentação da tela?
3. Desenvolva os estados da experiência
Uma tabela precisa tratar carregamento, resultado vazio, erro e resultado parcial. Um formulário precisa indicar validação e retorno da operação. Esses estados fazem parte da solução tanto quanto a aparência inicial.
Valide em celular e desktop, incluindo rótulos longos, campos obrigatórios e navegação por teclado. Use os mecanismos do projeto para chamadas de API e não crie uma segunda regra de negócio no frontend apenas para contornar um contrato desconhecido.
4. Teste com a API e a versão do projeto
Dados fictícios ajudam a desenvolver a interface e devem ser identificados nos exemplos. Antes de colocar a tela em uso, teste os contratos contra a API e os cenários de negócio definidos com a equipe.
O QualiStudio apoia a construção de interfaces Angular com PO-UI e o trabalho com OpenEdge/ABL e customizações Datasul. O benefício está em conectar o contexto das duas pontas: regra de negócio, contrato técnico e interação do usuário.
Referências e próximos passos
Consulte a documentação correspondente à versão do seu ambiente. As referências abaixo são dos fornecedores das tecnologias, sem indicação de parceria ou endosso ao QualiOps.
Para relacionar estas orientações à solução, veja como o QualiOps conecta IA ao TOTVS Datasul, incluindo requisitos, formas de consulta e limites da integração.