Publicar projectes JClic a Internet amb Netlify

Netlify és un servei d'allotjament de continguts web molt potent, amb moltíssimes opcions que permeten desenvolupar projectes de tot tipus. Actualment ofereix una modalitat d'ús gratuït per a projectes personals, que segurament serà suficient per publicar les vostres activitats JClic.

NOTA: Si treballeu com a docents a Catalunya probablement us serà més senzill utilitzar l'espai per a projectes JClic dels usuaris a XTEC.CAT.

Procés de publicació de projectes JClic a Netlify

El procés per a publicar un projecte JClic a Netlify és molt senzill i només requereix tres passos:

1 - Registrar-vos al servei Netlify mitjançant un compte de correu electrònic (o des de serveis com GitHub, GitLab o BitBucket).

2 - Exportar el vostre projecte JClic al format HTML5 SCORM des del menú Fitxer del JClic Author. Això generarà un arxiu nomdelprojecte.scorm.zip a la carpeta Usuari/JClic/scorm.

3 - Accedir a Netlify amb l'usuari creat al pas 1 i activar la pestanya Sites. A la part inferior de la pàgina es mostra un requadre amb el text "Want to deploy a new site without connecting to Git? Drag and drop your site output folder here". Aquí és on cal arrossegar l'arxiu nomdelprojecte.scorm.zip creat al pas 2.

Amb aquesta operació el nostre projecte quedarà automàticament publicat, accessible mitjançant un URL del tipus https://xxx-xxx-xxx.netlify.app que podem compartir amb qualsevol altre usuari d'Internet.

Incrustar el projecte en un bloc o pàgina web

Si teniu un bloc o pàgina web podeu incloure-hi les activitats escrivint una línia de codi HTML similar a aquesta:

<iframe src="https://xxx-xxx-xxx.netlify.app" width="100%" height="700" allowfullscreen="true"></iframe>

Podeu jugar amb els valors width i height fins a obtenir la mida desitjada. En l'exemple, el player HTML5 ocuparà tota l'amplada disponible i tindrà una alçada de 700 píxels.

Opcions avançades de Netlify

Netlify us permet també utilitzar un domini propi per personalitzar els URL dels vostres projectes, o connectar-los directament amb repositoris de codi Git. Consulteu la documentació per conèixer totes les seves possibilitats.