Loading...
Publication
Remote Plugin Architecture for Micro-Frontends
| Name: | Description: | Size: | Format: | |
|---|---|---|---|---|
| 4.91 MB | Adobe PDF |
Authors
Advisor(s)
Abstract(s)
The evolution of industrial operations and the increasing complexity of modern supply chains
demand robust, flexible and scalable digital solutions. TeamViewer Frontline, an augmented
reality platform for industrial and field work, supports operational efficiency through modules
such as Pick, Make, Assist and Inspect. At the heart of this platform is the Frontline Command
Center, which provides users with centralized access to these solutions, enabling seamless
management of workflows, task allocation and performance monitoring across various
operations. However, the Frontline’s current iframe-based architecture presents significant
limitations, including performance bottlenecks, inconsistent user experiences and challenges in
scalability. As the product is evolving, the transition to a modern micro-frontend architecture
has becomes critical.
This dissertation proposes and implements a new micro-frontend-based architecture
introducing FrontlineShell, which orchestrates all solution’s micro-frontends, ensuring
consistency and shared services. Supporting tools were also developed, such as a feed service
for independent implementation, a micro-frontend template to facilitate future development
and clear guidelines for state sharing, communication and extensibility.
The validation of the solution confirmed significant improvements in performance, scalability
and user experience, proving the effectiveness of the chosen architecture. The new approach
not only modernizes the Frontline but also improves developer processes, reduces redundant
efforts and aligns the interface with the TeamViewer brand identity. Although the migration is
still in progress, this work provides a solid foundation for future evolution.
A evolução de operações industriais e a crescente complexidade das cadeias de abastecimento modernas cada vez mais exigem soluções digitais robustas, flexíveis e escaláveis. Frontline, um produto da empresa multinacional TeamViewer, é uma plataforma de realidade aumentada para trabalho industrial e no terreno, apoia a eficiência operacional através de módulos como o Pick, Make, Assist e o Inspect. No centro desta plataforma encontra-se o Frontline Command Center que fornece aos utilizadores acesso centralizado a estas soluções, permitindo uma gestão integrada dos fluxos de trabalho, atribuição de tarefas e monitorização do desempenho em várias operações. No entanto, a arquitetura atual do Frontline baseada em iframes apresenta limitações significativas, incluindo problemas de performance, incoerência e inconsistência na experiência do utilizador com a aplicação e desafios de escalabilidade. À medida que o produto evolui, a transição para uma arquitetura moderna baseada em microfrontends tornou-se crítica. Esta dissertação propõe e implementa uma nova arquitetura baseada em micro-frontends, introduzindo o FrontlineShell, que orquestra todos os micro-frontends das diferentes soluções do produto, garantindo consistência e a partilha de serviços. Foram também desenvolvidas ferramentas de apoio, como um feed service para implementação independente, um modelo de micro-frontend para facilitar o desenvolvimento futuro e orientações claras para a partilha de estado, comunicação e extensibilidade entre módulos. A validação da solução demonstrou melhorias significativas em termos de desempenho, escalabilidade e experiência do utilizador, comprovando a eficácia da arquitetura proposta. Além de modernizar o produto, esta abordagem otimiza os processos de desenvolvimento, reduz redundâncias e alinha a interface da aplicação com a identidade visual da TeamViewer. Embora a migração ainda seja um processo em curso, o trabalho realizado estabelece uma base sólida para a evolução futura da plataforma.
A evolução de operações industriais e a crescente complexidade das cadeias de abastecimento modernas cada vez mais exigem soluções digitais robustas, flexíveis e escaláveis. Frontline, um produto da empresa multinacional TeamViewer, é uma plataforma de realidade aumentada para trabalho industrial e no terreno, apoia a eficiência operacional através de módulos como o Pick, Make, Assist e o Inspect. No centro desta plataforma encontra-se o Frontline Command Center que fornece aos utilizadores acesso centralizado a estas soluções, permitindo uma gestão integrada dos fluxos de trabalho, atribuição de tarefas e monitorização do desempenho em várias operações. No entanto, a arquitetura atual do Frontline baseada em iframes apresenta limitações significativas, incluindo problemas de performance, incoerência e inconsistência na experiência do utilizador com a aplicação e desafios de escalabilidade. À medida que o produto evolui, a transição para uma arquitetura moderna baseada em microfrontends tornou-se crítica. Esta dissertação propõe e implementa uma nova arquitetura baseada em micro-frontends, introduzindo o FrontlineShell, que orquestra todos os micro-frontends das diferentes soluções do produto, garantindo consistência e a partilha de serviços. Foram também desenvolvidas ferramentas de apoio, como um feed service para implementação independente, um modelo de micro-frontend para facilitar o desenvolvimento futuro e orientações claras para a partilha de estado, comunicação e extensibilidade entre módulos. A validação da solução demonstrou melhorias significativas em termos de desempenho, escalabilidade e experiência do utilizador, comprovando a eficácia da arquitetura proposta. Além de modernizar o produto, esta abordagem otimiza os processos de desenvolvimento, reduz redundâncias e alinha a interface da aplicação com a identidade visual da TeamViewer. Embora a migração ainda seja um processo em curso, o trabalho realizado estabelece uma base sólida para a evolução futura da plataforma.
Description
Keywords
Micro-Frontends Scalability Modularity Performance User Experience Piral Escalabilidade Modularidade Experiência do Utilizador