Publish JClic projects on Internet with Netlify

Netlify is a very powerful web content hosting service, with many options that allow you to develop projects of all kinds. It currently offers a free plan for personal projects, which will surely be enough to publish your JClic activities.

JClic project publication process in Netlify

The process to publish a JClic project on Netlify is very simple and only requires three steps:

1 - Sign-in on Netlify through an email account (or from services such as GitHub, GitLab or BitBucket).

2 - Export your JClic project to HTML5 SCORM from the File menu of JClic Author. This will generate a file named projectname.scorm.zip in User/JClic/scorm.

3 - Access Netlify with the username created in step 1 and go to the Sites tab. There is a box at the bottom of the page with the text "Want to deploy a new site without connecting to Git? Drag and drop your site output folder here". This is where you need to drag the file projectname.scorm.zip created in step 2.

With this operation your project will be automatically published, accessible through a URL similar to: https://xxx-xxx-xxx.netlify.app that you can share with any other Internet user.

Embed the project in a blog or website

If you have a blog or web page you can include the activities in it by writing a line of HTML code similar to this:

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

You can play with the width and height values ​​until you get the desired size. In the example, the HTML5 player will occupy the entire available width and will have a height of 700 pixels.

Netlify advanced options

Netlify also allows you to use your own domain to customize the URLs of your projects, or connect them directly with Git code repositories. Check the documentation to know all its possibilities.