Interface web utilizando design responsivo: um estudo de caso aplicado a smartphones, tablets, computadores e televisores
Autor(a) principal: | |
---|---|
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 |