Dissertação

Forecast.Maretec - (Re)Desenho Responsivo EVALUATED

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.
MARETEC, responsividade, desenvolvimento web, informação ambiental/meteorológica, mapas, gráficos

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