Presentaciones eficaces: la era digital II

Continuamos trabajando con el tema de la era digital.

Trabajo colaborativo:

• Añade al profesor con permiso de ver y comentar.

CONTINUAMOS:

Información

Lee el siguiente documento información donde nos habla de la "selección de la información".

Diapositiva 9: ¿Qué es la curación de contenidos? ¿Qué es big data ?¿buscadores y metabuscadores? Incluye un par de enlaces de buscadores y metabuscadores.

Redes sociales

lee el siguiente artículo de "redes sociales".

Artículo del mundo.es: "Las redes y la fama convirtieron a Kim en objetivo de los ladrones"

Artículo genbeta: "Una mujer en Barcelona viajaba estando de baja y la despidieron. Fue improcedente: estaba recomendado para su recuperación"

Crea una cuenta en un gestor de redes sociales como hotsuite, e introduce algunas de las que tienes.

Date de alta en linkedin  que te será útil en un futuro cercano. Lee el siguiente artículo. Cómo crear un perfil de LinkedIn en 7 Pasos + Consejos
Date de alta en X o si tienes cuenta crea una lista que se llame académica donde sigas las siguientes cuentas académicas: Universidad de Salamanca, Universidad Pontificia de Salamanca, IES Martinez Uribarri, tecuribarri, Educación JCYL, Incibe, Oficina de seguridad del internauta, Policía Nacional, Instituto de la Juventud de la JCYL, Ministerio de Educación Cultura y Deporte.
Crear otra lista que se llame matemáticas unicoos, fisicaymates y math2me y otra lista de historia en la que esté @HistoriaEspana @history_topics @CdeHerodoto

Diapositiva 10: Redes sociales, tipos. Fortalezas y debilidades.

Diapositiva 11: Introduce pantallazo de tu LinkedIn, con enlace a tu perfil público, para enriquecer la diapositiva

Diapositiva 12: Privacidad y seguridad en redes sociales. 

Producción de información

Investiga

Personal Learning Environment. ¿Qué es? Elabora tu propio PLE.

Busca información en los siguientes enlaces:

Mooc : https://mooc.es/que-es-un-mooc/

Sobre PLE:

http://tecnomapas.blogspot.com.es/2013/07/mi-entorno-personal-de-aprendizaje.html

https://es.wikipedia.org/wiki/Entorno_personal_de_aprendizaje

 Ejemplo de entorno personal de aprendizaje, el del profesor Raul Diego

Diapositiva 13: con tu PLE. Para crearlo utiliza alguna plataforma de mapas mentales (mindomo, mindmeister, popplet...) y en la misma diapositiva en un cuadro de texto, el mooc que te interesaría, el enlace para apuntarse y motivo de tu interés.

Las reglas de Netiqueta. ¿Qué son? ¿Cuáles son las tuyas?

Sobre normas de netiqueta:

Entra en el Dossier de Yolanda Corral y visita la página 18

https://es.wikipedia.org/wiki/Netiqueta

Diapositiva 14-15: Reglas de netiqueta. Las diapositivas deben de tener 3/4 ideas como máximo por lo que las reglas de netiqueta te ocuparán varias diapositivas (pueden ser 2 diapositivas)

Opinión.

WhatsApp, Twitter, Facebook, etc ¿fomenta las habilidades sociales? Cómo debe ser nuestro comportamiento en la vida real cuando estamos con gente. Concepto de Phubbing. Consecuencias de mala netiqueta:

http://www.elmundo.es/deportes/2016/08/25/57bed93422601dfd568b4579.html

http://www.elmundo.es/deportes/2015/12/29/56825dd546163fb0438b45a6.html

http://www.lavanguardia.com/tecnologia/redes-sociales/20150508/54430486471/despedidos-culpa-redes-sociales.html

https://verne.elpais.com/verne/2017/06/29/articulo/1498723420_701293.html

Diapositiva 16: concepto phubbing. Modo evitarlo

Investiga que es un Mooc, Nooc. 

Busca algún mooc o nooc que te interese, para enriquecer tu PLE. Visita las siguientes páginas para decidir sobre el mooc o nooc que te interese:

1. https://es.coursera.org/
2. https://miriadax.net/home
3. https://observatorio.itesm.mx/edu-news/2017/10/16/steve-wozniak-cofundador-de-apple-lanza-plataforma-educativa
4. http://educalab.es/intef/formacion/formacion-en-red/nooc

