{"id":242,"date":"2020-10-15T09:51:54","date_gmt":"2020-10-15T07:51:54","guid":{"rendered":"https:\/\/portal.edu.gva.es\/aules\/?p=242"},"modified":"2024-07-31T10:31:12","modified_gmt":"2024-07-31T08:31:12","slug":"exportar-proyectos-jclic-a-html5","status":"publish","type":"post","link":"https:\/\/portal.edu.gva.es\/aules\/es\/exportar-proyectos-jclic-a-html5\/","title":{"rendered":"Exportar proyectos JClic a HTML5"},"content":{"rendered":"<p>En este apartado se explica como convertir un fichero de proyecto JClic a los formatos HTML5 y SCORM. Estos formatos os permitir\u00e1n publicar vuestro proyecto para ser visualizado desde cualquier dispositivo (ordenadores, m\u00f3viles, tabletas\u2026) sin necesidad de Java ni de otro complemento.<\/p>\n<p><strong>Formatos de ficheros utilizados por JClic<\/strong><br \/>\nComo ya sab\u00e9is, los proyectos JClic se guardan en unos ficheros que llevan la doble extensi\u00f3n &#8220;.jclic.zip&#8221;, a pesar de que los sistemas Windows normalmente esconden el &#8220;.zip&#8221; final.<br \/>\nAl exportar un proyecto a HTML5 se generan muchos ficheros: por un lado el &#8220;index.html&#8221;, que ser\u00e1 el documento principal abierto por el navegador web cuando publiqu\u00e9is el proyecto. Despu\u00e9s, todas las im\u00e1genes y sonidos que se hayan usado en el proyecto, con el nombre adaptado sin espacios ni caracteres especiales para que se puedan descargar sin problemas desde el servidor web, y finalmente otros ficheros adicionales que hacen falta para hacer funcionar el sistema. Ver\u00e9is que en el momento de exportar a HTML5 se crea una carpeta especial para el proyecto, donde ir\u00e1n a parar todos estos ficheros.<br \/>\nEl formato SCORM es, de hecho, un contenedor que permite englobar en un \u00fanico fichero ZIP todos los ficheros generados en la exportaci\u00f3n a HTML5. Es como un envase que nos servir\u00e1 para enviar todos los ingredientes de las actividades al servidor en una \u00fanica operaci\u00f3n. Los ficheros SCORM que genera el JClic tienen tambi\u00e9n una doble extensi\u00f3n: &#8220;.scorm.zip&#8221;<\/p>\n<p><strong>Antes de comenzar\u2026<\/strong><br \/>\nOs tendr\u00e9is que asegurar que ten\u00e9is la \u00faltima versi\u00f3n del JClic Author. Para saberlo hac\u00e9is clic a Ayuda | Acerca de\u2026 y os aparecer\u00e1 una ventana parecida a esta:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-238 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/1-1-300x258.png\" alt=\"\" width=\"300\" height=\"258\" srcset=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/1-1-300x258.png 300w, https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/1-1.png 509w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><br \/>\nEl c\u00f3digo de la versi\u00f3n tiene que ser 0.3.2.4 o superior. En caso de que sea inferior, actualiz\u00e1is vuestro sistema (si es Lliurex) o bien descarg\u00e1is el instalador para Windows o Mac desde: <a href=\"http:\/\/clic.xtec.cat\/ca\/jclic\/download.htm\">http:\/\/clic.xtec.cat\/ca\/jclic\/download.htm<\/a><\/p>\n<p><strong>Instalaci\u00f3n de un proyecto para hacer la pr\u00e1ctica<\/strong><br \/>\nPara hacer esta pr\u00e1ctica hemos elegido el proyecto &#8220;Los bomberos&#8221; de Montserrat Casas que encontrar\u00e9is en: <a href=\"http:\/\/clic.xtec.cat\/repo\">http:\/\/clic.xtec.cat\/repo<\/a>. Pod\u00e9is usar este o cualquier otro si lo prefer\u00eds. Como ya sab\u00e9is, pod\u00e9is buscar por nivel, \u00e1rea, idioma\u2026<br \/>\nHaced clic a la tarjeta del proyecto elegido para acceder a la ventana de informaci\u00f3n ampliada, y despu\u00e9s hac\u00e9is clic en la &#8220;tacita de caf\u00e9 Java&#8221; Descarga la versi\u00f3n Java del proyecto JClic que hay en la parte inferior. Esto iniciar\u00e1 el proceso de descarga e instalaci\u00f3n del proyecto a vuestro ordenador. Seg\u00fan el sistema operativo que us\u00e1is, puede ser que el proceso se inicie autom\u00e1ticamente, o bien que os descargue un fichero llamado &#8220;install.jnlp&#8221; sobre el cual tendr\u00e9is que hacer doble clic para ponerlo en marcha.<\/p>\n<p>Exportaci\u00f3n del proyecto a SCORM y HTML5<br \/>\nUna vez instalada el proyecto abridlo con el JClic Autor.<br \/>\nEn la pesta\u00f1a proyectos ver\u00e9is la informaci\u00f3n del proyecto:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-237 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/2-1-256x300.png\" alt=\"\" width=\"256\" height=\"300\" srcset=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/2-1-256x300.png 256w, https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/2-1.png 633w\" sizes=\"(max-width: 256px) 100vw, 256px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-236 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/3-1-300x253.png\" alt=\"\" width=\"300\" height=\"253\" srcset=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/3-1-300x253.png 300w, https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/3-1.png 633w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>En este caso no hace falta que modifiqu\u00e9is los datos, puesto que son bastante completos, pero antes de subir vuestro proyecto si que os tendr\u00e9is que asegurar que todos los campos est\u00e9n rellenados: autor, centro, descriptores, idiomas\u2026<br \/>\nA continuaci\u00f3n vais al men\u00fa Ficheros | Exporta a HTML5\u2026<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-235 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/4-1.png\" alt=\"\" width=\"253\" height=\"268\" \/><br \/>\ni se abrir\u00e1 una ventana como esta:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-239 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/export-300x165.png\" alt=\"\" width=\"300\" height=\"165\" srcset=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/export-300x165.png 300w, https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/export.png 594w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><br \/>\nDependiendo del sistema operativo que us\u00e1is (Windows, Linux, MacOS\u2026) las rutas que se mostrar\u00e1n pueden cambiar. Dejad los par\u00e1metros por defecto y haced clic a De acuerdo.<br \/>\nSi todo va bien, el sistema os mostrar\u00e1 una ventana con el resumen de las acciones que se han realizado. Haced clic a De acuerdo.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-234 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/5-300x286.png\" alt=\"\" width=\"300\" height=\"286\" srcset=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/5-300x286.png 300w, https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/5.png 650w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><br \/>\nSi ahora vais al explorador de ficheros de vuestro ordenador ver\u00e9is que dentro de la carpeta JClic hay dos carpetas m\u00e1s, adem\u00e1s de la carpeta &#8220;projects&#8221; que ya conoc\u00edamos:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-233 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/6-300x157.png\" alt=\"\" width=\"300\" height=\"157\" srcset=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/6-300x157.png 300w, https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/6.png 329w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>En la carpeta export encontrar\u00e9is una subcarpeta para cada uno de los proyectos que hay\u00e1is exportado. Dentro de estas van todos los ficheros necesarios para utilizar las actividades en formato HTML5. Si ten\u00e9is un servidor web propio, estas carpetas de proyectos son las que tendr\u00edais que subir para publicar las actividades a Internet. Y si no ten\u00e9is acceso directo a ning\u00fan servidor, no sufr\u00e1is: la zonaClic os ofrece un espacio para publicarlos.<br \/>\nEn la carpeta scorm encontrar\u00e9is un fichero con extensi\u00f3n &#8220;.scorm.zip&#8221; por cada uno de los proyectos que hay\u00e1is exportado. Estos ficheros ZIP contienen lo mismo que las subcarpetas de &#8220;export&#8221;, con la ventaja de encontrarse todos los componentes envasados en un \u00fanico fichero:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-232 aligncenter\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2020\/10\/7.png\" alt=\"\" width=\"267\" height=\"185\" \/><br \/>\nEste fichero bomberos.scorm.zip es el que necesitar\u00e9is para a\u00f1adir &#8220;Los bomberos&#8221; en vuestra biblioteca personal del proyectos.<br \/>\nCuando cre\u00e1is vuestro proyecto es muy importante que el JClic est\u00e9 dentro de una carpeta que lleve el mismo nombre.<br \/>\nEl nombre de vuestro proyecto tiene que llevar un nombre corto y sin espacios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este apartado se explica como convertir un fichero de proyecto JClic a los formatos HTML5 y SCORM. Estos formatos os permitir\u00e1n publicar vuestro proyecto para ser visualizado desde cualquier dispositivo (ordenadores, m\u00f3viles, tabletas\u2026) sin necesidad de Java ni de otro complemento. Formatos de ficheros utilizados por JClic Como ya sab\u00e9is, los proyectos JClic se &#8230; <a title=\"Exportar proyectos JClic a HTML5\" class=\"read-more\" href=\"https:\/\/portal.edu.gva.es\/aules\/es\/exportar-proyectos-jclic-a-html5\/\" aria-label=\"Read more about Exportar proyectos JClic a HTML5\">Llegir m\u00e9s \/ leer m\u00e1s<\/a><\/p>\n","protected":false},"author":5974,"featured_media":198,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[87],"tags":[],"class_list":["post-242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formacion-es","no-featured-image-padding"],"lang":"es","translations":{"es":242,"va":231},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/242"}],"collection":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/users\/5974"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":3,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/242\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/242\/revisions\/245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media\/198"}],"wp:attachment":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media?parent=242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/categories?post=242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/tags?post=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}