Skip to main content

Wireframe do Sistema Geral

Outra aplicação

 Segundo o conceito já apresentado sobre os wireframes, a ferramenta desenvolvida para apresentação do sistema geral mostra como funciona a interface usada para analisar e organizar as expedições.

 Diferente do sistema de bordo, que é feito para uso em campo, o sistema geral foca na visualização de dados, como imagens, relatórios e estatísticas, e também é possível fazer upload de imagens de fissuras capturas por outros mecanismos além dos drones, permitindo, assim, uma gestão completa e centralizada das operações.

User Flow Geral

 Abaixo está o fluxo geral do sistema geral, representando a navegação entre login, cadastro de expedições e prédios, visualização de imagens e análise de dados. É possível encontrá-lo com maior detalhes a partir desse link no figma, se dirigindo até a seção de "Wireframe - Site".

Figura 1 - User Flow Aplicação de Geral

Wireframe Aplicação de Geral

Fonte: Os autores (2025)

 As telas que estão presentes nessa versão do wireframe da solução são as descritas abaixo:

  • Login: Tela inicial onde o usuário acessa sua conta com e-mail e senha.

Figura 2 - Login

tela de login

Fonte: Os autores (2025)


  • Home: Exibe uma lista de expedições cadastradas. A partir daqui, é possível criar novas expedições ou acessar uma já existente.

Figura 3 - Home

tela home

Fonte: Os autores (2025)


  • Card de Criar Expedição: Formulário para registrar uma nova expedição, com campos como nome, data, endereço e descrição.

Figura 4 - Card de Criar Expedição

Card de Criar Expedição

Fonte: Os autores (2025)


  • Expedição X: Tela que apresenta os prédios vinculados à expedição selecionada. Permite acessar prédios ou criar novos.

Figura 5 - Expedição x

Expedição x

Fonte: Os autores (2025)


  • Card de Criar Prédio: Formulário para cadastrar um prédio, incluindo nome, localização, data e imagens da fachada.

Figura 6 - Card de Criar Prédio

Card de Criar Prédio

Fonte: Os autores (2025)


  • Prédio X: Visualização geral dos dados do prédio, como quantidade de rachaduras, gráficos de distribuição e andamento da coleta.

Figura 7 - Predio X

Prédio x

Fonte: Os autores (2025)


  • Card de Visualização da Imagem da Rachadura: Exibe uma imagem específica coletada em campo, com dados como autor e data.

Figura 8 - Card de Visualização da Imagem da Rachadura

Card de Visualização da Imagem da Rachadura

Fonte: Os autores (2025)


Conclusão

 O wireframe do sistema geral organiza as principais funções de gestão das expedições. Ele permite o acompanhamento de dados e imagens, desde o login até a visualização das rachaduras. O fluxo apresentado mostra uma navegação simples e direta entre as etapas da plataforma. Dessa forma, com o wireframe em mãos partimos para a criação do protótipo de alta fidelidade.