How to create and add SCORM materials using TensorFlow.js

Happy New Year to you. I am 🐈 Yokoyama of development. I look forward to working with you this year!
The article I'm going to share with you is"Using TensorFlow.js, let's add a problem to learningBOX to determine handwriting."SCORM originally requires a file called imsmanifest.xml which defines the structure of teaching materials. Originally, SCORM requires a file called imsmanifest.xml, which defines the structure of teaching materials, but learningBOX can register teaching materials without imsmanifest.xml.

Content

• 1. add a problem to determine handwritten characters
• 2. what is SCORM?
• 3. what is TensorFlow.js?
• 4. Summary

I'll add a problem to judge handwriting.

A picture is worth a thousand words, so please watch this video first!

Enter the numbers displayed on the screen by hand. If the characters you entered areThe question is to judge whether the answer is correct or incorrect.This problem is running as SCORM material on a real learningBOX! This one is made using SCORM and TensorFlow.js. I'll explain it in order.

What is SCORM?

To explain SCORM in simple terms

SCORM is a standard for e-learning that defines specifications for combining learning management systems (LMS) and teaching materials. In Japan, the Japan e-Learning Consortium certifies LMSs and content, as well as SCORM-related qualifications.

Since learningBOX is an LMS that conforms to this SCORM, grades and other information will be saved as long as the material conforms to SCORM. This question is also created in accordance with SCORM, so the grades are saved in learningBOX.

 
If you'd like to learn more about SCORM, check out this article!
Click here for details.

What is TensorFlow.js?

TensorFlow is an open source machine learning library developed by Google Inc. The JavaScript version of this library is TensorFlow.js.

This time, the content was simple, judging handwritten numbers, but if you apply it, you can make a kanji dictation test or an English speaking test! I'm a beginner in machine learning, so I'm sure there are some things I'm not good at.

If you want to try the problem here! If you'd like to try this problem, please download the ZIP fileDownload Register in the learningBOXand upload them as SCORM materials!

We have confirmed that this problem works with Google Chrome.
 Loading MNIST-trained models in TensorFlow.js for handwriting recognition in a browser

Summary

In this article, we introduced how to create and add SCORM teaching materials, although it is very simple. Originally, SCORM requires a file called imsmanifext.xml, which defines the structure of teaching materials, but learningBOX can register teaching materials without imsmanifest.xml. learningBOX is an LMS that complies with this SCORM. As learningBOX is a SCORM compliant LMS, it can store grades and other information if the material is SCORM compliant. This question is also created in accordance with SCORM, so the grades are saved in learningBOX. This time, the content was simple, judging handwritten numbers, but if you apply it, you can create a wide variety of SCORM materials.