{"id":92,"date":"2016-01-08T13:46:02","date_gmt":"2016-01-08T19:46:02","guid":{"rendered":"http:\/\/www.crec.mx\/ispring\/?p=92"},"modified":"2016-09-09T13:00:04","modified_gmt":"2016-09-09T19:00:04","slug":"trayectoria-lineas","status":"publish","type":"post","link":"http:\/\/www.crec.mx\/ispring\/2016\/01\/08\/trayectoria-lineas\/","title":{"rendered":"Trayectoria l\u00edneas en e-learning"},"content":{"rendered":"<p>Comparte este art\u00edculo con tus amigos<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/share_button.php?href=http%3A%2F%2Fwww.crec.mx%2Fispring%2F2016%2F01%2F08%2Ftrayectoria-lineas%2F&#038;layout=button_count&#038;size=small&#038;mobile_iframe=true&#038;width=91&#038;height=20&#038;appId\" width=\"91\" height=\"20\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"><\/iframe><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-495 alignright\" src=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2016\/01\/trayectoria2-300x250.jpg\" alt=\"trayectoria2\" width=\"300\" height=\"250\" srcset=\"http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2016\/01\/trayectoria2-300x250.jpg 300w, http:\/\/www.crec.mx\/ispring\/wp-content\/uploads\/2016\/01\/trayectoria2.jpg 400w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>En el dise\u00f1o instruccional, un elemento importante a considerar son los recursos de ubicaci\u00f3n, para que el participante sepa perfectamente en qu\u00e9 secci\u00f3n se encuentra. Al mostrar varios elementos con botones para descubrir la informaci\u00f3n, podemos agregar otro efecto visual para mostrar al usuario el punto en el que se encuentra de la explicaci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">Podemos lograrlo a trav\u00e9s de un efecto denominado \u201cTrayectorias de animaci\u00f3n\u201d, la m\u00e1s sencilla de ellas es usar \u201cl\u00edneas\u201d\u00a0 indicando una trayectoria recta o en diagonal hacia un objeto, s\u00f3lo tenemos que definir la ruta que seguir\u00e1.<\/p>\n<p style=\"text-align: justify;\">En nuestro caso tenemos un dise\u00f1o gr\u00e1fico con distintas variantes de objetos circulares. Al presionar sobre un bot\u00f3n, \u00e9ste se desplaza en una trayectoria diagonal separ\u00e1ndose del conjunto de botones iniciales, lo que permite al usuario identificar f\u00e1cilmente el punto en el que se encuentra, adem\u00e1s de hacer m\u00e1s interactivo el contenido.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/www.crec.mx\/ispring\/domi\/09\/\" target=\"_blank\">Ver a pantalla completa<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"ejemplo \" src=\"http:\/\/www.crec.mx\/ispring\/domi\/09\/\" width=\"600\" height=\"400\" frameborder=\"0\"><\/iframe><\/p>\n<p>Aprende este y m\u00e1s trucos en el <em><span style=\"text-decoration: underline;\"><span style=\"color: #3366ff;\"><strong><a style=\"color: #3366ff; text-decoration: underline;\" href=\"http:\/\/www.crec.mx\/ispring\/curso\/\">Curso del uso de iSpring Suite en interfaz Espa\u00f1ol<\/a><\/strong><\/span><\/span><\/em><\/p>\n<p>Prueba estos trucos y publica tus resultados con iSpring Suite. <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.ispringsolutions.com\/ispring-suite\/download.html\" target=\"_blank\"><strong>Descarga la versi\u00f3n de prueba aqu\u00ed\u00a0<\/strong><\/a><\/span><br \/>\n\u00bfTe gust\u00f3 este art\u00edculo?, comp\u00e1rtelo con tus amigos<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/share_button.php?href=http%3A%2F%2Fwww.crec.mx%2Fispring%2F2016%2F01%2F08%2Ftrayectoria-lineas%2F&#038;layout=button_count&#038;size=small&#038;mobile_iframe=true&#038;width=91&#038;height=20&#038;appId\" width=\"91\" height=\"20\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comparte este art\u00edculo con tus amigos En el dise\u00f1o instruccional, un elemento importante a considerar son los recursos de ubicaci\u00f3n, para que el participante sepa perfectamente en qu\u00e9 secci\u00f3n se encuentra. Al mostrar varios elementos con botones para descubrir la informaci\u00f3n, podemos agregar otro efecto visual para mostrar al usuario el punto en el que [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":625,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[22,46,43,44,45],"class_list":["post-92","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-presentacion-consejos-y-trucos","tag-e-learning","tag-educacion-en-linea","tag-ispring-suite","tag-on-line","tag-plataformas"],"_links":{"self":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":8,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":763,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/posts\/92\/revisions\/763"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/media\/625"}],"wp:attachment":[{"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.crec.mx\/ispring\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}