Diseño de recursos

digitales
Contenidos educativos

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

¿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.
 Video
El 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:

Explicar la metodología/ Ejemplificar la aplicación
herramienta a aplicar. de la herramienta.
 Video

Pasos para la elaboración de un video

Paso 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.
 Audio

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/
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.
 Página web

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/
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.
 Explicación de un tema

• 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.
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 Monterrey
Prohibida 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