{"id":15373,"date":"2022-07-06T16:32:05","date_gmt":"2022-07-06T16:32:05","guid":{"rendered":"https:\/\/blogs.ugto.mx\/rea\/?p=15373"},"modified":"2022-07-27T14:06:14","modified_gmt":"2022-07-27T14:06:14","slug":"clase-digital-2-como-adaptar-la-guia-didactica-empleando-h5p","status":"publish","type":"post","link":"https:\/\/blogs.ugto.mx\/rea\/clase-digital-2-como-adaptar-la-guia-didactica-empleando-h5p\/","title":{"rendered":"Clase digital 2. C\u00f3mo adaptar la gu\u00eda did\u00e1ctica empleando H5P"},"content":{"rendered":"\n<div class=\"wp-block-cover is-light\" style=\"min-height:284px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-40 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-15643\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/teacher-attending-her-online-course-high-view-1.jpg\" style=\"object-position:67% 76%\" data-object-fit=\"cover\" data-object-position=\"67% 76%\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"667\" class=\"wp-block-cover__image-background wp-image-15643\" alt=\"\" src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/teacher-attending-her-online-course-high-view-1.jpg\" style=\"object-position:67% 76%\" data-object-fit=\"cover\" data-object-position=\"67% 76%\" srcset=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/teacher-attending-her-online-course-high-view-1.jpg 1000w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/teacher-attending-her-online-course-high-view-1-300x200.jpg 300w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/teacher-attending-her-online-course-high-view-1-768x512.jpg 768w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/teacher-attending-her-online-course-high-view-1-272x182.jpg 272w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/noscript><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-base-3-color has-text-color has-large-font-size wp-block-paragraph\">C\u00f3mo adaptar la gu\u00eda did\u00e1ctica empleando H5P<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"introduccion\">Introducci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Es un placer encontrarte en esta segunda clase del curso Desarrollo de materiales did\u00e1cticos con H5P para profesores. Una de las actividades asociadas a la pr\u00e1ctica docente es el proceso de planeaci\u00f3n y dise\u00f1o de las experiencias educativas; usualmente, el resultado de este trabajo se integra en documentos como los planes de trabajo o las gu\u00edas did\u00e1cticas. En esta clase de documentos se plantea el desarrollo del proceso de ense\u00f1anza-aprendizaje a trav\u00e9s de una ruta sist\u00e9mica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las y los profesores tienden a desplegar los documentos citados en formatos textuales que son distribuidos para su consulta en archivos con extensiones .pdf o .doc. En esta sesi\u00f3n analizaremos la forma de integrar H5P en estos documentos con el fin de incentivar la lectura de los mismos por las y los estudiantes y garantizar la comprensi\u00f3n de estos materiales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora que hemos hablado un poco acerca del tema, continuemos con nuestro trabajo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"desarrollo-del-tema\">Desarrollo del tema<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Consideraciones preliminares para el uso de H5P<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de iniciar a trabajar con la herramienta H5P, es esencial contar con el espacio para hacerlo. Para saber c\u00f3mo puedes solicitar un aula digital en la plataforma del Campus Digital consulta el siguiente recurso:<\/p>\n\n\n<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\",\"\",\"false\",\"false\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/oa.ugto.mx\/oa\/tutoriales\/oa-rg-0002894\/#\/lessons\/ngigmrPvMxmY57LCKZm1TXXyhH1kLpkm\"  width=\"100%\"  height=\"600\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  style=\";border-width: 0px;;border: none;;width:100%;;height:600px;\" ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Asimismo, es deseable que tengas los contenidos did\u00e1cticos de una experiencia de aprendizaje digitalizados de acuerdo con las metodolog\u00edas vigentes para tal fin en la instituci\u00f3n. A partir de esta clase digital y en las subsecuentes, se tomar\u00e1 como base la estructura de una experiencia de aprendizaje digital para el uso de la herramienta H5P con la finalidad de ejemplificar c\u00f3mo y en qu\u00e9 momentos pueden usarse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se sugiere que para utilizar la herramienta H5P, se efect\u00fae una preparaci\u00f3n previa, es decir, debes asegurar que cuentas con los medios que te permitir\u00e1n hacer uso de estos. Algunos recursos requieren de elementos de hipermedia, textos, ejercicios y secuencias did\u00e1cticas definidas antes de proceder con el dise\u00f1o su dise\u00f1o en la herramienta H5P.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, se listan algunos elementos a tomar en cuenta previo al dise\u00f1o de un recurso H5P:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>a. Pedag\u00f3gicos e instruccionales.<\/strong> consiste en definir el objetivo y alcance did\u00e1ctico de la actividad, y c\u00f3mo esta contribuye al logro de la competencia general de la experiencia educativa. En este apartado se deben hacer preguntas tales como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00bfQu\u00e9 conocimientos, habilidades y actitudes busco evidenciar en las y los estudiantes?<\/li><li>\u00bfQu\u00e9 tipo de actividad permitir\u00eda evidenciar estos aprendizajes?<\/li><li>\u00bfQu\u00e9 secuencia did\u00e1ctica ser\u00eda la m\u00e1s conveniente a desarrollar a fin de instrumentarlo con las herramientas que ofrece H5P?<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>b. Recursos hipermediados. <\/strong>Una vez establecidos los alcances did\u00e1cticos e instruccionales de la actividad, resulta fundamental recolectar los recursos en texto, imagen, video, plantillas, entre otros que posibiliten la integraci\u00f3n de la actividad H5P.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/Recursos-hipermediados.png\" alt=\"\" class=\"wp-image-15578\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"272\" src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/Recursos-hipermediados.png\" alt=\"\" class=\"wp-image-15578\" srcset=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/Recursos-hipermediados.png 512w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/Recursos-hipermediados-300x159.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/noscript><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">En lo relativo a las im\u00e1genes, son una de las formas m\u00e1s \u00e1giles y efectivas de potenciar los materiales did\u00e1cticos, para ello es importante tomar en cuenta:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Su calidad visual.<\/li><li>Contar con los derechos de uso.<\/li><li>Elegir un tama\u00f1o y resoluci\u00f3n adecuados.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"> Existen diferentes bancos de im\u00e1genes libres de derechos de uso, se sugiere crear una cuenta de usuario en cada uno de los bancos a fin de contar con caracter\u00edsticas y opciones especiales para usuarios registrados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n te compartimos una lista de banco de im\u00e1genes populares disponibles en internet:<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-f826b61c-99a3-44c0-a546-89b6b831d556\"><li><a href=\"https:\/\/unsplash.com\/es\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash<\/a><\/li><li><a href=\"https:\/\/www.pexels.com\/es-es\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pexels<\/a><\/li><li><a href=\"https:\/\/www.rawpixel.com\/free-images?page=1&amp;premium=free&amp;sort=shuffle\" target=\"_blank\" rel=\"noreferrer noopener\">Rawpixel<\/a><\/li><li><a href=\"https:\/\/pxhere.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pxhere<\/a><\/li><li><a href=\"https:\/\/burst.shopify.com\/business\" target=\"_blank\" rel=\"noreferrer noopener\">Burst<\/a><\/li><li><a href=\"https:\/\/pixabay.com\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pixabay<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Los <strong>\u00edconos<\/strong> empleados deben ser uniformes. Pueden utilizarse para simplificar ideas en la elaboraci\u00f3n de diagramas, entre otros casos. Se recomienda bajar \u00edconos con la extensi\u00f3n (png), ya que con este formato el fondo suele ser transparente.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-b61e59f2-e18b-4f89-89c0-5d6267bba34f\"><li><a href=\"https:\/\/icon-icons.com\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\">icon-icons<\/a><\/li><li><a href=\"https:\/\/www.flaticon.com\/\">flaticon<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">En caso de que se requiera remover el fondo de una imagen, se sugiere utilizar el siguiente servicio web:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.remove.bg\/es\" target=\"_blank\" rel=\"noreferrer noopener\">removebg<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Las<strong> infograf\u00edas <\/strong>contribuyen a sintetizar gr\u00e1ficamente t\u00f3picos extensos o complejos. Te invito a explorar los siguientes enlaces donde podr\u00e1s crearlas.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-fee1d050-ddf9-46e9-94c6-9f197ed77771\"><li><a href=\"https:\/\/slidesgo.com\/infographics\" target=\"_blank\" rel=\"noreferrer noopener\">Infographics<\/a><\/li><li><a href=\"https:\/\/www.canva.com\/es_mx\/herramientas\/creador-infografia-v1\/?utm_source=google_sem&amp;utm_medium=cpc&amp;utm_campaign=mx_es_all_pro_rev_conversion_infographic_em_mauexp&amp;utm_term=REV_MX_ES_CanvaPro_Infographic_em_mauexp&amp;gclid=Cj0KCQjwyMiTBhDKARIsAAJ-9Vup29aFt5X6lLzlxyEFVP-lcjo99S6BUfMU3cvtC47htLafM4bqK8kaAuuEEALw_wcB&amp;gclsrc=aw.ds\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">El video es una herramienta ideal para crear demostraciones o contenido con un fuerte aspecto emocional o interpersonal. Si es tu intenci\u00f3n crear un video, alguno de los bancos de im\u00e1genes antes listados tambi\u00e9n contienen videos que pueden emplearse. En caso contrario, puedes recurrir a los videos ya existentes en YouTube.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Recuerda que un material de hipermedia eficaz se distingue por:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Hacer m\u00e1s amena la presentaci\u00f3n de los contenidos.<\/li><li>Ayudar a la comprensi\u00f3n de conceptos complejos.<\/li><li>Tener una duraci\u00f3n acorde a la complejidad y profundidad de los temas abordados.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Adaptando la gu\u00eda did\u00e1ctica de las experiencias de aprendizaje con H5P<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La gu\u00eda did\u00e1ctica corresponde al primer elemento de la experiencia de aprendizaje, en ella se informa a los estudiantes las caracter\u00edsticas generales de la experiencia de aprendizaje. Se describen los datos generales, competencias, contenidos, m\u00e9todos de trabajo y los criterios de evaluaci\u00f3n, es decir, se explican las reglas generales de la experiencia de aprendizaje que las y los estudiantes est\u00e1n a punto de cursar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de comenzar a explicarte c\u00f3mo adaptarla al recurso H5P, veamos algunos ejemplos de gu\u00eda did\u00e1ctica:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-background-color has-background\" href=\"https:\/\/oa.ugto.mx\/oa\/uda_direccion_estrategica_de_recursos_humanos\/oa-rg-0006064\/#\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ejemplo 1<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-background-color has-background\" href=\"https:\/\/oa.ugto.mx\/oa\/uda_investigacion_de_mercados\/oa-rg-0001774\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ejemplo 2<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-background-color has-background\" href=\"https:\/\/blogs.ugto.mx\/derecho\/guia-didactica-teoria-del-estado\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ejemplo 3<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-background-color has-background\" href=\"https:\/\/drive.google.com\/file\/d\/1l_8SRAzsxzF0nsFn4ek-CBtk0bTigTRB\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Ejemplo 4<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Como puedes observar en los ejemplos anteriores, las gu\u00edas did\u00e1cticas han sido construidas con diferentes herramientas, sin embargo, con las herramientas de H5P disponible de manera gratuita en la plataforma del Campus Digital puedes generar una versiones similares a las aqu\u00ed presentadas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n te explicaremos c\u00f3mo las herramientas de H5P Acorde\u00f3n, Presentaci\u00f3n de curso y Libro pueden ser empleadas para conformar una versi\u00f3n organizada, interactiva y accesible de la gu\u00eda did\u00e1ctica para las y los estudiantes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Acorde\u00f3n<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La herramienta acorde\u00f3n puede ser utilizada para mostrar la informaci\u00f3n de manera m\u00e1s ordenada, evitando presentar en pantalla grandes extensiones de texto, integrando el texto en bloques din\u00e1micos que favorecen una mejor presentaci\u00f3n visual de la informaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por esta raz\u00f3n se sugiere utilizar dicha herramienta para construir las gu\u00edas did\u00e1cticas dado que a trav\u00e9s de diferentes bloques din\u00e1micos se pueden presentar de manera ordenada las secciones que componen a estas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n visualiza el siguiente video donde se explica c\u00f3mo elaborar una gu\u00eda did\u00e1ctica utilizando la herramienta Acorde\u00f3n:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link has-accent-background-color has-background\" href=\"https:\/\/oa.ugto.mx\/result\/tutorial-como-elaborar-una-guia-didactica-utilizando-la-herramienta-acordeon-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Tutorial: c\u00f3mo elaborar una gu\u00eda did\u00e1ctica utilizando la herramienta Acorde\u00f3n de H5P<\/a><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Presentaci\u00f3n del curso<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La herramienta Presentaci\u00f3n del curso consta de diapositivas que te permitir\u00e1n incrustar elementos multimedia, texto y otros tipos de interacciones para mostrar la informaci\u00f3n de forma organizada, presentada en bloques con un tema espec\u00edfico en cada uno de ellos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esta herramienta genera recursos muy similares a la del programa PowerPoint, no obstante, su uso permite aprovechar el entorno propio del Campus Digital para generar materiales nativos y optimizados para su visualizaci\u00f3n en la web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, observa la siguiente imagen para que te familiarices con la interfaz de la herramienta Presentaci\u00f3n del curso y con cada uno de los elementos que la conforman:<\/p>\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-269\" class=\"h5p-iframe\" data-content-id=\"269\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Presentaci\u00f3n del curso - Clase digital 2\"><\/iframe><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora que ya conociste la interfaz de dicha herramienta, te invito a visualizar el siguiente video para que aprendas a usarla:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link has-accent-background-color has-background\" href=\"https:\/\/oa.ugto.mx\/result\/tutorial-como-elaborar-una-guia-didactica-utilizando-la-herramienta-presentacion-del-curso-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Tutorial: c\u00f3mo elaborar una gu\u00eda did\u00e1ctica utilizando la herramienta Presentaci\u00f3n del curso de H5P<\/a><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Libro<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Permite crear recursos similares a un libro interactivo, posibilitando la incorporaci\u00f3n de recursos multimedia y anidar otros recursos H5P, como actividades y evaluaciones; su objetivo es integrar en un solo recurso un objeto did\u00e1ctico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El libro interactivo se puede utilizar para construir la gu\u00eda did\u00e1ctica de manera \u00e1gil, permitiendo la inclusi\u00f3n de tablas, im\u00e1genes, videos, etc\u00e9tera, de forma organizada y secuencial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En el siguiente video se explica c\u00f3mo elaborar una gu\u00eda did\u00e1ctica utilizando la herramienta Libro:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link has-accent-background-color has-background\" href=\"https:\/\/oa.ugto.mx\/result\/tutorial-como-elaborar-una-guia-didactica-utilizando-la-herramienta-libro-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Tutorial: c\u00f3mo elaborar una gu\u00eda did\u00e1ctica utilizando la herramienta Libro de H5P<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusi\u00f3n <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Has concluido con la segunda clase del curso. Ahora conoces c\u00f3mo utilizar algunas de las herramientas de H5P para construir la gu\u00eda did\u00e1ctica de una experiencia de aprendizaje dentro de la plataforma del Campus Digital:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>La herramienta Acorde\u00f3n te permite presentar la informaci\u00f3n en bloques din\u00e1micos para tener una mejor presentaci\u00f3n visual.<\/li><li>Otra herramienta es la de Presentaci\u00f3n del curso, con ella puedes mostrar la informaci\u00f3n que contiene la gu\u00eda did\u00e1ctica de forma ordenada a trav\u00e9s de diapositivas.<\/li><li>La herramienta Libro es posible construir un objeto textual organizado por bloques y con un men\u00fa de navegaci\u00f3n interactivo y din\u00e1mico.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Para finalizar, realiza la actividad requerida. En tus manos tienes tu educaci\u00f3n, \u00a1sigue adelante!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n Es un placer encontrarte en esta segunda clase del curso Desarrollo de materiales did\u00e1cticos con H5P para profesores. Una de las actividades asociadas a la pr\u00e1ctica docente es el proceso de planeaci\u00f3n y dise\u00f1o de las experiencias educativas; usualmente, el resultado de este trabajo se integra en documentos como los planes de trabajo o &#8230; <a title=\"Clase digital 2. C\u00f3mo adaptar la gu\u00eda did\u00e1ctica empleando H5P\" class=\"read-more\" href=\"https:\/\/blogs.ugto.mx\/rea\/clase-digital-2-como-adaptar-la-guia-didactica-empleando-h5p\/\" aria-label=\"Leer m\u00e1s sobre Clase digital 2. C\u00f3mo adaptar la gu\u00eda did\u00e1ctica empleando H5P\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":142,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"categories":[180,438,189,310],"tags":[41,439,441,281,440],"class_list":["post-15373","post","type-post","status-publish","format-standard","hentry","category-cideap","category-curso-desarrollo-de-materiales-didacticos-con-h5p-para-profesores","category-educacion","category-educacion-digital","tag-clase-digital","tag-edsh00-10-564","tag-francisco-almanza-lopez","tag-francisco-javier-perez-minguela","tag-marcela-mendoza-araujo"],"acf":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/15373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/users\/142"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/comments?post=15373"}],"version-history":[{"count":9,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/15373\/revisions"}],"predecessor-version":[{"id":16285,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/15373\/revisions\/16285"}],"wp:attachment":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/media?parent=15373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/categories?post=15373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/tags?post=15373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}