Realidad virtual

Vamos a trabajar la realidad virtual mediante los tres capítulos siguientes:

1. Consumo de contenidos. tipología y formato.
2. Creación inmersiva mediante fotografía 360º.
3. Creación de VR mediante contenidos 3D.

Deberemos ir leyento y realizar las actividades que nos pidan incrustando en el blog lo solicitado en cada momento.
Las actividades a realizar serán:

• Tema 1:
• Busca uno o varios de las vídeos 360º que hayas visualizado y más te hayan gustado o impactado e introdúcelo en tu blog mediante el título “Consumo de contenidos VR vídeo”. Intenta seleccionar el/los que consideres puedan tener un posible uso educativo o divulgativo.
• Tema 2:
• Crea una o varias fotografías 360º, introdúcela en el blog.
•  A la hora de publicar tu foto 360 para mostrarla a la comunidad, puedes:
• Compartir directamente la URL pública en la que se encuentre ubicada la fotografía 360º que hayas realizado.
• Crear un post específico en tu blog, con el/los enlace/s correspondiente/s a tu/s fotografía/s.
• Subir la imagen a Facebook directamente (desde tu smartphone o PC). La plataforma detectará su formato y la convertirá directamente a visión esférica o panorámica. Puedes encontrar más información en este enlace.
• Crear un post específico en tu blog, embebiendo las imágenes en tu post, para que se vean directamente integradas. 
• Crea una visita o ruta virtual e introdúcela en tu blog. Puedes utilizar también la herramienta de google para crear viajes virtuales https://vr.google.com/tourcreator/
• Tema 3:
• Crea un museo con dos salas sobre algún tema. 
• Guión para crear museo virtual : https://www.youtube.com/watch?v=beX0k1tak_c
• Guión para crear imágenes interactivas y viajes virtuales inmersivos https://www.youtube.com/watch?v=8ycI-KsjqZY

Enlaces de interés:
50 Best VR games for Android and iOS in 2017

Vídeo tutorial para realizar un museo virtual:

Modelado 3D

Para el modelado 3 D utilizaremos tinkercad
https://www.tinkercad.com/
Una vez dados de alta entraremos en aprendizaje https://www.tinkercad.com/learn/

pinchamos en la primera y hacemos todas.

Una vez acabadas las lecciones realizaremos el siguiente vídeo tutorial 

Realidad aumentada: quiver, Chromville, aumentaty y layar

buenos días
Descargaros la app de Chromville y juguemos con ella:
https://chromville.com/es/apps/

LANDSCAPAR
otra app para jugar con la realidad aumentada es landscapar. Os dejo un vídeo

Descargar la app y probarla con un folio en blanco


CREEMOS NUESTRA PROPIA REALIDAD AUMENTADA:

Veamos la siguiente entrada del blog de Raul Diego donde nos pone ejemplos de realidad aumentada y un manual.

http://www.rauldiego.es/realidad-aumentada-con-layar-creator/

Descargar la app layar en vuestro movil, entrar en la siguiente dirección  popurri aumentado con layar y apuntar con el movil y la aplicación layar abierta.

TRABAJO A REALIZAR: DOS OPCIONES

LAYAR

Realizaremos un cartel sintetizando un tema, de manera que mediante layar enfocando nuestros dispositivos móviles, podamos ampliar y ver explicaciones sobre el tema.

Podría ser un cartel promocional de instituto o cartel sobre algún tema de alguna asignatura que estés realizando ahora y aprovecharíamos para enseñárselo al profesor correspondiente intentando subir la nota.
Una vez decidido el tema a trabajar, realizaremos algo del tipo del popurri musical que ya vimos o el siguiente trabajo sobre los componentes de un circuito eléctrico

Para realizar esto nos deberemos dar de alta en https://www.layar.com y seguir el siguiente manual.

AUMENTATY

Realizar un ejemplo de realidad aumentada con aumentaty. 

Os dejo un vídeo tutorial

Un saludo   

Realidad aumentada: Introducción

Buenos días,
Empezemos viendo el siguiente vídeo

Veamos otro vídeo sobre la realidad aumentada. Es el vídeo oficial de las gafas de google

veamos en que consiste al realidad aumentada (AR)

Realidad Aumentada y Códigos QRhttp://www.slideshare.net/pdavenne 

En esta otra presentación nos permite iniciarnos en la realidad aumentada.

Realidad aumentada y códigos qr v2https://www.slideshare.net/slideshow/embed_code/5903531

 

Los códigos QR tienen importancia en la Realidad Aumentada, ya que es lo mas parecido a Realidad Aumentada a la que el usuario normal puede tener acceso y cada vez son mas habituales en todos los productos que utilizamos y están involucrados en nuestra vida diaria.

Las siglas QR hacen referencia al término Quick Response Barcode, pues permite que el contenido que almacenan se lea a alta velocidad. Los códigos QR, inventados por la compañía japonesa Denso-Wave en 1994, son libres y no están sujetos a ninguna patente. Al ser Open Source cualquiera puede utilizarlos. Tienen límite numérico en cuanto a su contenido:  numérico 7029 caracteres, alfanumérico 4296 caracteres, binario 2953 caracteres 

Os dejo un listado de generadores de código:

• http://www.codigos-qr.com/generador-de-codigos-qr/
• http://www.qrcode-monkey.com/es/
• http://www.visualead.com/qurify2/es/
• http://es.qr-code-generator.com/

EJERCICIO:
El ejercicio consistirá en crear tu código QR con una imagen incrustada en el código, en el que nos permita abrir tu blog en el móvil e introducirlo en un gadget en tu blog

Ejemplos:

Tarjetas de presentación

Un teléfono


Un mensaje de texto

HTML5: trabajo final

TRABAJO FINAL

Buenos días

Deberemos realizar una página web con las siguientes condiciones:

• Deberemos aplicar todo lo aprendido.
• Primero realizar un mapa mental (diseño) de la página que vamos a realizar. Podemos utilizar muchas plataformas. Os dejo un listado de ellas que además podemos asociar a nuestro drive:
• Cacoo
• Mindomo
• Mindmeinster
• Mindmap
• Coogle
• Concept board 
• Deberá de constar mínimo de 4 páginas html5. 
• Deberemos utilizar fotografías y colores de fondo. El color igual en todas para que mantengan un criterio dirigido por la hoja de estilos.
• El formato de la página debe estar dirigido mediante un archivo css de manera que ahí ponemos todas las opciones.
• Es importante la presentación de la página, pero no influye sólo lo bonito que hagan el sitio web, sino la información que contenga, no solo copy/paste. 
• Deberemos meter elementos multimedia, música y vídeos.
• No abusar de fotos ni vídeos.
• Ojo con el peso de los elementos multimedia que nos pueden complicar la subida a los servidores gratuitos.
• Debe tener al menos una tabla y una lista anidada.
• Importante la organización de los archivos, a la hora de hacer funcionar los enlaces. Debemos subirlos con la misma estructura.

Página para crear marcos http://html.conclase.net/w3c/html401-es/present/frames.html

Se os evaluará siguiendo la siguiente rúbrica:
https://www.orientacionandujar.es/2015/08/31/coleccion-100-rubricas-de-evaluacion-para-primaria-secundaria-y-bachillerato/rubrica-para-la-evaluacion-de-la-creacion-de-un-sitio-web/

FreeCad

Buenos días comenzamos con FreeCad.
Será un viaje conjunto, ya que todos estamos en las mismas condiciones. Iré aprendiendo con vosotros.
Para conocer la herramienta utilizaremos el manual y las páginas de Wikirobotics.

Imagen página wikirobotics

Pincharemos en presentación y nos enviará más abajo donde nos va indicando los vídeo tutoriales que tenemos que hacer y las tareas.

Imagen página wikirobotics

Iremos realizando las tareas que nos va planteando. Esta página esta creada por Juan González Gómez, conocido también como Obijuan, si alguno quiere conocer quién es, os recomiendo que visitéis la siguiente página https://github.com/Obijuan/CTIF-Madrid-2018-FreeCAD/wiki y os mováis hasta abajo donde viene parte de su curriculum.

html 5: organización de la información

Tema 6: organización de la información.
Tema 8: Hoja de estilos.
En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera

En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta

<style type="text/css">

</style>

Enlazar un archivo .css

Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:

<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">

otra opción sería:

@import url(misestilos.css)

dentro de la etiqueta style