Fluidic player incorporável

Cuidado:

Os Programas de Aprendizado do Learning Manager serão renomeados para Caminhos de Aprendizado. Essa alteração acontecerá imediatamente após a versão de outubro de 2021 e a terminologia do Caminho de aprendizado será refletida em todas as funções.

Leia este artigo para saber como incorporar o fluidic player em um aplicativo personalizado.

Como corporação, agora você pode fornecer uma experiência personalizada para seus alunos, mesmo fora do Learning Manager. Usando a API pública, você pode obter todas as informações relacionadas aos objetos de aprendizado, às inscrições dos alunos e ao progresso do aprendizado e exibi-las no seu site. Mais importante ainda: você pode até mesmo incorporar o fluidic player do Learning Manager em seu site, para que o aluno possa consumir o conteúdo diretamente em seu site. O Fluidic Player lhe dá o poder de reproduzir qualquer conteúdo compatível com o Learning Manager. Quando incorporado em seu próprio site, ele tem exatamente os mesmos recursos que quando usado no Learning Manager.

Reproduzir qualquer conteúdo de e-learning

O Fluidic Player reproduz praticamente qualquer tipo de conteúdo de e-learning da mesma maneira consistente e intuitiva, sem exigir plug-ins ou downloads. O aluno pode iniciar o conteúdo e, independentemente do tipo de arquivo de conteúdo, ele começa a ser reproduzido.

Anotações e marcadores

Você pode fazer anotações e marcar qualquer conteúdo independentemente do tipo de arquivo. Se quiser fazer uma determinada seleção de um arquivo ou vídeo longo, você pode marcar os próprios pontos onde encontrou as informações relevantes para suas necessidades. As anotações e os marcadores podem ser pesquisados ou enviados como e-mail. Clicar neles coloca você no fluidic player exatamente nesse ponto do vídeo ou página do documento.

Para mais informações sobre o Fluidic Player, consulte Fluidic Player.

Aqui estão alguns exemplos de onde você pode usar o fluidic player incorporável.

  • Você pode usar o fluidic player incorporável no seu site para listar os cursos inscritos do seu funcionário e também fornecer um link para iniciar um treinamento na mesma página. Isso significa que os alunos podem consumir treinamentos  no site da intranet.
  • Se estiver no negócio de treinamentos, talvez você tenha um site no qual os clientes compram cursos. Você pode integrar o player incorporável com o mesmo site para que seus clientes possam consumir o conteúdo que compram no seu site.

Etapas para incorporar o fluidic player em seu site

A criação de um aplicativo personalizado para incorporar o fluidic player em seu site envolve três etapas básicas:

  1. Criar um aplicativo no aplicativo do administrador de integração do Learning Manager.
  2. Recuperar token de acesso.
  3. Usar o token de acesso para recuperar recursos do Learning Manager usando a API pública.

1. Criar um aplicativo no administrador de integração

Esta etapa é necessária para criar uma ID de aplicativo/cliente e um segredo de aplicativo/cliente que é usado para recuperar o token de atualização e o token de acesso. Para obter mais informações sobre a criação de um aplicativo, consulte Processo de desenvolvimento do aplicativo.

  1. Vá para o aplicativo IntegrationAdmin e abra Aplicativos.

  2. Selecione Registrar no canto superior direito da página.

  3. A janela Registrar um novo aplicativo é aberta. Preencha os campos obrigatórios.

  4. Se personalizadas o aplicativo precisa ser compartilhado em várias contas, selecione Não no campo da opção Apenas para esta conta?

  5. Para salvar o aplicativo e gerar a ID e o segredo do aplicativo, clique em Salvar.

2. Recuperar token de acesso

Como o Learning Manager usa o OAUTH2.0., o token de acesso é necessário para recuperar recursos usando a API pública. O token de acesso pode ser obtido usando o token de atualização, a ID do cliente ou o segredo do cliente.

2.1 Token de atualização

  • Recuperar código OAuth

O código OAuth é necessário para recuperar o token de atualização. O Learning Manager redireciona o usuário para o URL de redirecionamento com o código OAuth quando conectado usando o URL abaixo (a extração do código OAuth é exemplificada no arquivo "oauthredirect.html" no aplicativo de amostra):

https://learningmanager.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>

Aqui, id do cliente é a ID do aplicativo obtida na etapa 1.
redirect_url é o redirect_url definido na etapa 1.
estado é qualquer dado fictício com base no qual precisamos filtrar o URL de redirecionamento para obter o código OAuth. Escopo é o escopo do aluno definido na etapa 1.
response_type é sempre "CODE".
conta é um campo
e-mail é um campo opcional
* Se a ID da conta e o e-mail forem fornecidos, o URL acima permitirá ao usuário fazer logon na mesma conta. Este exemplo de ponto de extremidade é descrito no arquivo "index.html" no aplicativo de amostra.

  • Recuperar token de atualização

Uma vez que o código OAuth é recebido, o token de atualização pode ser recuperado usando o código OAuth, a ID do cliente e o segredo do cliente recebidos do ponto de extremidade abaixo:

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

Como resposta à sua solicitação de postagem, você receberá o seguinte:

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

2.2 Recuperar token de acesso do token de atualização

Para recuperar seu token de acesso, envie outra solicitação com seu refresh_token, client_id e client_secret como um corpo de postagem para o URL abaixo:

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

Como resposta à sua solicitação de postagem, você receberá o seguinte:
i. refresh_token
ii. access_token
iii. user_id
iv. expires_in
v. user_role
vi. account_id

3. Recuperar recursos usando a API pública

Como terceira etapa, você precisa usar o token de acesso para recuperar recursos do Learning Manager usando a API pública .  O token de acesso é necessário para fazer qualquer ligação de API pública e para ser adicionado no cabeçalho, conforme exemplificado no aplicativo de amostra.

Reprodutor incorporável

Aplicativos de terceiros podem usar um reprodutor incorporável para reproduzir o conteúdo de um objeto de aprendizado.

Abrir um curso no reprodutor incorporável

  1. Criar um URL incorporável

Para abrir um curso usando reprodutor incorporável, você precisa criar um URL incorporável conforme mostrado abaixo:

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

Aqui, o lo_id precisa estar em conformidade com o formato de ID do curso da API V2.

Exemplo: https://learningmanager.adobe.com/app/player?lo_id=course:123456&access_token=45b269b75ac65d6696d53617f512450f

Certificações, programas de aprendizado e ajudas de tarefa também podem ser reproduzidos no reprodutor incorporado.

Exemplos: https://learningmanager.adobe.com/app/player?lo_id=certification:12345&access_token=c1a4847dfbf4007826a027d481b93c1e

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

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

     2. Defina esse URL no atributo "src" do iframe.

Fechando o reprodutor incorporável

window.addEventListener("message", function closePlayer(){
   if(event.data === "status:close"){
     //evento de fechamento de alça
   }
});

Tutorial de amostra do aplicativo

O documento PDF anexado contém um tutorial de amostra do aplicativo.

Download

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online