{"id":16308,"date":"2015-09-13T16:47:06","date_gmt":"2015-09-13T15:47:06","guid":{"rendered":"http:\/\/www.totemguard.com\/aulatotem\/?p=16308"},"modified":"2020-08-21T10:13:55","modified_gmt":"2020-08-21T09:13:55","slug":"como-presentar-el-programa-de-un-curso-con-una-linea-del-tiempo-interactiva","status":"publish","type":"post","link":"https:\/\/www.totemguard.com\/aulatotem\/2015\/09\/como-presentar-el-programa-de-un-curso-con-una-linea-del-tiempo-interactiva\/","title":{"rendered":"C\u00f3mo presentar el programa de un curso con una l\u00ednea del tiempo interactiva"},"content":{"rendered":"\n<p>Las l\u00edneas del tiempo son especialmente conocidas en educaci\u00f3n para el aprendizaje secuencial de eventos en la Historia o para visualizar el desarrollo de un tema a lo largo del tiempo. Pero igualmente las l\u00edneas del tiempo pueden ser de gran ayuda para organizar gr\u00e1ficamente&nbsp;la secuencia cronol\u00f3gica de los temas que se van a ver durante un curso, junto con las actividades que se van a realizar.<\/p>\n\n\n\n<p>Las l\u00edneas del tiempo se convierten en una manera mucho m\u00e1s visual de presentar el temario global del curso en comparativa a introducir las fechas en&nbsp;un calendario o crear una simple tabla dividida con las asignaturas y las fechas.&nbsp;El estudiante puede&nbsp;m\u00e1s r\u00e1pidamente familizarse con el programa, internalizar las fechas concretas de inicio y finalizaci\u00f3n de los temas y organizarse de forma m\u00e1s efectiva para la realizaci\u00f3n y presentaci\u00f3n de los proyectos que se van a asignar durante su duraci\u00f3n.<\/p>\n\n\n\n<p>Ya hace a\u00f1os que las l\u00edneas del tiempo dejaron de ser\u00a0im\u00e1genes est\u00e1ticas, cuya efectividad depend\u00eda en gran parte de las habilidades de dise\u00f1o gr\u00e1fico que pose\u00eda su creador.\u00a0Hoy en d\u00eda <strong>las l\u00edneas del tiempo son digitales e interactivas<\/strong> y pueden crearse con una gran variedad de software desde cualquier ordenador o tableta.<\/p>\n\n\n\n<p>Personalmente para la presentaci\u00f3n cronol\u00f3gica del programa de cursos online utilizo <a href=\"https:\/\/timeline3.knightlab.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Timeline JS3<\/a>, una <strong>herramienta web gratuita y abierta<\/strong> que destaca por su bello dise\u00f1o, sencillez de uso y la capacidad de introducir v\u00eddeos de Youtube, Vimeo y DailyMotion, podcasts de <a href=\"https:\/\/www.totemguard.com\/aulatotem\/2012\/06\/soundcloud-el-audio-como-potente-herramienta-en-educacion\/\" target=\"_blank\" aria-label=\"Soundcloud (opens in a new tab)\" rel=\"noreferrer noopener\">Soundcloud<\/a>, tweets, Instagram, Wikipedia, mapas de Google, im\u00e1genes y texto en cualquier punto\u00a0de la l\u00ednea del tiempo. El resultado final ofrece una representaci\u00f3n muy visual del programa.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure><iframe loading=\"lazy\" src=\"\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1rJj-3NbAtI-w1wAtxzt8A3k38JUTCAPoPolVAaM2RUM&amp;font=Default&amp;lang=es&amp;initial_zoom=2&amp;height=650\" width=\"100%\" height=\"650\" frameborder=\"0\"><\/iframe><\/figure>\n\n\n\n<p>Si deseas presentar la planificaci\u00f3n y el programa con este tipo de l\u00ednea del tiempo en un curso, a continuaci\u00f3n puedes ver los cuatros pasos\u00a0para su r\u00e1pida configuraci\u00f3n. Podr\u00e1s incrustar la l\u00ednea del tiempo en cualquier blog, plataforma de e-learning o p\u00e1gina web, como yo he hecho arriba.<\/p>\n\n\n\n<p>1. Visita la p\u00e1gina web de <strong>Timeline JS3<\/strong>:\u00a0<a href=\"https:\/\/timeline3.knightlab.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/timeline3.knightlab.com\/<\/a>\u00a0y ver\u00e1s que a diferencia de otras herramientas similares,\u00a0no necesitas abrir una cuenta, permitiendo ponerte manos a la obra de inmediato.<\/p>\n\n\n\n<p>2. Curiosamente en Timeline <strong>introduces los datos<\/strong> de tu l\u00ednea del tiempo <strong>en una&nbsp;plantilla de hoja de c\u00e1lculo de Google<\/strong> que puedes abrir&nbsp;desde su p\u00e1gina web o desde <a href=\"https:\/\/drive.google.com\/previewtemplate?id=1pHBvXN7nmGkiG8uQSUB82eNlnL8xHu6kydzH_-eguHQ&amp;mode=public\" target=\"_blank\" rel=\"noopener noreferrer\">AQU\u00cd.<\/a> Ver\u00e1s que para tener una copia en tu Google Drive y personalizar la hoja has de pulsar en \u00abUtilizar plantilla\u00bb. Si no has iniciado sesi\u00f3n en tu cuenta de Google Drive, tendr\u00e1s que hacerlo para guardar la plantilla.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1435\" height=\"792\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Guardar-plantilla.gif\" alt=\"Guardar plantilla\" class=\"wp-image-16371\"\/><\/figure><\/div>\n\n\n\n<p>Una vez tengas ya tu&nbsp;copia, desde el navegador web ver\u00e1s los campos a personalizar dentro de la hoja. De entrada te ser\u00e1 quiz\u00e1s poco intuitivo el contenido que debes introducir en cada casilla pero puede ayudarte&nbsp;la gu\u00eda de la siguiente imagen:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"2412\" height=\"1300\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google.jpg\" alt=\"Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google timeline\" class=\"wp-image-16382\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google.jpg 2412w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google-300x161.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google-1024x551.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google-760x409.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google-518x279.jpg 518w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Plantilla_Ejemplo_programa_curso_-_Hojas_de_c\u00e1lculo_de_Google-82x44.jpg 82w\" sizes=\"auto, (max-width: 2412px) 100vw, 2412px\" \/><\/figure><\/div>\n\n\n\n<p>Es muy importante no dejar filas en blanco ni tampoco borrar columnas de la hoja de c\u00e1lculo para que la l\u00ednea del tiempo&nbsp;se realice con \u00e9xito.<\/p>\n\n\n\n<p>En Timeline\u00a0no subes las im\u00e1genes sino que enlazas con ellas, pero te aparecer\u00e1n despu\u00e9s incrustadas en la l\u00ednea del tiempo. Para encontrar bancos de im\u00e1genes gratuitas de gran calidad, puedes visitar la siguiente p\u00e1gina web: <a aria-label=\"Unsplash (opens in a new tab)\" href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash<\/a> o <a aria-label=\"Pexels (opens in a new tab)\" href=\"https:\/\/www.pexels.com\/es-es\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pexels<\/a>.\u00a0Igualmente tienes disponible el <a href=\"http:\/\/search.creativecommons.org\/?lang=es\" target=\"_blank\" rel=\"noopener noreferrer\">buscador de im\u00e1genes<\/a> con licencias cc.<\/p>\n\n\n\n<p>3. Una vez est\u00e1s contento\/a con el texto y los elementos multimedia que has introducido y has comprobado las fechas, es hora de publicar la hoja de calculo en la web.<\/p>\n\n\n\n<p>Dentro de la hoja de c\u00e1lculo de Google ves a <strong>Archivo<\/strong> en el men\u00fa principal y selecciona <strong>Publicar en la web<\/strong>. En la siguiente ventana que te aparece, pulsa en el bot\u00f3n <strong>Publicar<\/strong>. Te aparecer\u00e1 el enlace web (URL) en el centro de la ventana que puedes&nbsp;copiar en el portapapeles haciendo un CTRL C (cmd C en MAC).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1432\" height=\"752\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Publicar-en-la-web.gif\" alt=\"linea tiempo timeline\" class=\"wp-image-16373\"\/><\/figure><\/div>\n\n\n\n<p>4. Ahora vuelve a la p\u00e1gina web de Timeline e introduce el enlace&nbsp;en la casilla correspondiente denominada \u00ab<strong>Google Spreadsheet URL<\/strong>\u00ab. Para pegar el enlace web, haz simplemente un CTRL V (cmd V en MAC).<\/p>\n\n\n\n<p>Antes de proseguir asegura que escoges&nbsp;el idioma en que deseas que aparezcan el nombre de los meses en la l\u00ednea del tiempo. Por defecto aparece en ingl\u00e9s pero puedes cambiarlo a pr\u00e1cticamente cualquier idioma&nbsp;(espa\u00f1ol, catal\u00e1n, vasco, gallego, franc\u00e9s, etc). Tambi\u00e9n puedes cambiar el tipo de letra, el nivel de zoom que deseas&nbsp;al inicio y el orden de aparici\u00f3n de los temas en tu cronolog\u00eda.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1435\" height=\"734\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Pegar-google-hoja-calculo.gif\" alt=\"timeline linea del tiempo\" class=\"wp-image-16375\"\/><\/figure><\/div>\n\n\n\n<p>Puedes ver el resultado de estos cambios en cualquier momento pulsando en la vista previa <strong>Preview.<\/strong><\/p>\n\n\n\n<p>5. Ahora ya est\u00e1 lista tu l\u00ednea del tiempo para inscrustar en tu blog. Selecciona el c\u00f3digo que ha generado Timeline debajo e introd\u00facelo en tu blog o plataforma de e-learning, del mismo modo que har\u00edas con un v\u00eddeo de Youtube. \u00a1Todo listo para la consulta del alumno!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1432\" height=\"784\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Introducir-codigo-blog.gif\" alt=\"Introducir codigo blog\" class=\"wp-image-16379\"\/><\/figure><\/div>\n\n\n\n<p>Como el uso de la tecnolog\u00eda es muy personal, si esta aplicaci\u00f3n no te convence, puedes experimentar con esta otra herramienta m\u00e1s conocida <a href=\"http:\/\/www.tiki-toki.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tiki Toki<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">\u00bfHas probado realizar una l\u00ednea del tiempo? \u00bfCu\u00e1l fue tu experiencia y qu\u00e9 herramienta usaste? Puedes dejarme un comentario debajo.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Las l\u00edneas del tiempo son especialmente conocidas en educaci\u00f3n para el aprendizaje secuencial de eventos en la Historia o para visualizar el desarrollo de un tema a lo largo del tiempo. Pero igualmente las l\u00edneas del tiempo pueden ser de gran ayuda para organizar gr\u00e1ficamente&nbsp;la secuencia cronol\u00f3gica de los temas que se van a ver [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":17153,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13,21],"tags":[],"class_list":["post-16308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-herramientas-web","category-tecnologia"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/crear-linea-tiempo-interactiva.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/comments?post=16308"}],"version-history":[{"count":70,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16308\/revisions"}],"predecessor-version":[{"id":23677,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16308\/revisions\/23677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media\/17153"}],"wp:attachment":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media?parent=16308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/categories?post=16308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/tags?post=16308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}