Guía de Aprendizaje Cultura Digital II - 2024-1
Guía de Aprendizaje Cultura Digital II - 2024-1
Guía de Aprendizaje Cultura Digital II - 2024-1
GUÍA DE ACTIVIDADES
DATOS DE IDENTIFICACIÓN
Nombre: _____________________________________________________________
Plantel: ______________________________________________________________
Cultura Digital II
Edición, febrero de 2024 (NEM)
Diseñado por:
Coordinador General: Docentes Líderes:
Ricardo López Navarro Román Said Dávila Zamudio
Ana María Sarabia Flores
Coordinadores de corte: María Guadalupe Rodríguez López
Elsa Miriam Orduño Rodríguez Miguel Ángel González Castro
Alma Lorena García López Claudia Teresa Meza Fonseca
Amalia Elena Herrera de la Orta Nora Eréndira Rodríguez Solís
Cinthia Janeth Fabián Rojas
Aprendizajes de Trayectoria
PÁGINA PÁGINA
PROGRESIÓN 1 9 PROGRESIÓN 5 57
PROGRESIÓN 2 21 PROGRESIÓN 6 73
PROGRESIÓN 3 31 PROGRESIÓN 7 87
PROGRESIÓN 4 43
REFERENCIAS 102
Presentación
Joven Bachiller:
Los jóvenes que el Marco Curricular Común de la Educación Media Superior (MCCEMS)
desea formar serán:
Ahora te toca a ti, obtener el mayor provecho a esta guía de actividades, que es fruto del
esfuerzo de un grupo de profesores especialistas en su área. Si lo aprovechas al máximo
y lo combinas con el apoyo de tus maestras y maestros y de los demás recursos didácticos
que están a tu alcance, seguramente ampliarás tus conocimientos y habilidades para
construir un mejor futuro para ti, y coadyuvar al desarrollo de tu comunidad, de tu estado
y de nuestro México.
Las categorías que componen este recurso sociocognitivo son: Ciudadanía Digital,
Comunicación y Colaboración, Pensamiento Algorítmico, Creatividad Digital.
El propósito es que puedan hacer uso de los recursos tecnológicos (TICCAD, entre otras)
para seleccionar, procesar, analizar y sistematizar la información dentro de un marco
normativo y de seguridad, y fomenten el uso de dichos recursos de forma responsable
en el entorno que lo rodea.
La cultura digital es aplicable en todo momento para el estudiantado, ya tanto las áreas
del conocimiento, los recursos sociocognitivos y los recursos socioemocionales, se ven
rodeadas de entornos digitales que las impulsan y fortalecen. La cultura digital no solo
puede ser impartida por un informático o profesional de la computación, sino que hoy
día de todos nuestros docentes deben apoyarse y aplicarse para que a través de su
uso puedan explorar nuevas formas de transmitir el conocimiento y de crear contenidos
digitales permitiendo una práctica docente ágil, actualizada, innovadora y al contexto de
nuestros alumnos.
AT1. Se asume como ciudadano digital con una postura crítica e informada que le
permite adaptarse a la disponibilidad de recursos y diversidad de contextos.
Descripción de la progresión
El alumno identifica las herramientas digitales de uso más común, reconociéndolas
como apoyo para diversas actividades de la vida diaria y las utiliza eficazmente para
realizar proyectos de índole personal o académico.
9
Cultura Digital II
CONOCIMIENTOS PREVIOS
Responde las preguntas que se te presentan, posteriormente comparte
las respuestas a través de una plenaria guiada por el docente.
Responde...
PROBLEMA A RESOLVER
Leticia tendrá en poco tiempo su fiesta de XV años y ella misma quiere elaborar
la invitación y preparar una presentación sobre su vida para proyectarla ese día,
todo en formato digital. ¿Crees que hay aplicaciones a su alcance que pueda
utilizar? ¿Qué herramienta digital piensas que le pueda servir para hacer ambos
productos? ¿Qué ventajas le ofrece?
10 PROGRESIÓN 1
2°. semestre
P1
FORMACIÓN FUNDAMENTAL
LECTURA
Herramienta digital
El término herramientas digitales alude al software utilizado por la computadora; ésta se encuentra
clasificada como una de las Tecnologías de la Información y la Comunicación (TIC). Por su parte, las
herramientas digitales para el desarrollo de aprendizajes son aquellos programas de computadora
que tienen un propósito educativo per se; dentro de éstas podemos encontrar las de paga y las
de distribución y uso gratuito. Las herramientas digitales facilitan la enseñanza siempre que se
consideren los conocimientos previos de los alumnos, las etapas del desarrollo y el contexto.
Entre las aplicaciones que favorecen el aprendizaje individual se encuentran: Quizizz, WhatsApp,
Telegram, Formularios de Google, Audiolibros, Podcast, Hot Potatoes, Crucigramas, Educaplay,
Kahoot, Google Meet, Zoom, Drive, Canva, WordPress, Edmodo, Facebook, YouTube, Buscador de
Google, Páginas Web y Blogs.
Mientras que las que apoyan el aprendizaje colaborativo son: Padlet, Jamboard, Mentimeter, Canva,
Google Drive, Office 365, Edmodo, Blogs, WordPress, Whiteboard, WhatsApp, Moodle y Gloster.
- MindMeister: Es una herramienta para generar mapas mentales en línea que permite capturar,
desarrollar y compartir ideas de forma gráfica.
- Live Worksheets: Herramienta gratuita que permite crear fichas con actividades
autocorregibles en las que es posible incluir videos o ejercicios hablados y que es apta para
todos los niveles educativos y materias.
Una de las características más importantes que se pueden mencionar es que es un software
multiplataforma, lo que nos permite ejecutar la aplicación tanto en computadoras como en
dispositivos móviles. En computadoras nos ofrece la posibilidad de descargar e instalar el software,
pero esto no es requisito obligatorio para su uso, ya que podemos acceder simplemente desde
nuestro navegador de internet.
y Material de marketing: como libros blancos, invitaciones, tarjetas de visita, boletines, banners
para sitios web, folletos, programas, logos, encabezados y carteles.
y Publicaciones en redes sociales: ya sea historias para Facebook e Instagram, fondos para
TikTok o blogs, miniaturas para videos de YouTube, post para Snapchat, Instagram, Twitter y
Pinterest. También imágenes de portadas para Facebook.
y Videos: presentaciones animadas, videos personales, para YouTube o animaciones para
webs o redes sociales.
y Documentos: facturas, cartas, currículos, presentaciones, entre otros.
y Otros: diseños desde cero, edición de imágenes y más.
12 PROGRESIÓN 1
2°. semestre
P1
FORMACIÓN FUNDAMENTAL
Ventajas
y Dispone de más de 250.000 plantillas gratuitas, que se pueden editar a gusto del individuo.
y Proporciona una amplia variedad de formatos y medidas para crear diferentes documentos,
como infografías, organigramas, entre otros.
y Ayuda al usuario a trabajar de forma online, ya sea usando la versión web o para dispositivos
móviles.
y Está disponible para principiantes en el diseño gráfico, pues tiene una interfaz interactiva y
muy fácil de emplear.
y Permite exportar cualquier tipo de archivo a diferentes formatos, ya sea PDF, JPG y PNG.
y Presenta un apartado para subir contenidos propios, como imágenes, íconos, logos y más.
y Proporciona diversos diseños de cuadrículas que se encargan de recortar cualquier imagen
de forma automática.
Desventajas
Interfaz de Canva
Gracias a su sencilla interfaz, Canva es perfecto para principiantes que buscan mejorar la calidad
del diseño gráfico de sus redes sociales. Su versión gratuita cuenta con un gran número de
herramientas; sin embargo, su versión Pro tiene un costo por mes, y te da acceso a miles de
plantillas y diversas opciones adicionales.
3. INICIAR UN DISEÑO: Permite crear un diseño proporcionando una lista de opciones para
que se elija el tipo de tarea que se desea realizar. En esta área también se ubica el botón de
Configuración.
Registro
En Canva es posible crear una cuenta usando tu cuenta de Facebook, Google, Apple y otros
servicios, y para iniciar sesión lo más probable es que tengas que iniciar sesión en el servicio que
elegiste o bien ingresar algún código de autenticación.
14 PROGRESIÓN 1
2°. semestre
P1
FORMACIÓN FUNDAMENTAL
3. Listo, acabamos de darnos de alta en Canva, verifica en la parte superior derecha que
aparezca la imagen de tu correo para asegurarte que no estés con otra cuenta, ya que los
proyectos se guardan en la cuenta que esté activa en ese momento y así evitarás confundirte
con otra cuenta personal, previniendo posteriormente no encontrar tus proyectos.
La creación de un proyecto en Canva es una habilidad valiosa y relevante en el campo del diseño gráfico.
En un mundo digital en constante evolución, es esencial para los profesionales mantenerse actualizados
y familiarizados con las herramientas y tecnologías disponibles. Canva se ha convertido en una opción
popular para crear diseños de alta calidad de manera rápida y sencilla.
1. Exploración de plantillas:
y Canva ofrece una amplia variedad de plantillas prediseñadas para diferentes propósitos, como
tarjetas de presentación, publicaciones en redes sociales, infografías, entre otros. Estas plantillas
pueden ser una excelente manera de comenzar un proyecto y ahorrar tiempo en el diseño inicial.
y Es importante elegir una plantilla que se ajuste a tus necesidades y objetivos. Puedes
personalizarla según tus preferencias, cambiando colores, fuentes y elementos visuales.
2. Diseño visual:
y La interfaz de Canva te permite arrastrar y soltar elementos, lo que facilita la creación de diseños
personalizados sin necesidad de tener conocimientos avanzados en diseño gráfico.
y Puedes agregar imágenes, formas, texto y otros elementos visuales a tu proyecto. Canva también
ofrece una amplia biblioteca de recursos visuales, como fotografías, ilustraciones e iconos, que
pueden mejorar el impacto visual de tus diseños.
3. Edición de texto:
y Canva te permite agregar y editar texto en tus diseños. Puedes elegir entre diferentes fuentes,
tamaños y estilos para complementar tu diseño.
y Es importante tener en cuenta los principios básicos de diseño tipográfico, como la legibilidad y la
coherencia, al elegir y manipular el texto en tu proyecto.
4. Colaboración:
y Una de las características importantes de Canva es la posibilidad de colaborar con otros usuarios
en tiempo real. Puedes invitar a colegas o clientes a editar y comentar tu proyecto, lo que facilita
la comunicación y el trabajo en equipo.
16 PROGRESIÓN 1
2°. semestre
P1
FORMACIÓN FUNDAMENTAL
5. Exportación y uso:
y Una vez que hayas finalizado tu diseño, puedes exportarlo en diferentes formatos, como imágenes
o archivos PDF. Esto te permite utilizar tus proyectos de Canva en diferentes plataformas y medios,
según sea necesario.
Inicio de sesión
La forma más sencilla de hacerlo es teniendo abierta la cuenta del servicio que se utilizó al crear la
cuenta de Canva. Después sólo hay que entrar a internet y en la barra de dirección teclear Canva.com
con lo que se observa la siguiente ventana:
A continuación, sólo hay que dar clic en <<Continuar como...>> y abrirá la pantalla principal de Canva.
Ahora bien, si deseas cambiar de cuenta, entonces hay que elegir Iniciar sesión-Continuar con Google-
Elegir la cuenta deseada (si es que Google es el servicio ligado a tu cuenta de Canva).
Creación de un proyecto
1. Escoge un formato: Canva ofrece una amplia variedad de formatos preestablecidos, como tarjetas
de presentación, volantes, póster y publicaciones en redes sociales. Al seleccionar un formato,
tendrás un lienzo en blanco con las dimensiones y proporciones adecuadas para tu proyecto.
2. Selecciona una plantilla: Canva cuenta con una extensa biblioteca de plantillas diseñadas
profesionalmente que puedes utilizar como punto de partida. Estas plantillas te ofrecen diseños
atractivos y personalizables, lo que te permite ahorrar tiempo y obtener resultados visualmente
impactantes.
3. Personaliza tu diseño: Una vez que hayas seleccionado una plantilla, puedes comenzar a
personalizarla según tus necesidades. Canva te permite cambiar colores, fuentes, imágenes y
agregar tu propio contenido. Puedes arrastrar y soltar elementos en el lienzo, redimensionarlos y
rotarlos para lograr el diseño deseado.
4. Añade elementos gráficos: Canva ofrece una amplia gama de elementos gráficos, como
íconos, formas y líneas, que puedes agregar a tu proyecto para mejorar su apariencia. Estos
elementos pueden ayudar a transmitir tu mensaje de manera más efectiva y agregar un toque
creativo a tu diseño.
5. Utiliza la biblioteca multimedia: Canva cuenta con una biblioteca multimedia que te permite
acceder a millones de imágenes, ilustraciones y videos de alta calidad. Puedes buscar y
agregar estos elementos a tu diseño para hacerlo más atractivo y profesional.
6. Añade texto: Canva te permite agregar texto a tu diseño, utilizando una amplia variedad de
fuentes y estilos. Puedes cambiar el tamaño, el color y la alineación del texto para adaptarlo a
tus necesidades y lograr el efecto deseado.
7. Guarda y exporta tu proyecto: Una vez que hayas terminado de diseñar tu proyecto, puedes
guardar tu trabajo en Canva o exportarlo en diferentes formatos, como PNG o PDF. Esto te
permite utilizar tu diseño en línea o imprimirlo en alta resolución.
Área de trabajo
DISEÑO
ELEMENTOS
TEXTO
MARCA
SUBIDOS
DIBUJO
APPS
En el área principal de esta ventana se observa el diseño que está siendo editado (basado en la
plantilla elegida). Mientras que en el panel izquierdo se muestran las herramientas básicas de la
aplicación, que permiten agregar textos, formas, stickers, imágenes, videos, audios, etc. El panel
contiguo cambia ofreciendo las opciones de la herramienta seleccionada. Por otra parte, si se
selecciona un objeto de la plantilla, se observa una barra de herramientas en la parte superior con
opciones para editarlo.
Descargar un proyecto
18 PROGRESIÓN 1
2°. semestre
P1
FORMACIÓN FUNDAMENTAL
1 ACTIVIDAD
2 ACTIVIDAD
¿Qué herramienta digital crees que le pueda servir para hacer ambos productos?
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
20 PROGRESIÓN 1
P2
PROGRESIÓN 2
2°. semestre
FORMACIÓN FUNDAMENTAL
Descripción de la progresión
En esta progresión se aborda el trabajo colaborativo basado en la utilización de
herramientas digitales, que permiten sin necesidad de estar en el mismo espacio físico,
expresar opiniones, plantear perspectivas, llegar a acuerdos, etc., mientras se desarrolla
un proyecto o actividad académica.
CONOCIMIENTOS PREVIOS
Responde las preguntas que se te presentan, posteriormente
comparte las respuestas a través de una plenaria guiada por el
docente.
Responde...
PROBLEMA A RESOLVER
El profesor de Cultura Digital solicitó a sus alumnos hicieran equipos de 5 personas
para realizar una exposición sobre “La importancia de las herramientas digitales en la
educación”. Carolina, Diana, Paulina, Gustavo y Emilio conforman un equipo de trabajo
y para su exposición ellos desean realizar una presentación electrónica como apoyo.
Llegaron al acuerdo que todos deben colaborar en la elaboración de la misma, pero debido
a sus diversas actividades después de clases es muy complicado que se reúnan a trabajar.
¿Qué herramienta digital pueden utilizar para que todos colaboren activamente en la
elaboración de la presentación?
22 PROGRESIÓN 2
2°. semestre
P2
FORMACIÓN FUNDAMENTAL
LECTURA
Concepto y ejemplos
El trabajo colaborativo es una habilidad que se desarrolla a lo largo de la vida y que requiere
aprender a comunicar necesidades, convivir, tomar decisiones, establecer acuerdos, lograr metas
comunes; en fin, colaborar significa trabajar con otras personas a pesar de nuestras diferencias en
ideas, valores, formas y estilos de vida.
Este ayuda a los estudiantes a desarrollar destrezas sociales que podrán utilizar fuera del aula,
como expresar sus opiniones y sentimientos, tomar la iniciativa, negociar y llegar a acuerdos, o
escuchar perspectivas diferentes. Sin duda, la educación colaborativa presenta múltiples ventajas:
es multidisciplinar, dinámica e interactiva y contribuye a fomentar la participación y la motivación de
los estudiantes.
Las herramientas digitales colaborativas en el ámbito de la educación crean un entorno en el que los
estudiantes pueden comunicarse y trabajar conjuntamente, independientemente de que estén en el
mismo lugar físico o no. Constituyen la solución perfecta para los docentes que quieren implementar
el aprendizaje colaborativo en sus aulas.
Por lo cual trabajar con otra persona o con un grupo de personas para obtener un resultado lo
podemos definir como trabajo colaborativo. Es por eso que gracias a la tecnología tenemos a nuestra
disposición herramientas de trabajo colaborativo en línea que podemos utilizar para trabajar
juntos sin la necesidad de estar en el mismo espacio físico y lograr nuestro objetivo en común.
2. Peergrade
Esta herramienta danesa es de pago y sirve para que los estudiantes puedan darse feedback
unos a otros. Hay que tener en cuenta que, por el momento, sólo existe en inglés. La idea
es crear una tarea, que los estudiantes deberán subir a la plataforma. Después, la aplicación
asigna aleatoriamente a cada estudiante para que pueda corregir el trabajo de un compañero o
compañera. La ventaja es que el docente puede supervisar el feedback e incluso evaluarlo con
una nota al final. Esto les enseñará a hacer correcciones y comentarios útiles y constructivos en
su vida.
3. Quizlet
Quizlet es un espacio en el que los estudiantes pueden estudiar, repasar y hacer preguntas sobre
la lección los unos a otros desde sus casas, como si se tratara de una partida de Trivial o un juego
de preguntas y respuestas. Primero, hacen tarjetas con las preguntas que se tienen que estudiar
y luego las pueden compartir con sus compañeros. Por otra parte, esta manera de estudiar les
permite repartirse el trabajo y responsabilizarse de la parte que le toca a cada uno.
4. Mural
Esta herramienta gratuita proporciona un espacio virtual para que los estudiantes puedan
compartir ideas. En una especie de mural blanco, los alumnos pueden dibujar, pegar notas, añadir
información, videos, etc.
5. YoTeach!
YoTeach! sirve para que los estudiantes puedan comunicarse en tiempo real. Se pueden crear
varias salas de chat, hacer preguntas, moderar las respuestas y crear encuestas y votaciones.
6. Wakelet
Esta herramienta gratuita sirve para crear y compartir proyectos con los estudiantes. Desde aquí,
el docente podrá diseñar la planificación de clases, un calendario, listas de lectura, newsletters y
muchas cosas más.
1 ACTIVIDAD
Instrucciones: Tomando como base la lectura del tema “Herramientas digitales para
el trabajo colaborativo”, contesta el siguiente cuestionario.
24 PROGRESIÓN 2
2°. semestre
P2
FORMACIÓN FUNDAMENTAL
Responde...
1. ¿Cómo se define el trabajo colaborativo?
__________________________________________________________
__________________________________________________________
LECTURA
Las presentaciones son herramientas que facilitan a una persona o empresa, exponer ideas a
un determinado público, ya que la información puede ser expuesta de una manera dinámica e
ilustrativa. Presentaciones de Google es una aplicación que permite crear presentaciones en línea
sin la necesidad de tener un software de creación de presentaciones instalado en la computadora.
Es importante señalar que, para trabajar con presentaciones de Google, lo primero es tener una
cuenta de Gmail.
Para trabajar con esta aplicación de manera más ágil, es importante conocer su entorno de trabajo,
que se muestra en la siguiente imagen.
2 ACTIVIDAD
26 PROGRESIÓN 2
2°. semestre
P2
FORMACIÓN FUNDAMENTAL
Para crear una presentación en blanco sólo deberás pulsar en el ícono En blanco. Esta opción se
utiliza para poder tener el control del diseño debido a que no contiene color, imágenes ni diseño.
Cuando se crea una nueva presentación, se crea con el nombre de Presentación sin título, y todos
los cambios y modificaciones que tú vayas realizando, se irán guardando automáticamente. Sin
embargo, es importante asignar un nombre relacionado con el contenido de la presentación. Para
cambiar el nombre deberás hacer una de éstas dos opciones:
Una vez que creaste tu presentación y deseas trabajar de forma colaborativa, deberás ir a la parte
superior derecha de tu pantalla y dar clic sobre el botón Compartir como se muestra en la imagen.
Esto abrirá una ventana con las opciones Compartir archivos con personas y grupos u obtener
el vínculo.
Después de esto ya pueden entre todos editar la presentación agregando el contenido que les
interese mostrar y que en este caso será el indicado por tu maestro. Recuerda que la ventaja es que
todos los cambios que vayan realizando en conjunto, se guardan de manera automática.
Aplicando temas
Editar diapositivas
Diseño
El diseño es la estructura que tendrá la diapositiva, indica la forma en cómo se distribuyen el texto,
las imágenes en ella.
28 PROGRESIÓN 2
2°. semestre
P2
FORMACIÓN FUNDAMENTAL
Insertar texto
Para agregar texto en una diapositiva tiene 2 opciones: Insertar texto desde un diseño o Insertar
cuadros de texto.
3 ACTIVIDAD
______________________________________________________________________________
______________________________________________________________________________
¿Qué deben hacer para que todos los integrantes del equipo trabajen colaborativamente?
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
30 PROGRESIÓN 2
P2
PROGRESIÓN 3
2°. semestre
FORMACIÓN FUNDAMENTAL
Descripción de la progresión
En esta progresión el alumno conoce la teoría del color para poder aplicarla en la creación
de contenido digital que apoye sus actividades académicas y cotidianas utilizando las
herramientas propuestas durante el proceso de enseñanza-aprendizaje.
CONOCIMIENTOS PREVIOS
Responde las siguientes preguntas y posteriormente comparte tus
respuestas en una plenaria guiada por el docente
Responde...
1. ¿Qué es contenido digital?
________________________________________________________________
________________________________________________________________
________________________________________________________________
PROBLEMA A RESOLVER
Luis y dos compañeros se han comprometido para apoyar en la organización del festejo
del día del estudiante en su plantel. Les han encomendado encargarse de publicitar el
evento, por lo que tienen que elaborar un anuncio para colocarlo en diversas partes de
la escuela. Recordando que en clase de Cultura Digital están viendo Canva, piensan
utilizarlo. ¿Qué tipo de anuncio consideras que deben elaborar? ¿Qué tipo de información
debe contener? ¿Cómo sugieres que sea su apariencia para que capte la atención? En
otras palabras, ¿cómo se pueden asegurar de que su anuncio sea leído?
LECTURA
Se concibe como “un conjunto de reglas básicas que rigen la mezcla de colores para conseguir
efectos deseados, mediante la combinación de colores o pigmentos”¹. La teoría del color establece
las pautas fundamentales en torno a las combinaciones de colores y la armonía. Los diseñadores y
artistas se basan en la teoría del color para tomar las decisiones correctas para sus proyectos, pero
no son los únicos que la utilizan.
¹ Recuperado de https://concepto.de/teoria-del-color/
32 PROGRESIÓN 3
2°. semestre
P3
FORMACIÓN FUNDAMENTAL
La mayoría de las personas, sin saberlo, toman decisiones cotidianas basadas en la teoría y la
armonía del color. Para elegir siempre los mejores colores, los diseñadores utilizan una rueda de
color y toman en cuenta varios aspectos como la capacidad óptica humana, psicología, cultura y
más.
Conceptos básicos
Círculo cromático: Se trata de una representación circular de todos los colores del espectro visual
que permite identificar los colores primarios o puros y aquellos que se consideran derivados, o sea
fruto de la mezcla de colores.
Propiedades de un color:
• Tono: Es el identificador habitual de un color por el nombre de su matiz dominante: rojo, verde,
amarillo, etc. Es el cómo se ve (por ejemplo, “es verde”).
• Saturación: Es la intensidad, si el color parece más sutil o más vivo. Los colores más saturados
son más brillantes, por el contrario, los desaturados tienen menos pigmento y son más apagados.
Si tiene matices (se añadió negro), tintes (se añadió blanco) o tonos (se añadió gris).
• Escala Acromática: Será siempre una escala de grises, una modulación continua del blanco
al negro. La escala de grises se utiliza para establecer comparativamente tanto el valor
de la luminosidad de los colores puros como el grado de claridad de las correspondientes
gradaciones de este color puro.
• Escalas Monocromáticas: Se basan en un único color y se forman con todas sus variaciones,
añadiendo blanco, negro o gris como mezcla de ambos.
• Escala Cromática: Se obtienen los valores del tono mezclando los colores puros con blanco
o con negro, por lo que pueden perder fuerza cromática o luminosidad. Es decir, cambia su
tono, su saturación y su brillo.
• Escalas Policromáticas: Son aquellas gamas de variaciones de dos o más colores. El mejor
ejemplo de este tipo de escala es el arco iris.
IMÁGENES DIGITALES
Concepto y Tipos
Una imagen digital es una representación bidimensional
construida a partir de una matriz binaria (compuesta de
unos y ceros). Es posible obtener estas imágenes de
distintas maneras.
Lo primero que debes saber sobre la imagen digital
es que puede dividirse principalmente en dos grandes
tipos. Fig. 2. Formatos de imágenes digitales.
Por un lado, tenemos las imágenes vectoriales, compuestas por entidades geométricas simples.
Es decir, su composición se basa en segmentos y polígonos (recordemos que las curvas son una
sucesión de segmentos). Cada entidad geométrica se configura matemáticamente por parámetros
(de inicio, final, grosor, color, contornos…) que permiten transformarlas rápida y fácilmente: escalar
su tamaño sin perder “calidad”. Las imágenes vectoriales son usadas en muchos casos para dibujos
(de instrucciones de uso y montaje de productos), diseño gráfico. Formatos de imagen vectorial:
EPS, AI, PDF y SVG.
Por el otro lado tenemos las imágenes bitmap, compuestas por píxeles que, rellenos de colores,
conforman unidos el resultado de la imagen. Aunque a simple vista no los veamos, estos bits y sus
colores acaban uniéndose visualmente en nuestra retina y se convierten en la imagen digital que
vemos. Formatos de imagen de mapa de bits: JPG, JPEG, PNG, GIF, BMP y TIFF.
Características de las imágenes digitales
Píxel: Un píxel es cada uno de los puntos o elementos más pequeños que forman una imagen.
El color que compone cada píxel se obtiene mediante tres colores. El rojo, el verde y el azul. Así
pues, el tamaño de una imagen digital suele expresarse como el producto del número de píxeles en
horizontal y en vertical.
Resolución: La resolución de una imagen digital nos indica el nivel de detalle con el que puede
observarse la misma. Este término se utiliza para definir la nitidez de una imagen digital.
Tamaño: El tamaño de la imagen digital va completamente relacionado con los píxeles de la misma.
Cuantos más píxeles tenga una imagen digital, más grande la podremos hacer. El tamaño de la
imagen digital se define con las dimensiones en píxeles.
Profundidad de color: La profundidad de color simplemente es el número de bits utilizados para
almacenar información sobre el color de cada píxel en una imagen digital. También se conoce como
la profundidad de color o bits por píxeles (bpp).
34 PROGRESIÓN 3
2°. semestre
P3
FORMACIÓN FUNDAMENTAL
Modos de color: Los modos de color o formatos de color son representaciones del espectro de
color visible, el que percibe nuestro ojo. Entre los modos de color más conocidos podemos encontrar
RGB, CMYK, Hexadecimal, Escala de Grises, 1 Bit o LAB.
El modo de color RGB está basado en la suma de los colores lumínicos primarios. A esto se le conoce
como síntesis aditiva, donde los colores deben sumarse para conseguir uno nuevo. Esos colores
son el Rojo (Red), el Verde (Green) y el Azul (Blue). Este modo de color se utiliza mayormente para
imágenes y elementos gráficos que necesiten reproducirse en canales digitales. No debe usarse
para sistemas de impresión.
El formato de color CMYK está basado en la sustracción del blanco usando para ello mezclas
de pigmentos. Es lo que se conoce como síntesis sustractiva. Los colores sustractivos primarios
para este modo de color son Cian (Cyan), Magenta (Magenta), Amarillo (Yellow) y Negro (Black).
Este modo de color se utiliza mayormente para imágenes y elementos gráficos que necesiten ser
impresos sobre un medio físico.
1 ACTIVIDAD
Instrucciones: Una vez realizada la lectura “Teoría del color e imágenes digitales”, en
el laboratorio o en tu celular, observa los siguientes videos y posteriormente contesta
el cuestionario que se presenta.
Responde...
Cuestionario
1. ¿Qué es la colorimetría?
________________________________________________________________
________________________________________________________________
5. ¿Qué es un pixel?
________________________________________________________________
________________________________________________________________
6. ¿Cuáles son los dos grupos de imágenes digitales más comunes y en qué
consiste cada uno?
________________________________________________________________
8. ¿Cuáles son los modos de color más usados en las imágenes digitales?
________________________________________________________________
10. ¿Cuáles son los formatos más comunes de las imágenes mapa de bits y de
las vectoriales?
________________________________________________________________
36 PROGRESIÓN 3
2°. semestre
P3
FORMACIÓN FUNDAMENTAL
LECTURA
CONTENIDO DIGITAL
Concepto y Tipos
Contenido digital es entonces todo aquello que podemos mostrar en un medio digital, que puede
ser editado con facilidad, es dinámico y se puede actualizar constantemente. Estos contenidos
son herramientas muy poderosas cuando se utilizan con fines comerciales. A través de estos, las
marcas pueden conectar racional y emocionalmente con las audiencias, inspirar confianza, generar
empatía, posicionar la imagen corporativa o dar a conocer los valores empresariales, entre otros.
Existe una gran variedad de beneficios a la hora de planificar una estrategia de contenidos digitales.
Atraer a nuestro público objetivo va a ser una de las principales metas de nuestro contenido. Por
otro lado, la calidad de nuestro contenido ayudará a conseguir leads y generar engagement en
nuestro público.
Imágenes: Es un medio visual que permite transmitir ideas de forma más directa y efectiva. Gracias
a su capacidad para generar emociones es ideal para publicar anuncios o para ilustrar artículos y
posteos. Ejemplos: Fotografías, Banners, Ilustraciones, Infografías, GIFs, Memes.
Audios: Este tipo de contenido puede ser consumido en cualquier momento por los usuarios y les
aportan valor a la hora de solucionar sus necesidades o problemas. Ejemplos: Canciones, Podcast,
Entrevistas, Audiolibros, Soundtracks, Notas de voz.
Videos: Es el tipo de contenido más famoso en la web. Tiene la capacidad única de transmitir
información visual y sonora, lo que lo hace un medio eficaz e ideal para contar historias, presentar
productos o transmitir mensajes más largos y complejos. Ejemplos: Transmisiones en vivo, Sketches
humorísticos, Tutoriales, Reviews de productos, Videos musicales, Series y películas.
Actualmente uno de los contenidos más utilizados es el texto, seguido por el video y las imágenes.
Para que un contenido digital sea atractivo debe contener las siguientes características:
• Útil: Debe resolver una necesidad o satisfacer un deseo del usuario. A la hora de plantear
nuestros calendarios de contenido digital debemos tener en cuenta qué quiere o necesita
nuestro público objetivo.
• Original: Debe cumplir con dos tipos de originalidad. Ser un contenido propio y no copia de
otros y además ser distinto y novedoso.
• Sencillo: Se debe crear un contenido claro, directo y sencillo. Evitar la saturación.
• Actual: Debe estar al día, tanto en el aspecto tecnológico como en lo relacionado con el
marketing digital y actualizar constantemente nuestros contenidos para que nunca queden
desfasados.
• Responsive: Si hoy el consumo de internet lo hacemos a través de todo tipo de dispositivos:
computadoras, tabletas, celulares, etc., es importante que todo lo que publiquemos este
adaptado a cualquier tipo de pantalla.
La creación de contenidos es un término que en marketing digital significa producir textos, artículos,
imágenes, videos, audios, que ofrecen información o entretenimiento y cumplen objetivos parti-
culares de atracción de tráfico web y clientes potenciales, con el fin de distribuirlos en diversos
canales o plataformas y llamar la atención de los usuarios.
El segundo es aplicar el proceso SEO (Search Engine Optimization), orientado a adaptar tu contenido
para que los usuarios te encuentren fácilmente cuanto te busquen en internet.
Estos son los pasos que se recomienda seguir para asegurar la creación de un buen con-
tenido digital.
1. Investiga a quién te vas a dirigir: Este paso es imprescindible a la hora de tener ideas para
crear contenido. Debes pensar cuál será tu audiencia y qué quieres conseguir con tu contenido.
3. Búsqueda de información: En este paso debes tener claro qué es lo que quiere leer tu
audiencia, destacando que tu contenido debe ser 100% original para evitar ser penalizado por
Google. De aquí que este paso sea lento y complejo.
4. Diseño y creatividad: En este paso, la importancia es crear contenido que sea completamente
original. Se pueden hacer búsquedas de información, pero no copiar un texto, porque la idea es
agregar contenido propio. También implica diseñar la estructura de tu artículo, aportando mucha
creatividad para crear un contenido impactante, atractivo y único.
38 PROGRESIÓN 3
2°. semestre
P3
FORMACIÓN FUNDAMENTAL
5. Optimización del contenido: Esta parte se podría definir como “pulir tu contenido” para que
alcance su propósito. Incluye aspectos como controlar las veces que aparece la keyword principal
en tu texto, dónde lo publicarás, adaptarlo al canal elegido para su publicación de manera que
sea más atractivo para tu audiencia, etc.
2 ACTIVIDAD
7. Imágenes
1. Digital 4. Página
8. Internet
2. Información 5. Web
9. Medio
3. Marketing 6. Estrategias
10. Videos
LECTURA
SOFTWARE PARA LA ELABORACIÓN DE CONTENIDOS DIGITALES (Canva)
Herramientas para la creación de contenidos digitales
Hay una gran variedad de herramientas que pueden ayudarte a crear un contenido digital de valor,
original y atractivo. A continuación, se describen algunas:
• Canva: Diseña y crea carteles, pósters, infografías, documentos, tarjetas de visita, covers de
Facebook, etc., de la manera más sencilla que puedas imaginarte.
• Slideshare: Crea y comparte tus presentaciones de cualquier contenido digital con el mundo
a través de esta herramienta.
• Picktochart: La herramienta más fácil para crear infografías con un contenido sintético,
atractivo y muy potente.
• Pablo By Buffer: Es un banco de imágenes y una herramienta de edición de fotos.
• Iconfinder: Es un banco de íconos para tu web, blog, redes sociales.
• Audacity: Permite mezclar y aplicar efectos a tus grabaciones de audio.
• Dafont: Ofrece un banco de letras que puedes descargar e instalar de forma gratuita.
De todos ellos, Canva es la más conocida y fácil de usar, además de la variedad de contenidos que
permite elaborar. Recordemos que ofrece un impresionante catálogo de plantillas para editar no sólo
posts o historias, sino también videos.
Retomando la teoría del color, recordemos que manejamos dos modos de color para la elaboración
de material digital RGB y CMYK, el RGB se menciona que es utilizado principalmente para material
que se va a visualizar en pantallas y el modo CMYK por sus mezclas de colores se utiliza para
contenido o material impreso. Tomando en cuenta lo anterior y aplicando la colorimetría, se te solicita
la elaboración de un proyecto usando el modo de color adecuado a la manera en que lo vayas a
presentar, apoyándote en la herramienta Canva.
40 PROGRESIÓN 3
2°. semestre
P3
FORMACIÓN FUNDAMENTAL
2. Seleccionamos una de las plantillas proporcionadas, recordando que las que muestran una
corona son de la versión PRO lo cual genera un costo, pero las que no tienen esta corona, son
completamente gratis y las podemos editar sin problema.
3. Una vez seleccionada la plantilla podemos iniciar con la edición, utilizando las herramientas
proporcionadas, en la barra de herramientas mostradas en el lado izquierdo de la pantalla.
4. Recordemos que cada vez que seleccionamos un elemento de la plantilla en la pantalla principal
en la parte de arriba se activa una barra de herramientas del elemento seleccionado para poder
editarlo o personalizarlo.
5. Una vez que terminamos con nuestro proyecto, en la parte superior derecha, encontramos el
botón para, guardar, imprimir, compartir o presentar el archivo.
¿Qué tipo de anuncio consideras que deben elaborar? ¿Qué tipo de información debe
contener? ¿Cómo sugieres que sea su apariencia para que capte la atención? En otras
palabras, ¿cómo se pueden asegurar de que su anuncio sea leído?
42 PROGRESIÓN 3
P4
PROGRESIÓN 4
2°. semestre
FORMACIÓN FUNDAMENTAL
Descripción de la progresión
En esta progresión el alumno conocerá y aplicará técnicas y métodos de investigación
digital como cyber etnografía, análisis del contenido en línea, focusgroup (grupo de foco)
online, entrevista online en la metodología digital, entre otras, para que pueda localizar
información adecuada de su interés, todo esto conforme a su contexto y recursos.
CONOCIMIENTOS PREVIOS
Instrucciones: Participa en una lluvia de ideas sobre el concepto
de investigación digital, destacando la importancia en la era digital
y cómo puede aplicarse en la educación. Lee con atención el texto
“INVESTIGACIÓN DIGITAL” y “MÉTODOS DE INVESTIGACIÓN”.
PROBLEMA A RESOLVER
Actualmente se está agravando el problema de la deserción escolar por diversas causas,
entre ellas los altos índices de reprobación, esto provoca que los jóvenes se queden sin
estudiar puesto que se dan de baja o simplemente dejan de asistir a su escuela. Es por
ello que se ha decidido hacer una investigación de las causas de dicha problemática y
se les pide a los alumnos de Cultura Digital II, realizar una encuesta en su plantel para
obtener información.
Para recabar la información se diseñará un formulario (Google formularios) como método
de investigación digital, mediante búsquedas avanzadas y herramientas digitales.
Para resolver este problema llevaremos a cabo diferentes etapas, comenzando por
elaborar un bosquejo del formulario, posteriormente se diseñará en Google Formularios
del cual se extraerán los datos que servirán para la creación de gráficas para representar
la información.
LECTURA
44 PROGRESIÓN 4
2°. semestre
P4
FORMACIÓN FUNDAMENTAL
• Educación: Los estudiantes necesitan habilidades de investigación digital para llevar a cabo
investigaciones académicas, evaluar recursos en línea y desarrollar habilidades de aprendizaje
independiente.
• Vida Personal: En la vida cotidiana, la investigación digital se utiliza para tomar decisiones
informadas, resolver problemas y mantenerse actualizado en una variedad de temas.
• Ciudadanía Digital: En la vida cotidiana, la literacidad digital permite a las personas participar
activamente en la sociedad en línea, discernir entre información confiable y engañosa, y
proteger su privacidad en un mundo cada vez más digital.
La investigación digital es una habilidad valiosa que todos deben desarrollar en la era digital. Facilita
la adquisición de conocimientos, la comunicación efectiva y la toma de decisiones informadas. La
educación y la práctica continuada son esenciales para mejorar la alfabetización digital y maximizar
su utilidad en diversos aspectos de la vida. La literacidad digital es una competencia que se mantiene
en constante evolución a medida que la tecnología avanza, y su importancia seguirá creciendo en
el futuro.
Ética y Privacidad: La ética en la investigación digital es crítica. Los individuos deben comprender
y respetar los derechos de autor, la privacidad en línea y las políticas de uso aceptable en entornos
digitales.
Aplicaciones en la Educación:
- Alfabetización mediática: Los docentes enseñan a los estudiantes a evaluar críticamente los
medios de comunicación en línea, incluyendo noticias, videos y contenido en redes sociales.
- Aprendizaje en línea: La literacidad digital es esencial para el aprendizaje en línea, donde los
estudiantes deben navegar, buscar y utilizar recursos digitales.
En la vida cotidiana:
- Toma de decisiones: Las personas recurren a la investigación en línea para tomar decisiones
informadas, como la compra de productos, la elección de servicios y la planificación de viajes.
46 PROGRESIÓN 4
2°. semestre
P4
FORMACIÓN FUNDAMENTAL
• Minería de Datos Web: La minería de datos web implica el uso de algoritmos y técnicas de
aprendizaje automático para descubrir patrones y tendencias en grandes conjuntos de datos
web. Esto es especialmente útil para la extracción de información en redes sociales, foros y
sitios web.
• Focus Group en línea: Los focus group en línea implican la realización de discusiones
grupales en entornos virtuales, donde los participantes comparten sus opiniones y experiencias.
Plataformas como Zoom y Microsoft Teams son comunes para esta técnica.
• Métodos cualitativos en línea (MICO): Los métodos cualitativos en línea incluyen técnicas
como la observación en línea y el análisis de contenido de redes sociales. Estos métodos
permiten a los investigadores comprender las dinámicas sociales y comunicativas en línea.
• Análisis de Redes Sociales (ARS): El ARS implica el estudio de las relaciones y la interacción
entre individuos, grupos o entidades en plataformas de redes sociales. Se utilizan herramientas
especializadas para analizar las redes sociales en línea.
CYBER ETNOGRAFÍA
Los métodos de investigación digital son fundamentales en la era digital actual, donde la información
y las interacciones en línea desempeñan un papel central en la sociedad. Estas técnicas permiten
a los investigadores recopilar, analizar y comprender el vasto y complejo mundo digital. La
elección de métodos depende de los objetivos de investigación y la naturaleza de los datos en
línea. La investigación digital es una disciplina en constante crecimiento que promete continuar
desempeñando un papel importante en diversos campos de estudio.
La cyber etnografía es una metodología valiosa para investigar la cultura y la vida en línea. Permite
a los investigadores sumergirse en las experiencias digitales de las personas y comprender cómo
la tecnología influye en la interacción y la comunicación en la sociedad contemporánea. A medida
que el mundo digital continúa evolucionando, la cyber etnografía seguirá siendo una herramienta
esencial para explorar este entorno en constante cambio.
- Antropología digital: Los antropólogos digitales utilizan la cyber etnografía para estudiar las
culturas y las comunidades en línea.
- Investigación de mercado: Las empresas emplean la cyber etnografía para comprender las
opiniones y comportamientos de los consumidores en línea.
El análisis del contenido en línea es una práctica de investigación que se ha vuelto fundamental en un
mundo donde gran parte de la información y la comunicación se realizan en línea. Esta metodología
implica el estudio y la evaluación de contenido digital en diversas formas, con el objetivo de extraer
significado, identificar patrones y comprender mejor los fenómenos en línea.
48 PROGRESIÓN 4
2°. semestre
P4
FORMACIÓN FUNDAMENTAL
- Diversidad de medios: El contenido en línea puede tomar muchas formas, desde texto
escrito e imágenes hasta videos y audio. El análisis del contenido en línea debe ser capaz de
abordar esta diversidad de medios.
- Extracción de datos: Los investigadores extraen datos de fuentes en línea, como sitios web,
redes sociales, foros, blogs y más. Esto implica la recopilación de información relevante para
el análisis.
- Investigación académica: Los académicos utilizan esta metodología para estudiar temas
que van desde la opinión pública en línea hasta la difusión de desinformación en las redes
sociales.
- Investigación de mercado: Las empresas emplean el análisis del contenido en línea para
comprender la percepción del consumidor, evaluar la competencia y realizar seguimiento de
tendencias.
- Estudios de opinión: Los analistas políticos y sociales recurren al análisis del contenido en
línea para comprender la opinión pública y la respuesta a eventos y políticas.
El análisis del contenido en línea es una metodología de investigación valiosa que permite a los
investigadores extraer información significativa de los vastos volúmenes de contenido digital en
Internet. Proporciona conocimientos sobre cómo se comunican las personas en línea, cómo se
difunden las ideas y cómo evolucionan las tendencias. A medida que el mundo digital continúa
creciendo, esta metodología se vuelve aún más importante para comprender y navegar en la era de
la información en línea.
El “Focus Group” es una técnica de investigación cualitativa que implica reunir a un grupo de
participantes, generalmente de 6 a 12 personas, para discutir en profundidad un tema específico
bajo la dirección de un moderador. Esta técnica permite explorar las percepciones, opiniones y
experiencias de los participantes de manera interactiva.
- Interacción grupal: La dinámica grupal permite que los participantes reaccionen y respondan
a las ideas y comentarios de los demás, lo que puede llevar a nuevas perspectivas y
profundización en el tema.
- Investigación de mercado: Las empresas emplean focus group para evaluar productos,
publicidad y estrategias de marketing.
- Investigación de opinión: En política y asuntos sociales, los focus group se utilizan para
comprender las opiniones y actitudes de los votantes y la comunidad.
- Investigación en salud: Los profesionales de la salud utilizan focus group para explorar
percepciones sobre temas de salud, como el acceso a la atención médica y la prevención de
enfermedades.
El “Focus Group” es una técnica valiosa para explorar en profundidad las perspectivas de un grupo
de participantes sobre un tema específico. A través de la interacción grupal y la discusión moderada,
se pueden obtener ideas significativas y comprender mejor las actitudes y percepciones de los
participantes. Los focus group son una herramienta poderosa en la investigación cualitativa y se
utilizan en una amplia variedad de campos para informar la toma de decisiones y la comprensión de
las opiniones del público.
La entrevista en línea es una forma de investigación cualitativa que se realiza a través de medios
digitales, lo que permite a los investigadores llevar a cabo entrevistas con participantes ubicados
en diferentes lugares geográficos. Esta metodología es especialmente relevante en la era de la
comunicación digital, donde la distancia física ya no es un obstáculo para la investigación.
50 PROGRESIÓN 4
2°. semestre
P4
FORMACIÓN FUNDAMENTAL
- Tecnología digital: Las entrevistas en línea se llevan a cabo a través de tecnología digital,
como plataformas de videoconferencias (por ejemplo, Zoom, Skype), llamadas telefónicas,
chats o correos electrónicos.
- Estudios de mercado: Las empresas realizan entrevistas en línea para obtener información
sobre las preferencias del consumidor y la retroalimentación sobre productos y servicios.
- Investigación en salud: En estudios de salud, las entrevistas en línea se utilizan para recopilar
datos sobre las experiencias de los pacientes y sus percepciones de la atención médica.
Los Métodos de Investigación Cualitativa Online (MICO) se han convertido en una parte integral de
la investigación cualitativa en la era digital. Estos métodos aprovechan la tecnología para llevar a
cabo investigaciones en línea, lo que ofrece ventajas en términos de accesibilidad, diversidad de
participantes y facilidad de recopilación de datos.
- Recopilación de datos en línea: Los MICO aprovechan plataformas en línea, como encuestas
web, foros, grupos de discusión en línea y entrevistas por videoconferencia, para recopilar
datos cualitativos.
- Investigación de salud: Los MICO se utilizan para investigar temas de salud, como la
telemedicina y las experiencias de los pacientes en entornos virtuales de atención médica.
Los Métodos de Investigación Cualitativa Online (MICO) representan una evolución significativa en
la investigación cualitativa, al aprovechar la tecnología digital para realizar investigaciones en línea.
Esto permite a los investigadores acceder a una amplia gama de participantes y recopilar datos
de manera eficiente. A medida que la sociedad digital continúa evolucionando, los MICO seguirán
siendo una herramienta esencial en la investigación cualitativa y en la exploración de la vida en
línea.
La Entrevista Asistida por Computadora (EAC) es una técnica de investigación que aprovecha la
tecnología para administrar y registrar entrevistas con participantes. Esta metodología combina las
ventajas de la entrevista estructurada o semiestructurada con la eficiencia y la capacidad de análisis
de datos que ofrecen las herramientas informáticas.
52 PROGRESIÓN 4
2°. semestre
P4
FORMACIÓN FUNDAMENTAL
- Análisis de datos integrado: Muchos programas de EAC incluyen herramientas para analizar
y visualizar los datos recopilados, lo que facilita la interpretación de resultados.
- Estudios de opinión: Los analistas políticos y sociales utilizan la EAC para encuestar a
votantes y comprender las actitudes y opiniones del público sobre cuestiones políticas y
sociales.
- Investigación académica: Los investigadores académicos pueden utilizar la EAC para llevar
a cabo estudios cuantitativos y cualitativos en diversas disciplinas, incluyendo psicología,
sociología y educación.
La Entrevista Asistida por Computadora (EAC) representa una herramienta valiosa para
investigadores y profesionales que buscan recopilar y analizar datos de manera eficiente y
estructurada. La combinación de tecnología informática y métodos de entrevista ofrece un enfoque
versátil que se adapta a diversas áreas de investigación y aplicaciones. A medida que la tecnología
continúa avanzando, es probable que la EAC siga desempeñando un papel importante en la
investigación y la toma de decisiones basadas en datos.
Las redes sociales son plataformas en línea diseñadas para facilitar la interacción y la comunicación
entre usuarios. Estas plataformas permiten la creación de perfiles personales, la publicación de
contenido, la conexión con amigos, familiares y colegas, y la participación en comunidades en
línea. Las redes sociales han revolucionado la forma en que las personas se conectan y comparten
información.
- Perfiles de usuario: Los usuarios crean perfiles personales que a menudo incluyen información
personal, fotos de perfil y datos biográficos.
- Conexiones y amigos: Los usuarios pueden conectar con otros usuarios y agregarlos como
amigos, lo que les permite seguir las actividades y el contenido de sus contactos.
- Publicación de contenido: Los usuarios pueden publicar contenido, que puede incluir texto,
imágenes, videos, enlaces y más, en sus perfiles o en páginas y grupos específicos.
- Interacción social: Las redes sociales fomentan la interacción social a través de funciones
como comentarios, likes (me gusta) y compartidos, lo que permite a los usuarios comunicarse
y expresar sus opiniones.
- Redes sociales generales: Ejemplos incluyen Facebook, Twitter e Instagram, que permiten
una amplia gama de interacciones y conexiones.
- Redes profesionales: LinkedIn es un ejemplo de una red social profesional que se centra en
conexiones laborales y oportunidades de carrera.
- Redes temáticas: Reddit es una red social temática donde los usuarios participan en
comunidades en línea centradas en intereses específicos.
Las redes sociales han tenido un impacto significativo en la sociedad, que incluye:
y Conectividad Global: Las redes sociales han permitido que las personas se conecten con
otras en todo el mundo, lo que ha acortado las distancias y ampliado las perspectivas.
y Difusión de información: Las redes sociales han facilitado la difusión de información, noticias
y tendencias, a menudo en tiempo real.
y Participación cívica: Las redes sociales se han utilizado para movilizar a las comunidades y
promover la participación en cuestiones cívicas y políticas.
Las redes sociales han transformado la forma en que las personas se comunican, se conectan y
comparten información en la era digital. Han tenido un impacto profundo en la sociedad, la política,
los negocios y la vida cotidiana. A medida que las redes sociales continúan evolucionando, es
fundamental comprender su influencia y sus implicaciones en la comunicación y la interacción en
línea.
54 PROGRESIÓN 4
2°. semestre
P4
FORMACIÓN FUNDAMENTAL
1 ACTIVIDAD
Diseñar un bosquejo o borrador de
formulario de Investigación Digital,
enfocado a una problemática de la
localidad
1. Realiza una investigación en línea del tema elegido. Deben recopilar datos y
preguntas que consideres relevantes para tu formulario de investigación.
2. Deberán incluir diferentes tipos de preguntas, que el docente les formulará. Por
ejemplo:
- ¿Estudia actualmente?
ACTIVIDAD DE
Bosquejo de un formulario.
EVALUACIÓN (Posteriormente se realizará el
diseño del Formulario).
1. Definición del tema: Selecciona un tema de tu interés. En este caso, el tema es “La
reprobación escolar”.
¾ ¿Puedes mencionar algún ejemplo de los problemas por los que reprueban los
alumnos?
3. Búsqueda en Google:
4. Entregar el bosquejo al docente, deberá incluir una portada con los datos indicados.
56 PROGRESIÓN 4
P5
PROGRESIÓN 5
2°. semestre
FORMACIÓN FUNDAMENTAL
5.2. HTML
5.2.1. Estructura básica de una página Web.
5.2.2. Etiquetas.
5.3. Elaboración de una página web para solucionar una situación, fenómeno o
problemática.
Descripción de la progresión
En esta progresión el alumno representará la solución de una problemática a través de
páginas web utilizando el lenguaje HTML (Hyper Text Markup Language).
Cultura Digital II
LECTURA
PÁGINAS WEB
Introducción
Los sitios web se usan para muchos tipos de propósitos. Puede crear escaparates, lo que permite a
una empresa vender productos. Puede proporcionar información sobre una organización, como un
folleto digital. O bien puede desarrollar una aplicación totalmente interactiva. Debido a la flexibilidad
de los sitios web y su uso generalizado, puede crear todo tipo de proyectos. Al convertirse en
desarrollador web, se empieza con el Lenguaje de marcado de hipertexto o HTML.
Imagine que quiere crear un currículum para mostrarlo de manera pública. Decidió crear una página
web, que se puede compartir ampliamente. Es una excelente manera de controlar cómo se mostrará
la información.
Pero para empezar a crear la página, deberá explorar un poco sobre el desarrollo web.
Las páginas web, páginas HTML o, simplemente, páginas son similares a la página de un
libro electrónico. Se trata de una pantalla única que muestra información. En la página, puede
desplazarse hacia arriba o hacia abajo, pero se creó como una recopilación de datos similares. Los
desarrolladores de software crean páginas en archivos HTML. Un archivo es como un documento
que puede crear en un procesador de texto. En lugar de escribir en un idioma como inglés o español,
crea archivos con los lenguajes diseñados para los sitios web.
En el desarrollo web, una página web puede ser un archivo único o el resultado de reunir dos o más
archivos. En la sección siguiente, obtendrá información sobre los diferentes archivos que se pueden
usar para crear una página web.
Un sitio web es un conjunto de páginas. Volvamos a la analogía anterior: el libro electrónico mismo
sería el sitio web. Tiene todas las páginas y un usuario lee una página a la vez. Un sitio web podría
tener una sola página o varios miles de ellas.
HTML
¿Qué es HTML?
Las siglas HTML significan Lenguaje de Marcas de Hipertexto (HyperText Markup Language, en
inglés). Imagina que estás construyendo una casa. Con el terreno listo, lo primero que haces es
armar la estructura, es decir, las columnas, techos y paredes.
Aunque todavía no puedes vivir en ella, tienes una idea más aproximada de cómo se verá y cómo
estarán distribuidos los espacios.
Precisamente, el HTML funciona como la estructura principal de una página web. Es la base que
necesitas para construir y añadir más información a tu sitio.
58 PROGRESIÓN 5
2°. semestre
P5
FORMACIÓN FUNDAMENTAL
El HTML es un lenguaje informático conocido como lenguaje de marcas. La mayoría de las páginas
web que ves en internet están construidas con sus etiquetas y códigos, entre muchas cosas más.²
El código HTML le indica al explorador web lo que tiene que hacer con la información de la página
mediante el marcado. El marcado muestra ciertas partes del texto de manera específica. Algunas
partes del texto deben estar en negrita o en cursiva. Algunas partes del texto deben estar en tablas.
Las etiquetas HTML le indican al explorador lo que tiene que hacer.
Si quiere que el explorador muestre algo en negrita, debería escribirlo así en el HTML:
Las etiquetas “strong” le indican al explorador que el texto que se encuentra en medio debe estar en
negrita. Cuando lo vea en el explorador, debería aparecer en negrita.
Tal como aprendimos en un ejemplo anterior, cuando una página web tiene texto en negrita, las
palabras del código HTML que le indican al explorador que el texto tiene que estar en negrita se
denominan etiquetas. Las etiquetas rodean el texto que se debe mostrar de manera específica o
que se debe transformar. Por lo general, hay una etiqueta inicial y una final, con texto entre ellas.
Una etiqueta y todo el contenido que se encuentra entre la apertura y el cierre conforman un
elemento.
EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como
textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías,
animaciones, etc.).
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con
el formato de los documentos. El texto en él, se crea a partir de etiquetas, también llamadas tags,
que permiten interconectar diversos conceptos y formatos.
Para la escritura de este lenguaje, pues, se crean las etiquetas que aparecen especificadas a través
de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la
estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus
atributos).
Por otra parte, cabe destacar que el HTML permite ciertos códigos que se conocen como scripts,
los cuales brindan instrucciones específicas a los navegadores que se encargan de procesar el
lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y
PHP.
1 ACTIVIDAD Cuestionario
Responde...
1. ¿Cuál es la finalidad de los sitios web?
________________________________________________________________
________________________________________________________________
5. ¿Qué es HTML?
_______________________________________________________________
_______________________________________________________________
60 PROGRESIÓN 5
2°. semestre
P5
FORMACIÓN FUNDAMENTAL
LECTURA
Las etiquetas pueden estar escritas en minúsculas o mayúsculas y no marca error por eso, pero sí
sería un error no escribirlas correctamente, lo que ocasionaría que no se mostrara correctamente
nuestra página web. Sin embargo, es recomendable que adoptemos un solo formato al escribirlas,
es decir o todas las etiquetas las escribimos sólo con minúsculas o todas las escribimos con
mayúsculas, esto para evitar que, al momento de subir las páginas al servidor, los enlaces generen
error.
Estructura:
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>
Ejemplo 1:
<!DOCTYPE html>
<html>
<body>
</body>
</html>
Etiquetas
Esta etiqueta va en la parte del encabezamiento de la página web, es decir en el HEAD, y define
en su contenido el título de la página web, misma que aparecerá en la parte superior izquierda de
la pantalla de tu navegador y en el caso de los navegadores más modernos como nombre de la
pestaña.
Sin cerrar nuestro navegador de Internet, volvemos al editor de código e incluimos el campo <title>
entre las etiquetas de apertura y cierre del encabezado (head).
<body>
Instrucciones HTML
</body >
En RGB se pueden llegar a tener 16 millones de colores en una página web. Existen dos formas
para aplicar colores:
1. Se especifica el color deseado directamente con el nombre del color en inglés: Ejemplo: blue,
green, yellow.
En la especificación del color utilizaremos para definir la proporción de cada color un número del 0
al FF (255), 0 indica nada de ese color y FF la mayor proporción del color.
Ejemplos de colores:
62 PROGRESIÓN 5
2°. semestre
P5
FORMACIÓN FUNDAMENTAL
La etiqueta <br> instruye al navegador cliente que inserte un salto de línea en un documento HTML.
La etiqueta <br> tiene el mismo efecto que un retorno de carro en una máquina de escribir. Es una
etiqueta especial, pues no precisa de etiqueta de cierre.
Etiqueta <hr>
La etiqueta <hr> dibuja de manera predeterminada una regla horizontal alineada automáticamente,
con una apariencia de tercera dimensión. Esta etiqueta especial, como no necesita de cierre se vale
de los siguientes atributos:
Los títulos o encabezados se emplean al comienzo de una sección y ofrecen distintos tamaños
predeterminados.
Ejemplos: <h1> Título 1</h1>, <h2> Título 2 </h2> , <h3> Título 3 </h3>, <h4> Título 4 </h4>, <h5>
Título 5 </h5> y <h6> Título 6 </h6>
HTML considera que los párrafos son bloques de texto. Los navegadores hacen lo posible para
adaptar el contenido de los párrafos a la ventana, a menos que los atributos NOWRAP o NOBR
estén explícitamente especificados. Dentro de un párrafo, todos los espacios, tabuladores y saltos
de línea cuentan como un espacio simple. Para colocar textos en bloques, se utiliza el par de
etiquetas <p> y </p>. Se puede utilizar el atributo align para alinear el párrafo.
Ejemplo de uso:
<p align=”center”>Este es un párrafo centrado</p>
El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado
de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto
los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las
denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será
un archivo texto con etiquetas que variarán la forma de su presentación.
Presenta atributos que nos permiten modificar el tamaño y color del texto incluido entre la etiqueta
de inicio y fin.
Etiqueta <img>
En un documento HTML se puede incluir cualquier imagen en alguno de los siguientes formatos
gráficos: GIF, JPEG o XBM. El formato más extendido y práctico es el GIF, todos los navegadores
gráficos de la Web soportan este formato, además existen gran cantidad de programas de tratamiento
de gráficos que permiten grabar los gráficos o convertir gráficos a GIF.
Este formato, así mismo, utiliza algoritmos de compresión que hacen que sus archivos sean en
cuanto a sus tamaños apropiados para su transmisión por la red.
El formato GIF es más recomendado para íconos, gráficas, y el formato JPEG es más útil para
imágenes reales como paisajes y personas.
Inclusión de imágenes
Ejemplo de uso:
<img src=”foto1.jpg” ALT=”Foto 1”>
Tamaño de la imagen
Es posible cambiar el tamaño de la imagen de forma que pueda ajustarse como se desee, pudiendo
ampliar o disminuir este.
El atributo WIDTH indica el ancho al que se mostrará la imagen, escalándola a este tamaño. También
se expresará en pixeles o en tanto por ciento.
Ejemplo de uso:
<img src=”logo.jpg” WIDTH=100 HEIGHT=25>
64 PROGRESIÓN 5
2°. semestre
P5
FORMACIÓN FUNDAMENTAL
La etiqueta <A> que viene de “ancla”, denota el inicio y el final de una instrucción que contiene alguna
forma de vínculo o hipervínculo. Esta etiqueta permite al usuario vincularse a otra ubicación dentro
del mismo documento HTML, a otro sitio WEB, a un servidor FTP, enlace de correo electrónico.
Atributos:
Hay que tener en cuenta que los marcadores distinguen entre mayúsculas y minúsculas. También
que dentro de las etiquetas <a> </a> hay un texto que aparece visible para el usuario, no obstan-
te, es válido no incluir texto alguno.
Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo
a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la
dirección completa de la página incluido, por ejemplo:
Para ello utilizaremos el atributo target con alguna de las siguientes opciones más habituales:
Tablas
En HTML también podemos incluir arreglos de tablas. Se deben utilizar varias etiquetas:
Etiqueta <table></table>
Señala el inicio y final de una tabla. Sus atributos son:
Indica al navegador cliente que exhiba el texto como un encabezado en la primera fila de una
tabla. Atributos principales:
Indica al navegador que exhiba el texto dentro de una fila; puede también interpretarse como la
etiqueta que define filas.
66 PROGRESIÓN 5
2°. semestre
P5
FORMACIÓN FUNDAMENTAL
<!DOCTYPE html>
<head><title>agenda</title></head>
<body background=”imagen_de_fondo.jpg”>
<br>
<tr align=”center”>
</tr>
<tr align=”center”>
<td>Nombre</td>
<td>Foto</td>
<td>Correo Electrónico</td>
<td>Número Telefónico</td>
</tr>
<tr align=”center”>
</tr>
<tr align=”center”>
</tr>
<tr align=”center”>
</tr>
</table>
</font>
</body>
</html>
68 PROGRESIÓN 5
2°. semestre
P5
FORMACIÓN FUNDAMENTAL
ETIQUETA FUNCIÓN
<img src="logo.jpg>
<tr> </tr>
<tr align=center></tr>
LECTURA
Para la creación de una página web es necesario contar con un software para el desarrollo y edición
de código HTML, para esta actividad recomendaremos el uso de un editor de código gratuito de
nombre Notepad ++.
Existe una gran cantidad de editores de código, desde el bloc de notas que se incluye en la mayoría
de los sistemas operativos, hasta algunos ya especializados en el tratamiento de código como el
Notepad ++. A continuación, se muestra información sobre este editor.
Notepad++ es un potente editor de texto y de código fuente libre con soporte para varios lenguajes
de programación. Sólo funciona bajo Microsoft Windows y está programado en C++. A diferencia de
Sublime Text su licencia es GPL.
Se parece un poco al Bloc de notas en cuanto al hecho de que puede editar texto sin formato y de
forma simple. No obstante, incluye opciones más avanzadas que pueden ser útiles para usuarios
avanzados como desarrolladores y programadores.
Antes de iniciar con el desarrollo del código HTML dentro de este editor, es recomendable crear una
carpeta, en la cual vamos a guardar las imágenes (en formato jpeg, jpg, gif o png), que se vayan
a utilizar en nuestro diseño, en esa misma carpeta se va a guardar el archivo con el código HTML.
Paso 1:
Para acceder al bloc de notas podemos usar alguna de las siguientes opciones:
Paso 2:
Una vez abramos el bloc de notas iremos al menú Archivo y allí seleccionamos “Guardar como” o
bien podemos usar las teclas Ctrl + Shift + S.
Paso 3:
Aparece una ventana de explorador de archivos y al dar clic ahí vamos a la ruta donde se ha de
guardar.
70 PROGRESIÓN 5
2°. semestre
P5
FORMACIÓN FUNDAMENTAL
Paso 4:
Al tratarse del bloc de notas podemos ver que el valor predefinido es .txt, para editar esto,
desplegamos las opciones en el campo Tipo y seleccionamos “Hiper Text Markup Language file”.
Asignamos el nombre del archivo seguido por la extensión .html.
Paso 5:
Una vez guardemos el archivo con la extensión. html, es hora de proceder con su edición añadiendo
la etiqueta del idioma HTML para la página web. Para ello ingresamos lo siguiente:
<!DOCTYPE html>
<html>
Paso 6:
Ahora vamos a agregar las etiquetas de encabezado o “heads”, el objetivo de estas etiquetas es
marcar el inicio y final del título de la página a crear. Para ello vamos a escribir <head> después de
la etiqueta “<html>”, pulsar la tecla Enter dos veces con el fin de dejar un espacio y luego escribir
de nuevo </head>.
Paso 7:
El siguiente paso será añadir el título de la página web, este título estará ubicado entre las etiquetas
“<title> </title>”, y va bajo las etiquetas “head” de la siguiente forma. El título asignado será el que
veremos en la pestaña del navegador.
Paso 8:
El siguiente paso será cerrar la etiqueta del lenguaje HTML, esta es la última etiqueta en el archivo
y es una etiqueta HTML la cual indica el final de la página. Para esto vamos a escribir </html> bajo
la etiqueta “</body>” con el objetivo de cerrar la etiqueta HTML.
Guardamos los cambios usando las teclas Ctrl + G o desde el menú Archivo / Guardar.
Paso 9:
Es momento de agregar los elementos a la página web en proceso, todos estos elementos deben
ir después de la etiqueta “<body>” y antes de la etiqueta “</body>” para que sean visibles.
Paso 10:
Una vez escritas todas las etiquetas de los elementos agregados guardas los cambios, en el menú
Archivo y clic en Guardar.
Paso 11:
Para verificar su funcionamiento dar clic en Menú Ejecutar, clic en Ejecutar y de la lista de
navegadores seleccionar el instalado en el dispositivo, dar clic en Ejecutar.
ACTIVIDAD DE
EVALUACIÓN
Crear una página web
3. Escribe el código para diseñar tu página web, la cual debe contener lo siguiente:
a) Imagen de fondo.
b) Titulo con tu nombre completo y grupo.
c) Encabezado con el texto: “Causas de bajo rendimiento académico en el Plantel
(Nombre de tu plantel)”.
d) Párrafo con tu punto de vista sobre las razones por las cuales un alumno tiene
bajo rendimiento académico en tu plantel, dale formato cambiando el tipo de
fuente, color y estilo.
e) Inserta una tabla con la siguiente información
72 PROGRESIÓN 5
P6
PROGRESIÓN 6
2°. semestre
FORMACIÓN FUNDAMENTAL
Descripción de la progresión
Utiliza herramientas en línea que permiten investigar y manejar información de situaciones,
fenómenos o problemáticas del contexto personal, académico, social y ambiental para
difundirla, recopilarla, extraerla, exportarla y analizarla en forma estructurada y organizada.
CONOCIMIENTOS PREVIOS
Responde las siguientes preguntas de manera individual, posteriormente
comenta tus respuestas a través de una discusión guiada por el docente.
Responde...
1. ¿Qué entiendes por investigar?
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
74 PROGRESIÓN 6
2°. semestre
P6
FORMACIÓN FUNDAMENTAL
LECTURA
La información obtenida de una persona o de una empresa puede ser muy valiosa, por lo que es
necesario manejarla correctamente antes de proceder a realizar alguna acción con ella. ¿Sabes a
qué nos referimos con qué es manejo de información? Pues hablamos de la recolección y correcta
utilización de los datos, para luego ser distribuida a una o más personas.
Ten presente que no toda la información es pública, sino que hay algunos datos que deben ser
solicitados al dueño o las personas involucradas. De esta manera y por lo general, se suelen
requerir derechos de autor o algún otro documento legal que proteja la confidencialidad de estos.
(Euroinnova, 2023)
Una herramienta para investigar es una forma de organización de la información usada en diferentes
trabajos de investigación de cualquier tipo. Puede ser utilizada para resumir, anotar o explicar
diferentes contenidos realizados en el proceso de investigación. (Chaves, 2023)
Día a día la tecnología avanza a pasos agigantados, en distintas áreas se desarrollan nuevas
herramientas que ayudan al ser humano en sus actividades diarias, facilitando el trabajo; la
investigación y el manejo de información no podía quedar atrás es por ello que se han desarrollado
distintas aplicaciones que ayudan a la realización de investigaciones en línea.
Skype
Puedes utilizar la aplicación en cualquier momento y desde cualquier lugar para conectarte con
tus conocidos a través de la computadora, tableta, teléfono móvil, reloj inteligente, Alexa o incluso
desde tu Xbox One.
Ventajas:
Desventajas:
Google Meet
Google Meet es una aplicación anunciada en marzo de 2017 por la compañía estadounidense Google
LLC. También conocida como Hangouts Meet (por provenir de la plataforma clásica de Hangouts),
es una herramienta enfocada en el entorno empresarial y en clientes profesionales, capaz de crear
videoconferencias de hasta 250 personas y compartir documentos y distintos formatos de archivos
en tiempo real sin limitaciones.
Consiste en una plataforma especializada para clientes profesionales, sea para fines educativos o
comerciales, Google Meet se emplea para crear videoconferencias de alta calidad, complementando
la experiencia con la capacidad de compartir archivos multimedia, documentos y diapositivas.
De igual forma, siendo una aplicación que garantiza la comunicación constante entre grandes grupos
de personas mediante audio y video, puede ser utilizada también por grupos de organizaciones no
empresariales o didácticas, como medio de comunicación entre grupos determinados de personas,
sean familias, círculos amistosos o religiosos, entre otros.
El uso de estos medios para realizar reuniones y consultas en un entorno profesional se ha ido
incrementando debido a la facilidad que ofrecen para mantener una mejor comunicación a distancia,
gracias a la calidad de las videoconferencias, la seguridad de la plataforma y su rapidez al compartir
diversos contenidos.
76 PROGRESIÓN 6
2°. semestre
P6
FORMACIÓN FUNDAMENTAL
Ventajas:
y A diferencia de otros competidores, ofrece capacidad para crear sesiones de 100 e incluso
250 personas.
y Al ser una aplicación con servicios pagos, no hay que preocuparse por la publicidad
durante las reuniones.
y A nivel mundial tiene más de 10 millones de descargas, lo que le da el prestigio suficiente
entre empresarios y académicos para su implementación.
y Posee la opción de compartir pantalla con el resto de los integrantes para visualizar
contenido como diapositivas, documentos y demás archivos.
y Tiene una interfaz sencilla y práctica, de uso fácil y deductivo.
y Dado que es desarrollada por Google, se puede contar con que recibirá actualizaciones y
mejoras constantemente para mejorar la experiencia al utilizar esta aplicación.
y En caso de faltar a una de las videoconferencias, de no poderla presenciar por completo o de
querer repasar los aspectos importantes, es posible guardar las sesiones.
y La seguridad de las videoconferencias está garantizada gracias al encriptado de sus
transmisiones.
y Gracias a la tecnología de Google, es capaz de facilitar subtítulos en tiempo real de las
conversaciones.
Desventajas:
y Consiste en una plataforma de paga con afiliaciones a cuentas G Suite, lo que limita su
utilización a una gran cantidad de usuarios.
y Cuenta con pocos controles para regular el tiempo de intervención de cada participante,
así como para controlar el audio de estos.
y Es necesario que el creador de la sesión tenga una cuenta con G Suite para poder
iniciar la videoconferencia.
y La cantidad de personas participantes en cada reunión dependerá de la tarifa que se
pague periódicamente a la aplicación. (Florentín, Mundocuentas, 2022)
Zoom
Zoom Cloud Meeting o simplemente Zoom es una plataforma que ofrece servicios de videollamadas
a través de internet por medio de dispositivos móviles o computadoras. Su sistema funciona por
medio de la nube y permite realizar videoconferencias, salas de chat, llamadas de audio y grabar
dichas sesiones mientras se llevan a cabo. Además, Zoom se encuentra disponible para diferentes
sistemas operativos de PC y teléfonos inteligentes.
Zoom cuenta con una versión gratuita que puede ser usada por cualquier persona, sin embargo,
también ofrece una serie de servicios adicionales a modo de subscripción por los que una empresa
o grupo de usuarios puede pagar.
Ventajas:
y Permite compartir archivos con los usuarios presentes en una conferencia de forma
sencilla.
y Brinda la posibilidad de añadir hasta 1000 usuarios a una sola sesión, algo que muy
pocas plataformas son capaces de permitir.
y Cuenta con una versión gratuita que no resulta tan restrictiva como se podría pensar.
y Permite compartir pantalla, algo sumamente útil para realizar explicaciones en tiempo real.
y Al ser una aplicación con planes de pago, cuenta con un soporte técnico especializado.
y Las funcionalidades Premium están enfocadas en el soporte empresarial, por lo que
puede resultar de gran ayuda para los planes de negocio de empresas de cualquier tamaño.
Desventajas:
y A pesar de contar con una versión gratuita, las verdaderas funciones de la aplicación están
reservadas para las versiones de pago, los cuales pueden resultar bastante costosos.
y Pese a su éxito en la actualidad, no es una plataforma tan conocida como otros medios
como Skype o Google Hangouts.
y Se trata de una aplicación que funciona a través de internet, por lo que es necesario tener
una conexión estable para tener una videoconferencia.
y A pesar de tener un modo de uso bastante intuitivo, puede resultar confuso para personas
que no estén totalmente adaptadas por completo al uso de computadoras o este tipo
de tecnologías.
y Las controversias que ha causado en los últimos años, así como la prohibición que se le ha
dado a su uso en muchos países dan indicios importantes de los riesgos de seguridad que
implican el uso de Zoom. (Florentín, Mundocuentas, 2022)
Dicourse
Su interfaz es limpia, moderna y sensible. Puedes registrarte usando una cuenta de otro servicio
existente como Google, Facebook o Twitter. Una característica que realmente llama la atención es
la notificación en tiempo real cuando alguien responde a uno de tus temas o te cita directamente, en
una especie de estilo Facebook.
Los desarrolladores han establecido un sistema de clasificación bastante elaborado que permite
otorgar derechos de moderación de varios niveles en función de la participación del usuario.
Facebook Groups
Facebook es una red social muy versátil y poderosa donde alberga numerosas funcionalidades
importantes y una de ellas son los grupos.
Un grupo de Facebook es un espacio donde las personas que tienen una cuenta en esta red social
pueden reunirse y compartir noticias, dudas o sugerencias relacionadas con la temática o el interés
por el que se creó el grupo.
78 PROGRESIÓN 6
2°. semestre
P6
FORMACIÓN FUNDAMENTAL
Ventajas:
Desventajas:
y Trabajo constante. Tener un calendario de publicaciones con unas temáticas bien definidas
es imprescindible si quieres tener un grupo activo. Conozco muchísimos grupos que son un
auténtico cementerio porque no publican ningún tipo de contenido. Esto puede ser un arma
de doble filo porque puede perjudicar a tu marca.
y Sin estrategia, fracasas. Muchos grupos fracasan y quedan abandonados porque no han
definido ningún tipo de estrategia ni los objetivos que pretenden conseguir. Es una tarea que
lleva tiempo y que no se puede tomar a la ligera.
y No se respetan las normas y puede haber excesivo SPAM. Acabarás cansado de moderar
a miembros que no respetan las normas ya que, muchos de ellos no se toman la libertad de
leerlas. Si no tienes suficiente tiempo para gestionarlo, te recomiendo no crearlo. (Valín, 2019)
Blogger
Es una plataforma creada por Pyra Labs y adquirido por Google en 2003 que permite crear blogs
gratis. Es la plataforma ideal para todos aquellos que quieren empezar con una estrategia de
contenidos digitales o simplemente llevar un registro de sus intereses.
Ventajas:
y En minutos creas tu blog: tu blog está a tan sólo unos clics. Sólo necesitas una cuenta en
Google/Gmail.
y Dominio y servidor incluido: ambos servicios los ofrece el mismo Google. Tu blog será
alojado gratis por Google y tendrás una URL gratis también como tunombre.blogspot.com.
Puedes comprar un dominio personalizado si lo deseas y orientarlo a Blogger.
y Google Adsense: Google te ofrece con esta herramienta donde puedes monetizar tu negocio
a través de anuncios que son integrados distintos espacios.
Desventajas:
SurveyMonkey
Ya sea una sencilla encuesta de opinión o un profundo estudio de mercado, SurveyMonkey es una
herramienta para crear encuestas online basada en la web. Con más de 15 tipos de preguntas (p. ej.,
opción múltiple o escalas de calificación) y una refinada lógica de ramificación, esta aplicación pone
a disposición de los usuarios las herramientas necesarias para determinar el curso de la encuesta.
Quienes utilicen SurveyMonkey no sólo se benefician de cientos de plantillas profesionales, sino
también de la asistencia técnica vía correo electrónico proporcionada por el equipo de SurveyMonkey.
Una vez creada la encuesta, la puedes integrar en tu página web, publicarla en las redes sociales o
enviarla a diferentes destinatarios a través de correo electrónico.
SurveyMonkey puede ser utilizado de forma gratuita en su versión básica, que permite un número
ilimitado de preguntas y 100 respuestas por encuesta, o en una versión de pago. Esta última ofrece
funciones adicionales como, por ejemplo, soporte técnico en inglés, administración central de
usuarios en caso de ser usada a nivel corporativo o implementación del logotipo propio.
Ventajas:
Encriptación SSL, aplicaciones móviles para Android e iOS. Cuenta con una lógica de ramificación
de gran utilidad, así como con plantillas prediseñadas. En su opción “Platinum Edition” permite la
administración central de usuarios.
Desventajas:
Las encuestas se almacenan en el servidor del proveedor. Es complejo y su versión gratuita es muy
limitada. (Ionos, 2023)
80 PROGRESIÓN 6
2°. semestre
P6
FORMACIÓN FUNDAMENTAL
Typeform
Es una herramienta para crear formularios y encuestas, que puedes compartir online, con el objetivo
de recopilar información o datos de usuarios de forma interactiva. Así, permite analizar de forma
sencilla el listado de preguntas que tengas como individuo o empresa, así como captar nuevas
bases de datos que provengan de sorteos, eventos o formularios en tu web. Esta exploración se
puede hacer de manera paralela, pues los resultados se pueden revisar inmediatamente después
de enviar las preguntas, conforme la gente vaya respondiendo.
Ventajas:
Desventajas:
Formularios de Google
Son ampliamente usados para crear encuestas fácil y rápidamente, ya que permiten planificar
eventos, hacer preguntas a tus empleados o clientes y recopilar diversos tipos de información de
una manera simple y eficiente. Los formularios de Google nos permiten incluir distintos tipos de
preguntas como respuestas cortas, párrafos, selección múltiple, casillas de verificación, desplegable,
escala lineal, cuadrícula de varias opciones, entre otras.
Ventajas:
y Es una herramienta gratis, a través de Internet, que permite recopilar información de forma
fácil y eficiente.
y Con los formularios de Google puedes crear en minutos encuestas y formularios para dar
una clase, una charla o para preguntar a tus clientes y/o colaboradores.
y Para empezar a usarlos, sólo necesitas una cuenta de Google, la misma con la que
accedes a Gmail, YouTube o Google Drive.
y La interfaz es muy fácil de usar. Cualquier usuario con conocimiento promedio de la
computadora puede crear formularios y desplegarlo.
y El asistente es simple de usar. La interfaz What-You-See-Is-What-You-Get hace que sea
fácil arrastrar y soltar elementos de formulario y organizarlos en función de acciones o eventos.
y A nivel de diseño es posible elegir entre una paleta de colores, así como imágenes
propias a modo de fondo.
y Formularios de Google guarda el feedback recibido para que podamos analizarlo, en
especial si estamos hablando de encuestas a clientes o ayuda al usuario.
y Los formularios se integran con las hojas de cálculo de Google lo que permite acceder a
una vista de hoja de cálculo de los datos recopilados que facilita el análisis.
y La configuración general de los formularios o encuestas te permite recopilar las direcciones
de correo que recibirán el formulario, limitar las respuestas, que quienes respondan puedan
ver gráficos de resumen y una barra de progreso, etc.
y El tipo de datos que se pueden insertar en un campo se puede personalizar en función de
expresiones regulares para usuarios avanzados. Esto te permite personalizar el formulario
aún más.
y Esta herramienta nos permite ver cómo quedará la encuesta antes de enviarla a los
destinatarios.
y Podemos enviar el formulario por correo electrónico, integrarlo en nuestra página web
o enviar el enlace vía redes sociales o cualquier otro medio.
y Los formularios de Google permiten preguntas y respuestas ilimitadas sin ningún costo,
mientras que otras alternativas requieren un pago basado en la audiencia y la cantidad de
preguntas.
Desventajas:
82 PROGRESIÓN 6
2°. semestre
P6
FORMACIÓN FUNDAMENTAL
1 ACTIVIDAD
Ejemplos de
Herramienta Imagen Ventajas Desventajas
software
Skype
Entrevistas en
Google Meet
línea
Zoom
Discourse
Grupos de Facebook
discusión groups
Blogger
SurveyMonkey
Cuestionarios
Typeform
en línea
Formularios de
Google
2 ACTIVIDAD
84 PROGRESIÓN 6
2°. semestre
P6
FORMACIÓN FUNDAMENTAL
10. Puedes elegir de entre varias opciones el tipo de respuesta que recibirás.
3 ACTIVIDAD
86 PROGRESIÓN 6
P7
PROGRESIÓN 7
2°. semestre
FORMACIÓN FUNDAMENTAL
Descripción de la progresión
En esta progresión, el alumno procesará datos de la situación, fenómeno o problemática
investigada mediante herramientas de software que calculen medidas de tendencia central
(media, mediana y moda) y de dispersión (desviación estándar y varianza) y su representación
gráfica (barras, pastel, líneas, embudo, mapas, diagramas de dispersión, diagramas de
Gantt), para contribuir a su análisis.
CONOCIMIENTOS PREVIOS
Sin realizar consultas electrónicas o bibliográficas contesta lo siguiente:
Responde...
1. ¿Qué es el análisis de datos?
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
1 ACTIVIDAD
88 PROGRESIÓN 7
2°. semestre
P7
FORMACIÓN FUNDAMENTAL
LECTURA
Cada vez cobra más importancia el análisis de datos para el funcionamiento de una empresa.
Gestionar los datos, analizarlos e interpretarlos permite que las compañías puedan tomar
decisiones más eficientes y ofrecer mejores productos y servicios, además de incrementar los
ingresos. Para ello, las herramientas de análisis de datos se han convertido en una de las mejores
opciones para la toma estratégica de decisiones empresariales.
Gestionar los datos de una empresa sólo es posible a través de los métodos y herramientas correctas
que ayuden a predecir los comportamientos de los consumidores, entender sus necesidades
particulares y generarles valor. Los datos son importantes siempre que estén alineados con el
pensamiento y los objetivos empresariales y se conviertan en información oportuna para el negocio.
Recurrir al análisis de datos para la toma de decisiones permite a las empresas descubrir el entorno
que las rodea. Actualmente, es importante acudir a este método, ya que, amplía el panorama
económico y, además les ayuda a mejorar sus productos y servicios para estar a la altura de la
competencia.
Para elegir una herramienta de análisis de datos adecuada, se debe conocer las necesidades de
la empresa o usuario y así poder elegir la que mejor se adapte. Todas las herramientas facilitan
el análisis de datos y optimizan su gestión, aunque funcionen de manera diferente y tengan sus
propias capacidades y características.
Por su gran potencial y la amplia variedad de funcionalidades que ofrece, es una de las
herramientas de análisis de datos más utilizada. Permite ordenar y manipular los datos,
representarlos en forma de gráficos y tablas e incluso añadir código propio a través de macros
para hacer un análisis específico de los datos introducidos.
2. Microsoft Power BI
Es la herramienta analítica de Microsoft y una de las más populares, ya que ofrece visualizaciones
interactivas de datos, así como una integración sencilla con otras herramientas de la corporación.
3. Python
Es un lenguaje de programación que está orientado a objetos y, es muy fácil de mantener, leer y
escribir. Su aportación al análisis de datos se explica por las numerosas librerías creadas para
esta finalidad y, sobre todo, por su fácil integración con algunas aplicaciones de extracción de
datos, especialmente sobre bases de datos no relacionales.
4. SQL
Es un lenguaje de programación que se utiliza para la interacción con las bases de datos. Es muy
útil para modelar complejas conexiones de datos, y potente para obtener toda la información
basada en peticiones de los datos almacenados por la compañía.
5. Programación en R
6. Tableau
Es un software gratuito que conecta diferentes fuentes de datos, como Microsoft Excel,
datos basados en la web, etc. que sirve para crear de forma gráfica dashboards, mapas y
visualizaciones que tienen información en tiempo real.
7. QlikView
8. Apache Spark
2 ACTIVIDAD
90 PROGRESIÓN 7
2°. semestre
P7
FORMACIÓN FUNDAMENTAL
Programación
en R
Microsoft
Power BI
QlikView
3 ACTIVIDAD
LECTURA
Son utilizadas para representar un conjunto de datos como un todo, identificando las características
que presenta el conjunto. Las medidas de tendencia central son: media, mediana y moda.
y La moda, es el dato o puntuación que aparece en la lista con mayor frecuencia, es el estadístico
más importante de una lista de datos cuando éstos están sobre una escala nominal.
y La mediana de una lista de datos es el número que divide la lista en dos partes, de tal manera
que la mitad de los datos son menores o iguales a la mediana y la otra mitad son mayores o
iguales a ella.
Medidas de dispersión
y Varianza. Se utiliza para ver cómo se relacionan los números individuales dentro de un conjunto
de datos, en lugar de utilizar técnicas matemáticas más amplias.
La varianza es una medida de dispersión que representa la variabilidad de una serie de datos
con respecto a su media. Formalmente, se calcula como la suma de los cuadrados de los
residuos dividida por las observaciones totales.
También puede calcularse como la desviación estándar al cuadrado. Por cierto, entendemos el
residuo como la diferencia entre el valor de una variable a la vez y el valor medio de toda la variable.
El cálculo de la varianza es necesario para calcular la desviación estándar.
92 PROGRESIÓN 7
2°. semestre
P7
FORMACIÓN FUNDAMENTAL
4 ACTIVIDAD
LECTURA
Dadas las bondades de utilizar este software comercial y que es conocido por muchos, utilizaremos
algunas de sus funciones avanzadas, específicamente las que se refieren a las medidas de
tendencia central: media, mediana y moda; así como las medidas de dispersión: desviación estándar
y varianza, para aplicarlo en el análisis de datos.
Función MODA
Para calcular la moda de un grupo de números, use la función MODA. MODA devuelve el valor que
se repite o se produce con más frecuencia en una matriz o un rango de datos.
94 PROGRESIÓN 7
2°. semestre
P7
FORMACIÓN FUNDAMENTAL
Función MEDIANA
Explicación:
El resultado es 4, porque Excel primero ordena los datos que se tienen de manera ascendente,
quedando de la siguiente forma: 1,2,3,4,5,8,10.
Por lo que la mediana resulta ser el 4, ya que es el número que queda en medio de ese grupo de
valores.
96 PROGRESIÓN 7
2°. semestre
P7
FORMACIÓN FUNDAMENTAL
Explicación:
El resultado es 3.5, porque Excel primero ordena los datos que se tienen de manera ascendente,
quedando de la siguiente forma: 1,2,3,4,8,10.
Como se tiene un número par de valores (son 6 números), entonces lo que hace Excel es que
los dos valores centrales, en este caso 3 y 4, los suma y después los divide entre 2, dando como
resultado de la suma 7 y al dividir entre 2, la mediana resulta ser 3.5.
Función DESVESTA
Calcula la desviación estándar de una muestra. La desviación estándar es la medida de la
dispersión de los valores respecto a la media (valor promedio).
Función VAR
Calcula la varianza de una muestra. La función VAR parte de la hipótesis de que los argumentos
representan una muestra de la población. Si los datos representan la población total, use VARP
para calcular la varianza. Los argumentos pueden ser números o nombres, matrices o referencias
que contienen números.
El departamento de educación de Estados Unidos informa que cerca de un 50% de los estudiantes
universitarios toman un préstamo estudiantil como ayuda para cubrir sus gastos. Se tomó una
muestra de estudiantes que terminaron su carrera teniendo una deuda sobre el préstamo estudiantil.
Los datos que se muestran en la tabla de Excel, reflejan el monto en dólares de estas deudas.
Calcular la desviación estándar y la varianza.
98 PROGRESIÓN 7
2°. semestre
P7
FORMACIÓN FUNDAMENTAL
Representación gráfica
Si deseas mostrar de manera gráfica los datos, basta con seleccionar el rango de datos, irte al menú
insertar, escoger el tipo de gráfico deseado y se generará de inmediato. Ahora solamente tendrías
que darle formato para que luzca mucho mejor.
5 ACTIVIDAD
Utilización de la hoja de
cálculo en el procesamiento de
datos
Una encuesta realizada a una muestra de alumnos para conocer el número de horas
que navegan semanalmente en internet arrojó los datos que se muestran en la tabla de
Excel. Para obtener los resultados, realiza los pasos que a continuación se enumeran.
100 PROGRESIÓN 7
2°. semestre
P7
FORMACIÓN FUNDAMENTAL
2. Utiliza la función PROMEDIO en las celdas B23 y C23, para determinar los promedios de las
edades y de las horas usando internet.
3. Utiliza la función MODA en las celdas B24 y C24, para determinar la edad más común, así como
las horas que se repiten con mayor frecuencia.
4. Utiliza la función MEDIANA en las celdas B25 y C25, el punto medio o central de las edades y
de las horas usando internet.
5. Utiliza la función DESVEST.M en las celdas B27 y C27 para determinar la desviación estándar
tanto de las edades como de las horas usando internet.
6. Utiliza la función VAR.M en las celdas B29 y C29 para determinar la varianza tanto de las
edades como de las horas usando internet.
6 ACTIVIDAD
Medidas de tendencia central
y de dispersión
PROGRESIONES 1 A LA 3
• 7 ejemplos para entender qué son las herramientas digitales educativas. (2023).
Universidad de Negocios ISEC. Recuperado de:
• https://uneg.edu.mx/que-son-las-herramientas-digitales-educativas/#:~:text=Las%20
herramientas%20digitales%20educativas%20forman,y%20acceso%20a%20
la%20informaci%C3%B3n. Octubre 2023.
• Carcaño, E. (2021) Herramientas digitales para el desarrollo de aprendizajes.
Revista Vinculando. Recuperado de: https://vinculando.org/educacion/
herramientas-digitales-para-el-desarrollo-de-aprendizajes.html Octubre 2023.
• Padilla, J., Rojas, L., Valderrama, C., De la Cruz, J. & Cabrera, K. (2022).
Herramientas digitales más eficaces en el proceso enseñanza-aprendizaje.
Horizontes Revista de Investigación en Ciencias de la Educación, vol. 6 No. 23 La
Paz, junio 2022. Recuperado de: http://www.scielo.org.bo/scielo.php?pid=S2616-
79642022000200669&script=sci_arttext Octubre 2023.
• Las 15 herramientas digitales útiles para profesores. (2023). VOCA Editorial.
Recuperado de: https://www.vocaeditorial.com/blog/herramientas-digitales-
educativas/ Noviembre 2023.
• Herramientas digitales. (2023). Educación a distancia Acapulco. Recuperado de:
https://sreda.mx/herramientas-digitales-para-la-educacion/ Noviembre 2023.
• Canva, qué es, características, ventajas y desventajas. (s.f.). Internetastic.
Recuperado de: https://www.internetastic.com/canva/ Noviembre 2023.
• Guía detallada para crear un proyecto en Canva. (2023). Medium Multimedia.
Recuperado de: https://www.mediummultimedia.com/diseno/como-se-crea-un-
proyecto-en-canva/ Noviembre 2023.
• Crear una cuenta de Canva e iniciar sesión. (s.f.). Canva. Recuperado de: https://
www.canva.com/es_419/help/sign-up-log-in/ Noviembre 2023.
• Trabajo colaborativo. (s.f.). Gobierno de México. Recuperado de: https://
nuevaescuelamexicana.sep.gob.mx/detalle-recurso/31746/ Octubre 2023.
• Herramientas colaborativas para profesores: qué son y cómo usarlas en el aula.
(2022). Promethean. Recuperado de:
• https://www.prometheanworld.com/es/recursos/blogs/herramientas-colaborativa
s-para-profesores-que-son-y-como-usarlas-en-el-aula/#:~:text=Las%20herrami
entas%20colaborativas%20educativas%20crean,aprendizaje%20
colaborativo%
20en%20sus%20aulas. Octubre2023.
• Presentaciones en Google Drive. (2020). Blog educativo de Tic. Recuperado de:
https://aprendamosdelastecnologias.blogspot.com/2020/10/presentaciones-en-
google.html Octubre 2023.
• Interfaz. (2023). AulaFacil. Recuperado de:
• https://www.aulafacil.com/cursos/google/presentaciones/interfaz-l20716
Noviembre 2023.
• Teoría del color. (2022). Equipo editorial Etecé. Recuperado de: https://concepto.
de/teoria-del-color/ Octubre 2023.
102 REFERENCIAS
REFERENCIAS
PROGRESIÓN 4
• Arévalo, C. (2013). La etnografía virtual en una investigación con niñas.
Actualidades pedagógicas, 40.
• Prensky, M. (2001). Digital Natives, Digital Immigrants. On the Horizon, 9(5), 1-6.
• Kitchin, R., & McArdle, G. (2016). What makes big data, big data? Exploring the
ontological characteristics of 26 datasets. Big Data & Society, 3(1), 1-10.
REFERENCIAS 103
REFERENCIAS
• Braun, V., & Clarke, V. (2006). Using thematic analysis in psychology. Qualitative
Research in Psychology, 3(2), 77-101.
• Kaplan, A. M., & Haenlein, M. (2010). Users of the world, unite! The challenges
and opportunities of Social Media. Business Horizons, 53(1), 59-68.
• Hine, C. (2015). Ethnography for the Internet: Embedded, Embodied and
Everyday. Bloomsbury Publishing.
• Markham, A. N., & Baym, N. K. (2009). Internet Inquiry: Conversations About
Method. Sage Publications.
• Escobar, A. (1994). Welcome to Cyberia: Notes on the Anthropology of
Cyberculture. Current Anthropology, 35(3), 211-231.
• Neuendorf, K. A. (2017). The Content Analysis Guidebook. Sage Publications.
• Krippendorff, K. (2018). Content Analysis: An Introduction to Its Methodology.
Sage Publications.
• Mayring, P. (2014). Qualitative Content Analysis: Theoretical Foundation, Basic
Procedures and Software Solution. Klagenfurt, Austria: Social Science Open
Access Repository.
• Krueger, R. A., & Casey, M. A. (2014). Focus Groups: A Practical Guide for Applied
Research (5th ed.). Sage Publications.
• Morgan, D. L., & Krueger, R. A. (1997). The Focus Group Kit (Vols. 1-6). Sage
Publications.
• Stewart, D. W., & Shamdasani, P. N. (2014). Focus Groups: Theory and Practice
(3rd ed.). Sage Publications.
• Fontana, A., & Prokos, A. (2007). The Interview: From Structured Questions to
Negotiated Text. En N. K. Denzin & Y. S. Lincoln (Eds.), The Sage Handbook of
Qualitative Research (3rd ed., pp. 41-58). Sage Publications.
• Mann, C., & Stewart, F. (2000). Internet Communication and Qualitative Research:
A Handbook for Researching Online. Sage Publications.
• Mann, C., & Stewart, F. (2000). Internet Communication and Qualitative Research:
A Handbook for Researching Online. Sage Publications.
• Hesse-Biber, S. N., & Leavy, P. (2008). Handbook of Emergent Methods. The
Guilford Press.
• Attride-Stirling, J. (2001). Thematic networks: An analytic tool for qualitative
research. Qualitative Research, 1(3), 385-405.
• Saldaña, J. (2021). The Coding Manual for Qualitative Researchers (4th ed.).
Sage Publications.
• King, N., Horrocks, C., & Brooks, J. (2018). Interviews in Qualitative Research.
Sage Publications.
• Bloor, M., Frankland, J., Thomas, M., & Robson, K. (2001). Focus Groups in
Social Research. Sage Publications.
• Saldaña, J. (2021). The Coding Manual for Qualitative Researchers (4th ed.).
Sage Publications.
• Boyd, D., & Ellison, N. B. (2007). Social Network Sites: Definition, History, and
Scholarship. Journal of Computer-Mediated Communication, 13(1), 210-230.
• Rheingold, H. (2000). The Virtual Community: Homesteading on the Electronic
Frontier. The MIT Press.
104 REFERENCIAS
REFERENCIAS
PROGRESIÓN 5
• Microsoft. Creación de la primera página web HTML. Recuperado de: https://
learn.microsoft.com/es-es/training/modules/build-first-html-webpage/1-
introduction?ns-enrollment-type=learningpath&ns-enrollment-id=learn.wwl.build-
web-pages-html-css-for-beginners
• GCFGlobal. ¿Qué es el HTML? Recuperado de: https://edu.gcfglobal.org/es/
curso-basico-de-html/que-es-html/1/#
• Microsoft. Creación de la primera página web HTML. Recuperado de: https://learn.
microsoft.com/es-es/training/modules/build-first-html-webpage/2-understand-
terminology
• Microsoft. Creación de la primera página web HTML. Recuperado de:https://
learn.microsoft.com/es-es/training/modules/build-first-html-webpage/3-explore-
core-html
• Elhacker.net. (27 de octubre de 2014). Manual y trucos para Notepad++: ejemplos
de uso plugin TextFx. Recuperado de: https://blog.elhacker.net/2014/10/manual-
tutorial-notepad-plus-plus-bloc-de-notas-textfx-plugin.html
• Solvetic Sistemas. (26 de septiembre de 2019). Cómo hacer una página
Web HTML en Notepad. Recuperado de: https://www.solvetic.com/tutoriales/
article/7854-como-hacer-una-pagina-web-html-en-notepad/
PROGRESIÓN 6
• Argos Hub. (30 de 07 de 2020). Argos Hub. Recuperado el 03 de 11 de 2023, de
Argos Hub: https://www.argoshub.com/que-es-blogger/
• Chaves, J. J. (10 de 03 de 2023). Delfino. Recuperado el 2023 de 11 de 03,
de Delfino: https://delfino.cr/2023/03/realidad-vs-percepcion-herramientas-
investigativas-vs-la-posverdad
• Euroinnova. (2023). Euroinnova. Recuperado el 03 de 11 de 2023, de Euroinnova:
https://www.euroinnova.mx/blog/que-es-manejo-de-informacion
• Florentín, B. (19 de 09 de 2022). Mundocuentas. Recuperado el 03 de 11 de
2023, de Mundocuentas: https://www.mundocuentas.com/zoom/
• Florentín, B. (19 de 09 de 2022). Mundocuentas. Recuperado el 03 de 11 de
2023, de Mundocuentas: https://www.mundocuentas.com/google/meet/
• Google Workspace. (2023). Google Workspace. Recuperado el 03 de 11 de
2023, de Google Workspace:
• https://support.google.com/a/users/answer/9302965?hl=es#:~:text=Con%20
Formularios%20de%20Google%2C%20puedes,en%20gr%C3%A1ficos%20
para%20consultarlos%20f%C3%A1cilmente.&text=Cuenta%20de%20
Google%20Workspace.
• Inboundcycle. (20 de 02 de 2023). Inboundcycle. Recuperado el 03 de 11 de 2023,
de Inboundcycle: https://www.inboundcycle.com/blog-de-inbound-marketing/
que-es-typeform-y-para-que-sirve
REFERENCIAS 105
REFERENCIAS
• Ionos. (01 de 03 de 2023). Ionos. Recuperado el 03 de 11 de 2023, de Ionos: https://
www.ionos.mx/digitalguide/online-marketing/vender-en-internet/herramientas-
para-crear-encuestas-online/
• Lee, S. (25 de 05 de 2020). Stileex. Recuperado el 03 de 11 de 2023, de Stileex:
https://stileex.xyz/es/flarum-vs-discourse/
• Melo, S. (21 de 10 de 2021). Datascope.io. Recuperado el 03 de 11 de
2023, de Datascope.io: https://datascope.io/es/blog/ventajas-y-desventajas-
de-formularios-google/#:~:text=Los%20formularios%20de%20Google%20
son,una%20manera%20simple%20y%20eficiente.
• Terahacks. (2023). Terahacks. Recuperado el 03 de 11 de 2023, de Terahacks:
https://terahacks.com/skype/
• Valín, A. C. (28 de 11 de 2019). Escuela Marketing and Web. Recuperado el 03 de
11 de 2023, de Escuela Marketing and Web: https://escuela.marketingandweb.
es/que-son-los-grupos-de-facebook-y-para-que-sirven-ejemplos/
PROGRESIÓN 7
• U de Cataluña. Las mejores herramientas de análisis de datos y su importancia
para la toma de decisiones. Recuperado de: https://www.ucatalunya.edu.co/
blog/las-mejores-herramientas-de-analisis-de-datos-y-su-importancia-para-la-
toma-de-decisiones
• Español Descriptores en Ciencias de la Salud: DeCS [Internet]. ed. 2017. Sao
Paulo (SP): BIREME / OPS / OMS. 2017 (18 de mayo de 2017). Recuperado de:
http://decs.bvsalud.org/E/homepagee.htm
• Izquierdo, Omar. (2021). Las medidas de tendencia central, una mirada a su
significado. Recuperado de: https://bdigital.uexternado.edu.co/server/api/core/
bitstreams/925c4abe-793b-41a4-a67d-481d731fdaae/content
• Question Pro. Desviación estándar: Qué es, usos y cómo obtenerla. Recuperado de:
https://www.questionpro.com/blog/es/desviacion-estandar/#:~:text=%C2%BFQu
%C3%A9%20es%20la%20desviaci%C3%B3n%20est%C3%A1ndar,individuale
s%20difieren%20de%20la%20media.
• Question Pro. Varianza: Qué es y cómo se calcula. Recuperado de: https://www.
questionpro.com/blog/es/varianza/
• Microsoft. Promedio. Recuperado de: https://support.microsoft.com/es-es/
Search/results?query=promedio
• Microsoft. Moda. Recuperado de: https://support.microsoft.com/es-ES/search/
results?query=funcion+moda&isEnrichedQuery=false
• Microsoft. Mediana. Recuperado de: https://support.microsoft.com/es-ES/search/
results?query=FUNCION+MEDIANA&isEnrichedQuery=false
• Microsoft. Desviación estándar. Recuperado de: https://support.microsoft.com/e
s-ES/search/results?query=FUNCION+DESVIACION+ESTANDAR&isEnrichedQ
uery=false
• Microsoft. Varianza. Recuperado de: https://support.microsoft.com/es-ES/
search/results?query=VARIANZA&isEnrichedQuery=false
106 REFERENCIAS
REFERENCIAS
IMÁGENES
PROGRESIÓN 3
• Fig. 1. Círculo cromático. Recuperado de https://lamonalista.com/circulo-croma-
tico/
• Fig. 2. Formatos de imágenes digitales. Recuperado de https://imborrable.com/
wp-content/uploads/2022/10/formatos-de-imagen-digital.png
• Fig. 3. Modos de color. Recuperado de https://vector-conversions.com/images/
rgb-vs-cmyk-difference.jpg
• Fig. 4 Tipos de contenidos digitales. Recuperado de https://seoskinny.com/wp-
content/uploads/2022/09/que-tipos-de-contenidos-digitales-existen-1.jpg
PROGRESIÓN 7
• Fig. 1 Logo de Microsoft Excel. Recuperado de: https://carpiodeluz.vecinosactivos.
news/excel-microsoft-digital-literacy/logotipo-microsoft-excel/
• Fig. 2. Logo de SQL. Recuperado de:
• https://www.mediffairs.com/eventos/curso-online-introduccin-al-anlisis-de-datos-
con-sql
• Fig. 3. Logo de Apache Spark.
• https://www.vectorlogo.zone/logos/apache_spark/index.html
VIDEOS
PROGRESIÓN 3
• Arte para aficionados. (27 de junio de 2023). Colorimetría. Teoría del
color. Explicación fácil y corta. Recuperado de: https://www.youtube.com/
watch?v=HQP0mydY6wY
• Peñaranda, Gaby. (1 de septiembre de 2020). La imagen digital. Conceptos y
características. Recuperado de: https://www.youtube.com/watch?v=-nyPs7arEno
PROGRESIÓN 7
• Tzuc, Adrián. (24 de noviembre de 2021). Varianza y desviación estándar en
Excel. Recuperado de: https://www.youtube.com/watch?v=_LrME6LZ4-s
REFERENCIAS 107
NOTAS
NOTAS
NOTAS
NOTAS
NOTAS