El Frontend. Diseño web adaptativo y diseño web responsivo para el desarrollo de aplicaciones web
Autores/as
-
Jhonny Xavier Chavez Calderón
Universidad Técnica de Manabí, Ecuador
https://orcid.org/0000-0002-7463-655X
-
Walter Daniel Zambrano Romero
Universidad Técnica de Manabí, Ecuador
http://orcid.org/0000-0002-0225-3955
-
Emilio Antonio Cedeño Palma
Universidad Técnica de Manabí, Ecuador
http://orcid.org/0000-0001-8191-8996
-
Dannyll Michellc Zambrano Zambrano
Universidad Técnica de Manabí, Ecuador
http://orcid.org/0000-0003-4413-4425
-
Gabriel Agustín Cotera Ramírez
Universidad Técnica de Manabí, Ecuador
http://orcid.org/0000-0003-2726-8317
DOI:
https://doi.org/10.33936/isrtic.v6i1.4625Palabras clave:
Diseño web responsivo, Diseño web adaptativo, Desarrollo web, Frontend, Métricas.Resumen
El desarrollo web ha evolucionado a gran escala, el presente artículo realiza una comparativa entre dos importantes marcos de diseño que son indispensables para el desarrollo de interfaces web, como son el marco responsivo y adaptativo, destacando sus principales ventajas y diferencias a través del método experimental, propiamente enfocado en el desarrollo de un portal web, que se desarrollará para mostrar información sobre la cantidad de investigaciones científicas que publican las Facultades de la Universidad Técnica de Manabí, para el estudio comparativo se usó la herramienta Google Page Speed Insights, donde se aplicaron métricas de evaluación impuestas por W3C, con respecto al rendimiento y optimización. Para garantizar la calidad de la investigación se aplicó el método Delphi, en un cuestionario dirigido a 50 Docentes de diferentes Universidades Ecuatorianas, con la finalidad de conocer el marco de diseño más adecuado al momento de desarrollar y producir sistemas web.
Descargas
Citas
[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
Publicado
Número
Sección
Licencia
Derechos de autor 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
Esta obra está bajo una licencia internacional Creative Commons Atribución-NoComercial-SinDerivadas 4.0.
Los artículos enviados a esta revista para su publicación serán liberados para su acceso abierto bajo una licencia Creative Commons con Reconocimiento No Comercial Sin Obra Derivada (http://creativecommons.org/licenses/by-nc-nd/4.0)
Los autores mantienen los derechos de autor, y, por lo tanto, son libres de compartir, copiar, distribuir, ejecutar y comunicar públicamente la obra bajo las condiciones siguientes: Reconocer los créditos de la obra especificada por el autor e indicar si se realizaron cambios (puede hacerlo de cualquier forma razonable, pero no de una manera que sugiera que el autor respalda el uso que hace de su obra. No utilizar la obra para fines comerciales. En caso de remezcla, transformación o desarrollo, no puede distribuirse el material modificado.
