Name: | Description: | Size: | Format: | |
---|---|---|---|---|
4.44 MB | Adobe PDF |
Authors
Advisor(s)
Abstract(s)
A contínua evolução das tecnologias móveis é conseguida através do desenvolvimento de produtos que permitam o estudo e investigação das mesmas. É neste contexto que se enquadra a OAIBOX™, uma estação base 5G produzida e distribuída pela empresa Allbesmart, cuja plataforma web de suporte à sua monitorização e configuração remota representa o objetivo principal da presente dissertação. O projeto requer uma interface gráfica de utilizador intuitiva e responsiva, que disponibilize a visualização de gráficos e métricas em tempo real da estação em funcionamento e também uma comunicação com a mesma para configuração de parâmetros de serviço de rede.
Após uma apresentação de conceitos chave para a compreensão do desenvolvimento de dashboards e da tecnologia 5G, foi efetuada uma análise de trabalhos científicos que utilizam plataformas web para funcionalidades de monitorização e configuração remota de sistemas e/ou processos. Sendo o foco deste trabalho o desenvolvimento frontend, foram estudadas as principais tecnologias frontend utilizadas nos últimos anos para este efeito, nomeadamente Angular, React e Vue.js. Acompanhando uma análise teórica, foi ainda concebido um cenário hipotético implementado com as três tecnologias que, suportado por um projeto backend desenvolvido em Spring Boot, permitiu uma comparação de métricas estabelecidas. Estas métricas consistiram na análise do número de linhas de código, no volume de dados e tempo decorrido durante o carregamento inicial da página e tempos de comunicação de dados entre o backend e frontend, incluindo envio de valores contínuos e alteração de parâmetros. A análise aos resultados revelou um melhor desempenho do projeto Vue.js na maioria dos parâmetros, no entanto, a escolha da tecnologia de desenvolvimento frontend para o projeto da dashboard recaiu sobre Angular, por se tratar de uma framework completa e robusta ideal a projetos complexos e de longa longevidade.
Por fim, a modelação do sistema permitiu a identificação dos requisitos e funcionalidades essenciais a incluir na dashboard de monitorização e configuração remota da estação base 5G. A apresentação e descrição das funcionalidades e interfaces desenvolvidas demonstrou a utilização desta plataforma no contexto em que se integra, incluindo a comunicação com os restantes componentes do sistema.
Abstract: The continuous evolution of mobile communications technology is driven by the development of products that support their study and research. In this context, the OAIBOX™, a 5G base station created and distributed by Allbesmart, plays a central role. The web platform that enables its remote management and monitoring represents the main goal of this work. The project requires an intuitive and responsive graphic user interface (GUI) that provides real-time visualization of charts and metrics from the active station, as well as communication capabilities to configure network service parameters. Following an introduction to key concepts related to dashboard development and 5G technology, a review of scientific studies that use web platforms for the remote monitoring and configuration of systems and/or processes was conducted. With a focus on frontend development, the main frontend technologies used in recent years were examined, namely Angular, React and Vue.js. Complementing the theoretical analysis, a hypothetical scenario was implemented using the three technologies and supported by a backend project developed with Spring Boot. This setup allowed a comparison based on established metrics: lines of code, data size and loading time during the initial page load, and communication times between backend and frontend, including continuous data transmission and parameter changes. Although the Vue.js project demonstrated better performance in most metrics, Angular was ultimately chosen for the dashboard development, as it is a robust and comprehensive framework, well-suited for complex and long-term projects. Finally, system modelling was used to identify the essential requirements and features to be included in the dashboard for remote monitoring and management of the 5G base station. The presentation and description of the implemented features and interfaces showed how this platform operates within the broader system, including its communication with other system components.
Abstract: The continuous evolution of mobile communications technology is driven by the development of products that support their study and research. In this context, the OAIBOX™, a 5G base station created and distributed by Allbesmart, plays a central role. The web platform that enables its remote management and monitoring represents the main goal of this work. The project requires an intuitive and responsive graphic user interface (GUI) that provides real-time visualization of charts and metrics from the active station, as well as communication capabilities to configure network service parameters. Following an introduction to key concepts related to dashboard development and 5G technology, a review of scientific studies that use web platforms for the remote monitoring and configuration of systems and/or processes was conducted. With a focus on frontend development, the main frontend technologies used in recent years were examined, namely Angular, React and Vue.js. Complementing the theoretical analysis, a hypothetical scenario was implemented using the three technologies and supported by a backend project developed with Spring Boot. This setup allowed a comparison based on established metrics: lines of code, data size and loading time during the initial page load, and communication times between backend and frontend, including continuous data transmission and parameter changes. Although the Vue.js project demonstrated better performance in most metrics, Angular was ultimately chosen for the dashboard development, as it is a robust and comprehensive framework, well-suited for complex and long-term projects. Finally, system modelling was used to identify the essential requirements and features to be included in the dashboard for remote monitoring and management of the 5G base station. The presentation and description of the implemented features and interfaces showed how this platform operates within the broader system, including its communication with other system components.
Description
Dissertação apresentado à Escola Superior de Tecnologia do Instituto Politécnico de Castelo Branco para cumprimento dos requisitos necessários à obtenção do grau de Mestre em Engenharia Informática – Área de Especialização em Desenvolvimento de Software e Sistemas Interativos,
Keywords
Dashboard Frontend Monitorização Configuração Tempo real Monitoring Configuration Real-time