Almacenamiento en la nube

Lee el artículo de "alojamiento y distribución de archivos en la nube" y realiza las siguientes acciones.

Diapositiva 17: cinco enlaces de servicios de alojamiento en la nube. Plataformas gratuitas para hacer copias de seguridad

Factores de riesgo en la era digital.

Lee el siguiente artículo de "factores de riesgo en la era digital"

Diapositiva 18: título de brecha digital, alfabetización digital con enlace de cada uno de los temas a un artículo con ejemplos de lo que significan. Al enlace debe acompañarle una imagen sobre el tema.

Diapositiva 19: tecnoadicciones, qué son y tipos más frecuentes. Al enlace debe acompañarle          una  imagen sobre el tema. Vídeo explicación de las tecnoadicciones

Diapositiva 20: Delitos contra la propiedad intelectual, peligros y amenazas. Enuncia los tipos y enlace con ejemplo de esos casos

 Modo de presentar el trabajo

1. Crea una entrada en tu blog que se llame la era digital e introduce los siguientes elementos:
1.  Enlace a la presentación en onedrive.
2. Sube la presentación a alguna plataforma de presentaciones como slideshare, scribd... e inserta la presentación en tu entrada.
3. Descarga tu presentación y envíasela mediante wetransfer al profesor (amartinoc@educa.jcyl.es ) 

Presentaciones eficaces: La era digital I

http://www.elblogdelsrruiz.com/p/presentaciones-inteligentes.html

Para este primer tema vamos a realizar una presentación de google drive, estilo PechaKucha (20 diapositivas-20 segundos de exposición), con las actividades que os solicite. 
Tendrá una primera diapositiva que será la portada y a partir de ahí deberemos ir leyendo los apuntes y los enlaces correspondiente e ir realizando las diapositivas que se pidan añadiéndole información e imágenes.

http://www.pechakucha.org/

 

La información debe ser veraz por lo que deberemos utilizar fuentes fiables, y las imágenes que utilicemos deberán estar libres de derechos, nombrando en todo momento el autor y la procedencia en el pie de foto.

1. Tecnologías de la información y la comunicación.

Las TICs engloban todo tipo de dispositivos y aplicaciones comunicativas, como la radio, la televisión, los teléfonos móviles, los sistemas informáticos, las redes de comunicaciones, etc., así como los diferentes servicios y aplicaciones relacionadas con ellos, por ejemplo, las videoconferencias, las redes sociales, los foros de noticias o el correo instantáneo. Se puede decir que constituyen el conjunto de herramientas que posibilitan la búsqueda, la creación, el almacenamiento, el tratamiento, la comunicación y la presentación de información. Para llevar a cabo esta labor los usuarios cuentan con los ordenadores personales, portátiles, tabletas o smartphones y sobre todo un acceso casi ubicuo y sin horarios a las redes de telecomunicaciones que permiten el acceso a los servicios en Internet. Pero prácticamente todos los objetos pueden estar conectados y recoger información, procesarla y compartirla. 

Diapositiva1: con la definición de "Tecnologías de la información y la comunicación"

2. Internet de las cosas.

El acceso a las redes de objetos cotidianos como una TV, un electrodoméstico, un wearable o dispositivos deportivos inteligentes como un reloj de fitness es una realidad cada vez más presente. La información se recopila y se envía cuando la conexión lo permite para ser procesada mediante aplicaciones. Toda esta información puede ser utilizada para mejorar diferentes aspectos de nuestra vida.

En un futuro muy próximo estos dispositivos inteligentes se van a comunicar de forma continuada entre ellos mismos sin la intervención del ser humano usando los procolos M2M (máquina a máquina) y sistemas operativos como Google Brillo, Windows 10 IoT, Raspbian o

Investiga, algunos de los dispositivos más raros que pueden ser conectados a la red (sus posibles usos, sus características, sus fabricantes, página web del fabricante). Para que todo esto funcione se necesita un sistema operativo tal como Google Brillo que lo haga posible, investiga qué es y cómo funciona. 
Enlace a padlet con objetos curiosos IOT 

 

Peligros:

