--- title: Refatoração de aplicações móveis date: 2024-03-06 categories: - app-development - mobile - mobiletogether tags: - app-development - mobile-apps - mobiletogether - refactoring description: As melhorias em aplicações de software existentes muitas vezes resultam do entusiasmo dos utilizadores, e a implementação de novas funcionalidades cria oportunidades para a otimização de aplicações móveis. --- Status: #blog Tags: #app-development #mobile-apps #mobiletogether #refactoring Categories: [mobile-development](/blog/pt/category/mobile-development.md) | [mobile-development](/blog/pt/category/mobile-development.md) | [mobile-development](/blog/pt/category/mobile-development.md) # Refatoração de aplicações móveis As melhores ideias para novas funcionalidades e outras melhorias em aplicações de software existentes geralmente surgem de utilizadores entusiasmados. A implementação de novas funcionalidades cria oportunidades para a otimização de aplicações móveis. Depois de vários anos a utilizar a aplicação MobileTogether Solar Data Tracking para monitorizar o desempenho de um sistema solar instalado no telhado, a minha amiga Casey teve uma sugestão. A aplicação apresentava uma página com gráficos e tabelas para reportar a produção mensal ao longo de um ano, e outra página para reportar a produção diária dos últimos 30 dias. Os botões de navegação em cada página permitiam alternar facilmente entre as diferentes visualizações. A sugestão de Casey era rever a aplicação para colocar todos os gráficos e tabelas numa única página. Com o tempo, os utilizadores de dispositivos móveis habituaram-se a aplicações que apresentam dados em páginas longas, que podem ser visualizadas deslizando o dedo. Uma aplicação com uma única página pareceria mais fluida e moderna. ![](/blog/images/Blog_MT_control_templates_2.jpg) O Solar Data Tracker é uma aplicação para Android, iOS e Windows, desenvolvida para diferentes plataformas [a partir de uma única fonte](https://www.altova.com/pt/mobiletogether), utilizando o Altova MobileTogether Designer. A combinação dos relatórios numa única página também proporcionou a oportunidade de refatorar a implementação, simplificando a aplicação. O MobileTogether Designer é uma ferramenta de arrastar e soltar, com suporte para copiar e colar elementos de controlo da aplicação, e oferece ferramentas para [refatorar aplicações móveis](https://www.altova.com/pt/mobiletogether/modular-app-development#refactoring), identificando o uso de variáveis locais e globais, funções, grupos de ações, folhas de estilo, fontes de dados externas, e muito mais. Todas estas funcionalidades simplificaram significativamente a revisão. Aqui está uma comparação lado a lado da página do relatório mensal de produção solar e da página do relatório diário, como aparecem num telemóvel Android: ![[Pasted image 20250224145704.png]] E aqui está a nova versão em página única, com todos os dados apresentados numa só página, tal como se vê ao navegar num iPhone: ![[Pasted image 20250224145734.png]] O botão "Adicionar nova fatura" que se encontra no centro, acima, era anteriormente o final da página do relatório mensal. Agora, o relatório continua de forma contínua para os dados diários. Adicionámos uma indicação na parte inferior para sinalizar o fim da página. Os passos para criar a nova versão no programa MobileTogether Designer eram simples: - Copie os elementos de design da página do relatório diário e cole-os no final da página mensal - Remova os botões de navegação de página desnecessários - Revise e simplifique as etiquetas dos cabeçalhos - Redefina a tabela de dados diários para remover a funcionalidade de rolagem - Elimine a página antiga do relatório diário da hierarquia de fluxos de trabalho O programa MobileTogether Designer inclui uma ferramenta de validação para detetar erros de lógica ou avisos, e um botão "Desfazer" que permite voltar atrás em cada alteração, para identificar precisamente qual modificação poderá ter causado o problema. Também precisamos rever um grupo de ações. Quando o utilizador adiciona uma nova leitura diária ou informações constantes numa fatura de uma empresa de eletricidade, os gráficos também precisam de ser atualizados com os novos dados. A implementação original utilizava grupos de ações separados para atualizar os gráficos em cada página. Podemos abrir a caixa de diálogo do grupo de ações e adicionar ações a um grupo de ações existente para atualizar também os gráficos diários. [![A refatoração de aplicações móveis oferece oportunidades para melhorar a eficiência interna.](/blog/images/action-group-1.png)](action-group-1.png) Também alterámos o nome do grupo de ações para que este descreva melhor as suas funcionalidades. Quando alteramos o nome do grupo de ações na janela "Grupos de Ações", o ambiente de desenvolvimento atualiza automaticamente o nome em todos os locais onde o grupo de ações é utilizado. A janela do simulador MobileTogether, integrada, executa instantaneamente a solução, permitindo-nos testar a lógica, visualizar a interface de utilizador tal como aparecerá numa variedade de dispositivos Android, iOS, Windows e outros, e analisar as alterações nos dados do fluxo de trabalho durante a execução. O simulador também inclui funcionalidades de depuração abrangentes para uma observação detalhada e rastreamento do comportamento da execução. O menu "Refatorar" contém comandos que listam as utilizações de vários componentes de design ou elementos que não são utilizados em nenhuma parte da aplicação. [![As opções do menu "Refatorar" do MobileTogether Designer servem para refatorar aplicações móveis](/blog/images/refactor-menu.png)](refactor-menu.png) A lista de grupos de ação inclui o grupo original que atualizava os gráficos diários de produção. Como a página do relatório diário já não faz parte da aplicação, esse grupo de ação nunca mais será necessário e também pode ser eliminado. [![Refatorar a listagem para mostrar os grupos de ações não utilizados.](/blog/images/refactor-listing-1.png)](refactor-listing-1.png) Implementámos o novo sistema de monitorização de dados móveis, e a Casey demonstrou-o com entusiasmo numa exposição de carros elétricos, num parque com fraca cobertura de telemóveis e sem acesso à rede Wi-Fi. Experimente todas as funcionalidades do MobileTogether para refatorar aplicações móveis, descarregando o [MobileTogether Designer](https://www.altova.com/pt/mobiletogether/download), que é gratuito.