The Frontend. Adaptive Web Design and Responsive Web Design for Web Application Development
Authors
-
Jhonny Xavier Chavez Calderón
Universidad Técnica de Manabí, Ecuador
https://orcid.org/0000-0002-7463-655X
-
Walter Daniel Zambrano Romero
Technical University of Manabí
http://orcid.org/0000-0002-0225-3955
-
Emilio Antonio Cedeño Palma
Technical University of Manabí
http://orcid.org/0000-0001-8191-8996
-
Dannyll Michellc Zambrano Zambrano
Technical University of Manabí
http://orcid.org/0000-0003-4413-4425
-
Gabriel Agustín Cotera Ramírez
Technical University of Manabí
http://orcid.org/0000-0003-2726-8317
DOI:
https://doi.org/10.33936/isrtic.v6i1.4625Keywords:
Responsive web design, Adaptive web design, Web development, Frontend, MetricsAbstract
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
References
[1] 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
[2] 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
[3] 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+
[4] Berners, T. (1998). The World Wide Web: A very short personal history. Recuperado de: https://www.w3.org/People/Berners-Lee/ShortHistory.html
[5] 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
[6] 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
[7] 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
[8] 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
[9] 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
[10] 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
[11] 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
[12] Otto, M. & Thornton, J. (2014). Bootstrap. Recuperado de: https://getbootstrap.com/
[13] W3C. (2014). Media Queries Publication History W3C. Recupe-rado de: https://www.w3.org/standards/history/css3-mediaqueries
[14] 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
[15] 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
[16] W3schools. (2018). Bootstrap 3 Tutorial. Recuperado de: https://www.w3schools.com/bootstrap/default.asp
Downloads
Published
Issue
Section
License
Copyright (c) 2022 Jhonny Xavier Chavez Calderón, Walter Daniel Zambrano Romero, Emilio Antonio Cedeño Palma, Dannyll Michellc Zambrano Zambrano, Gabriel Agustín Cotera Ramírez
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
Articles submitted to this journal for publication will be released for open access under a Creative Commons Attribution Non-Commercial No Derivative Works licence (http://creativecommons.org/licenses/by-nc-nd/4.0).
The authors retain copyright, and are therefore free to share, copy, distribute, perform and publicly communicate the work under the following conditions: Acknowledge credit for the work specified by the author and indicate if changes were made (you may do so in any reasonable way, but not in a way that suggests that the author endorses your use of his or her work. Do not use the work for commercial purposes. In case of remixing, transformation or development, the modified material may not be distributed.
