Vicerrectoría Académica y de Innovación Educativa

Diseño de recursos digitales

Contenidos educativos

¿Qué es el contenido educativo?

• El contenido educativo es un conjunto de saberes o formas culturales esenciales, asociados a la disciplina o temática de estudio.

• Los recursos educativos pueden abarcar:

• Contenidos conceptuales (el saber) como hechos, conceptos, principios, teorías y datos.

• Contenidos procedimentales (el saber hacer) procedimientos, técnicas.

• Contenidos actitudinales (el saber ser) como valores, actitudes y normas.

Infografía

• Una infografía es un documento gráfico que permite presentar la información de una forma esquematizada, clara y visual de un tema específico. En ella se resumen los datos principales y se presentan a través de viñetas y gráficos sencillos de asimilar.

Infografía

Cómo elaborar una infografía

• Para desarrollar la información que permitirá crear una infografía es necesario:

• Definir el público al que va dirigida.

• Definir lo que se quiere comunicar: explicación de un concepto, descripción de tecnología, datos estadísticos, resumen de un documento, cómo funciona un producto, servicios de una empresa, entre otros.

• Localizar las fuentes de información que se pueden utilizar para generar los datos.

• Generar los datos que se van a incluir.

• Bosquejar un esquema que permita plasmar la información de forma ordenada y coherente.

• Elegir el esquema final que tendrá la infografía.

• Incluir referencias bibliográficas.

Infografía

Recursos de interés:Herramientas para generar infografías:

http://piktochart.com/piktochart-infographics/http://www.infographicsarchive.com/ http://www.easel.ly/

Mapas conceptuales

• Un mapa conceptual es una técnica usada para la representación gráfica del conocimiento. Ayuda a comunicar ideas complejas y se caracteriza por el impacto visual, jerarquía y simplificación. El mapa conceptual representa una jerarquía de diferentes niveles de generalidad, de inclusividad o importancia y se conforma de elementos como: conceptos, líneas de unión, palabras-enlace, jerarquización, etc.

Mapa conceptual

Cómo elaborar un mapa conceptual• Identificar los conceptos principales y escribirlos en una lista. Después se pone cada

concepto de la lista en una hoja de papel. (Esta técnica es para visualizar mejor y de manera correcta cómo colocar cada concepto, y es recomendable que lo sigas las primeras veces que hagas un mapa).

• Ordenar los conceptos del más general al más específico. Los ejemplos específicos deben quedar abajo.

• Organizar los conceptos comenzando con la idea más general y terminando con la más específica. Si esa idea puede separarse en dos o más conceptos, dichos conceptos deben ser colocados en la misma línea.

Mapa conceptual

Cómo elaborar un mapa conceptual (continuación…)• Utilizar líneas para unir los conceptos. Sobre la línea deben escribirse frases o

palabras clave que indiquen la relación existente entre dichos conceptos. Se debe hacer esto en todas las líneas.

• Verificar que el mapa refleje los conceptos principales del tema tratado de manera completa, además de que las relaciones entre los conceptos sean correctas.

• Dar impacto visual al mapa utilizando colores atractivos y de ser necesario imágenes relacionadas con los conceptos. Cuidar de no saturar de muchos colores o demasiadas imágenes.

Mapa conceptual

Recursos de interés:Herramientas para generar mapas conceptuales:

• https://www.lucidchart.com/pages/es/

• https://www.canva.com/es_mx/

Para realizar el diseño de un mapa con PowerPoint se sugiere la utilización de la opción SmartArt que se ubica dentro de la cintilla INSERT de Microsoft Word.

Esquema

• Un esquema es la representación gráfica de un texto, destacando ideas principales y secundarias, así como su estructura lógica. Permite obtener a primera vista una idea clara y general de los contenidos básicos. De esta forma se facilita el análisis y la comprensión de la información.

Esquema

Pasos para el diseño de un esquema:

• Agrupar las ideas principales y secundarias para después presentarlas de forma estructurada y lógica.

• Utilizar frases cortas, concisas, pero con sentido; una idea por línea de ser posible.

• Definir el título del esquema, considerando que represente la idea general.

Esquema

Recursos de interés:Herramientas para generar esquemas

Para realizar el diseño de un esquema se sugiere la utilización de la opción SmartArt que se ubica dentro de la cintilla INSERT de Microsoft Word.

VideoEl video es un recurso educativo tales como películas, series de televisión y documentales, entre otros; videos cortos en plataformas como: TED, YouTube, Vimeo, Video Online, Webinar o Webcast. De manera gratuita o a un bajo costo.

Funciones del video:

Ejemplificar la aplicación de la herramienta.

Explicar la metodología/ herramienta a aplicar.

Video

Pasos para la elaboración de un videoPaso 1. Diseñar el guion de video

• Partiendo de una estructura IDC (Introducción, Desarrollo y Conclusión), se diseña un esquema de lo que se quieres expresar en los 2 o 5 minutos de duración del video:

