Dissertação

{en_GB=Forecast.Maretec - (Re)Desenho Responsivo} {} EVALUATED

{pt=Ao longo dos últimos anos, a Internet tem assumido cada vez mais um papel importante na divulgação de todo o tipo de informação, com recurso a computadores pessoais. Com a evolução tecnológica mais recente, surgiu todo um conjunto de dispositivos com diferentes dimensões, orientações e resoluções de ecrã que permitem aceder à Internet em qualquer lugar. Tornou-se, por isso, indispensável que os websites apresentassem a informação de forma adaptada a qualquer dispositivo, recorrendo a uma abordagem responsiva. O website Forecast MARETEC era inadaptado à maioria dos novos dispositivos, existindo deficiente apresentação dos resultados gráficos esperados, em virtude de não se conseguir aceder a todas as opções necessárias e de haver pouco detalhe. Tal tornava a informação apresentada incompreensível, em dispositivos de menores dimensões. Este trabalho visou um redesenho do anterior website, por forma a adicionar-lhe responsividade. Fazendo-se valer de ferramentas e frameworks web recentes, a solução implementada teve por base o tipo de informação já disponibilizada e a estrutura da solução anterior. Criou-se uma interface base com um mapa adaptável ao ecrã, na qual se podem representar quer domínios referentes a mapas quer estações, e todas as restantes opções, como widgets ou botões que fazem surgir diálogos ou dropdowns, surgem sobre este. Tanto os mapas-resultado, como os gráficos são agora dimensionados de acordo com a dimensão e a orientação do ecrã. Apesar de os utilizadores conseguirem agora consultar mais eficazmente a informação disponibilizada em diferentes dispositivos, a realização de testes com utilizadores permitiu identificar alguns problemas de que apresentamos soluções., en=Over the last few years, the Internet has increasingly assumed an important role in the dissemination of all sorts of information with resource to personal computers. With the most recent technological development, emerged a whole set of devices with different dimensions, orientations and screen resolutions which allow the access to the Internet from anywhere. For that reason, it has become essential for websites to provide information in a suitable format for every device, in a responsive approach. The Forecast MARETEC website was inadequate for most of the new devices, with poor presentation of the expected graphic results, in virtue of not being able to access all the necessary options and having little detail. Such status made the presented information incomprehensible in smaller devices. This work envisioned a redesign of the previous website in a way that adds responsivity to it. Capitalizing on recent web tools and frameworks, the implemented solution was based on the type of information already available and on the structure of the previous solution. It created a base interface with a map adaptable to the screen, in which can be displayed map domains, stations, and all the other options, such as widgets or buttons that come up with dialogs or dropdowns. Not only result maps, but also charts are now adjustable according to the screen dimension and orientation. Despite users being able to check effectively the information available in different devices, user testing has allowed to identify some problems that we present solutions.}
{pt=MARETEC, responsividade, desenvolvimento web, informação ambiental/meteorológica, mapas, gráficos, en=MARETEC, responsivity, web development, environmental/meteorological information, maps, charts}

Novembro 13, 2019, 14:30

Publicação

Obra sujeita a Direitos de Autor

Orientação

ORIENTADOR

João Manuel Brisson Lopes

Departamento de Engenharia Informática (DEI)

Professor Auxiliar