# SCORM

# Как создать SCORM пакет из любой html страницы

## О чем статья

С ее помощью вы сможете упаковать в scorm пакет любую html страницу. По этой инструкции я упаковываю экспортированные страницы из Tilda и загружаю в WebTutor. Все отлично работает.

<span style="white-space: pre-wrap;">Эта статья репост инструкции Олега Буйлова. </span>[Первоисточник тут.](https://obuylov.notion.site/SCORM-HTML-4-d23063682613455c84eeb256a631dd40)

## Решение

<span style="white-space: pre-wrap;">1. В папку с html страницой нужно распаковать папку </span>[lms.zip](https://scormdriver.ru/attachments/2)

<p class="callout info">Рекомендую проверить папку с html страницей на наличие лишних файлов вроде robots.txt, 404.html, htaccess и т.д. Удалите их. Они вам не нужны и СДО будет меньше ругаться.</p>

2\. Откройте свою html страницу (index.html) и добавьте в нее скрипт ниже. Можно добавить перед закрывающим тегом body.

```javascript
<script src="lms/scormdriver.js" charset="utf-8"></script>
<script>
window.onload = function() {
const api =  window.SCORM2004_GetAPI();
             api.Initialize("");
             api.SetValue("cmi.completion_status", "completed");
             api.SetValue("cmi.success_status", "passed");
       api.Commit("");
       api.Terminate("");
	}
</script>
```

<p class="callout warning">Текущая версия скрипта сообщит сразу успешный статус в СДО при открытии вашей страницы. Если нужны более сложные настройки завершения (по скроллу странички, при нажатии на кнопку и т.п.), скрипт нужно доработать самостоятельно или позвать на помощь веб-разработчика. Если это многостраничный курс, скрипт тоже не подходит.</p>

<span style="white-space: pre-wrap;">3. Добавьте в папку с вашей html страницей файл </span>[imsmanifest.xml](https://scormdriver.ru/attachments/3)<span style="white-space: pre-wrap;"> и отредактируйте его под свои задачи (код курса, идентификатор и т.д.).</span>

4\. Упакуйте все файлы с папками в zip архив и загружайте в вашу СДО.

#### Дополнение от Jollakotturin (@DevilOne)

<span style="white-space: pre-wrap;">Можно скачать </span>[другую версию иманифеста](https://scormdriver.ru/attachments/4)<span style="white-space: pre-wrap;"> + взять код ниже. В таком случае html страница будет передавать 100 баллов.</span>

```javascript
<script>
window.onload = function() {
const api =  window.SCORM2004_GetAPI();
             api.Initialize("");
             api.SetValue("cmi.completion_status", "completed");
             api.SetValue("cmi.success_status", "passed");
             api.SetValue("cmi.score.raw", "100");
       api.SetValue("cmi.score.scaled","1");
       api.Commit("");
       api.Terminate("");
  }
</script>
```

# Документация SCORM

## О чем статья

Тут собрана информация для тех, кому надо погрузиться в спецификацию SCORM глубже или передать какую-то информацию программистам для поддержки этого стандарта в вашем решении / самописной LMS и т.д.

## Материалы для изучения

- [Что такое SCORM](https://www.adlnet.gov/past-projects/scorm/)
- [SCORM Users Guide for Programmers](https://www.adlnet.gov/assets/uploads/SCORM_Users_Guide_for_Programmers.pdf)
- [Почитать про про статистику, которую передают разные версии SCORM](https://scorm.com/scorm-explained/technical-scorm/run-time/run-time-reference/#section-5)
- [SCORM Users Guide for Instructional Designers](https://adlnet.gov/assets/uploads/SCORM_Users_Guide_for_ISDs.pdf)