Publishing JClic projects on the Internet

I have created or adapted some JClic activities and I want my students to be able to do them on their devices. How can I do it?

On this page we will try to explain what options you have, as well as the advantages and disadvantages of each of them. We’ll start with the most recommended, ending with those that should be used only as a last resort.

Preparation of the JClic project to publish it on the Internet

The first thing you need to do is to export your activity pack to the HTML5/SCORM format from your computer, using JClic Author. This will create two objects:

  • A SCORM file, located in the “JClic/scorm” directory
    In most cases, this file is what you will need to upload to the platform where you want to publish the activities. It has the same name as the project, but ending in “.scorm.zip“.
  • A folder with the same name of the project, located in the “JClic/export” directory
    Some options explained below require uploading to the server all the files in this folder. The main file is always “index.html“.

Once you have the “scorm.zip” file and the folder ready, consider which option might work best for you to publish the activities for your students on the Internet:

If your school uses Moodle

In this case you can upload or link the activities to your Moodle virtual classroom and configure them so that they appear to the students when you want.

The main advantages of using Moodle are:

  • The activities are published directly on the Internet, but with restricted access to those authorized to enter the virtual classroom.
  • There is no need to manage IDs and passwords for students: Moodle takes care of all of this.
  • In the course qualifier, you can see at all times who have done the activities and who hasn’t, and see the results obtained by doing them.
  • JClic activities are integrated into an environment (the Moodle virtual classroom) living together with other types of resources, thus becoming part of a wider work scenario.
  • You can take advantage of Moodle’s multiple options to customize the type of activities shown to each student, set calendars and access restrictions, apply gamification, etc.

The most recommended thing is to have installed the “JClic” module for Moodle, which collects a lot of information about the activities carried out by the students: time spent, successes, errors, score obtained, etc. To find out if this module is installed, see if, when adding new resources to the virtual classroom, a type of activity called “JClic” appears.

If your Moodle does not yet have the JClic module installed, you can always use the “SCORM Package” activity type. This option is more limited, since it not collect the details of each activity but only a numerical indicator with the average score obtained by each student.

If your school uses another SCORM-compliant platform

In this case you should be able to directly upload the “scorm.zip” file you generated at the beginning.

The main advantages of using JClic activities in SCORM format are:

  • The activities are protected (only students and other people authorized by the platform will be able to access them)
  • You will be able to see who has attempted the activities at least once.
  • You will be able to collect the score achieved by each student when doing the activities.

Note that Google Classroom and Microsoft Teams do not currently support the SCORM activity format.

If you are a teacher working at the Catalan Education Service

In this case, you have an identifier from the Xarxa Telemática Educativa de Catalunya (XTEC). This allows you to have a personal library of projects in which to publish your JClic activities.

Once published, the platform offers different ways to make the activities accessible to students: sharing the URL, embedding them in a blog or in the school portal, linking them from Classroom or Teams, spreading them to social networks, etc.

Note that all projects published in the personal library are publicly accessible, so anyone knowing the URL can see (and even download) them. Never put photos or personal data there without permission!

The personal library of projects does not collect the results of the activities done by the students. To do this you will need a virtual learning environment such as Moodle.

If your school has an on-line publishing service

Some educational institutions, such as EducaMadrid, offer their teachers the possibility of having a personal website where they can publish educational resources. If your institution offers you this possibility, you only need to upload the folder that is generated when exporting the JClic project, following the specific instructions for each platform.

This can only be done if the publishing system directly displays the files on the Internet. Storage solutions such as Google DriveDropboxOneDrive, etc. won’t help you, because they only allow seeing the documents embedded in a platform’s web page. There are some intermediary apps that promise to do this, such as “Drive to web“, but they are not at all recommended because they usually work on servers located in countries without legal data protection guarantees: they could steal your Drive account (and, incidentally, your email and other associated services), or stop working at any time.

If none of these alternatives applies, and you are looking for a free web hosting space

There are a few options for publishing resources on the Internet for free, but you need to keep two things in mind:

1 – These services depend on private companies or institutions that can stop being free at any time, show advertising, collect personal data or simply disappear overnight.

2 – The files you publish there will be open access to anyone who knows their URL. Never publish activities with photos or personal data!

Here are some of the services that currently offer free hosting space for web resources:

Logo Netlify

Netlify

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

The process to publish a JClic project to Netlify is very simple:

1 –  Register for the service by providing an email and password.

2 – Login to Netlify with the created user and activate the Sites tab. At the bottom of the page is a box with the text  “Want to deploy a new site without connecting to Git? Drag and drop your site output folder here or browse to upload”. This is where you need to drag the “scorm.zip” file that we talked about at the beginning.

Your project will automatically be published on the Internet, accessible through an URL like: https://assigned_name.netlify.app 
You can share this URL with any other Internet user.
(“assigned_name” is a random expression that Netlify will show you once the project is published)

Logo Cloudflare

Cloudflare

Cloudflare is a great content distribution platform that also offers a free page hosting plan (see Cloudflare pages tab)

The steps to publish a JClic project in Cloudflare are:

1 – Register for the service by providing an email and password.

2 – Enter the service control panel and go to Workers and pages.

3 – Select the Pages tab and click on Upload assets in Create using direct upload.

4 – You will be asked to choose a short name for your project. This will result in a URL like: “https://choosed_name.pages.dev”

5 – Finally, it will ask you to upload a ZIP file or drag a folder into the upload area. Upload the “scorm.zip” file you created at the beginning.
The process may take some time. When it’s done, click the Deploy site button.

NOTE: The server with the requested name may take a few minutes to create. Be patient!

Logo de GitHub

GitHub

GitHub is the world’s largest free software platform, with millions of code repositories. Among the functionalities it offers is Github Pages, which allows you to create web pages for projects or organizations.

This option is the most complex and powerful of the three. To use it correctly, you should be familiar with the operation of the GIT version control system and with basic concepts of programming and managing source code. If that’s not your case, you’d be better off using one of the other two options.

The steps to publish a JClic project in GitHub Pages would be:

1 – Register on the platform.

2 – In the Repositories section, click the New button to create a new one. Give it a short name, without blanks or special characters. Leave the default options and click the Create repository button.

3 – On the repository page you just created, go to the Quick setup section and click on the “uploading an existing file” link

4 – You will be taken to a page with a “drag and drop” area where you must bring all the files from the folder created when you exported your JClic project (note: we’re talking about the export folder, not the “scorm.zip” file, which is useless in this case!). Up to 100 files can be uploaded at a time. If your project has more, you’ll need to add them later.
When you’re done, click on Commit changes.

5 – Click on the Settings tab of the repository and go to the Pages section.

6 – In the Build and deployment – Branch section, expand the list where it now says None and select “main”. Then, click on the Save button.

7 – This will make your project published. You can find it at the URL:
https://username .github.io/projectname
(replacing username and projectname with your GitHub ID and the name you gave to the repository when you created it)

From here, we advise you to familiarize yourself with the GIT system to customize your home page, include different projects on the same website, update or make changes to published content, etc.

IMPORTANT: These services are offered by companies that have no relation to the JClic project. XTEC is not responsible for its use. It also cannot guarantee its operation and cannot offer you any kind of support. Check each platform’s terms of use and data protection compliance before using it!

Scroll to Top
Skip to content