Análise da utilização de framework front-end em sistema web adaptativo: um estudo da perspectiva do desenvolvedor

Paulo Henrique Vieira Cândido, Danilo Camargo Bueno, Carlos Henrique Silva Santos

Resumo


Este trabalho traz como contribuições aos desenvolvedores de aplicações Web sob análises UI e UX, criando relações e demonstrando a implementação de componentes do Bootstrap, por ser um dos Framework Front-end mais populares no mercado. Essas análises foram realizadas considerando o desenvolvimento de Software as a Service (SaaS) como, por exemplo, ao considerar diferentes tipos de menu e adaptação de tela. Os resultados demonstraram simplicidade no uso desses recursos tanto durante a codificação quanto na análise da interação humano-computador.

Palavras-chave


Aplicação Web. User Interface (UI). User Experience (UX). Responsividade.

Texto completo:

PDF

Referências


AGHAEI, S.; NEMATBAKHSH, M. A.; FARSANI, H. K. Evolution of the world wideweb: From web 1.0 to web 4.0. International Journal of Web & Semantic Technology, Academy & Industry Research Collaboration Center (AIRCC), v. 3, n. 1, p. 1, 2012.

BUENO, D. C. HyMobWeb: uma abordagem para a adaptação híbrida de interfaces Web móveis sensíveis ao contexto e com suporte à multimodalidade. 2018. 173 f. Dissertação (Mestrado) - Curso de Programa de Pós-graduação em Ciência da Computação, Ciências Exatas e da Terra::ciência da Computação, Universidade Federal de São Carlos, Sorocaba, 2017. Disponível em: . Acesso em: 13 dez. 2018.

BUENO, D. C.; ZAINA, L. M. A comparative exploratory study on mobile web

adaptation in front-end frameworks from the perspective of end-users. In: ACM.

Proceedings of the 15th Brazilian Symposium on Human Factors in Computer Systems.

[S.l.], 2016. p. 30.

C NDIDO, P. H. V. Problemas de interação na adaptação de interface Web móvel em Frameworks Front-end. Itapetininga, 2017. 51 f. Trabalho Final de Curso Técnico (Técnico em Manutenção e Suporte em Informática) -- Instituto Federal de Educação, Ciência e Tecnologia de São Paulo, Câmpus Itapetininga, Itapetininga, 2017. Disponível em: . Acesso em: 19 fev. 2018.

CARNEIRO, C. M. P. d. S. et al. Frameworks de aplicações orientadas a objetos: uma abordagem interativa e incremental. Universidade Salvador, 2003

CHAN, I. O que é front-end e back-end Programaria, 2016. Disponível em:

/www.programaria.org/o-que-e-front-end-e-back-end/>. Acesso em: 13 de Dezembro de

FIGUEIREDO, C. F. P. A sensibilidade ao contexto na utilização de aplicações móveis. Dissertação (Mestrado) — Universidade de Aveiro, 2011

FOUNDATION, Interaction Design . Fundação. Padrões de Design da Interface do Usuário (UI): Sua definição constantemente atualizada de Padrões de Design da Interface do Usuário (UI) e coleta de conteúdo e literatura sobre tópicos. Disponível em: . Acesso em: 14 dez. 2018.

GONZALEZ, Guilherme; AELA.IO. Qual a diferença entre UX e UI? 2017. Medium Corporation. Disponível em: . Acesso em: 13 dez. 2018.

GULLÀ, Francesca et al. Method to design adaptable and adaptive user interfaces. In: International Conference on Human-Computer Interaction. Springer, Cham, 2015. p. 19-24.

INTERNETLIVESTATS. InternetLiveStats. 2019. Disponível em:. Acesso em: 04 de Julho de 2019

JAIN, N. Review of different responsive css front-end frameworks. Journal of Global

Research in Computer Science, v. 5, n. 11, p. 5–10, 2015.

JAKOBSON, Gabriel; REUBEN, Steven. Presentation of document history in a web browsing application. U.S. Patent n. 9,135,228, 15 set. 2015.

KALUZ, Martin et al. A flexible and configurable architecture for automatic control remote laboratories. IEEE Transactions on Learning Technologies, v. 8, n. 3, p. 299-310, 2015.

MALDONADO, J. C. et al. Padrões e frameworks de software. Notas Didáticas, Instituto

de Ciências Matemáticas e de Computação da Universidade de São Paulo, ICMC/USP,

São Paulo, SP, Brasil, 2002.

MATIOLA, Willian. O que é UI Design e UX Design? 2015. Design Culture, Um projeto UNCOD PRO™. Disponível em: . Acesso em: 13 dez. 2018.

MENDOZA, Abner; GU, Guofei. Mobile application web api reconnaissance: Web-to-mobile inconsistencies & vulnerabilities. In: 2018 IEEE Symposium on Security and Privacy (SP). IEEE, 2018. p. 756-769.

OTTO, M.; THORNTON, J. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. 2017. Disponível em: . Acesso em: 13 de Dezembro de 2018.

PAGANI, T. Quando utilizar (ou não) frameworks CSS. 2011. Disponível em: . Acesso em: 13 dez 2018.

ROSA, D.; SILVA, T. L;. Adaptação de interfaces para dispositivos móveis com HTML5. Anais do Eati - Encontro Anual de Tecnologia da Informação e Semana Acadêmica de Tecnologia da Informação, Frederico Westphalen - Rs, v. 1, n. 3, p.249-252, nov. 2013. Anual. Universidade Federal de Santa Maria (UFSM). Disponível em: . Acesso em: 13 dez. 2018.

SOUZA, R. R.; ALVARENGA, L. A web semântica e suas contribuições para a ciência da informação. Ciência da Informação, SciELO Brasil, v. 33, n. 1, 2004. Disponível em:.Acesso em: 17 de Agosto de 2017

TOXBOE, A. UI-Patterns - User Interface Design Patterns Library. 2016. Disponível em: . Acesso em: 14 de Dezembro de 2018.

UDACITY, Brazil (Comp.). UX e UI: quais são as maiores diferenças entre esses campos? 2018. Universidade do Vale do Silício. Disponível em: . Acesso em: 13 dez. 2018.

WANG, A. et al. Um framework front-end moderno e responsivo baseado em Material Design. 2017. Disponível em: . Acesso em: 14 de Dezembro de 2018.


Apontamentos

  • Não há apontamentos.


 

 

 

Revista Brasileira de Iniciação Científica, Itapetininga, SP, Brasil, ISSN: 2359-232X

 Licença Creative Commons Este obra está licenciado com uma Licença Creative Commons Atribuição-NãoComercial-CompartilhaIgual 4.0 Internacional.