• Anuncio burguer king activa dispositivos google home
• https://www.xataka.com/internet-of-things/south-park-ocasiona-un-caos-al-activar-miles-de-altavoces-amazon-echo-y-google-home-en-eeuu
• Actualizaciones en medio millón de marcapasos para evitar un hackeo

Diapositiva2: explicación en que consiste el internet de las cosas con imágenes, texto explicativo y enlaces para exponerlos. Imagen objeto que os ha llamado la atención.

 

Diapositiva3: Otra diapositiva con los sistemas operativos que se utilizan en Internet de las cosas (IoT), con iconos.

3. Protocolos TCP/IP

Los protocolos de comunicaciones son lenguajes que permiten la comunicación entre los dispositivos de una red informática. 

El protocolo que se utiliza para la comunicación en Internet se conoce como TCP/IP y está compuesto por varias familias que en algunos casos nos son familiares y en otras no tanto. Por ejemplo, el famoso HTTP/HTTPS es el protocolo de transferencia de hipertexto que nos permite la navegación en páginas de Internet. Pero existen otros como el SMTP y POP3, que nos van a permitir el envío o la recepción de correos electrónicos desde un servidor remoto a través de un cliente de correos instalado en nuestro ordenador (por ejemplo: Outlook). Seguramente hayas oído hablar delFTP pero no sabrás que es un protocolo que nos permite hacer una transferencia de ficheros entre un cliente y un servidor. También tenemos el SSH, protocolo que nos permite acceder a máquinas remotas a través de una red informática.

Por último no podemos olvidar el propio protocolo IP (Internet Protocol) que se encarga de la transmisión de información, en forma de datagramas (paquete de datos que contiene una cabecera y unos datos), a través de la red. A estos datagramas se les añade la dirección IP de destino necesaria para que los routers la puedan encaminar hacia su destino. De hay la importancia que tiene que el protocolo IP asigne una dirección única de IP a cada dispositivo en nuestra red .

Diapositiva4: con esquema de los diferentes protocolos de internet

4. Versiones del protocolo IP

Existen dos versiones del protocolo. IPv4 e IPv6. Te preguntarás por qué existen dos versiones diferentes para un mismo protocolo. El problema está en la cantidad cada vez mayor de dispositivos que se conectan a Internet y que necesitan ser direccionados de forma única lo cual ha hecho que se pase de un IPv4 que usaba direcciones de 32 bits (4 secciones de 8 bits separadas por . expresadas en decimal) a un IPv6 que utiliza direcciones de 128 bits (8 secciones de 16 bits separados por : expresadas en hexadecimal).

Sigue este enlace para entender bien como funcionan estos dos protocolos IP e investiga las ventajas del IPv6 en términos de Autoconfiguración de conexión en la red, de mecanismos de seguridad, de mejora de rendimiento y de movilidad de equipos entre diferentes redes.

Diapositiva5: sobre los protocolos de comunicación, respondiendo a las siguientes cuestiones:¿Por qué apareció IP6? Ventajas e inconvenientes de IP4 e IP6

5. Evolución de la Web.

Desde que nació la web en 1991 las cosas han cambiado mucho. En un principio se creó la Web 1.0 o web estática y luego se dio paso a la Web 2.0 o web social. Hoy en día y con la sobresaturación de información en Internet se está desarrollando la Web 3.0 o web semántica.

En el siguiente vídeo podrás ver está evolución de una forma gráfica y su por qué.

• Desde Astec nos presentan una propuesta de evolución de la web desde la 1.0 a la 4.0.
• Desarrollo de Web 1.0 a 4.0 y características de la web 5.0.

Pero no habla sobre la Web 4.0 o web total que deberás buscar tu por tu cuenta.
Crea una línea de tiempo con la herramienta que prefieras, donde nos cuente el proceso y en que consiste, con enlaces y descripción de cada tipo.

Herramientas para crear líneas de tiempo
Nosotros queremos meterlo en nuestra presentación, por lo que tenéis varias opciones:

• Hacer una captura de pantalla y jugar con el archivo de imagen generado en la captura de pantalla.
• Añadir el enlace en algún sitio de la diapositiva para poder ampliar la información

Diapositiva6: anterior introduce tu línea de tiempo y si no has puesto ejemplos añádelos, con enlaces, imágenes o lo que necesites.

7. Fiabilidad de las fuentes de información

