Tutorial · Design

Desenhe um protótipo a partir da base de conhecimento

O Design começa na base de conhecimento. O template fornece o visual; o sistema importado fornece as telas, os campos e os conceitos que precisam aparecer.

Escolha um ponto de partida visual

Abra o Design pela base do projeto e compare prévias dos templates. O tutorial escolhe um visual adequado a uma escola. O template oferece estilo e tipos de página, mas não decide os campos de negócio.

Painel da base de conhecimento
O painel do demo mostra a cobertura do projeto. Os nomes dos elementos do projeto exemplo estão em português.

Defina telas com base no fonte

O briefing sugere telas encontradas no projeto: alunos, turmas, aulas, relatórios e acesso. O agente leva essas entidades ao estilo escolhido e cria páginas para revisão. O formulário de alunos traz os campos que o WinDev já valida.

  • Escolha as telas relevantes para a primeira revisão.
  • Confira rótulos, campos e fluxos contra a base.
  • Examine layouts desktop e mobile.
Código WLanguage e tabela de decisão
Código WLanguage e tabela de decisão da mesma lógica, no idioma do projeto exemplo.

Revise e marque ajustes

Abra as páginas, teste interações e peça mudanças no chat. A ferramenta Mark permite apontar uma área específica e descrever o ajuste, como paginação numa lista. Depois da aprovação do negócio, o protótipo continua no projeto como referência visual para converter.

← Todos os capítulos