В данной статье приведены сведения о встраивании проигрывателя Fluidic Player в пользовательское приложение.

Теперь учащиеся могут взаимодействовать с объектами обучения даже вне Captivate Prime. С помощью общедоступного API можно собрать всю информацию, связанную с объектами обучениями, регистрациями учащихся и ходом выполнения объектов обучения, и отобразить их на своем сайте. Более того, теперь вы можете разместить проигрыватель Fluidic Player из Prime на сайте, благодаря чему учащиеся смогут пользоваться содержимым на вашем сайте. Проигрыватель Fluidic Player позволяет воспроизводить содержимое, поддерживаемое Captivate Prime. Функциональность проигрывателя, встроенного на сайт, не будет отличаться от его функциональности в Captivate Prime.

Воспроизводите любое содержимое для электронного обучения

Проигрыватель Fluidic Player позволяет легко и быстро воспроизвести практически любое содержимое для электронного обучения. При этом, вам не придется устанавливать плагины или дополнительные файлы. Достаточно просто запустить содержимое — оно воспроизведется вне зависимости от типа.

Примечания и закладки

Оставляйте примечания и закладки в любом содержимом, вне зависимости от его типа. Если вам необходимо пометить определенную часть большого файла или видео, оставьте закладку в тех местах, которые оказались для вас полезными. Примечания и закладки можно найти в поиске или отправитьвэлектронном письме. При щелчке по примечанию или закладке в проигрывателе Fluidic Player откроется нужный момент видео или нужная страница документа.

Более подробные сведения опроигрывателе Fluidic Playerприведены в разделе Проигрыватель Fluidic Player.

Далее приведены несколько примеров использования встраиваемого проигрывателя Fluidic Player.

  • Проигрыватель Fluidic Player можно разместить на вашем сайте, чтобы в нем отображался список курсов, на прохождение которых зарегистрировался ваш сотрудник, и содержалась ссылка для запуска объекта обучения. Таким образом, учащиеся смогут проходитьобъекты обученияна внутреннем сайте вашей корпорации.
  • Если ваша корпорация занимается обучением, вполне возможно, что у вас имеется собственный сайт, на котором клиенты могут приобрести курсы. На этот сайт можно встроить проигрыватель Fluidic Player, и тогда учащиеся смогут пользоваться приобретенным содержимым прямо на вашем сайте.

Процедура встраивания проигрывателя Fluidic Player на ваш сайт

Разработка пользовательского приложения для встраивания проигрывателя Fluidic Player на ваш сайт выполняется в три простых шага:

  1. Создание приложения в Captivate Prime для администраторов интеграции.
  2. Получение маркера доступа.
  3. Использование маркера доступа для получения ресурсов из Captivate Prime с помощью общедоступного API.

1. Создание приложения в роли администратора интеграции

На данном шаге создаются идентификатор приложения/клиента и секретный ключ приложения/клиента, которые используются для получения маркеров доступа и восстановления. Более подробные сведения о создании приложения приведены в разделе Процесс разработки приложения.

  1. Войдите в приложение для администратора интеграции и откройте вкладку Applications (Приложения).

  2. Нажмите Register (Зарегистрировать) в правом верхнем углу страницы.

  3. Откроется окно Register a new application (Регистрация нового приложения). Заполните обязательные поля.

  4. Если пользовательскоеприложениебудет использоваться на нескольких учетных записях, выберите No (Нет) вполе For this account only? (Только для этой учетной записи?)

  5. Нажмите Save (Сохранить), чтобы сохранить приложение и сгенерировать идентификатор и секретный ключ приложения.

2. Получение маркера доступа

Поскольку в Captivate Prime используется протокол OAUTH2.0,для получения ресурсов через общедоступный APIтребуется маркер доступа. Получить маркер доступа можно с помощью маркера обновления, идентификатора клиента или секретного ключа клиента.

2.1 Маркер обновления

  • Получение кода Oauth

