El Frontend. Diseño web adaptativo y diseño web responsivo para el desarrollo de aplicaciones web
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
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
Publicado
Cómo citar
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.
