{"id":3070,"date":"2019-11-26T15:19:59","date_gmt":"2019-11-26T14:19:59","guid":{"rendered":"https:\/\/preblogs.deusto.es\/aprender-ensenar\/?p=3070"},"modified":"2021-03-17T11:17:50","modified_gmt":"2021-03-17T10:17:50","slug":"crea-tu-primera-imagen-interactiva-con-h5p","status":"publish","type":"post","link":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/","title":{"rendered":"Crea tu primera imagen interactiva con H5P"},"content":{"rendered":"\n\n\n\nUna forma sencilla de a\u00f1adir informaci\u00f3n a una imagen en ALUD\n\n\n\n\n\nEn este post te acercamos a otra de las aplicaciones que tienes en la plataforma ALUD para a\u00f1adir contenido interactivo a tus cursos a trav\u00e9s de la herramienta h5p . La aplicaci\u00f3n <em>\u201cimage hotspot\u201d<\/em> hace posible que podamos a\u00f1adir en una imagen fija unos puntos de acceso &#8211;<em>hot spot<\/em>&#8211; que, al hacer clic en ellos, despliegan paneles con contenidos ocultos a primera vista\n\n\n\n\n\n\u00bfQu\u00e9 nos ofrece este tipo de aplicaci\u00f3n?\n\n\n\n\n<ul class=\"wp-block-list\">\n \t<li>Cambia una imagen est\u00e1tica en un contenido m\u00e1s din\u00e1mico que permite y exige una cierta acci\u00f3n por parte del estudiante a fin de avanzar en la informaci\u00f3n.<\/li>\n \t<li>\u00a0Permite utilizar diferentes formatos, ya que puede enlazar a cualquier tipo de contenido en la red, audio, v\u00eddeo, hipertexto o simplemente un texto tradicional. Y esto nos puede ayudar a conseguir los objetivos de aprendizaje de nuestros estudiantes.<\/li>\n \t<li>Permite crear recorridos diversos en la informaci\u00f3n (dejando, al mismo tiempo, una cierta autonom\u00eda al estudiante para hacer su propio recorrido.<\/li>\n \t<li>Es una manera sencilla de incorporar las informaciones y contenidos que deseamos compartir en un mismo tipo de archivo.<\/li>\n \t<li>\u00a0\u00a0Crear una variedad de dise\u00f1os dependiendo del uso que deseemos darle y de nuestra creatividad<\/li>\n<\/ul>\n\n\n\n\nEn post <a href=\"https:\/\/blogs.deusto.es\/aprender-ensenar\/neuroeducacion-de-la-teoria-a-la-practica\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"anteriores (abre en una nueva pesta\u00f1a)\">anteriores<\/a> has podido ver algunos ejemplos de im\u00e1genes sencillas realizadas con la aplicaci\u00f3n que pone a nuestra disposici\u00f3n H5p (en ALUD o en su web), en los ejemplos siguientes te mostramos c\u00f3mo crear tu primera imagen\u200b.\n\n\n\n\n<ul class=\"wp-block-list\">\n \t<li>Comienza a utilizar H5p<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/drive.google.com\/file\/d\/17uZNdg9FNTbVgev0SaS2xTAP6GhXTRkz\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"wp-image-3077\" src=\"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-content\/uploads\/sites\/7\/2019\/11\/2019-11-26.png\" alt=\"\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n \t<li><a href=\"http:\/\/paginaspersonales.deusto.es\/ecampus\/Blog\/Como_crear_una_imagen_interactiva_con_h5p_(image_hotspot)\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Un corto tutorial para que comiences a crear una imagen con Image Hotspot de H5P  (abre en una nueva pesta\u00f1a)\">Un corto tutorial para que comiences a crear una imagen con Image Hotspot de H5P <\/a><\/li>\n<\/ul>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Una forma sencilla de a\u00f1adir informaci\u00f3n a una imagen en ALUD En este post te acercamos a otra de las aplicaciones que tienes en la plataforma ALUD para a\u00f1adir contenido interactivo a tus cursos a trav\u00e9s de la herramienta h5p&#8230; <a class=\"more-link\" href=\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/\">Seguir leyendo &rarr;<\/a><\/p>\n","protected":false},"author":160,"featured_media":1986,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[220,466,131,278,53,317,318],"class_list":["post-3070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar","tag-alud","tag-deusto-online","tag-ecampus","tag-elearning","tag-formacion-online","tag-h5p","tag-interactividad"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Crea tu primera imagen interactiva con H5P - Aprender para ense\u00f1ar<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea tu primera imagen interactiva con H5P - Aprender para ense\u00f1ar\" \/>\n<meta property=\"og:description\" content=\"Una forma sencilla de a\u00f1adir informaci\u00f3n a una imagen en ALUD En este post te acercamos a otra de las aplicaciones que tienes en la plataforma ALUD para a\u00f1adir contenido interactivo a tus cursos a trav\u00e9s de la herramienta h5p... Seguir leyendo &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/\" \/>\n<meta property=\"og:site_name\" content=\"Aprender para ense\u00f1ar\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-26T14:19:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-17T10:17:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs.deusto.es\/alumni\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png\" \/>\n\t<meta property=\"og:image:width\" content=\"192\" \/>\n\t<meta property=\"og:image:height\" content=\"117\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ana Mart\u00ednez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ana Mart\u00ednez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/\",\"url\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/\",\"name\":\"Crea tu primera imagen interactiva con H5P - Aprender para ense\u00f1ar\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png\",\"datePublished\":\"2019-11-26T14:19:59+00:00\",\"dateModified\":\"2021-03-17T10:17:50+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/#\/schema\/person\/f5ea956a19fc5971603bde68146109a9\"},\"breadcrumb\":{\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#primaryimage\",\"url\":\"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png\",\"contentUrl\":\"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png\",\"width\":192,\"height\":117},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crea tu primera imagen interactiva con H5P\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/#website\",\"url\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/\",\"name\":\"Aprender para ense\u00f1ar\",\"description\":\"Innovaci\u00f3n docente, Formaci\u00f3n Online, Formaci\u00f3n Dual  y TIC en la Universidad de Deusto\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/#\/schema\/person\/f5ea956a19fc5971603bde68146109a9\",\"name\":\"Ana Mart\u00ednez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2016\/06\/AnaMz-150x150.jpg\",\"contentUrl\":\"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2016\/06\/AnaMz-150x150.jpg\",\"caption\":\"Ana Mart\u00ednez\"},\"description\":\"Unidad Deusto Online\",\"url\":\"https:\/\/blogs.deusto.es\/aprender-ensenar\/author\/anmartin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crea tu primera imagen interactiva con H5P - Aprender para ense\u00f1ar","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/","og_locale":"es_ES","og_type":"article","og_title":"Crea tu primera imagen interactiva con H5P - Aprender para ense\u00f1ar","og_description":"Una forma sencilla de a\u00f1adir informaci\u00f3n a una imagen en ALUD En este post te acercamos a otra de las aplicaciones que tienes en la plataforma ALUD para a\u00f1adir contenido interactivo a tus cursos a trav\u00e9s de la herramienta h5p... Seguir leyendo &rarr;","og_url":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/","og_site_name":"Aprender para ense\u00f1ar","article_published_time":"2019-11-26T14:19:59+00:00","article_modified_time":"2021-03-17T10:17:50+00:00","og_image":[{"width":192,"height":117,"url":"https:\/\/blogs.deusto.es\/alumni\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png","type":"image\/png"}],"author":"Ana Mart\u00ednez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Ana Mart\u00ednez","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/","url":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/","name":"Crea tu primera imagen interactiva con H5P - Aprender para ense\u00f1ar","isPartOf":{"@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#primaryimage"},"image":{"@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png","datePublished":"2019-11-26T14:19:59+00:00","dateModified":"2021-03-17T10:17:50+00:00","author":{"@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/#\/schema\/person\/f5ea956a19fc5971603bde68146109a9"},"breadcrumb":{"@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#primaryimage","url":"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png","contentUrl":"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2018\/05\/logo-h5p.png","width":192,"height":117},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/crea-tu-primera-imagen-interactiva-con-h5p\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/blogs.deusto.es\/aprender-ensenar\/"},{"@type":"ListItem","position":2,"name":"Crea tu primera imagen interactiva con H5P"}]},{"@type":"WebSite","@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/#website","url":"https:\/\/blogs.deusto.es\/aprender-ensenar\/","name":"Aprender para ense\u00f1ar","description":"Innovaci\u00f3n docente, Formaci\u00f3n Online, Formaci\u00f3n Dual  y TIC en la Universidad de Deusto","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.deusto.es\/aprender-ensenar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/#\/schema\/person\/f5ea956a19fc5971603bde68146109a9","name":"Ana Mart\u00ednez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.deusto.es\/aprender-ensenar\/#\/schema\/person\/image\/","url":"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2016\/06\/AnaMz-150x150.jpg","contentUrl":"https:\/\/blogs.deusto.es\/wp-content\/uploads\/sites\/7\/2016\/06\/AnaMz-150x150.jpg","caption":"Ana Mart\u00ednez"},"description":"Unidad Deusto Online","url":"https:\/\/blogs.deusto.es\/aprender-ensenar\/author\/anmartin\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/posts\/3070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/users\/160"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/comments?post=3070"}],"version-history":[{"count":17,"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/posts\/3070\/revisions"}],"predecessor-version":[{"id":4649,"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/posts\/3070\/revisions\/4649"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/media\/1986"}],"wp:attachment":[{"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/media?parent=3070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/categories?post=3070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.deusto.es\/aprender-ensenar\/wp-json\/wp\/v2\/tags?post=3070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}