{"id":6575,"date":"2021-10-03T11:50:04","date_gmt":"2021-10-03T14:50:04","guid":{"rendered":"https:\/\/irisfernandez.com.ar\/betaweblog\/?p=6575"},"modified":"2021-10-06T19:51:24","modified_gmt":"2021-10-06T22:51:24","slug":"comparar-imagenes-con-h5p","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2021\/10\/03\/comparar-imagenes-con-h5p\/","title":{"rendered":"Comparar im\u00e1genes con H5P"},"content":{"rendered":"\n<p>Hoy quiero mostrarles dos herramientas que me parecen excelentes para comparar im\u00e1genes. Puede servir para comparar dos im\u00e1genes que muestran estados de cosas o una serie de im\u00e1genes que muestran una secuencia.<\/p>\n\n\n\n<p>En el primer tipo de actividad, <em>Image juxtaposition, <\/em>se muestran dos im\u00e1genes con un deslizador en el medio. Ese deslizador se mueve con el mouse para observar una u otra imagen:<\/p>\n\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-12\" class=\"h5p-iframe\" data-content-id=\"12\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Pitaya\"><\/iframe><\/div>\n\n\n\n<p>Otro ejemplo que se puede mirar es el que comparten en el sitio de H5P, de un<a href=\"https:\/\/h5p.org\/image-juxtaposition\"> lugar antes y despu\u00e9s de una inundaci\u00f3n<\/a>.<\/p>\n\n\n\n<p>En el segundo caso, con el tipo de actividad llamada <em>Agamotto,<\/em> se pueden mostrar varias im\u00e1genes. Con el deslizador de abajo se van viendo de a una, con la particularidad de que se realiza una transici\u00f3n mediante transparencias, muy \u00fatil para comparar una serie de elementos:<\/p>\n\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-11\" class=\"h5p-iframe\" data-content-id=\"11\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Estaciones del a\u00f1o\"><\/iframe><\/div>\n\n\n\n<p>En el sitio de H5P muestran un excelente ejemplo de un <a href=\"https:\/\/h5p.org\/content-types\/agamotto#example=79368\">zoom en un microscopio<\/a>.<\/p>\n\n\n\n<p>Para ambos tipos de interactivo el trabajo m\u00e1s extenso es el de preparar las im\u00e1genes. Buscarlas, recortarlas, acomodarlas. En mi caso me bas\u00e9 en im\u00e1genes de Wikimedia Commons y las recort\u00e9 seg\u00fan lo que necesitaba.<\/p>\n\n\n\n<p>En este video les muestro el proceso de creaci\u00f3n de la segunda actividad:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"C\u00f3mo crear una actividad de tipo Agamotto en H5P\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/7w4qZXP2uTc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Fotos originales:<\/h2>\n\n\n\n<p>Estaciones del a\u00f1o https:\/\/commons.wikimedia.org\/wiki\/File:Estaciones_del_a%C3%B1o.png<\/p>\n\n\n\n<p>Pitaya &#8211; Corte transversal https:\/\/commons.wikimedia.org\/wiki\/File:Pitaya_cross_section_ed2.jpg <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy quiero mostrarles dos herramientas que me parecen excelentes para comparar im\u00e1genes. Puede servir para comparar dos im\u00e1genes que muestran estados de cosas o una serie de im\u00e1genes que muestran una secuencia. En el primer tipo de actividad, Image juxtaposition, se muestran dos im\u00e1genes con un deslizador en el medio. Ese deslizador se mueve con &hellip; <a href=\"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2021\/10\/03\/comparar-imagenes-con-h5p\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> &#8220;Comparar im\u00e1genes con H5P&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,38],"tags":[],"class_list":["post-6575","post","type-post","status-publish","format-standard","hentry","category-cultura-libre","category-educacion","category-h5p"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=6575"}],"version-history":[{"count":6,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6575\/revisions"}],"predecessor-version":[{"id":6585,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6575\/revisions\/6585"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=6575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=6575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=6575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}