이 문서를 읽고 사용자 정의 응용 프로그램에서 Fluidic Player를 포함하는 방법에 대해 알아보십시오.

이제 기업은 Captivate Prime 외부의 학습자에게 사용자 정의 환경을 제공할 수 있습니다. 공용 API를 사용하여 학습 객체, 학습자 등록 및 학습 진행률에 관련된 모든 정보를 가져와서 귀하의 웹사이트에 표시할 수 있습니다. 더욱더 중요한 것은 귀하의 웹사이트에 Prime의 Fluidic Player를 포함하여 학습자가 웹사이트에서 바로 콘텐트를 수료할 수 있다는 것입니다. Fluidic Player는 Captivate Prime에서 지원하는 모든 콘텐트를 재생하게 해줍니다. 플레이어를 웹사이트에 포함하면 Captivate Prime 내에서 사용할 때와 똑같은 기능을 제공합니다.

모든 e러닝 콘텐트 재생

Fluidic Player는 플러그인이나 다운로드 없이 일관적이고 직관적인 방식으로 모든 형식의 e러닝 콘텐트를 가상으로 재생합니다. 학습자는 콘텐트 파일 형식에 관계 없이 콘텐트를 실행하고 재생할 수 있습니다.

노트 및 책갈피

파일 형식에 관계 없이 모든 콘텐트에 노트와 책갈피를 사용할 수 있습니다. 긴 파일 또는 비디오에서 특정 부분을 선택하고 싶다면, 필요에 따라 정보를 찾은 바로 그 지점에 책갈피를 표시할 수 있습니다.노트 및 책갈피는 검색 또는전자 메일로전송할 수 있습니다. 노트나 책갈피를 클릭하면 Fluidic Player 내 비디오의 지점 또는 문서의 페이지에 정확하게 도착합니다.

Fluidic Player에 대한자세한 내용은Fluidic Player를 참조하십시오.

포함 가능한 Fluidic Player를 사용할 수 있는 몇 가지 예시입니다.

  • Fluidic Player를 귀하의 웹사이트에 포함하여 직원이 등록한 강의를 목록화하고 같은 페이지에서 교육을 실행하는 링크를 제공할 수도 있습니다. 이는 학습자가 귀하의 인트라넷 웹사이트에서교육을 수료할 수 있다는 뜻입니다.
  • 교육업에 종사하시는 경우, 귀하의 고객이 강의를 구매하는 웹사이트를 갖고 계실 것입니다. 귀하의 고객이 귀하의 웹사이트에서 구매한 콘텐트를 수료할 수 있도록 웹사이트에 포함 가능한 플레이어를 통합할 수 있습니다.

웹사이트에 Fluidic Player를 포함하는 단계

귀하의 웹사이트에 Fluidic Player를 포함하는 사용자 정의 응용 프로그램 제작은 3개의 기본 단계로 이루어집니다.

  1. Captivate Prime의 통합 책임자 앱에서 응용 프로그램을 생성합니다.
  2. 액세스 토큰을 회수합니다.
  3. 액세스 토큰으로 공용 API를 사용하여 Captivate Prime에서 리소스를 회수합니다.

1. 통합 책임자로 응용 프로그램 생성

이 단계는 새로 고침 토큰 및 액세스 토큰을 회수하는 데 사용되는 응용 프로그램/클라이언트 ID 및 응용 프로그램/클라이언트 시크릿을 생성하는 데 필요합니다. 응용 프로그램 생성에 대한 자세한 내용은 응용 프로그램 개발 프로세스를 참조하십시오.

  1. '통합 책임자' 앱으로 이동한 다음 '응용 프로그램'을 엽니다.

  2. 페이지의 오른쪽 상단 모서리에 있는 '등록'을 선택합니다.

  3. 새로운 응용 프로그램 등록 창이 열립니다. 필수 필드를 채웁니다.

  4. 사용자 정의응용 프로그램을여러 계정에 공유해야 하는 경우, 옵션 필드에서 '아니오'선택합니다.(이 계정에만 해당합니까?)

  5. 응용 프로그램을 저장하고 응용 프로그램 ID와 시크릿을 생성하려면 '저장'을 클릭합니다.

2. 액세스 토큰 회수

Captivate Prime은 OAUTH2.0을 사용합니다. 공용 API를 사용하여 리소스를 회수하려면액세스 토큰이 필요합니다. 새로 고침 토큰, 클라이언트 ID 또는 클라이언트 시크릿을 사용하여 액세스 토큰을 불러올 수 있습니다.

2.1 새로 고침 토큰

  • OAuth 코드 회수

새로 고침 토큰을 회수하려면 OAuth 코드가 필요합니다. 아래 url을 사용하여 로그인한 경우 Captivate Prime은 OAuth 코드를 통해 사용자를 리디렉션 URL로 리디렉션합니다(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단계에서 획득한 응용 프로그램 ID입니다.
redirect_url은 1단계의 redirect_url 세트입니다.
state는 OAuth 코드를 획득하기 위해 리디렉션 URL을 필터링해야 하는 더미 데이터입니다. Scope는 1단계의 학습자 범위입니다.
response_type은 언제나 "CODE"입니다.
account 는 옵션 필드입니다
email은 옵션 필드입니다
* 계정 ID와 전자 메일이 둘 다 제공된 경우 위의 URL은 사용자가 같은 계정에 로그인하게 해줍니다. 이 엔드 포인트 예시는 샘플 응용 프로그램의 "index.html" 파일에 서술돼 있습니다.

  • 새로 고침 토큰 회수

OAuth 코드를 받았다면 아래 엔드 포인트에서 받은 OAuth 코드, 클라이언트 ID, 클라이언트 시크릿을 사용하여 새로 고침 토큰을 회수할 수 있습니다.

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

POST 요청에 대한 응답으로 다음과 같은 내용을 받게 됩니다.

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

2.2 새로 고침 토큰에서 액세스 토큰 회수

액세스 토큰을 회수하려면 다음 URL POST 본문처럼 refresh_token, client_id, client_secret으로 다른 요청을 전송합니다.

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

POST 요청에 대한 응답으로 다음과 같은 내용을 받게 됩니다.
i. refresh_token
ii. access_token
iii. user_id
iv. expires_in
v. user_role
vi. account_id

3. 공용 API를 사용하여 리소스 회수

3단계는 액세스 토큰으로 공용API를 사용하여 Captivate Prime에서 리소스를 회수하는 것입니다. 액세스 토큰은 모든 공용API호출에 필요합니다. 또한 샘플 응용 프로그램에서 볼 수 있듯이 머리글로 추가해야 합니다.

포함 가능한 플레이어

타사 응용 프로그램에서 포함 가능한 플레이어를 사용하여 학습 객체의 콘텐트를 재생할 수 있습니다.

포함 가능한 플레이어로 강의 열기

  1. 포함 가능한 URL 생성

포함 가능한플레이어를사용하여 강의를 열려면 아래와 같이 포함 가능한 URL을 생성해야 합니다.

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

여기서 lo_id는 V2 API 강의 ID 형식을 준수해야 합니다.

예: 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을 iframe의 "src" 속성에 설정합니다.

포함 가능한 플레이어 닫기

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

샘플 응용 프로그램 자습서

첨부된 pdf 문서에는 샘플 응용 프로그램 자습서가 포함되어 있습니다.

다운로드

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책