La web es una fuente casi infinita de información con la que vamos a poder usar, interpretar, relacionar, compartir dicha información. El proceso de búsqueda de esta información se facilita mediante los servicios de buscadores como google, yahoo, boodigo, bing o de Metabuscadores ( Ixquick, MetaCrawler, IBoogie, etc...) que buscaran en varios buscadores simultáneamente. Pero hay que tener cuidado con fiabilidad de dicha información. Si se obtiene de enciclopedias digitales, diccionarios online, bibliotecas virtuales, portales educativos oficiales ,webs oficiales o tesis doctorales, etc...la información estará contrastada y podremos asumir que es cierta. Pero puede ser que la obtengamos de redes sociales, de redes colaborativas (wikipedia) o blogs privados donde la información no está contrastada.

Para estar al tanto de la evolución de los avances tecnológicos crea una cuenta en wakelet y añade diversas fuentes de información sobre tecnología. . Wakelet es una platafoma
Curiosidad: Artículo donde nos explica el modo de hacer el posicionamiento de las página google

Por eso a la hora de buscar información debemos identificar la veracidad de la información teniendo en cuenta:  El tipo de publicación (páginas web oficiales, tesis doctorales, investigaciones científicas....), el autor del texto(si el autor es un profesional del sector o acredita conocimientos sobre el tema, la procedencia de la información (publicaciones científicas, libros de texto, sitios web especializados), el contenido (analizar si la información es congruente, si tira de fuentes bibliográficas, si está bien argumentado...), la actualización (la información tiene una fecha de publicación que debe actualizarse para que no se quede obsoleto), el propósito (analizar si la información que se ofrece el objetiva) y por último la audiencia (analiza el público al que va dirigido nos va a decir si es rigurosa o no la información)

En cualquier caso antes de difundir la información siempre hay que realizar un proceso de ¿curación de contenidos? (Recuperar, filtrar, revalorizar, organizar y difundir)

Investiga hasta qué punto es cierto que Internet es libre, si existe censura o si existen países donde la información no está al alcance de la gente. 

Diapositiva7: Wakelet con recomendaciones para encontrar información fiable

Os sigo recordando que el origen de la información que se añada debe ser fidedigno y contrastado (google académico puede ser una buena fuente).

Diapositiva8: infografía (similar a la disponible en https://internality.com/web20/) en la que reflejes las aplicaciones web más utilizadas en internet.

 

Apps más descargadas 2020

 

Para crear las infografías lee en siguiente enlace:

11 herramientas para crear infografías

7 pautas para crear una buena infografía

Plataforma para la gestión de nuestro contenido.

Buenos días, 

para gestionar nuestros trabajos y el contenido de la asignatura vamos a utilizar wordpress.com 

Mediante wordpress vamos a crear un blog, que nos permite recoger de manera cronológica los diferentes artículos y trabajos publicados.

Para la creación del blog os dejo la siguiente entrada del gran blog de Carlos Sanchez Barbero en la que nos guía en su creación.

https://tecnologiaingenieria.wordpress.com/2023/02/01/blogs-wordpress/

Comenzamos...

Fotos 360 y tours virtuales

Fotos 360

La fotos 360 las podemos descargar desde google maps mediante la aplicación Svd360, las fotos descargadas son equirectángulares que son las que debemos utilizar.

También podemos crearlas desde el móvil mediante apps del estilo "Go Street View Photo Sphere"

pero te toca tener mucho pulso.

Otra opción es utilizar una cámara 360 como la Samsung Gear 360. Aquí nos aparece un problema, que las fotos que capta son del tipo "ojo de pez" 

Para poderlas utilizar debemos pasarlas a equirectangulares debemos utilizar plataformas gratuitas cómo Nadir Patch. 

Lo que obtenemos es lo siguiente:

Tours Virtuales

Con estas fotos podemos crear tours virtuales, para ello tenemos diferentes plataformas gratuitas como Theasy o Kuula

Tutorial Theasy

Tutorial Kuula

EJEMPLO DE KUULA

Realidad Virtual

Veamos en que consiste la realidad virtual mediante estos dos vídeos:

Vamos a trabajar la realidad virtual mediante los dos enlaces siguientes:

1. Consumo de contenidos. tipología y formato.
2. Aplicaciones de la Realidad Virtual en formación y educación

Debemos realizar las siguientes tareas:

• Tarea 1: crea una infografía o presentación con genially sobre la realidad virtual contestando a los siguiente puntos:
• Qué es la Realidad Virtual #VR
• TIPOS de realidad virtual.
• Normas a cumplir en el uso de la VR, peligros que puede provocar en la salud, si hay límite de edad, etc. Os dejo el siguiente enlace para consulta: http://allvreducation.blogspot.com.es/2016/07/10-preguntas-y-respuestas-en-torno-la.html

Para esta tarea os dejo dos artículos donde nos cuenta qué es una infografía y el modo de hacerlo:

10 reglas para hacer una infografía

Cómo hacer una infografía: qué es, herramientas gratis para diseñar un infograma y guía paso a paso

• Tarea 2: visita y si quieres busca una o varias de las fotografías esféricas que más te hayan gustado o impactado y publícalas en el panel colaborativo “Consumo de contenidos VR fotos 360”, mediante una entrada que se titule “Imagen de Nombre y apellidos” subiendo la imagen y el motivo de su subida.
• Para descargar imágenes 360 puedes hacerlo desde commons.wikipedia, pixabay, flirck poniéndo en la búsqueda "panorama 360" o "equirectángulares".
• Visitando desde google maps el lugar y descargando mediante streetview download 360 
• Tarea 3: Visita y si quieres busca uno o varios de las vídeos 360º que hayas visualizado y más te hayan gustado o impactado e introduce la url en el panel colaborativo “Consumo de contenidos VR vídeo”, mediante una entrada que se titule “Imagen de Nombre y apellidos” subiendo la imagen y el motivo de su subida. Intenta seleccionar el/los que consideres puedan tener un posible uso educativo o divulgativo. Puedes encontrar vídeos 360 en youtube, pixabay, https://deovr.com/
• TAREA 4 OBLIGATORIA: entra en deligtex edu y crea cuenta con el código del profesor GHD94. Una vez que estés dentro crea tu espacio virtual sobre la temática solicitada.
• Debes tener elementos de su biblioteca creativa.
• Puedes introducir hasta 10 elementos. Entre ellos debes tener:
• vídeo.
• Imágenes.
• Objetos 3D
• Debe ser un museo sobre tus científicas y sus trabajos.
• Puedes elegir entre escenario o foto 360 
• Debes programar algún personaje dentro de tu espacio virtual mediante CoBlocks Básicos:  un sistema de programación visual por bloques muy similar a Scratch. Con los bloques básicos puedesm over, rotar y escalar objetos en el espacio,crear eventos e interacciones (ej: "Cuando el jugador haga clic en la puerta, que la puerta gire y se escuche un sonido"), activar animaciones predefinidas de los personajes (caminar, saludar, bailar), además de programar transiciones para cambiar de una escena a otra.
• Tutoriales sobre delightex edu: canal youtube 
• Tutoriales: otro canal de youtube con la plataforma muy "migada" 
• Tutorial sobre viaje virtual en Cospace (su antiuo nombre) 
  
  
• Tutorial sobre museo virtual en Cospaces (su nombre antiguo)
  
   
• TAREA 5 OBLIGATORIA: Crea un espacio virtual de reuniones sobre lo que quieras en framevr.io
• Ejemplo de espacio virtual https://framevr.io/estructuras1eso
• Tutorial 
  
  

Enlaces de interés:
mejores juegos VR gratuitos en 2025

Crear realidad aumentada

REALIDAD AUMENTADA

Actividad 1:

1. Montar nuestro mergecube 
2. Buscar en la tienda oficial de nuestro móvil app poniendo las palabras merge cube
3. Probar el cubo que hace la función de marcador.
   

Actividad 2:

1. Descarga arloopa

   Probamos la app
   

Actividad 4

1. Descarga en tu móvil chromeville science
2. Entra en este enlace y pon una de tus láminas en la pantalla.
3. Enfoca con tu movil y la app abierta. 

Actividad 5: zapworks

Escanea código con tu smartphone

Actividad 6: Onirix

Escanea el código QR

CREAR REALIDAD AUMENTADA

Deberéis utilizar dos plataformas para crear vuestro material de realidad aumentada sobre las mujeres científicas que habéis investigado. 

Debe permitirnos conocer sobre ellas y sobre su trabajo.

Recomendaciones Onirix y metAclass 

OPCIÓN 1: ASSEMBL EDU

Assemblr EDU: Immersive 3D/AR Platform for Teachers & Learning

Listado de vídeos para trabajar con assemblr edu

OPCIÓN 2: ZAPWORKS

Zapworks: The Most Powerful All-In-One WebAR platform

https://zap.works/

OPCIÓN 3: ONIRIX

Dentro de la propia aplicación tenéis muchos manuales y el modo de funcionamiento es casi el mismo que todos.

https://studio.onirix.com/

Un manual más extenso

OPCIÓN: 3 METACLASS

 

Para trabajar con metaclass se debe hacer todo desde el dispositivo móvil

OPCIÓN 4: AUGMENT

OPCIÓN 5: ARLOOPA STUDIO (DE PAGO)

Si quieres pagar y mejorar tu experiencia https://studio.arloopa.com/

OPCIÓN 6: ZAPPAR (PAGO)

CSS

1. ¿Cómo funciona? El concepto de "Selector"

Para cambiar algo en tu web, CSS necesita saber a quién le hablas y qué quieres hacerle. La estructura básica es esta:

Selector { Propiedad: Valor; }

• Selector: El elemento al que quieres cambiarle el aspecto (ej. todos los títulos).
• Propiedad: Lo que quieres cambiar (ej. el color).
• Valor: El nuevo ajuste (ej. azul).

---

2. El "Modelo de Caja" (The Box Model)

Este es el secreto mejor guardado de CSS: para el navegador, todo en una web es una caja. Un botón, un párrafo o una imagen.

 

Cada caja tiene cuatro capas, de adentro hacia afuera:

1. Content (contenido): El texto o imagen real.
2. Padding (Relleno): Espacio invisible dentro de la caja.
3. Border (Borde): La línea que rodea el relleno.
4. Margin (Margen): Espacio invisible fuera de la caja que la separa de otras.

---

3. ¿Por qué se llama "en Cascada"?

Las reglas se aplican de arriba hacia abajo. Si dices que los títulos son rojos al principio, pero azules al final, el navegador aplicará el último color: azul.

Dato clave: La regla más específica y la que aparece "más abajo" en el código suele ser la que gana.

---

4. Los 3 pilares que vas a tocar siempre

Categoría	Propiedades comunes	¿Para qué sirve?
Colores	color, background-color	Cambiar el tono del texto o del fondo.
Texto	font-size, font-family, text-align	Tamaño, fuente o alineación de la letra.
Layout	display: flex, grid, width	Organizar cómo se colocan los elementos.

---

5. ¿Dónde se pone el CSS?

La forma más profesional es la externa:

1. Interno: Dentro de etiquetas <style> en el HTML.
2. En línea: Directamente en la etiqueta (poco recomendado).
3. Externo (Ideal): Un archivo separado llamado estilos.css conectado a tu HTML.

---

6. ¿Cómo conectar el archivo externo?

Copia y pega este código dentro de la sección <head> de tu HTML:

<link rel="stylesheet" href="estilos1.css">

---

7. ¿Qué significa cada parte?

• <link>: Indica que necesitamos un archivo externo.
• rel="stylesheet": Aclara que el archivo es una hoja de estilo.
• href="estilos1.css": La ruta del archivo. Ojo: debe estar en la misma carpeta que tu HTML.

---

8. Diferenciar elementos: Clases e IDs

1. Clases (.nombre) - Multiusos

Se pueden usar en varios elementos a la vez.

/* HTML */ <p class="texto-destacado">Soy verde</p> 

/* CSS */ .texto-destacado { color: green; font-weight: bold; }

2. ID (#nombre) - Único

Solo puede haber uno por página (como un DNI).

/* HTML */ <p id="parrafo-unico">Soy único</p> 

/* CSS */ #parrafo-unico { background-color: yellow; border: 2px solid black; }

3. Selectores Combinados

Para ser quirúrgico. Ejemplo: solo párrafos dentro del footer.

footer p { font-size: 10px; color: gray; }

---

9. Recursos y Manuales

Descarga el material complementario aquí:

Manual 1 

Manual 2

---

10. Ejemplo en Codepen

https://codepen.io/amartind11/pen/bNwJLwX