Responsive Web Design

Detalhes bibliográficos
Autor(a) principal: Sampaio, Ana Isabel
Data de Publicação: 2013
Tipo de documento: Dissertação
Idioma: por
Título da fonte: Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
Texto Completo: http://hdl.handle.net/1822/27902
Resumo: Dissertação de mestrado em Engenharia Informática
id RCAP_590c22513a7460fa1ff0224438dc9a78
oai_identifier_str oai:repositorium.sdum.uminho.pt:1822/27902
network_acronym_str RCAP
network_name_str Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
repository_id_str 7160
spelling Responsive Web Design681.324Dissertação de mestrado em Engenharia InformáticaFrom computers to tablets and smartphones, the term ubiquity, combined with the diversity of devices available in the market, has changed the way we access and share information. It has become more and more important to offer solid user experiences to an increasing number of contexts. Responsive Web Design offers a set of tools to support the creation of web pages that adapt to any screen size. We use fluid grids, flexible images and media queries to adapt web pages regardless of the device's screen dimensions. Hoping to contribute with new resources to the responsive design area, this dissertation describes how a tool was developed which allows web sites' navigation to automatically adapt, according to different patterns. The main goal is to make designers' and developers' work easier by providing adaptive menus that adjust to the screen size. However, different use contexts cannot be limited to the screen size. Thinking on the specific case of mobile devices, which are with us wherever we go, different connectivity conditions (from strong wireless networks to limited 3G connections) may have an impact on the user experience. That's why optimization is such an important topic in responsive web design. Furthermore, touch screens open new opportunities to interact directly with the website and its content. Taking advantage of this new set of interactions, the featured tool reflects this optimization to approach user experience to each context.Dos computadores aos tablets e smartphones, a noção de ubiquidade, aliada à diversidade de dispositivos disponíveis no mercado, mudou a forma como acedemos e partilhamos informação nos dias de hoje. É cada vez mais importante oferecer experiências de utilização consistente para um crescente número de contextos. O Responsive Web Design oferece um conjunto de ferramentas que permitem criar páginas web que respondem ao tamanho de qualquer ecrã. São utilizadas grids fluidas, imagens flexíveis e media queries para adaptar as páginas web independentemente das dimensões de ecrã do dispositivo. Na expetativa de contribuir com novos recursos para a área do responsive design, ao longo desta dissertação é descrito o desenvolvimento de uma ferramenta que permite adaptar automaticamente a navegação dos sites e aplicações web, tendo em conta diferentes soluções padrão. O seu objetivo consiste em facilitar o trabalho dos designers e developers, apresentando sempre um menu adaptado ao tamanho do ecrã. No entanto, os diferentes contextos de utilização não se podem limitar apenas ao tamanho do ecrã. Pensando no caso concreto dos dispositivos móveis, que nos acompanham para qualquer lugar, diferentes condições de conectividade (desde fortes redes wireless, a conexões 3G limitadas) podem ter impacto na experiência de utilização. A otimização é, por isso, um fator importante em responsive web design. Além disso, os ecrãs sensíveis ao toque abrem novas oportunidades para interagir com o site e com o seu o conteúdo. De forma a tirar partido deste tipo de interações, a ferramenta desenvolvida reflete esta otimização, tentando assim aproximar a experiência de utilização ao contexto utilizado.Campos, J. CreissacUniversidade do MinhoSampaio, Ana Isabel2013-12-202013-12-20T00:00:00Zinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/masterThesisapplication/pdfhttp://hdl.handle.net/1822/27902por201194830info:eu-repo/semantics/openAccessreponame:Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)instname:Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informaçãoinstacron:RCAAP2023-07-21T12:46:30Zoai:repositorium.sdum.uminho.pt:1822/27902Portal AgregadorONGhttps://www.rcaap.pt/oai/openaireopendoar:71602024-03-19T19:44:29.685443Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos) - Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informaçãofalse
dc.title.none.fl_str_mv Responsive Web Design
title Responsive Web Design
spellingShingle Responsive Web Design
Sampaio, Ana Isabel
681.324
title_short Responsive Web Design
title_full Responsive Web Design
title_fullStr Responsive Web Design
title_full_unstemmed Responsive Web Design
title_sort Responsive Web Design
author Sampaio, Ana Isabel
author_facet Sampaio, Ana Isabel
author_role author
dc.contributor.none.fl_str_mv Campos, J. Creissac
Universidade do Minho
dc.contributor.author.fl_str_mv Sampaio, Ana Isabel
dc.subject.por.fl_str_mv 681.324
topic 681.324
description Dissertação de mestrado em Engenharia Informática
publishDate 2013
dc.date.none.fl_str_mv 2013-12-20
2013-12-20T00:00:00Z
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/masterThesis
format masterThesis
status_str publishedVersion
dc.identifier.uri.fl_str_mv http://hdl.handle.net/1822/27902
url http://hdl.handle.net/1822/27902
dc.language.iso.fl_str_mv por
language por
dc.relation.none.fl_str_mv 201194830
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.format.none.fl_str_mv application/pdf
dc.source.none.fl_str_mv reponame:Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
instname:Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informação
instacron:RCAAP
instname_str Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informação
instacron_str RCAAP
institution RCAAP
reponame_str Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
collection Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
repository.name.fl_str_mv Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos) - Agência para a Sociedade do Conhecimento (UMIC) - FCT - Sociedade da Informação
repository.mail.fl_str_mv
_version_ 1799133006164656128

Registros relacionados