The Frontend. Adaptive Web Design and Responsive Web Design for Web Application Development

Authors

DOI:

https://doi.org/10.33936/isrtic.v6i1.4625

Keywords:

Responsive web design, Adaptive web design, Web development, Frontend, Metrics

Abstract

Web development has evolved on a large scale, this article makes a comparison between two important design frameworks that are essential for the development of web interfaces, such as the responsive and adaptive framework, highlighting its main advantages and differences through the experimental method, properly focused on the development of a web portal, The Google Page Speed Insights tool was used for the comparative study, where evaluation metrics imposed by W3C were applied, with respect to performance and optimization. To guarantee the quality of the research, the Delphi method was applied in a questionnaire directed to 50 teachers from different Ecuadorian Universities, with the purpose of knowing the most adequate design framework at the moment of developing and producing web systems. 

Downloads

Download data is not yet available.

References

Guerra, Y., González, R., & Febles, J. (2016). Diseño web adap-tativo para la plataforma educativa ZERA. 10(2), 16. Recupera-do de: https://dialnet.unirioja.es/descarga/articulo/5495911.pdf

Adenan, A., Abdullah, N., Hussain, M. & Sahudin, S. (2020). A Comparative Study of Web Design for Reengineering Pharma-cokinetics Application. IEEE Conference on Open Systems, ICOS 2020. Recuperado de: 10.1109/ICOS50156.2020.9293641

Xiaofeng, D. (2009). Semantic Service Description Framework For E-cient Service Discovery and Composition, Durhamtheses, Durham University. Recuperado de: http://etheses.dur.ac.uk/111/1/Thesis.pdf?DDD10+

Berners, T. (1998). The World Wide Web: A very short personal history. Recuperado de: https://www.w3.org/People/Berners-Lee/ShortHistory.html

King, J. (2008). Search Engine Content Analysis. Queensland University of Technology, Brisbane, Australia. Recuperado de: https://eprints.qut.edu.au/26241/1/John_King_Thesis.pdf

Keshab, N., Sourish, D. and Subhash, B. (2014). Web 1.0 to Web 3.0 - Evolution of the Web and its various challenges. Re-cuperado de: https://ieeexplore.ieee.org/document/6798297

Choudhury, N. (2014). World Wide Web and Its Journey from Web 1.0 to Web 4.0. International Journal of Computer Science and Information Technologies, vol (5). pp.8096-8100. Recupera-do de: https://ijcsit.com/docs/Volume%205/vol5issue06/ijcsit20140506265.pdf

Aghaei, S., Nematbakhsh, M. and Farsani, H. (2012). Evolution of the World Wide Web: From Web 1.0 to Web 4.0. Internation-al journal of Web & Semantic Technology, vol (3), pp.1-10. Re-cuperado de: http://airccse.org/journal/ijwest/papers/3112ijwest01.pdf

Yousaf, N., Arshad, A., Nouman, M. & Arshad, U. (2017). To-wards Adaptive and Responsive Web Design: A Systematic Lit-erature Review. International Conference on Engineering, Com-puting & Information Technology (ICECIT 2017), pp:55-60. Re-cuperado de: http://www.es.mdh.se/pdf_publications/5766.pdf

Labrada, E. y Salgado, C. (2013). Diseño web adaptativo o res-ponsivo. Revista Digital Universitaria, vol (14). Recuperado de: http://www.revista.unam.mx/vol.14/num1/art07/art07.pdf

Li, N. & Zhang, B. (2019). The Design and Implementation of Responsive Web Page Based on HTML5 and CSS3. Recuperado de: https://ieeexplore.ieee.org/stamp/stamp.jsp?tp=&arnumber=8945729

Otto, M. & Thornton, J. (2014). Bootstrap. Recuperado de: https://getbootstrap.com/

W3C. (2014). Media Queries Publication History W3C. Recupe-rado de: https://www.w3.org/standards/history/css3-mediaqueries

Tapani, C. (2014). Study and Integrate Bootstrap 3 for Opix-Manager. Recuperado de: https://www.theseus.fi/bitstream/handle/10024/81642/thesis.pdf?sequence=1&isAllowed=y

Rodríguez, R., Vera, P., Marko, I., Zain, G., & Alderete, C. (2018). Análisis de frameworks web adaptativos basados en HTML5. Recuperado de: http://sedici.unlp.edu.ar/bitstream/handle/10915/67599/Documento_completo.pdf-PDFA.pdf?sequence=1&isAllowed=y

W3schools. (2018). Bootstrap 3 Tutorial. Recuperado de: https://www.w3schools.com/bootstrap/default.asp

Published

2022-07-09

How to Cite

[1]
Chavez Calderón, J.X., Zambrano Romero, W.D., Cedeño Palma, E.A., Zambrano Zambrano, D.M. and Cotera Ramírez, G.A. 2022. The Frontend. Adaptive Web Design and Responsive Web Design for Web Application Development. Informática y Sistemas. 6, 1 (Jul. 2022), 1–11. DOI:https://doi.org/10.33936/isrtic.v6i1.4625.

Issue

Section

Regular Papers

Most read articles by the same author(s)