Modernising an e-learning platform with a new user interface

Abstract

Distanced learning has a rich history and its evolution is closely connected to technology. It started with hand-written letters, later through radios, CD-ROMs, and now with the internet. With these advancements, the definition of e-learning appears - learning through the use of electronic devices. This new learning methodology comes with its own list of advantages (accessibility, lower cost, flexibility, etc.) and disad vantages (low motivation, social isolation, effectiveness, etc.). Larger institutions, such as universities and organisations, find e-learning very appealing mostly due to its long-term cost-efficiency. Web accessibility and usability are important aspects of e-learning, rooted in the fact that the web is one of the most used means for sharing content. Ensuring that educational materials are accessible to all learners, regardless of their abilities is paramount to e-learning. Developers need to understand how can they make websites more accessible and usable, considering aspects such as design and implementation. E-learning is now widely used, therefore a market appeared around it, paving the way for platforms such as Blackboard and Moodle. These platforms have carved their niche in the realm of digital education, each with its own strengths and unique features. By looking at what they offer we can deepen our understanding of what e-learning tools have to offer and what functionalities users value most. Formare is an e-learning web platform created by Altice Labs. The company feels the platform is built using obsolete technologies (web forms) and wants to modernize the front-end layer of the application. Connecting Formare’s functionalities to a new web interface (using React) is not a straightforward process, so an API that implements the back office and connects it to the front end was introduced. This dissertation documents the implementation process of modernizing an e-learning platform with a new user interface, going in-depth about the problems and solutions found throughout development.

O ensino à distância possui uma rica história e a sua evolução está ligada à tecnologia. Começou com cartas, passou pelos rádios, CD-ROMs e agora a internet. Com estes avanços, surge a definição de e learning - ensino através de dispositivos eletrónicos. Este novo tipo de aprendizagem traz consigo tanto vantagens (acessibilidade, custos mais baixos, flexibilidade, etc.) como desvantagens (baixa motivação, isolamento social, eficácia, etc.). Instituições, como universidades e empresas, encontram no e-learning uma metodologia de ensino atraente principalmente devido ao seu custo e eficiência a longo prazo. A acessibilidade e usabilidade na web são aspetos importantes do e-learning, devido ao facto de a web ser um dos meios mais utilizados para partilhar conteúdos. Garantir que os materiais educativos são acessíveis a todos os alunos, independentemente das suas capacidades, é fundamental para o e-learning. Os desenvolvedores precisam de compreender como podem desenvolver websites mais acessíveis, con siderando aspetos como o design e a implementação. O e-learning é agora amplamente utilizado, o que deu origem a um novo mercado, abrindo caminho para plataformas como Blackboard e Moodle. Estas plataformas criaram o seu espaço no campo da educação digital, cada uma com as suas próprias vantagens e características. Ao analisarmos o que elas oferecem, podemos aprofundar a nossa compreensão das ferramentas e-learning e das funcionalidades mais valorizadas pelos utilizadores. O Formare é uma plataforma de e-learning criada pela Altice Labs. A empresa considera que a plataforma foi construída utilizando tecnologias obsoletas (web forms) e pretende modernizar a camada front-end da aplicação. A conexão das funcionalidades do Formare a uma nova interface web (usando React) não é um processo simples, por isso foi introduzida uma API que implementa o back office e a conecta à camada front-end. Esta dissertação documenta o processo de implementação da modernização de uma plataforma de e-learning com uma nova interface, aprofundando os problemas e soluções encontrados ao longo do desenvolvimento.