• Introducción. Explicar brevemente el tema a tratar, se puede incluir una o varias preguntas (que sean contestadas en el desarrollo) para invitar a la reflexión.

• Desarrollo. Esbozar las ideas principales del tema, para ello se puede utilizar frases generales que sirvan como detonadoras de las ideas a desarrollar.

• Conclusión. Invitar a reflexionar sobre lo expuesto en el desarrollo a través de:• Una recapitulación que incluya los puntos clave.• Una pregunta que invite a la apropiación del contenido revisado.• Reafirmar la utilidad de la información proporcionada.

Video

Paso 2. Selección de fotografías y/o imágenes

• Después de realizar la pauta o guion del video, enseguida se incluyen ejemplos de las fotografías que deben aparecer en el recurso. Se deben considerar aquellas imágenes que sean propias o contar con derechos de autor para su uso.

Paso 3. Grabación de video

• Algunos programas gratuitos para creación de videos son las siguientes:

• Powtoon: https://www.powtoon.com/home/g/es/• Pixorial: http://lifelogger.com/pixorial/• Windows movie maker• Movenote: http://www.movenote.com/

Audio

• El audio facilita la presentación de grandes cantidades de información de una forma atractiva e interesante para los participantes. Puede ser sólo audio o incluir imágenes.

Audio

Proceso para elaborar un audio

Partiendo de una estructura IDC (Introducción, Desarrollo y Conclusión), se debe diseñar un esquema de lo que se quiere expresar en los minutos que durará el audio.

• Introducción. Explicar brevemente el tema a tratar, se puede incluir una o varias preguntas (que sean contestadas en el desarrollo) para invitar a la reflexión.

• Desarrollo. Esbozar las ideas principales del tema, para ello se pueden utilizar frases generales que sirvan como detonadoras de las ideas a desarrollar.

• Conclusión. Invitar a reflexionar sobre lo expuesto en el desarrollo a través de:

• Una recapitulación que incluya los puntos clave.

• Una pregunta que invite a la apropiación del contenido revisado.

• Reafirmar la utilidad de la información proporcionada.

Recursos de interés.

Herramientas para generar esquemas

• Vocaroo: http://www.softandapps.info/2010/11/16/vocaroo-graba-y-comparte-audio-online/

• Grabador de voz de 123Apps: http://online-voice-recorder.com/es/

• Record MP3 Online: http://recordmp3online.com/

Audio

Artículos

• Los artículos son textos con entidad propia publicados en medios digitales.

• Características• Un artículo permite introducir

acontecimientos actuales en el contexto educativo, ya sea para trabajar conceptos, procedimientos o actitudes.

• Facilita la relación entre lo académico y la vida cotidiana, permitiendo la adquisición del aprendizaje significativo.

• Se presentan en formato PDF.• Puede incluir imágenes y texto con diseño

editorial.

Artículos

Pasos para crear un artículo

Para la creación de un artículo de contenido educativo se recomienda seguir los pasos del proceso general de escritura:

• Paso 1. Buscar y seleccionar fuentes.

• Paso 2. Comprender y usar las fuentes.

• Paso 3. Planear y construir borradores.

• Paso 4. Identificar y aplicar formato.

• Paso 5. Finalizar el documento.

Artículos

Recursos de interés.

Para ampliar la información de este proceso consulta el sitio: http://sitios.ruv.itesm.mx/portales/crea/homedoc.htm

Página web

• La página web es un documento de tipo electrónico con información digital que puede incluir texto, imágenes, gráficos, audio o videos y entre otros materiales dinámicos o estáticos. Algunos ejemplos de este tipo de recurso son los blog, grupos de lectura, revistas electrónicas, entre otros.

Página web

Cómo elaborar una página web

Para crear una página web es necesario considerar los siguientes pasos:

• Definir los objetivos de la página: esto facilitará establecer la estructura, los elementos y comunicar la idea principal de la página.

• Revisar ejemplos de otras páginas web: con este paso se genera una idea de la forma y funcionamiento que se podrán incluir en el sitio o página web.

• Elaborar un esquema de la página web: generar un diagrama que permita organizar las secciones y arquitectura de la página, así como las posibles conexiones entre cada elemento.

• Dar una imagen a la página: seleccionar el estilo, colores, formas y las imágenes que incluirán en la página.

Página web

Cómo elaborar una página web (continuación…)• Realizar un story board: desarrollar un bosquejo de la información esto facilitará la

construcción de la página.

• Construir la página: existen diferentes plataformas para el desarrollo de páginas web de manera gratuita. Estas plataformas ofrecen diferentes estructuras o plantillas que facilitarán la construcción de las páginas web. Se debe seleccionar la plantilla que más se acerque al esquema del sitio y empezar a construirlo.

• Publicar el contenido: Utilizar la información que se desarrolló en el story board. Publicar la información en cada una de las secciones de la página web.

