Titulo Estágio
Desenvolvimento de Interface Web para Aplicação da BRNDTS
Local do Estágio
Instalações da BRNDTS (Instituto Pedro Nunes)
Enquadramento
A BRNDTS propõe-se a revolucionar a experiência de publicidade em vídeos online, executando a integração perfeita de anúncios direcionados ao conteúdo, tornando-os tão naturais quanto qualquer outro elemento da cena. Utilizando técnicas de Inteligência Artificial para analisar vídeos em tempo real, a plataforma identifica posicionamentos ideais para integração de anúncios realistas e conecta-se com os Ad Partners para preencher esses espaços com publicidades direcionadas.
Este projeto de estágio é fundamental para criar a interface do portal web, que demonstrará as diferentes soluções que a BRNDTS oferece, além de fornecer uma dashboard com KPIs relacionados à interação de utilizadores com as publicidades. A implementação seguirá estritamente o design e as especificações fornecidas pela equipa de design e produto, garantindo consistência visual e experiência do usuário em toda a aplicação.
Objetivo
O estágio tem como principal objetivo desenvolver uma Single Page Application (SPA) para a BRNDTS, focando-se em fortalecer a relação entre a empresa e os seus stakeholders através de uma interface web intuitiva e eficiente. Este estágio destina-se a proporcionar ao estagiário:
- Imersão prática no desenvolvimento de software, usando as tecnologias mais recentes.
- Familiarização com o ciclo de desenvolvimento ágil.
- Criação de componentes reutilizáveis, em conformidade com o design system da BRNDTS.
- Integração da SPA com a API Python do backend e outros serviços da empresa.
- Compreensão dos desafios de publicidade digital baseada em IA, aplicando soluções no desenvolvimento de produtos voltados à análise de vídeos e integração de anúncios.
Plano de Trabalhos - Semestre 1
Fase 1: Aprendizagem e Preparação (Meses 1-2)
Objetivo: Familiarizar o estagiário com as tecnologias, processos e ambiente de trabalho da BRNDTS, preparando-o para o desenvolvimento da SPA e para o trabalho em equipa.
T1: Introdução às Tecnologias e Ferramentas:
Estudo e prática das tecnologias principais, incluindo:
JavaScript (ES6+), HTML5/CSS3
Framework de front-end (e.g., React, Angular ou Vue)
Axios/Fetch API para comunicação com o backend
Ferramentas de bundling e transpiling (e.g., Webpack, Vite)
Git para controlo de versão
Ferramentas de linting e formatação de código (e.g., ESLint, Prettier)
Resultado esperado: Estagiário com domínio das tecnologias e pronto para o desenvolvimento do produto.
T2: Integração com a Equipa e Metodologias Ágeis:
Participação em sessões de integração com a equipa de desenvolvimento.
Familiarização com as metodologias ágeis (e.g., Scrum, Kanban) usadas pela BRNDTS.
Utilização do Jira para gestão de tarefas e acompanhamento do progresso.
Fase 2: Familiarização com o Software BRNDTS (Meses 3-4)
Objetivo: Compreender o software e os produtos da BRNDTS, incluindo as soluções de IA aplicadas à publicidade digital, para garantir que o desenvolvimento da interface esteja alinhado com a visão da empresa.
T3: Análise das Soluções de IA da BRNDTS:
Estudo dos sistemas atuais da BRNDTS, com foco nas soluções de publicidade digital baseadas em IA.
Acompanhamento de como o backend (API Python) e os serviços de IA se integram com a interface web.
Resultado esperado: Estagiário familiarizado com a arquitetura geral da BRNDTS e capaz de colaborar com as equipas backend e de IA.
Fase 3: Implementação dos Requisitos de Produto (Meses 5-6)
Objetivo: Desenvolver e implementar a SPA, assegurando a conformidade com o design system da BRNDTS.
T4: Estruturação e Arquitetura da SPA:
Criação da base da aplicação de acordo com a arquitetura proposta pela equipa de design.
Planeamento de rotas, estados globais (e.g., com Redux, Zustand), e estrutura modular.
T5: Desenvolvimento de Componentes Reutilizáveis:
Desenvolvimento de componentes reutilizáveis alinhados com o design system da BRNDTS.
Integração com Figma ou outra ferramenta de design para garantir que a UI seja fiel às especificações.
Plano de Trabalhos - Semestre 2
Fase 4: Continuação de implementação dos Requisitos de Produto (Meses 7-9)
Objetivo: Desenvolver e implementar a integração eficiente com o backend e a conformidade com o design system da BRNDTS.
T6: Integração com Backend e Serviços da BRNDTS:
Integração da aplicação com a API Python e outros serviços do backend.
Implementação de autenticação, segurança, e otimização das comunicações entre frontend e backend.
T7: Testes e Validação Contínua:
Desenvolvimento de uma suite de testes (unitários, integração, e2e) com ferramentas como Jest, Cypress.
Validação contínua da aplicação para garantir a robustez e performance.
Resultado esperado: SPA funcional, com componentes reutilizáveis e integrada com o backend, além de uma base sólida de testes implementados.
Fase 5: Otimização e Acessibilidade (Meses 10-11)
Objetivo: Otimizar a aplicação em termos de performance, acessibilidade e experiência do utilizador, garantindo que atende a todos os requisitos de usabilidade.
T8: Otimização de Performance:
Implementação de boas práticas para melhorar o tempo de carregamento e a renderização (e.g., lazy loading, code splitting, otimização de imagens).
T9: Garantia de Acessibilidade:
Aplicação de guidelines de acessibilidade (e.g., WCAG 2.1) para garantir que a SPA é utilizável por todos os utilizadores, independentemente de limitações físicas ou tecnológicas.
Realização de auditorias de acessibilidade usando ferramentas como Lighthouse e correção de problemas identificados.
Resultado esperado: SPA otimizada, acessível, e preparada para lidar com diferentes contextos de utilizadores.
Fase 6: Documentação e Relatório Final (Mês 12)
Objetivo: Consolidar todo o trabalho desenvolvido, realizar ajustes finais, e documentar todo o processo para a elaboração do relatório final do estágio.
T10: Documentação do Projeto:
Documentação detalhada da arquitetura da aplicação, das funcionalidades, dos componentes reutilizáveis e da integração com o backend.
Preparação de um diário de desenvolvimento com as tarefas realizadas, problemas encontrados, e soluções adotadas.
T11: Preparação do Relatório Final e Apresentação:
Compilação de toda a informação para o relatório final do estágio.
Preparação da apresentação final com os resultados alcançados e demonstração da SPA.
Resultado esperado: Relatório final completo e apresentação final realizada com sucesso, documentando os resultados do estágio.
Condições
As condições oferecidas no estágio incluem:
Recursos Computacionais: O estagiário receberá um computador com teclado, rato, headset, monitor e docking station.
Subsídio de Alimentação: Valor diário de 9,60€.
Local de Trabalho: Nas instalações da BRNDTS, com horário das 09h00 às 18h00.
Orientador
Filipe Alexandre Mendes Assunção
fassuncao@brndts.com 📩