SCORM

Rewrite your own program into SCORM material and use it in learningBOX! Hello, this is Morishita of the Development Department. I am Morishita of the Development Department. In this paper, I would like to show you how to implement a program for "Hundred Maths Calculation" as SCORM teaching materials on learningBOX. I was able to implement the program even though I have only just learned JavaScript, so if you read this paper, you will be able to reproduce it immediately if you have written simple programs before. Let's publish your one-of-a-kind program on learningBOX! The SCORM-compliant description has been introduced in the previous article "Let's make SCORM teaching materials", but this time I would like to implement something a little more teaching material-like (?). This time, we would like to implement something a little more like an educational material. Click here to see the table of contents. How to upload your own program 2. how to check the operation of SCORM teaching materials 3. making SCORM materials 4. summary How to upload your own program We have prepared a simple "Hundred Cells Calculator" program for implementing SCORM teaching materials. Download this program "[download id="30640" template="HundredCellsCalc.zip"]" and check its actual operation on learningBOX. This program is based on the code here, with grading and timer functions added. Vue is used to generate the tables. Here are the files to be prepared for creating and implementing SCORM materials. Here are the files to be prepared index.html index.js style.css Please prepare these three files. When uploading, save the necessary files as a single zip file. The html file must be named "index.html". If you use a different name, an error screen will appear and you will not be able to study. You can upload the file [HundredCellsCalc.zip] as it is. Confirm the operation of the SCORM teaching materials After learning the Hundred Cells Calculator, click the "Submit" button to send the results. The learning status of the teaching materials will change to "Pass" or "Fail". I can see that the grades show the score and time left in addition to the learning status. The administrator will also be able to check the user's course history on the grade management page and download grade data in CSV format. For more information about grade management, please check the grade management page here. In this case, the data to be sent to the LMS at the end of the course are "score," "time," and "learning status (pass/fail). If you are interested, please refer to the Japanese version of the SCORM specification from the Japan E-Learning Consortium. Creating SCORM materials Let's take a look at the features of the actual SCORM code. The following three processes were added to the program to make the SCORM version of the 100-meter grid. ☑Add function init to search and initialize the API. (index.js) ☑Add an onload event to execute the function init when the page is loaded. (index.html) ☑Add function sendResult to send data to LMS after study is finished. (index.js) ☑Add function sendResult to send data to LMS after the study is finished. This time, we have three types of data to be sent to the LMS at the end of the study: score, time, and study status (pass or fail). Each, 'cmi.core.score.raw' 'cmi.core.session_time' 'cmi.core.lesson_status' but there are a few caveats when sending data. When setting a value in 'cmi.core.score.raw', it must be a string type (numbers cannot be sent) The initial value of 'cmi.core.session_time' should be '00:00:00 Only six strings can be set in 'cmi.core.lesson_status': 'passed', 'completed', 'failed', 'incomplete', 'browsed', and 'not attempted'. In this program, the data is saved in the LMS when the final sendResult() is executed. ▼ Below is the process we have added to make it compatible with SCORM materials. (i) (index.js) function init to search and initialize API Here, 'browsed' is set as the initial value of the learning status, but it will be set to 'passed' or 'failed' after learning is completed. (ii) (index.html) onload event to execute init() when the page is loaded (iii) (index.js) function sendResult to send data to LMS after study is finished Score (numerical value) is vue.score, learning status is vue.lesson_status, and time is timer.textContent. vue.score is set to a string before being set. LMSCommit finalizes the retention of the value (LMSFinish, which terminates communication with the LMS, includes the same behavior). Conclusion Although the SCORM specification may seem complicated and difficult to understand, learningBOX is a SCORM 1.2-compliant LMS, and by writing code to send learning data to the LMS, users can use it as a learning material. If you are already using learningBOX for in-house training or at school sites, or if you want your users to use your own programming materials, please give it a try. It will also be useful when you want your users to see what you have created in your programming studies. Although learningBOX has several content features, there are still many teaching materials that are difficult to realize with existing content. (Regarding learning contents) For example, it would be very attractive if there were learning materials with puzzle games, board games, or RPG elements, such as ones in which the question text itself changes randomly each time a question is presented, or ones in which the user directly manipulates the screen. If you can create such learning materials by yourself or find the source code, you can register them as SCORM learning materials in learningBOX. We call them "teaching materials" for convenience, but of course, even if they are "games", they are essentially the same. If you know simple JavaScript code, you only need to rewrite it a little to be compatible with SCORM, and you can use it with learningBOX (free of charge, of course). Thank you for reading this paper as well.

Happy New Year! I am Yokoyama🐈, a developer. I look forward to working with you in the New Year! This time, I would like to introduce an article titled "Using TensorFlow.js to add a problem to judge handwriting in learningBOX. Originally, SCORM requires imsmanifest.xml, a file that defines the structure of the teaching material, but learningBOX can be registered without imsmanifest.xml. Click here for the table of contents 1. try to add a question to judge handwritten characters 2. what is SCORM? What is TensorFlow.js? 4. summary Let's try adding a problem to determine handwriting. Seeing is believing, so first watch this video! The numbers displayed on the screen are input by handwritten letters. The question is to determine if the entered letters are correct or incorrect. This problem is running as a SCORM teaching material on the actual learningBOX! This is made using SCORM and TensorFlow.js. We will explain in turn. What is SCORM? SCORM is a standard in e-learning. SCORM is an e-learning standard that defines specifications for combining learning materials with an LMS (Learning Management System). In Japan, the Japan e-Learning Consortium certifies LMSs and content, as well as SCORM-related qualifications. Since learningBOX is a SCORM-compliant LMS, grades and other information can be saved as long as the materials are SCORM-compliant. Since this question was also created in accordance with SCORM, the grades are saved in learningBOX. If you want to know more about SCORM, check out this article! ▼For more information, click here. 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, we used TensorFlow.js for a simple task of judging handwritten numbers. Please understand that I am a beginner in machine learning, so I may not be very good at some things 🙇. If you are interested in trying out these questions, please download the zip file. Please download the ZIP file, register it in learningBOX, and upload it as a SCORM teaching material! *This problem has been tested with Google Chrome. Reference: Load MNIST-trained model with TensorFlow.js for handwriting recognition in a browser Conclusion In this article, we have introduced a simple but effective way to create and add SCORM teaching materials. Originally, SCORM requires a file called imsmanifext.xml that defines the structure of the material, but learningBOX can be used without imsmanifest.xml. LearningBOX is a SCORM-compliant LMS, so grades and other information can be saved as long as the material is SCORM-compliant. Since this question was created in accordance with SCORM, the grades are saved in the learningBOX. This time, the content was simple, judging a handwritten number, but with application, a wide variety of SCORM teaching materials can be created.

I am Nishimura and I started to create QuizGenerator in 2011. I am not able to update it, but there was a time when I was a certified SCORM Assessor, so I kind of understand SCORM. QuizGenerator is useful, but it has its limitations. QuizGenerator is a SCORM-compliant e-learning tool that allows you to create a variety of exercises, tests, and quizzes without having to worry about SCORM, but it still has its limitations. If you are a strong web programmer, you can implement SCORM relatively easily by referring to the article "Let's make SCORM materials". However, if you are a web programmer, it is relatively easy to implement SCORM. However, if you can do web design, but not programming, or if you can program a little, but learning SCORM is too much of a hassle, it may be too much of a burden for you. For those people, we recommend the SCORM Wrapper. The SCORM Wrapper makes it easy to create SCORM-compliant teaching materials. I have never heard of SCORM Wrapper. You're probably right. The name of our development code, or rather the name of our internal system, is SCORM Wrapper, but there is no mention of it in the learningBOX or on the instruction page. The reason why it is not mentioned is that the name "SCORM Wrapper" is not easy to convey to customers for marketing reasons. From a developer's point of view, the SCORM Wrapper is a tool to wrap web forms and bring SCORM APIs to life, so it is nothing more than a SCORM Wrapper. However, since we are not proposing any use beyond the questionnaire at present, it has been spoiled as a questionnaire. In any case, the questionnaire material is a SCORM Wrapper, which means that it can be used to create more than a questionnaire. What is the SCORM Wrapper? The SCORM Wrapper is, simply put, a dream tool for making web forms SCORM-compliant. Schematically, the SCORM Wrapper analyzes the contents of a web form, finds the INPUT tags, SELECT tags, TEXTAREA tags, etc., and submits the results according to the SCORM standard. Elements that the SCORM Wrapper targets for submission The SCORM Wrapper does not actually need FORM tags, although we have mentioned that the SCORM Wrapper will send the value of any of the following HTML elements, both inside and outside of a FORM, for which the name attribute is specified. input[type=text]. input[type=number] input[type=password]. input[type=date] input[type=month input[type=month]. input[type=email]. input[type=hidden]. input[type=radio]. input[type=check]. textarea select Sending grades according to the name attribute Grades are sent according to the name attribute. For example, if there is a tag , the value entered there will be sent as q1. In practice, the value of the name attribute is setValue for cmi.interactions.n.id. Behavior when a special value is entered for name If you put a special value in name, it has a special meaning. Names ending in _result If you give a name ending in _result, it will be sent as the result of the field without the _result. For example, if there is a field named "answer1" and you have a response entered there, the field named "answer1_result" will be treated as a result for answer1. The result can be set to "correct", "strong", "unanticipated", "neutral", or "decimal", and corresponds to cmi.interactions.n.result as a SCORM element. __score__. A value representing the score. in SCORM 1.2, the rule is to specify an integer from 0-100, but learningBOX also accepts values greater than 100. Decimals are not allowed. __lesson_status__. Indicates pass/fail and progress. Please set the appropriate value from the following four values. If not set, completed will be sent. incomplete: learning is in progress completed: study completed (default value) passed: passed failed: failed __duration__. Represents the training time. If this element is not present, SCORMWrapper will send the measured value. If you think the time measured by SCORMWrapper is not accurate enough, pass the elapsed time in integer seconds to __duration__. SCORMWrapper's automatic measurement is taken from the moment the material is The time from the moment the material is loaded to the moment the grades are sent is measured. If you have a start button in the material and want to measure the exact time between pressing it and answering the last question, you can implement a time measurement function and record the exact value by putting the measurement result in __duration__. __suspend_data__. This element is used to save the values at the end of the training and reuse them the next time they are loaded. In a forthcoming update, all fields will be able to retain values across sessions, but the data storage feature of __suspend_data__ and the data storage feature implemented for all fields will be exclusive. However, it is expected that the data storage function of __suspend_data__ and the data storage function to be implemented in all fields will be exclusive. Submit Button The submit button should be . id="submit" is very important. SCORMWrapper will recognize buttons with this ID as submit buttons. Example of teaching material (1) -- 50 questions of SecuManagement I made questions for the Information Security Management Examination 2009. However, please don't take this too seriously, as it was written in dirty code using jQuery about two years ago. Even though it is a dirty code, it is easy to make a SCORM-compliant 4-choice question with such a simple code. Just put the choices in the q001~q050 radios, the right/wrong in the q001_result~q050_result hidden fields, the score in the __score__, the pass/fail in the __lesson_status__, and the rest is SCORM Wrapper will send the data according to the SCORM standard. The correct answer data is in lines 30 to 34, and the choices are in lines 15 to 18, but the number of items can be increased or decreased, and the choices can be changed to 1, 2, or 3. It should work fine if you increase or decrease the number of items, or change the choices to 1, 2, 3, etc. You may also create other subjects in this way and use them in your company! (If there are many requests, we will make it easy to create them within learningBOX! (Personally, I would like to make an improved version of this, so I would be happy to receive feedback on how I can easily create teaching materials similar to this) Code (available on Gist) Learning Screen The learning screen is as follows. Each radio button is assigned a name from q001 to q004, and the values a, b, c, and e are set to a, b, c, and e, respectively. When the submit button is pressed, the submit() function is called to perform the grading, and then the grades are sent. Result Display Screen The result display screen looks like the following. Pass/fail and score are passed using the __lesson_status__ and __score__ fields, respectively. The time required was sent automatically by SCORMWrapper. For each question, how it was answered and the correct or incorrect answer are also recorded. Example of use in learningBOX Three types of learningBOX materials, questionnaires, web pages, and bug-eating, are actually built on top of SCORMWrapper. Questionnaire This is the use that SCORMWrapper has been envisioned for from the beginning: With SCORMWrapper, you can easily create questionnaires. Certainly, it is easier than implementing SCORM yourself. But we couldn't easily get to the point where it was easy for everyone, so we developed the survey creation form as a function to create a web form. By the way, when you download the questionnaire you created within learningBOX, a ZIP file will fall out, which contains two files: form.html and config.json. The former is the survey form itself, and the latter is metadata representing the structure of the survey form. With the latter data, the downloaded questionnaire can be re-edited on learningBOX even after it has been re-uploaded. Conversely, if config.json is removed, learningBOX will not edit form.html. If you want to rewrite form.html to make it look better, we recommend uploading it without config.json. Web page Web page type materials are implemented on SCORMWrapper. SCORMWrapper functions are used for sending study time and lesson_status. Worm-eaten notebooks Worm-eaten notebooks are also implemented on top of SCORMWrapper. SCORMWrapper is used to send study_time and lesson_status. This is where Mr. M implemented the SCORMWrapper, but in writing this article, I checked the implementation for the first time. How to use the SCORM Wrapper Currently, LearningBOX does not have a teaching material item called SCORM Wrapper. If you have carefully read the text so far, you may have noticed that you can use the SCORM Wrapper by uploading it as a survey material. Click on the following link to open the ZIP file and upload the sg.html file as the survey material! Secumane's past survey materials: sg.zip Upload Location Summary I have written about the SCORM Wrapper and its potential is great. On the other hand, it cannot be said that the SCORM Wrapper has been fully utilized because we have not communicated enough about it or proposed enough applications for it. We hope that this article has given you a sense of what the SCORM Wrapper is and what it can be used for. To summarize in one line... SCORMWrapper is a system that allows you to create SCORM educational materials just by writing web forms.