• Actualizar los contenidos: revisar el funcionamiento de la página y actualizar la información con datos relevantes, actuales, novedosos y de interés para el público.

Recursos de interés.

Algunos ejemplos de plataformas gratuitas para el desarrollo de sitios o páginas web son los siguientes:

• Blog.com: http://blog.com/

• Google sites: https://sites.google.com/?hl=es

• Weebly: http://www.weebly.com/

• Tumblr: https://www.tumblr.com/

• Wordpress: http://es.wordpress.com/

Fuente: http://es.wix.com/blog/2015/02/11-pasos-para-crear-una-pagina-web/

Página web

Explicación de un tema

•Mediante este recurso se comparten conocimientos y experiencia, además de los recursos y las herramientas que consideren adecuados para el aprendizaje del tema así como para el desarrollo de habilidades y destrezas.

Explicación de un tema

Recomendaciones• Al utilizar este recurso se debe considerar su extensión, su relación con el tema y con el

objetivo de la ruta de aprendizaje. Verificar al público al que va dirigido.

• Revisar la temática: explicación de un concepto, descripción de tecnología, datos estadísticos, resumen de un documento, cómo funciona un producto, servicios de una empresa, entre otros.

• Desarrollar archivos que contengan información valiosa, relevante, vigente y práctica.

• Verificar que el diseño de la información esté correcto: texto sintético y sin errores; revisar que las imágenes estén apoyando a la información; correcta ortografía y redacción de la información, el manejo de ideas congruentes, el uso adecuado y formal del lenguaje, correspondiente con el perfil del participante.

Explicación de un tema

Recomendaciones (continuación…)• Se pueden utilizar archivos Word o PowerPoint en formato PDF.

• La extensión de la información será de:

• Archivos Word: 1-5 cuartillas

• Archivos en PowerPoint: 1-10 filminas

• Incluir referencias bibliográficas.

• Incluir referencias bibliográficas.

•Elementos que ayudan a generar la explicación de un tema:• Qué términos se deben dar a conocer.

• Qué ideas o principios se deben comprender.

• Qué procesos deben aplicar.

• Qué problemas suelen presentarse y sus soluciones.

• Qué materiales de apoyo necesita el participante para la comprensión del tema: imágenes, formatos, formularios, tablas, entre otros.

• Qué consejos, sugerencias o recomendaciones pueden ser útiles.

Explicación de un tema

Uso de ejemplos

•Recurso que presenta información que se puede tomar como guía o referencia para la clarificación de contenidos: conceptuales, procedimentales o actitudinales. Se pueden utilizar ejemplos de impacto regional, nacional o internacional.

Uso de ejemplos

Recomendaciones

• Al utilizar este recurso se debe considerar su extensión, su relación con el tema y con el

objetivo de la ruta de aprendizaje.

• Verificar al público al que va dirigido.

• Revisar la temática o tipo de contenidos.

• Desarrollar archivos que contengan información valiosa, relevante, vigente y práctica.

• Verificar que el diseño de la información esté correcto: texto sintético y sin errores; revisar

que las imágenes estén apoyando a la información; correcta ortografía y redacción de la

información, el manejo de ideas congruentes, el uso adecuado y formal del lenguaje,

correspondiente con el perfil del participante.

Uso de ejemplos

Recomendaciones (continuación…)

• Se pueden utilizar archivos Word o PowerPoint en formato PDF.

• La extensión de la información será de:

• Archivos Word: 1-5 cuartillas

• Archivos en PowerPoint: 1-10 filminas

• Incluir referencias bibliográficas.

• En la creación de un ejemplo aplican los mismos pasos utilizados para el desarrollo de

explicación de tema.

Referencias• Belloch, C. (2006). Desarrollo de aplicaciones multimedia Interactivas. Universidad de

Tecnología Educativa, Universidad de Valencia.

• Diez Gutiérrez. Los mapas conceptuales. Universidad de León. Recuperado de la Red el

12 de Julio de 2010 en:

http://www3.unileon.es/dp/ado/ENRIQUE/Didactic/Mapas.htm#elementos

• Garza Rosa María, (1999). Aprender como aprender. Trillas.

• Marqués, P. (2009). Entornos formativos multimedia: elementos, plantillas de

evaluación/criterios de calidad. Universidad Autónoma de Barcelona.

• Viesca, Guadalupe y de Sánchez Margarita (1993). Manual del Diplomado en Docencia.

Centro de Desarrollo Académico. Preparatoria Eugenio Garza Sada, ITESM.

• Sitio CREA. Centro de recursos para la escritura académica del Tecnológico de

Monterrey. Recuperado de la Red el 29 de marzo de 2017:

http://sitios.ruv.itesm.mx/portales/crea/homedoc.htm

Derechos Reservados 2020 Tecnológico de MonterreyProhibida la reproducción total o parcial de esta obra sin

expresa autorización del Tecnológico de Monterrey.

Vicerrectoría Académica y de Innovación Educativa