Learning Objects to Support the Teaching-Learning Process of a Web Fundamentals Undergraduate Course

Carlos R. Jaimez-González^1, , Betzabet García-Mendoza¹, Wulfrano A. Luna-Ramírez¹, Mónica Nápoles-Duarte² and Ariel Vargas-Vargas²

¹Departamento de Tecnologías de la Información, Universidad Autónoma Metropolitana, Ciudad de México, México

²Departamento de Teoría y Procesos de Diseño, Universidad Autónoma Metropolitana, Ciudad de México, México

Cite this paper:
Carlos R. Jaimez-González, Betzabet García-Mendoza, Wulfrano A. Luna-Ramírez, Mónica Nápoles-Duarte and Ariel Vargas-Vargas. Learning Objects to Support the Teaching-Learning Process of a Web Fundamentals Undergraduate Course. American Journal of Educational Research. 2018; 6(11):1573-1580. doi: 10.12691/education-6-11-17

Abstract

This paper presents a web tutorial to support the teaching-learning process of a web fundamentals undergraduate course, for the generation of web pages based on the hypertext markup language and cascading style sheets. The basic elements that compose the tutorial are learning objects adapted to the objectives of the course. The tutorial is a web site organized according to the course syllabus, in which topics are presented through learning objects that cover the teaching-learning process by including explanations, examples and activities to illustrate and reinforce the topics covered in classes, showing the code corresponding to the languages used, so that it can be manipulated later by the student. The results of an instrument applied to students for the evaluation of learning objects are provided.

Keywords:
learning object web tutorial web design teaching-learning website

This work is licensed under a Creative Commons Attribution 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by/4.0/

References:

[1]	Metropolitan Autonomous University, Cuajimalpa Campus (2018). Design Undergraduate Program. México: UAM. Available: http://dccd.cua.uam.mx/archivos/files/diseno/plan_de_estudios_update.pdf.
[2]	Metropolitan Autonomous University, Cuajimalpa Campus (2018). Syllabus of the Static Web Programming and Design Workshop. Design Undergraduate Program. México: UAM. Available: http://dccd.cua.uam.mx/archivos/PDFprogramas/diseno/450277.pdf
[3]	Barfield, L. (2004). Designing for New Media. Essex, England: Pearson Addison Wesley.
[4]	Beaird J. (2007). The Principles of Beautiful Web Design. Australia: Site Point.
[5]	González, R., Cordero, J. M., Valle, J. M. (2001). Diseño de páginas web: iniciación y referencia. Madrid, España: McGraw-Hill.
[6]	Rodríguez de la Fuente, S. (2003). Programación de aplicaciones web. México: Ediciones Paraninfo.
[7]	Sánchez, G., Santos, G., Molina, M. (2001). HTML 4, Iniciación y Referencia. Madrid, España: McGraw-Hill.
[8]	Desarrolloweb.com (2017). Manual de HTML. Lo necesario para aprender HTML. Available: http://www.desarrolloweb.com/html/
[9]	World Wide Web Consortium (2018). Tutorial de CSS. Comenzando con HTML y CSS. Available: http://www.w3.org/Style/Examples/011/firstcss.es.html
[10]	Lynch, P., Horton, S. (2004). Manual de Estilo Web. Barcelona, España: Editorial Gustavo Gilli.
[11]	Musciano, C., Kennedy, B. (2002). HTML y XHTML, The Definitive Guide, Creating effective web pages. Sebastopol, CA: O'Reilly Media.
[12]	Quint, V., Carcone, L. (2018). Amaya, W3C's Editor. Available: http://www.w3.org/Amaya/.
[13]	Adobe (2018). Dreamweaver. Editor for responsive Web sites. Available: http://www.adobe.com/products/dreamweaver.html
[14]	Wiley, D. A. (2000). Connecting learning objects to instructional design theory: A definition, a metaphor, and a taxonomy. In Wiley, D.A. (Ed.), The Instructional Use of Learning Objects: Online Version. Available: http://reusability.org/read/chapters/wiley.doc.
[15]	Ministerio de Educación Nacional de Colombia (2018). ¿Qué es un objeto de aprendizaje? Colombia Aprende. Available: http://aprendeenlinea.udea.edu.co/lms/men/oac1.html.
[16]	Jaimez-González, C. R., Luna-Ramírez, W. A. (2014). Supporting Structured Programming Courses Through a Set of Learning Objects, Proceedings of the IEEE International Conference on Information Society (i-Society 2014), London, UK, pp. 124-128.
[17]	Jaimez-González, C. R. (2017). Web portal with HTML and CSS digital learning resources. Revista Iberoamericana para la Investigación y el Desarrollo Educativo, 8 (15).
[18]	Jaimez-González, C. R. (2015). Programación de Web Estático. México: UAM. Available: http://www.cua.uam.mx/pdfs/biblioteca/colecciondelibros-uamc/pdfs/05programacion_web_estatico.pdf.
[19]	Jaimez-González, C. R. (2018). Sitio Web de la UEA de Programación de Web Estático. México: UAM. Available: http://ccd.cua.uam.mx/~cjaimez/WebEstatico/.
[20]	Red.es (2005). Evaluación de Material Educativo Digital. Taller de Formación Metodológica. Madrid, España. Available: http://www.edubcn.cat/rcs_gene/2_ficha_evaluacion_material.
[21]	Jaimez-González, C. R. (2015). Una plataforma Web de tutoriales interactivos de apoyo a la docencia. In C. R. Jaimez González, K. S. Miranda Campos K. S., M. Moranchel Pocaterra, E. Vázquez Contreras, y F. Vázquez Vela (Eds.), Innovación educativa y apropiación tecnológica: experiencias docentes con el uso de las TIC. México: UAM, pp. 247-263.
[22]	Jaimez-González, C. R., Vargas-Rodríguez, R. (2017). Editor web visual para HTML, CSS y JavaScript de apoyo a la docencia. Virtualidad, Educación y Ciencia, 8, 14, pp. 136-152.