{"id":15375,"date":"2022-07-06T16:32:42","date_gmt":"2022-07-06T16:32:42","guid":{"rendered":"https:\/\/blogs.ugto.mx\/rea\/?p=15375"},"modified":"2024-06-18T16:18:26","modified_gmt":"2024-06-18T16:18:26","slug":"clase-digital-3-como-adaptar-las-clases-digitales-empleando-h5p","status":"publish","type":"post","link":"https:\/\/blogs.ugto.mx\/rea\/clase-digital-3-como-adaptar-las-clases-digitales-empleando-h5p\/","title":{"rendered":"Clase digital 3. C\u00f3mo adaptar las clases digitales 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-15646\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/woman-working-at-the-office-1.jpg\" style=\"object-position:60% 54%\" data-object-fit=\"cover\" data-object-position=\"60% 54%\"\/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"667\" class=\"wp-block-cover__image-background wp-image-15646\" alt=\"\" src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/woman-working-at-the-office-1.jpg\" style=\"object-position:60% 54%\" data-object-fit=\"cover\" data-object-position=\"60% 54%\" srcset=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/woman-working-at-the-office-1.jpg 1000w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/woman-working-at-the-office-1-300x200.jpg 300w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/woman-working-at-the-office-1-768x512.jpg 768w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2022\/07\/woman-working-at-the-office-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 las clases digitales 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\">Hola, es un gusto volvernos a encontrar en la tercera clase del curso Desarrollo de materiales did\u00e1cticos con H5P para profesores. En esta clase trataremos el tema C\u00f3mo adaptar las clases digitales empleando H5P, para ello, se recapitular\u00e1 brevemente la estructura de esta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como ya has visto, las clases digitales acercan a las y los estudiantes a los elementos conceptuales, procedimentales y actitudinales; en muchas de las ocasiones, requieren integrar nuevas herramientas tecnol\u00f3gicas para crear recursos did\u00e1cticos interactivos con el objetivo de captar la atenci\u00f3n del estudiante durante la clase y reforzar su aprendizaje. En esta clase te explicaremos mediante videos c\u00f3mo utilizar las herramientas H5P para que posteriormente, con la informaci\u00f3n brindada logres crear recursos did\u00e1cticos con H5P.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sin otro particular, doy inicio a esta clase.<\/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\">Clases digitales<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una clase digital es el recurso did\u00e1ctico que detona la din\u00e1mica de trabajo, tiene la funci\u00f3n de introducir, contextualizar e invitar a la reflexi\u00f3n, permite ejemplificar y ayudar a la comprensi\u00f3n de ideas y conceptos de la tem\u00e1tica de la clase. A continuaci\u00f3n, se listan los elementos que debe contener una clase digital:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nombre de la clase<\/li>\n\n\n\n<li>Introducci\u00f3n<\/li>\n\n\n\n<li>Desarrollo del tema<\/li>\n\n\n\n<li>Conclusiones<\/li>\n\n\n\n<li>Consigna(s)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de comenzar a explicarte c\u00f3mo adaptar tus clases digitales al recurso H5P, veamos algunos ejemplos de estas elaboradas en diferentes herramientas:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">Formato<\/th><th class=\"has-text-align-center\" data-align=\"center\">Tipos<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Textual<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/oa\/curso_administracion_educativa\/oa-rg-0007766\/#\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ver ejemplo 1<\/a>]<br>[<a href=\"https:\/\/blogs.ugto.mx\/contador\/clase-digital-1-ley-de-coordinacion-fiscal-federal\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ver ejemplo 2<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Presentaci\u00f3n (PowerPoint)<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/oa\/uda_investigacion_de_mercados\/oa-rg-0001777\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ver ejemplo<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Archivo .PDF<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/drive.google.com\/file\/d\/1rZnNPq2x8bUUtprPdfqfSK_UuTdgftEd\/view\" target=\"_blank\" rel=\"noreferrer noopener\">Ver ejemplo<\/a>]<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Adaptando las clases digitales con H5P<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Como puedes observar en los ejemplos anteriores, las clases digitales han sido construidas con diferentes herramientas, sin embargo, siguen las mismas pautas metodol\u00f3gicas para su elaboraci\u00f3n, respetando los apartados que la componen. Con las herramientas de H5P disponibles de manera gratuita en la plataforma del Campus Digital puedes generar versiones similares a los ejemplos anteriormente presentados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estas son las herramientas que explicaremos en esta clase:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Agamotto<\/li>\n\n\n\n<li>Gr\u00e1ficas<\/li>\n\n\n\n<li>Collage<\/li>\n\n\n\n<li>Imagen con puntos de acceso<\/li>\n\n\n\n<li>Yuxtaposici\u00f3n de im\u00e1genes<\/li>\n\n\n\n<li>Presentaci\u00f3n de im\u00e1genes<\/li>\n\n\n\n<li>L\u00ednea de Tiempo<\/li>\n\n\n\n<li>Video Interactivo<\/li>\n\n\n\n<li>iFrame para embeber c\u00f3digo html<\/li>\n\n\n\n<li>Vista en 360\u00ba<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">pueden ser empleadas para conformar una versi\u00f3n organizada, interactiva y accesible de las clases digitales para las y los estudiantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Importante. <\/strong>Cabe mencionar que para la generaci\u00f3n de tus clases digitales tambi\u00e9n puedes emplear los recursos H5P, acorde\u00f3n, presentaci\u00f3n y libro, explicados en la clase anterior.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, te mostraremos el proceso para que aprendas a utilizar las herramientas listadas anteriormente, a trav\u00e9s de los siguientes tutoriales:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Recurso H5P<\/th><th class=\"has-text-align-center\" data-align=\"center\">Ejemplo<\/th><\/tr><\/thead><tbody><tr><td>Agamotto<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-agamotto-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>Gr\u00e1ficas<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-graficas-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>Collage<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-collage-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>Imagen con puntos de acceso<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-imagen-con-puntos-de-acceso-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>Yuxtaposici\u00f3n de im\u00e1genes<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-yuxtaposicion-de-imagenes-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>Presentaci\u00f3n de im\u00e1genes<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-presentacion-de-imagenes-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>L\u00ednea de Tiempo<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-linea-de-tiempo-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>Video Interactivo<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-video-interactivo-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>iFrame para embeber c\u00f3digo html<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-iframe-para-embeber-codigo-html-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td>Vista en 360\u00ba<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/oa.ugto.mx\/recurso\/tutorial-como-elaborar-recursos-didacticos-utilizando-la-herramienta-vista-en-360o-de-h5p.html\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusi\u00f3n <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Es as\u00ed como terminamos la tercera clase del curso. Espero que recuerdes lo aprendido y que sea de apoyo para fortalecer lo adquirido en las clases anteriores. A continuaci\u00f3n, a modo de recapitulaci\u00f3n, se te presenta una serie de consideraciones que debes tomar en cuenta en los recursos interactivos vistos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Los recursos interactivos presentados en esta clase no poseen una secci\u00f3n de descripci\u00f3n, por lo que es importante agregar una desde el apartado correspondiente que tiene la plataforma del Campus Digital a fin de que las y los estudiantes comprendan la tem\u00e1tica de los recursos e interact\u00faen con ellos.<\/li>\n\n\n\n<li>El recurso Gr\u00e1ficas ofrece el tipo de gr\u00e1fico de barras y circular.<\/li>\n\n\n\n<li>Con Collage el n\u00famero m\u00e1ximo de im\u00e1genes que puedes agregar es de seis.<\/li>\n\n\n\n<li>En Imagen con puntos de acceso puedes agregar elementos como texto, im\u00e1genes y videos.<\/li>\n\n\n\n<li>En las l\u00edneas del tiempo puedes enlazar las im\u00e1genes desde sitios web.<\/li>\n\n\n\n<li>En los videos interactivos se sugiere mostrar las actividades en modo cartel para que las y los estudiantes puedan visualizarlas de mejor forma.<\/li>\n\n\n\n<li>A trav\u00e9s de iFrame puedes incrustar cualquier contenido web mediante el enlace electr\u00f3nico de este.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Recuerda bien todo aquello que has adquirido y reflexionado, ya que as\u00ed podremos alcanzar satisfactoriamente nuestro objetivo. \u00a1Nos vemos en la pr\u00f3xima clase!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n Hola, es un gusto volvernos a encontrar en la tercera clase del curso Desarrollo de materiales did\u00e1cticos con H5P para profesores. En esta clase trataremos el tema C\u00f3mo adaptar las clases digitales empleando H5P, para ello, se recapitular\u00e1 brevemente la estructura de esta. Como ya has visto, las clases digitales acercan a las y &#8230; <a title=\"Clase digital 3. C\u00f3mo adaptar las clases digitales empleando H5P\" class=\"read-more\" href=\"https:\/\/blogs.ugto.mx\/rea\/clase-digital-3-como-adaptar-las-clases-digitales-empleando-h5p\/\" aria-label=\"Leer m\u00e1s sobre Clase digital 3. C\u00f3mo adaptar las clases digitales 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-15375","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\/15375","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=15375"}],"version-history":[{"count":11,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/15375\/revisions"}],"predecessor-version":[{"id":34859,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/15375\/revisions\/34859"}],"wp:attachment":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/media?parent=15375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/categories?post=15375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/tags?post=15375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}