Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores

Detalhes bibliográficos
Autor(a) principal: Prostt, Marcela Eloisa
Data de Publicação: 2013
Tipo de documento: Trabalho de conclusão de curso
Idioma: por
Título da fonte: Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
Texto Completo: http://repositorio.utfpr.edu.br/jspui/handle/1/19887
Resumo: A crescente evolução da Internet móvel aquece cada vez mais o mercado dos dispositivos móveis, porém a carência no desenvolvimento de aplicações mobile para plataformas operacionais específicas e para aplicações web, também cresceu junto com este avanço tecnológico. Uma experiência, não tão agradável, nesta era pós-PC é acessar uma aplicação web em um dispositivo com tela pequena e perceber que todo o seu conteúdo também é reduzido, ilegível e de difícil navegação. Desenvolver uma aplicação web que seja adaptativa para dispositivos como smartphone, tablets e até mesmo televisores com acesso à Internet sem perder a navegabilidade, legibilidade do conteúdo e que seja de fácil manutenção, ou seja, que permita criar uma única aplicação para a enorme variedade de dispositivos existentes é algo ainda desconhecido para muitos desenvolvedores e gestores de TI e, este foi o foco deste trabalho, descobrir tecnologias de desenvolvimento web que auxiliem neste processo de adaptação de conteúdo e layout web convencionais para navegadores de dispositivos móveis de diversos tamanhos, focando em linguagens comumente utilizadas por programadores da área, buscando um método facilitador de manutenções sem o uso de grandes soluções extraordinárias ou frameworks complexos. Um estudo de caso foi desenvolvido para aplicar os conceitos obtidos, onde teve resultados bastante satisfatórios em diversos dispositivos, inclusive em televisores, e fez-se uso de métodos e tecnologias simples e bem conhecidas por desenvolvedores web.
id UTFPR-12_c3e74b26e23e505f60ecbb73516ebc2d
oai_identifier_str oai:repositorio.utfpr.edu.br:1/19887
network_acronym_str UTFPR-12
network_name_str Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
repository_id_str
spelling 2020-11-24T11:08:23Z2020-11-24T11:08:23Z2013-09-26PROSTT, Marcela Eloisa. Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores. 2013. 75 f. Trabalho de Conclusão de Curso (Especialização) – Universidade Tecnológica Federal do Paraná, Curitiba, 2013.http://repositorio.utfpr.edu.br/jspui/handle/1/19887A crescente evolução da Internet móvel aquece cada vez mais o mercado dos dispositivos móveis, porém a carência no desenvolvimento de aplicações mobile para plataformas operacionais específicas e para aplicações web, também cresceu junto com este avanço tecnológico. Uma experiência, não tão agradável, nesta era pós-PC é acessar uma aplicação web em um dispositivo com tela pequena e perceber que todo o seu conteúdo também é reduzido, ilegível e de difícil navegação. Desenvolver uma aplicação web que seja adaptativa para dispositivos como smartphone, tablets e até mesmo televisores com acesso à Internet sem perder a navegabilidade, legibilidade do conteúdo e que seja de fácil manutenção, ou seja, que permita criar uma única aplicação para a enorme variedade de dispositivos existentes é algo ainda desconhecido para muitos desenvolvedores e gestores de TI e, este foi o foco deste trabalho, descobrir tecnologias de desenvolvimento web que auxiliem neste processo de adaptação de conteúdo e layout web convencionais para navegadores de dispositivos móveis de diversos tamanhos, focando em linguagens comumente utilizadas por programadores da área, buscando um método facilitador de manutenções sem o uso de grandes soluções extraordinárias ou frameworks complexos. Um estudo de caso foi desenvolvido para aplicar os conceitos obtidos, onde teve resultados bastante satisfatórios em diversos dispositivos, inclusive em televisores, e fez-se uso de métodos e tecnologias simples e bem conhecidas por desenvolvedores web.The growing trend of mobile Internet increasingly heated market of mobile devices, though the deficiency in the development of mobile applications for specific operating platforms and web applications has also grown along with this technological advancement. An experience, not so nice, in this post-PC is accessing a web application on a device with small screen and realize that all your content is also reduced, unreadable and difficult to navigate. Develop a web application that is adaptive devices like smartphone, tablets and even televisions with Internet access without losing navigability, readability of the content and it is easy to maintain, in order to create a single application for the huge variety of existing devices is something still unknown to many developers and managers, and this was the focus of this work, discovering web development technologies that assist in the process of adapting content and layout for conventional web browsers of mobile devices of various sizes, focusing on languages commonly used by programmers of the area, seeking a method of facilitating maintenance without the use of extraordinary solutions large or complex frameworks. A case study was developed to apply the concepts obtained, which had satisfactory results in various devices, including televisions, and made use of methods and technologies simple and well known to web developers.porUniversidade Tecnológica Federal do ParanáCuritibaDepartamento Acadêmico de InformáticaTecnologia JavaInterface de programas aplicativos (Software)Sistemas de comunicação móvelSoftware - DesenvolvimentoApplication Program Interfaces (Computer software)Mobile communication systemsComputer software - DevelopmentInterface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisoresinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/bachelorThesisCuritibaAmaral, Marilia AbrahãoProstt, Marcela Eloisareponame:Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))instname:Universidade Tecnológica Federal do Paraná (UTFPR)instacron:UTFPRinfo:eu-repo/semantics/openAccessTHUMBNAILCT_TECJAVMOV_I_2012_12.pdf.jpgGenerated Thumbnailimage/jpeg1310http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/1/CT_TECJAVMOV_I_2012_12.pdf.jpge1e6f702fa3f597aba50e4b4c9acb545MD51ORIGINALCT_TECJAVMOV_I_2012_12.pdfapplication/pdf2876654http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/2/CT_TECJAVMOV_I_2012_12.pdf0ac65d2ea37689538eba6a049b5a80f8MD52LICENSElicense.txttext/plain1292http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/3/license.txt009f5cba5f69d75c09da00b6f53f483aMD53TEXTCT_TECJAVMOV_I_2012_12.pdf.txtExtracted texttext/plain109808http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/4/CT_TECJAVMOV_I_2012_12.pdf.txt6397a6b4517f31b9c9b9032363add8a2MD541/198872020-11-24 09:08:23.358oai:repositorio.utfpr.edu.br:1/19887ICBOYSBxdWFsaWRhZGUgZGUgdGl0dWxhciBkb3MgZGlyZWl0b3MgZGUgYXV0b3IgZGEgcHVibGljYcOnw6NvLCBhdXRvcml6byBhIFVURlBSIGEgdmVpY3VsYXIsIAphdHJhdsOpcyBkbyBQb3J0YWwgZGUgSW5mb3JtYcOnw6NvIGVtIEFjZXNzbyBBYmVydG8gKFBJQUEpIGUgZG9zIENhdMOhbG9nb3MgZGFzIEJpYmxpb3RlY2FzIApkZXN0YSBJbnN0aXR1acOnw6NvLCBzZW0gcmVzc2FyY2ltZW50byBkb3MgZGlyZWl0b3MgYXV0b3JhaXMsIGRlIGFjb3JkbyBjb20gYSBMZWkgbm8gOS42MTAvOTgsIApvIHRleHRvIGRlc3RhIG9icmEsIG9ic2VydmFuZG8gYXMgY29uZGnDp8O1ZXMgZGUgZGlzcG9uaWJpbGl6YcOnw6NvIHJlZ2lzdHJhZGFzIG5vIGl0ZW0gNCBkbyAK4oCcVGVybW8gZGUgQXV0b3JpemHDp8OjbyBwYXJhIFB1YmxpY2HDp8OjbyBkZSBUcmFiYWxob3MgZGUgQ29uY2x1c8OjbyBkZSBDdXJzbyBkZSBHcmFkdWHDp8OjbyBlIApFc3BlY2lhbGl6YcOnw6NvLCBEaXNzZXJ0YcOnw7VlcyBlIFRlc2VzIG5vIFBvcnRhbCBkZSBJbmZvcm1hw6fDo28gZSBub3MgQ2F0w6Fsb2dvcyBFbGV0csO0bmljb3MgZG8gClNpc3RlbWEgZGUgQmlibGlvdGVjYXMgZGEgVVRGUFLigJ0sIHBhcmEgZmlucyBkZSBsZWl0dXJhLCBpbXByZXNzw6NvIGUvb3UgZG93bmxvYWQsIHZpc2FuZG8gYSAKZGl2dWxnYcOnw6NvIGRhIHByb2R1w6fDo28gY2llbnTDrWZpY2EgYnJhc2lsZWlyYS4KCiAgQXMgdmlhcyBvcmlnaW5haXMgZSBhc3NpbmFkYXMgcGVsbyhzKSBhdXRvcihlcykgZG8g4oCcVGVybW8gZGUgQXV0b3JpemHDp8OjbyBwYXJhIFB1YmxpY2HDp8OjbyBkZSAKVHJhYmFsaG9zIGRlIENvbmNsdXPDo28gZGUgQ3Vyc28gZGUgR3JhZHVhw6fDo28gZSBFc3BlY2lhbGl6YcOnw6NvLCBEaXNzZXJ0YcOnw7VlcyBlIFRlc2VzIG5vIFBvcnRhbCAKZGUgSW5mb3JtYcOnw6NvIGUgbm9zIENhdMOhbG9nb3MgRWxldHLDtG5pY29zIGRvIFNpc3RlbWEgZGUgQmlibGlvdGVjYXMgZGEgVVRGUFLigJ0gZSBkYSDigJxEZWNsYXJhw6fDo28gCmRlIEF1dG9yaWHigJ0gZW5jb250cmFtLXNlIGFycXVpdmFkYXMgbmEgQmlibGlvdGVjYSBkbyBDw6JtcHVzIG5vIHF1YWwgbyB0cmFiYWxobyBmb2kgZGVmZW5kaWRvLiAKTm8gY2FzbyBkZSBwdWJsaWNhw6fDtWVzIGRlIGF1dG9yaWEgY29sZXRpdmEgZSBtdWx0aWPDom1wdXMsIG9zIGRvY3VtZW50b3MgZmljYXLDo28gc29iIGd1YXJkYSBkYSAKQmlibGlvdGVjYSBjb20gYSBxdWFsIG8g4oCccHJpbWVpcm8gYXV0b3LigJ0gcG9zc3VhIHbDrW5jdWxvLgo=Repositório de PublicaçõesPUBhttp://repositorio.utfpr.edu.br:8080/oai/requestopendoar:2020-11-24T11:08:23Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT)) - Universidade Tecnológica Federal do Paraná (UTFPR)false
dc.title.pt_BR.fl_str_mv Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
title Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
spellingShingle Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
Prostt, Marcela Eloisa
Tecnologia Java
Interface de programas aplicativos (Software)
Sistemas de comunicação móvel
Software - Desenvolvimento
Application Program Interfaces (Computer software)
Mobile communication systems
Computer software - Development
title_short Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
title_full Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
title_fullStr Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
title_full_unstemmed Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
title_sort Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
author Prostt, Marcela Eloisa
author_facet Prostt, Marcela Eloisa
author_role author
dc.contributor.advisor1.fl_str_mv Amaral, Marilia Abrahão
dc.contributor.author.fl_str_mv Prostt, Marcela Eloisa
contributor_str_mv Amaral, Marilia Abrahão
dc.subject.cnpq.fl_str_mv Tecnologia Java
topic Tecnologia Java
Interface de programas aplicativos (Software)
Sistemas de comunicação móvel
Software - Desenvolvimento
Application Program Interfaces (Computer software)
Mobile communication systems
Computer software - Development
dc.subject.por.fl_str_mv Interface de programas aplicativos (Software)
Sistemas de comunicação móvel
Software - Desenvolvimento
Application Program Interfaces (Computer software)
Mobile communication systems
Computer software - Development
description A crescente evolução da Internet móvel aquece cada vez mais o mercado dos dispositivos móveis, porém a carência no desenvolvimento de aplicações mobile para plataformas operacionais específicas e para aplicações web, também cresceu junto com este avanço tecnológico. Uma experiência, não tão agradável, nesta era pós-PC é acessar uma aplicação web em um dispositivo com tela pequena e perceber que todo o seu conteúdo também é reduzido, ilegível e de difícil navegação. Desenvolver uma aplicação web que seja adaptativa para dispositivos como smartphone, tablets e até mesmo televisores com acesso à Internet sem perder a navegabilidade, legibilidade do conteúdo e que seja de fácil manutenção, ou seja, que permita criar uma única aplicação para a enorme variedade de dispositivos existentes é algo ainda desconhecido para muitos desenvolvedores e gestores de TI e, este foi o foco deste trabalho, descobrir tecnologias de desenvolvimento web que auxiliem neste processo de adaptação de conteúdo e layout web convencionais para navegadores de dispositivos móveis de diversos tamanhos, focando em linguagens comumente utilizadas por programadores da área, buscando um método facilitador de manutenções sem o uso de grandes soluções extraordinárias ou frameworks complexos. Um estudo de caso foi desenvolvido para aplicar os conceitos obtidos, onde teve resultados bastante satisfatórios em diversos dispositivos, inclusive em televisores, e fez-se uso de métodos e tecnologias simples e bem conhecidas por desenvolvedores web.
publishDate 2013
dc.date.issued.fl_str_mv 2013-09-26
dc.date.accessioned.fl_str_mv 2020-11-24T11:08:23Z
dc.date.available.fl_str_mv 2020-11-24T11:08:23Z
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/bachelorThesis
format bachelorThesis
status_str publishedVersion
dc.identifier.citation.fl_str_mv PROSTT, Marcela Eloisa. Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores. 2013. 75 f. Trabalho de Conclusão de Curso (Especialização) – Universidade Tecnológica Federal do Paraná, Curitiba, 2013.
dc.identifier.uri.fl_str_mv http://repositorio.utfpr.edu.br/jspui/handle/1/19887
identifier_str_mv PROSTT, Marcela Eloisa. Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores. 2013. 75 f. Trabalho de Conclusão de Curso (Especialização) – Universidade Tecnológica Federal do Paraná, Curitiba, 2013.
url http://repositorio.utfpr.edu.br/jspui/handle/1/19887
dc.language.iso.fl_str_mv por
language por
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.publisher.none.fl_str_mv Universidade Tecnológica Federal do Paraná
Curitiba
dc.publisher.department.fl_str_mv Departamento Acadêmico de Informática
publisher.none.fl_str_mv Universidade Tecnológica Federal do Paraná
Curitiba
dc.source.none.fl_str_mv reponame:Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
instname:Universidade Tecnológica Federal do Paraná (UTFPR)
instacron:UTFPR
instname_str Universidade Tecnológica Federal do Paraná (UTFPR)
instacron_str UTFPR
institution UTFPR
reponame_str Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
collection Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
bitstream.url.fl_str_mv http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/1/CT_TECJAVMOV_I_2012_12.pdf.jpg
http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/2/CT_TECJAVMOV_I_2012_12.pdf
http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/3/license.txt
http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/19887/4/CT_TECJAVMOV_I_2012_12.pdf.txt
bitstream.checksum.fl_str_mv e1e6f702fa3f597aba50e4b4c9acb545
0ac65d2ea37689538eba6a049b5a80f8
009f5cba5f69d75c09da00b6f53f483a
6397a6b4517f31b9c9b9032363add8a2
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
MD5
repository.name.fl_str_mv Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT)) - Universidade Tecnológica Federal do Paraná (UTFPR)
repository.mail.fl_str_mv
_version_ 1805923104939048960