Код OAuth используется для получения маркера обновления. При входе в систему по нижеприведенному URL-адресу Captivate Prime перенаправит пользователя по URL-адресу с кодом OAuth (пример извлечения кода OAuth приведен в файле «oauthredirect.html» в примере приложения):

https://captivateprime.adobe.com/oauth/o/authorize
client_id= <application_id>
&redirect_uri=<redirect_uri>
&state=<dummy_data>
&scope=learner:read,learner:write
&response_type=CODE
&account=<account_id>
&email=<email_id>

где: client id — идентификатор приложения, полученный в шаге 1.
redirect_url — URL-адрес перенаправления, указанный в шаге 1.
state — любые фиктивные данные, на основании которых нужно отфильтровать URL-адрес перенаправления для получения кода OAuth. «Scope» — область распространения прав учащихся, установленная на шаге 1.
response_type — всегда «CODE».
account — дополнительное поле
email — дополнительное поле
* Если предоставлены и идентификатор, и адрес электронной почты учетной записи, пользователи смогут войти в одну и ту же учетную запись с помощью вышеприведенного URL-адреса. Пример конечной точки приведен в файле «index.html» примера приложения.

  • Получение маркера обновления

С помощью полученного кода OAuth, идентификатора и секретного ключа клиента из нижеуказанной конечной точки можно получить маркер обновления:

https://captivateprime.adobe.com/oauth/token

В ответ на оставленный вами запрос вы получите:

i. refresh_token
ii. access_token
iii. user_id
iv. expires_in
v. user_role
vi. account_id

2.2 Получение маркера доступа из маркера обновления

Для получения маркера доступа необходимо отправить еще один запрос по нижеуказанному адресу, указав в теле письма маркер восстановления, идентификатор клиента и секретный ключ клиента:

https://captivateprime.adobe.com/oauth/token/refresh

В ответ на оставленный запрос вы получите:
i. refresh_token
ii. access_token
iii. user_id
iv. expires_in
v. user_role
vi. account_id

3. Получение ресурсов через общедоступный API

В данном шаге необходимо воспользоваться маркером доступа и получить ресурсы из Captivate Prime с помощью общедоступногоAPIМаркер доступаиспользуется для любого вызова через общедоступныйAPIКроме того, он должен быть добавлен в заголовок, как это показано в примере приложения.

Встраиваемый проигрыватель

Для воспроизведения содержимого объектов обучения в приложении сторонних разработчиков можно воспользоваться встраиваемым проигрывателем.

Открытие курса во встраиваемом проигрывателе

  1. Создайте встраиваемый URL-адрес

Для открытия курса вовстраиваемомпроигрывателе необходимо создать встраиваемый URL-адрес:

https://captivateprime.adobe.com/app/player?lo_id=<v2-api course id>&access_token=<access_token>

Где lo_id (идентификатор объекта обучения) должен соответствовать формату идентификатора курса V2 API.

Пример: https://captivateprime.adobe.com/app/player?lo_id=course:123456&access_token=45b269b75ac65d6696d53617f512450f

Кроме того, во встраиваемом проигрывателе можно запускатьаттестации,программы обученияивспомогательные материалы.

Примеры: https://captivateprime.adobe.com/app/player?lo_id=certification:12345&access_token=c1a4847dfbf4007826a027d481b93c1e

https://captivateprime.adobe.com/app/player?lo_id=learningProgram:12345&access_token=c1a4847dfbf4007826a027d481b93c1e

https://captivateprime.adobe.com/app/player?lo_id=jobAid:1234&access_token=c1a4847dfbf4007826a027d481b93c1e

     2. Установите данный URL-адрес в атрибуте «src» iframe.

Закрытие встраиваемого проигрывателя

window.addEventListener("message", function closePlayer(){
   if(event.data === "status:close"){
     //handle closing event
   }
});

Руководство по разработке примера приложения

В приложенном PDF-документе содержится руководство по разработке примера приложения.

Загрузить

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет