Tutorial básico para línea de tiempo interactiva
-
Upload
enzo-renato-hernandez-levi -
Category
Education
-
view
7.373 -
download
0
description
Transcript of Tutorial básico para línea de tiempo interactiva
![Page 1: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/1.jpg)
Tutorial básico
El uso de este material está sujeto a nuestra licencia de Creative Commons y otros términos de uso.
![Page 2: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/2.jpg)
Licencia y términos
A excepción de materiales propiedad de terceros o que se indique otracosa, el contenido en este material es puesto a disposición bajo unaLicencia Creative Commons: Atribución-No Comercial-Compartir Igual.
Este material contiene enlaces a sitios externos a e-UAEM. E-UAEM seocupa de la vinculación de los sitios web, pero no tiene control directosobre el contenido de los sitios web enlazados, ni de los cambios quepuedan producirse en el contenido de esos sitios. Es responsabilidad delusuario tomar sus propias decisiones acerca de la exactitud, actualidad,fiabilidad y precisión de la información contenida en los sitios webexternos vinculados.
Respecto a los enlaces a sitios externos referidos en este material
![Page 3: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/3.jpg)
¿Qué es…?
Timerime es una aplicación en línea que permite a los usuarios crear,comparar y subir información multimedia (texto, imágenes, audio yvideo), para crear líneas de tiempo, y/o consultar las de otros amanera de comunidad.
![Page 4: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/4.jpg)
¿Qué se necesita?
• Mínimo 1 Gb en RAM en tu computadora de escritorio o portátil.
• Internet de banda ancha.
• Navegador de Internet.
• Plug- in para reproducir Flash.
• Cuenta de correo electrónico activa.
• Información para integrar la línea de tiempo (texto, imágenes, video, etc.) a la mano
![Page 5: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/5.jpg)
¿Cómo funciona?
• Primero, regístrate como usuario en http://timerime.com/es/
![Page 6: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/6.jpg)
Registro
1
2
3
4
5
6
7
![Page 7: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/7.jpg)
Confirmación
Revisa la cuenta de correo que pusiste para registrarte y abre el mensaje de Timerime “Activate your Timerime account”.Da clic en el vínculo que aparece en el cuerpo del correo para confirmar tu solicitud y activar tu cuenta.
![Page 8: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/8.jpg)
Ya estoy aquí…¿Y ahora?
Da clic en el botón donde dice: “Cree una línea de tiempo!”.
![Page 9: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/9.jpg)
Tu guía en el camino
i
Cuando tengas duda de lo que representa algún apartado a lo largo del proceso, da clic en el botón pequeño que dice “i” para recibir orientación adicional.
1
2
3
![Page 10: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/10.jpg)
Llenado de información generalEl nombre que escribas aquí aparece en la línea de tiempo, en los resultados y en la segunda pestaña
Da clic en la ventana desplegable y selecciona una de las categorías a la que consideras corresponde tu línea de tiempo:
•Arte y cultura•Autos y vehículos•Negocios •Entretenimiento•Películas•Historia•Misceláneo•Música•Gente y blogs•Personal•Política•Ciencia y Tecnología•Deportes•Viajes
![Page 11: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/11.jpg)
Complementos y tipo de acceso
En este apartado decides si tu línea de tiempo será visible para todos o será de carácter privado.
Descripción general de la temática que aborda la línea de Tiempo
![Page 12: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/12.jpg)
Agregar evento (Paso 1)
Obligatorio
Solo el año es obligatorio
Opcional
Opcional
![Page 13: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/13.jpg)
Agregar evento (Paso 2)
Al terminar se puede elegir en ingresarlo como evento único (“Guardar”) o, si se tienen más, guardarlo y pasar al siguiente (“Guardar y nuevo”) .
![Page 14: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/14.jpg)
Agregar imágenes (paso 1)
1
Aquí puedes cargar, seleccionar y administrar tus imágenes. Puedes subir varios archivos para facilitar el flujo de trabajo, o subir uno solamente.
Asegúrate de respetar los derechos de autor de terceros en cualquier tipo de material, independientemente de si son manejados por Copyright o por Creative Commons (texto, imágenes, archivos, videos, audios, interactivos y recursos didácticos de cualquier tipo deben ser referidos y dar reconocimiento a sus respectivos autores ).
![Page 15: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/15.jpg)
Crear carpeta (paso 2)
Puedes crear una nueva carpeta para cada línea de tiempo.
1
Escribe el nombre de la carpeta.
3
Da clic en “create”para generarla.
2
Este paso aplica solo para la primera ocasión por cada línea de tiempo que generes. Teniendo la carpeta es sólo cuestión de seleccionarla para alojar ahí las imágenes que quieras incluir.
![Page 16: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/16.jpg)
Abrir carpeta (paso 3)
1
Abre la carpeta para cargar los archivos
2
![Page 17: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/17.jpg)
Seleccionar imagen (paso 4)
1
Selecciona la imagen (Tamaño max. 10 MB)
2
3
4
![Page 18: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/18.jpg)
Usar imagen (paso 5)
1
2
Una vez cargadas no es posible mover imágenes a otras carpetas. Ten cuidado de no eliminar las imágenes o carpetas que se utilizan en tu línea de tiempo. Cuando esté lista la imagen da clic en ella para colocarla en tu línea de tiempo.
![Page 19: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/19.jpg)
Resultado
Vista del evento terminado en la línea de tiempo.
Como creador, tienes posibilidad de editar cada cualquiera de los eventos que incorpores.
Al poner el cursor encima de la imagen se despliega la descripción
![Page 20: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/20.jpg)
Detalles
Al dar clic en el evento aparecerá en la parte inferior de la línea de tiempo un cuadro con los detalles
1
2
Versión para imprimir
![Page 21: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/21.jpg)
Intercambio y multimedia
• Retroalimentación (comentarios).
• Trabajo colectivo.
• Inserción de videos de Youtube.
![Page 22: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/22.jpg)
Retroalimentación
Como usuario registrado puedes dejar comentarios en cualquier línea de tiempo. Sólo escribe tu comentario dentro del área correspondiente en la parte baja de la página.
Al terminar da clic en el botón “Localidad”.
![Page 23: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/23.jpg)
Trabajo colectivo
Pulsa en “Opciones extra”.
Para invitar a colaboradores en la construcción de la línea de tiempo escribe las direcciones de correo separadas por punto y coma. Para poder ser colaboradores deben darse de alta en Timerime.
.
Espacio para incluir el texto que deseas enviar a manera de invitación o comentarios.
1
2
3
![Page 24: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/24.jpg)
Insertar video (paso 1)
Asegúrate de respetar los derechos de autor de terceros en cualquier tipo de material, independientemente de si son manejados por Copyright o por Creative Commons (texto, imágenes, archivos, videos, audios, interactivos y recursos didácticos de cualquier tipo deben ser referidos y dar reconocimiento a sus respectivos autores ).
2
Espacio para insertar el código de Youtube
![Page 25: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/25.jpg)
Localizar video (paso 2)
Abre una nueva pestaña o ventana en tu buscador, dirígete a http://www.youtube.com y busca el video que deseas insertar.
En la parte inferior del video selecciona el botón “insertar”. Se desplegará una ventana hacia abajo.
![Page 26: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/26.jpg)
Copiar código (paso 3)
2) Asegúrate de que ninguna de las opciones esté palomeada, de lo contario, tendrás dificultades para insertar el video.
1) Para fines prácticos elige la versión de reproductor más pequeña.
1
3
2
3) Realizados los puntos 1 y 2 selecciona el código resultante en esta ventana y cópialo pulsando las teclas Ctrl. + c (en Windows), + c (en Mac).
![Page 27: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/27.jpg)
Pegar el código (paso 4)
Regresa a la pestaña o ventana donde tienes el sitio de Timerime abierto para insertar el código de Youtube,
Ubica el puntero o cursor en el lugar del texto donde desees insertar el video
1
2
4
Debajo de donde dice “Insert embedded code”pega el código que copiaste en el sitio de Youtube pulsando las teclas Ctrl + v (en Windows), + v (en Mac).
3
![Page 28: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/28.jpg)
Confirmar (paso 5)
Si el video fue insertado correctamente, aparecerá como un recuadro naranja con un ícono al centro. Si pones el cursor encima del recuadro (sin dar clic) aparecerá la dirección de enlace del video a Youtube.
Al terminar no olvides pulsar (“Guardar”) para registrar el ingreso.
![Page 29: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/29.jpg)
Resultado breve
Vista del evento terminado en la línea de tiempo.
Si el video fue integrado exitosamente, cuando se ponga el puntero encima de la imagen aparecerá la leyenda “Contiene medios ”, acompañado por el símbolo:
![Page 30: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/30.jpg)
Resultado a detalle
En la vista a detalle, aparecerá el video de Youtube “incrustado” y listo para reproducirse
![Page 31: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/31.jpg)
Una vez finalizada tu línea de tiempo, tienes la posibilidad de imprimir, dando clic a éste botón.
Compartir, proporcionando éste enlace a tus contactos.
Y publicar en un blog o página ,para esto último deberás copiar el código HTML que se genera al dar clicen el botón Genere un código .
Para finalizar
![Page 32: Tutorial básico para línea de tiempo interactiva](https://reader034.fdocumento.com/reader034/viewer/2022042507/557bae7bd8b42a052c8b52c1/html5/thumbnails/32.jpg)
CréditosConcepto didáctico y maquetación
Enzo HernándezAdaptaciones y diseño finalEréndira Ceballos, Blanca Zagal
Ismael Tavera Nava
Las capturas de pantalla usadas en este Tutorial fueron realizadas desde una computadora Mac. Trabajandodesde una PC, el diseño y distribución de la interfaz para el llenado de campos puede variar, pero esto no influye
en el desempeño ni en las funciones de Timerime.
Este material es una producción delEspacio de Formación Multimodal
e-uaem