Migração de AngularJS para Angular beneficia experiência do usuário

Sistema de controle logístico usado na indústria farmacêutica ficou mais ágil, intuitivo e responsivo, melhorando a produtividade e a eficiência dos processos

Desafio

O cliente, uma das mais importantes indústrias farmacêuticas do mundo, enfrentava dificuldades com seu aplicativo de controle logístico. O sistema usado havia sido desenvolvido internamente em AngularJS, uma tecnologia que não oferece mais suporte. Devido à defasagem tecnológica, a aplicação apresentava problemas de performance, segurança e usabilidade, comprometendo a experiência do usuário e a eficiência dos processos

Solução

A act digital foi contratada para fazer a migração do sistema, desenvolvendo-o por meio da tecnologia atualizada Angular. No projeto, foram empregadas, ainda, as tecnologias Node.js, PostgreSQL e Sequelize, associadas ao desempenho das requisições de banco de dados. A experiência do usuário e a performance foram os requisitos priorizados, considerando que o sistema é altamente demandado no dia a dia da organização.

Resultados

Com a migração tecnológica, o aplicativo de controle logístico passou a oferecer uma melhor experiência ao usuário. A usabilidade e a responsividade foram aprimoradas, favorecendo a utilização do sistema em dispositivos móveis (como tablets e smartphones). Houve ganho de desempenho, com o tempo de carregamento da página reduzido de 30 segundos para 1 segundo.

Desenvolver sistemas internamente é algo estratégico para empresas que atuam intensamente com pesquisa e inovação. A personalização de funcionalidades e a segurança dos dados são duas demandas que justificam essa escolha. No entanto, há desafios que precisam ser contornados. Um ponto importante é garantir que as aplicações acompanhem mudanças tecnológicas e exigências do mercado, dos clientes e dos usuários.

Os sistemas exclusivos são produzidos de acordo com critérios muito específicos, mas isso não significa que sejam imunes à obsolescência tecnológica. Pelo contrário, eles precisam de melhorias contínuas, buscando aprimorar a usabilidade, incorporar funcionalidades e promover a modernização dos recursos. No entanto, muitas vezes, essas evoluções esbarram em limitações técnicas, financeiras ou operacionais. Uma delas é a escolha da tecnologia utilizada para desenvolver o sistema.

Um exemplo de obsolescência é a tecnologia AngularJS, que foi lançada em 2010 como um framework para desenvolvimento de aplicações web. A ferramenta se tornou popular por oferecer recursos que facilitavam o trabalho dos desenvolvedores. Porém, com o passar do tempo, essa tecnologia perdeu a relevância em relação às versões mais avançadas e foi descontinuada.

Sem possibilidade de suporte à tecnologia, os sistemas desenvolvidos em AngularJS ficaram defasados. Nesse contexto, problemas de performance, segurança, responsividade e usabilidade se tornaram mais críticos, comprometendo, principalmente, a experiência dos usuários. A correção dessas falhas pressupõe a migração para tecnologias mais atualizadas e adequadas.

Esse foi o desafio enfrentado por uma das maiores indústrias farmacêuticas do mundo, que possuía um aplicativo de controle logístico, desenvolvido internamente, em AngularJS. O sistema foi criado para gerenciar todo o fluxo de amostras de medicamentos e substâncias, desde a coleta, o transporte, o armazenamento até a distribuição. Por estar vinculada a uma série de processos operacionais, a ferramenta é integrada com outros softwares; por isso, é fundamental que mantenha elevados níveis de desempenho.

Para resolver esse problema, a indústria farmacêutica contratou a act digital, especializada em desenvolvimento de soluções de TI e com experiência em projetos de migração de sistemas para a tecnologia Angular. Neste artigo, detalhamos como esse projeto foi executado, do planejamento aos resultados alcançados.

black doctor hands showing two coronavirus vaccine options

Cliente: indústria inovadora na área farmacêutica

A empresa que contratou a act digital é uma das maiores e mais inovadoras indústrias farmacêuticas do mundo, com mais de 3.900 colaboradores. A marca atua no mercado de biotecnologia há mais de uma década, sendo considerada uma das melhores companhias para profissionais de carreiras científicas.

O grupo está entre os que mais se destacam em pesquisa e desenvolvimento de substâncias terapêuticas. Suas inovações estão voltadas, principalmente, para a produção de vacinas, destinadas ao combate de um amplo conjunto de doenças. Devido à sua relevância científica e à alta competitividade desse mercado, a fabricante conta com um time interno de tecnologia, que fica responsável por criar e manter dezenas de sistemas operacionais e de gestão utilizados diariamente por milhares de funcionários.

Desafio: migração tecnológica de sistema para controle logístico

Neste projeto, a farmacêutica enfrentava desafios no uso de um sistema usado diariamente para operacionalizar e controlar o envio de amostras de medicamentos e substâncias.

