SCORM

Let's rewrite your own program into SCORM materials and use them in learningBOX! Hello. I am Morishita of the Development Department. In this paper, I would like to introduce how I implemented a program for "Hundreds of Maths" as a SCORM teaching material on learningBOX. I was able to implement the program even though I have only been learning JavaScript for a short time, 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 description to support SCORM 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, I would like to implement something a little more like a teaching material. How to upload your own program 2. 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. Please prepare the following three files: ・'index.html' ・'index.js' ・'style.css'. 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. Check 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 material will change to 'Pass' or 'Fail'. When you look at the grades, you can see that in addition to the learning status, the score and time remain. The administrator will be able to check the user's course history on the grade management page and download the grade data in CSV format. For more information on grade management, please refer to the grade management page here. The data to be sent to the LMS at the end of the course are 'score', "time", and "learning status (pass or fail)". If you are interested, please refer to the Japanese version of the SCORM specification from the Japan E-Learning Consortium. Let's take a look at the features of the SCORM code. The following three processes were added to the program when converting the 100-masu calculation to SCORM. ☑Add a 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 the LMS after the study is completed. (index.js) This time, the data to be sent to the LMS at the end of the study are "score", "time", and "study status (pass or fail)". Each of these corresponds to 'cmi.core.score.raw' 'cmi.core.session_time' 'cmi.core.lesson_status', but there are a few things to note when sending the data. When setting a value in 'cmi.core.score.raw', it must be a string type (numbers cannot be sent) 'cmi.core.session_time' must initially be '00:00:00'. passed', 'completed', 'failed', 'incomplete', 'browsed', and 'not attempted'. In this program, the data will be 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 the API Here, 'browsed' is set as the initial value of the learning status, but it will be 'passed' or 'failed' after learning is completed. (ii) (index.html) onload event that executes init() when the page is loaded (iii) (index.js) sendResult function that sends data to LMS after learning is completed Score (numerical value) is set to vue.score, learning status to vue.lesson_status, and time to timer_status. status, and timer.textContent for time. 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 there are several content features of learningBOX, 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 question for judging handwriting to learningBOX. Originally, SCORM requires imsmanifest.xml, a file that defines the structure of the teaching material, but learningBOX can be registered without imsmanifest.xml. Table of Contents 1. adding a question to judge handwriting 2. what is SCORM 3. what is TensorFlow.js 4. summary Adding a question to judge handwriting Seeing is believing, so please watch this video first! Input numbers displayed on the screen by handwriting. The problem is to determine if the characters entered are correct or incorrect. This problem is actually running as a SCORM teaching material on learningBOX! This is made using SCORM and TensorFlow.js. I will explain in turn. SCORM is a standard in e-learning that defines specifications for combining learning materials with an LMS (Learning Management System). SCORM was developed by Advanced Distributed Learning in the U.S. 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 would like to know more about SCORM, please check this article! ▼ Learn more about TensorFlow.js What is TensorFlow? 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, but you can also use it to create a kanji dictation test, an English speaking test, and so on! Please understand that I am a beginner in machine learning, so I may not be very good at some things 🙇 If you would like to try this problem, please download the ZIP file! If you are interested in trying out these problems, please download the zip file, register it with learningBOX, and upload it as a SCORM teaching material! *This problem has been tested with Google Chrome. Reference: Load MNIST-trained models with TensorFlow.js for handwriting recognition in a browser Summary In this article, we introduced a simple but effective way to create and add SCORM educational materials. Originally, SCORM requires a file called imsmanifext.xml, which defines the structure of the teaching material, 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 if you apply SCORM, you can create a wide variety of SCORM teaching materials.

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, and there is no mention of it in the learningBOX or on the instructional 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 survey material is the SCORM Wrapper, which means that it can be used to create more than a survey. The SCORM Wrapper is, simply put, a dream tool for making web forms compatible with SCORM. 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 will send SCORM Wrapper will send the value of the following HTML elements, both inside and outside of a FORM, if they have the name attribute specified. value of the following HTML elements with the name attribute, both inside and outside of FORM. input[type=text] input[type=number] input[type=password] input[type=date] input[type=month] input[type=email] input[type=hidden] input[ type=radio type=radio] input[type=check] textarea select Send grades by name attribute Grades are sent according to the name attribute. For example, if there is a tag , the value entered there will be sent with the name q1. In practice, the value of the name attribute is setValue for cmi.interactions.n.id. Behavior with special values in name If you put a special value in name, it has a special meaning. Names ending in _result If a name ending in _result is given, it is sent as the result of the item 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: in progress completed: completed (default value) passed: passed failed: failed __duration__ Indicates the duration of the study. If this element is not present, the value measured by SCORMWrapper will be sent. If you think the time measured by SCORMWrapper is not accurate enough, pass the elapsed time in integer seconds to __duration__. 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__ Element to save the values at the end of the study 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. If __suspend_data__ is used, the save function for other fields is not expected to be available. Submit Button The submit button should be . id="submit" is very important. SCORMWrapper will recognize any button with this ID as a submit button. Example of teaching material (1) -- Secumane 50 questions I made the questions for the Information Security Management Examination, 2009. However, please do not 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 one) Code (available on Gist) Learning screen The learning screen looks like this. 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 execute the grading, and then the results are sent. Result display screen The result display screen is shown below. 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. Three types of learningBOX materials are actually built on top of SCORMWrapper: questionnaires, web pages, and bug-eating. Questionnaire This is the use that SCORMWrapper was designed for from the beginning: You can easily create a questionnaire using SCORMWrapper. 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, for example, we recommend uploading it with config.json removed. Web page Web page type teaching materials are implemented on SCORMWrapper. SCORMWrapper's functions are used for sending study time and lesson_status. The "Worm-eaten Notebook" is also implemented on top of SCORMWrapper. SCORMWrapper is used to send study_time and lesson_status. This is where Mr. M implemented it, but in writing this article, I checked the implementation for the first time. How to use the SCORM Wrapper Currently, there is no SCORM Wrapper in learningBOX. 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 materials! Secumane Past Questionnaire Materials: sg.zip Upload Location Summary I have written about the SCORM Wrapper, and the potential of the SCORM Wrapper is amazing. On the other hand, we have not been able to communicate enough about the SCORM Wrapper or propose applications for it, so we cannot say that its utilization has not progressed sufficiently. We hope that this article has given you a sense of what the SCORM Wrapper is and what it can be used for. SCORMWrapper is a system that allows you to create SCORM educational materials just by writing web forms.