Desenvolvido originalmente em AngularJS, o aplicativo não era responsivo e isso limitava sua adoção em dispositivos móveis, fundamentais para equipes que atuam com logística. A experiência do usuário também estava comprometida por problemas de performance e usabilidade, gerando ineficiência operacional.

A situação era agravada pelo fato de que a tecnologia AngularJS tinha sido descontinuada e deixado de oferecer suporte. Para a companhia, esse cenário representa risco de segurança e estabilidade, podendo ocasionar falhas e problemas generalizados. Isso porque o sistema se integra a outras aplicações de uso interno, fazendo com que o desempenho abaixo do esperado e o prejuízo à experiência do usuário afetem uma série de processos.

Solução: transição de AngularJS para Angular

Diante da dificuldade dos usuários no uso do sistema criado em AngularJS, a solução proposta pela equipe da act digital foi realizar a migração dessas aplicações para versões mais recentes dessa tecnologia. Essa transição seria necessária para melhorar a usabilidade e a velocidade no uso da ferramenta, aprimorando, ainda, a performance das queries (consultas) no banco de dados.

Metodologia

O projeto foi estruturado para que a migração ocorresse de forma gradativa, sem gerar impactos à operação, contemplando etapas como:

  • diagnóstico da situação;

  • planejamento das ações;

  • refatoração, desenvolvimento e migração do aplicativo para a versão mais recente do Angular;

  • realização de análises e verificações em ambiente de testes;

  • disponibilização do sistema atualizado para os usuários.

Tecnologias aplicadas

Para realizar a migração tecnológica do antigo sistema em AngularJS foi necessário fazer a refatoração e o desenvolvimento do aplicativo, utilizando tecnologias mais atualizadas. Nesse processo, utilizou-se:

  • Angular;

  • Node.js;

  • Sequelize;

  • PostgreSQL;

  • TypeScript;

  • JavaScript.

Resultados: experiência do usuário renovada e ganho de performance

A transição do AngularJS para Angular, associada ao emprego das tecnologias Node.js, PostgreSQL e Sequelize, teve impacto positivo na utilização do sistema, que, agora, permite que o usuário tenha uma navegação mais prática e ágil. Entre os resultados alcançados, destacam-se os seguintes:

- Experiência do usuário: a nova aplicação é mais amigável, simplificando o uso no dia a dia.

- Responsividade: um dos principais objetivos alcançados foi a possibilidade de utilização do sistema em diferentes plataformas, alcançando, principalmente, os dispositivos móveis.

- Ganho de performance: o sistema também se tornou mais ágil, com desempenho superior ao anterior. O tempo de carregamento de uma página, que demorava 30 segundos para ser concluído, agora é feito em menos de um segundo.

- Segurança e confiabilidade: a atualização tecnológica eliminou vulnerabilidades associadas ao AngularJS sem suporte, garantindo a segurança dos dados e a estabilidade do sistema.

- Integração facilitada: a utilização da versão mais recente do Angular possibilita a integração fácil com outras tecnologias emergentes e também com aplicativos já usados na companhia. Dessa forma, o sistema está apto para futuras inovações ou melhorias.

Como podemos ajudar a sua empresa

A transformação digital traz muitas oportunidades de inovação para a área da saúde, que é uma das mais beneficiadas por esse processo. Entretanto, o surgimento de novas tecnologias e as crescentes demandas de mercado exigem a capacidade de atualização rápida e segura, o que é desafiador para o segmento.

Entender o dinamismo e as oportunidades que o segmento da saúde oferece é um dos focos da act digital. Na prestação de serviço aos clientes desse ramo, contamos com profissionais especializados, que planejam, executam e implantam soluções personalizadas, que buscam adicionar valor aos modelos de negócios da área.

Para isso, desenvolvemos expertise em tecnologias emergentes, que estão conectadas aos novos desafios na área da saúde. Conheça algumas delas!

Big Data e Computação Cognitiva

A integração de soluções de Big Data e Computação Cognitiva na área da saúde permite a análise eficiente de grandes volumes de dados.

Inteligência Artificial

Por meio de soluções que incorporam a Inteligência Artificial (IA), conseguimos explorar algoritmos avançados de aprendizado de máquina e redes neurais que, entre outras coisas, são usados para identificar padrões complexos em dados clínicos.

Telemedicina e interação remota

A transformação digital impulsionou as soluções de monitoramento remoto na área da saúde, colocando a telemedicina como recurso indispensável no segmento. Entre profissionais, esses novos recursos também possibilitam o aprendizado e a rápida troca de informações.
RPA e APIs

Tecnologias como Robotic Process Automation (RPA) e integração de Application Programming Interfaces (APIs) são adotadas para otimizar processos operacionais e facilitar a comunicação entre sistemas.

Quer saber mais sobre como a act digital pode ajudar a sua empresa a migrar o seu sistema para a tecnologia Angular ou resolver desafios relacionados à obsolescência tecnológica? Entre em contato com os nossos especialistas.

Share
Copy
Article copied

Quer saber mais sobre os nossos serviços e como podemos gerar novas oportunidades para o seu negócio?

image