AEM과 Adobe Learning Manager 통합

Adobe Learning Manager(ALM)는 Adobe Experience Manager(AEM) 사이트와 통합됩니다. 이렇게 하면 최소한의 코딩 노력으로 Adobe Learning Manager에 대한 자신의 웹사이트 및 반응형 모바일 인터페이스를 생성할 수 있습니다. 이 통합을 통해 사용자에 대해 사용자 정의된 학습 경험을 만들 수 있습니다.

이러한 경험을 쌓기 위해 ALM은 AEM 사이트에 대한 Adobe Learning Manager 참조 사이트 패키지(ALM 참조 사이트 패키지)를 AEM 사이트 인스턴스에 설치할 수 있는 ZIP 파일의 형태로 제공합니다.

패키지에는 학습 카탈로그, 포함 가능한 위젯, 달력 등과 같은 포함 가능한 위젯과 함께 AEM 사이트 웹 페이지 템플릿 및 웹 사이트 구성 요소가 포함됩니다.

ALM 참조 사이트 패키지를 설치한 후, AEM 사이트 인스턴스에서 호스팅할 수 있는 Adobe Learning Manager에 대한 웹 사이트 구축을 시작할 수 있습니다. 그런 다음 사용자는 웹 사이트에 구성 요소를 끌어 놓을 수 있습니다.

IMPORTANT
AEM Sites용 Adobe Learning Manager(ALM) 패키지는 구현을 위한 빠른 시작 코드 블록을 제공합니다. 이 패키지는 헤드리스 배포용으로 설계되었습니다. 제공된 코드베이스를 구현하면, Adobe Learning Manager을 기반으로 하는 헤드리스 응용 프로그램에 대한 표준 사례와 같이 지속적인 유지 관리 및 추가 개발은 구현 당사자의 책임입니다.

ALM 참조 사이트 패키지 설치

필수 구성 요소

  • AEM 사이트 및 Adobe Commerce용 라이선스.
  • AEM 온-프레미스 6.5 또는 Adobe Experience Manager - Cloud Service
  • Adobe Commerce 2.4.3

AEM 사이트의 보안 환경을 확인한 후, ALM 참조 사이트 패키지를 설치해야 합니다. 이 패키지는 학습 플랫폼 구성에 도움을 주는 AEM 웹 페이지 및 웹 사이트 구성 요소를 포함합니다.

참조 사이트 패키지는 GitHub 저장소 에 호스팅되어 있습니다.

자세한 내용은 README를 참조하십시오.

콘텐츠 패키지 다운로드 downloadthecontentpackage

설치 프로그램은 AEM 콘텐츠 패키지로 제공됩니다. 패키지 다운로드.

콘텐츠 패키지는 zip 파일로 다운로드할 수 있으며, AEM 6.4 및 AEM 6.5와 호환됩니다.

Learning Manager 구성 요소 설치 installcaptivateprimecomponent

AEM 패키지 관리자를 사용하여 Learning Manager 콘텐츠 패키지 설치:

NOTE
패키지 설치에 대한 자세한 내용은 패키지를 사용하여 작업하는 방법 을 참조하세요.
  1. AEM 작성자는 AEM 패키지 관리자를 엽니다.

  2. 패키지 업로드 버튼을 클릭합니다.

  3. 찾아보기 ​를 클릭하고 콘텐츠 패키지를 업로드합니다.

  4. 업로드 ​를 클릭합니다.

  5. 패키지가 업로드되면 콘텐츠 패키지를 선택하고 설치 ​를 클릭하여 콘텐츠 패키지를 설치합니다.

    콘텐츠 패키지 설치

Adobe Learning Manager에서 응용 프로그램 만들기

AEM 사이트 패키지를 설치한 후, 학습 포털을 AEM 사이트와 연결하기 위해 ALM 응용 프로그램을 구성해야 합니다.

이 시나리오는 AEM을 Adobe Learning Manager과(와) 함께 사용할 때 적용됩니다.

아래 단계를 따르십시오.

  1. 통합 관리자로 응용 프로그램 ​을 클릭합니다.

  2. 새 응용 프로그램을 생성하려면 페이지의 오른쪽 상단 모서리에서 등록 ​을 클릭하십시오.

  3. 새 응용 프로그램 등록 화면에서 다음 세부 사항을 입력합니다.

    1. 응용 프로그램 이름: 생성 중인 응용 프로그램의 이름입니다.
    2. URL: 조직의 URL입니다.
    3. 리디렉션 도메인: AEM 웹 사이트의 호스팅 도메인입니다. 또한 와일드카드를 지정할 수 있습니다.
    4. 설명: 응용 프로그램에 대한 설명입니다.
    5. 범위: 학습자 역할 읽기 액세스 및 학습자 역할 쓰기 액세스를 선택합니다.
    6. 이 계정에만 해당합니까?: 기존 ALM 계정에 대한 응용 프로그램을 사용하려면 [예]를 선택합니다.
  4. 변경 후 [저장]을 클릭합니다.

화면에서 응용 프로그램 자격 증명을 적어 둡니다.


응용 프로그램 자격 증명

응용 프로그램을 승인하려면 승인 ​을 클릭합니다.

토큰 가져오기

  1. 개발자 리소스 탭에서 테스트 및 개발용 액세스 토큰 ​을 클릭합니다.

    테스트 및 개발용 액세스 토큰 선택

  2. 다음 세부 사항을 입력합니다.


    토큰 세부 정보 입력

    1. OAuth 코드 받기: 이전 섹션에서 받은 클라이언트 ID를 입력하고 범위를 변경합니다. [제출]을 클릭하여 OAuth 코드를 받습니다.
    2. 새로 고침 토큰 받기: 이전 섹션에서 받은 클라이언트 ID와 비밀번호를 입력합니다. 또한 이전 단계에서 받은 OAuth 코드를 입력합니다. [제출]을 클릭합니다.
    3. 액세스 토큰 받기: 이전 섹션에서 받은 클라이언트 ID와 비밀번호를 입력합니다. 또한 이전 단계에서 받은 새로 고침 토큰을 입력합니다. [제출]을 클릭합니다.
    4. 액세스 토큰 세부 정보 받기: 이전 단계에서 받은 액세스 토큰을 입력합니다. [제출]을 클릭합니다.
  3. 다음의 JSON 응답에서 세부 정보를 얻을 수 있습니다. 응답은 액세스 토큰, 새로 고침 토큰, 사용자 역할, 계정 ID, 사용자 ID 및 만료 시간으로 구성됩니다. 새로 고침 토큰을 다시 사용하므로, 적어 두십시오.

AEM에서 ALM 계정 구성

  1. AEM 인스턴스를 실행합니다.

  2. [설정] > [Cloud Service]를 클릭합니다.

  3. Adobe Learning Manager 구성을 클릭합니다.


    Adobe Learning Manager 구성 선택

  4. 만들기 > 구성 폴더를 클릭합니다. 폴더 이름을 지정합니다.


    구성 만들기

  5. 학습 프로젝트에서 만든 구성을 선택합니다.

  6. 구성 세부 정보를 입력합니다.


    구성 폴더 만들기

    1. Adobe Learning Manager 모드: 로그인한 학습자와 로그인하지 않은 학습자 모두에 대해 원하는 학습 환경을 선택합니다.
    2. Adobe Learning Manager URL: 학습 서비스가 호스팅되는 ALM 인스턴스의 URL을 입력합니다.
    3. 계정 ID: ALM 계정의 ID입니다.
    4. 클라이언트 ID, 클라이언트 비밀번호 및 작성자 새로 고침 토큰: ALM에서 응용 프로그램을 만들면서 얻은 자격 증명을 입력합니다.
    5. 위젯 사용자 지정: 자세한 내용은 AEM과 통합 .을(를) 참조하십시오.
  7. 구성을 저장하고 종료합니다.

AEM + Adobe Learning Manager(로그인한/로그인하지 않은 사용자)

이제 Adobe Learning Manager를 사용하면 계정을 생성하거나 로그인하지 않고도 기존 및 잠재 고객과 파트너에게 제품 및 교육을 공개할 수 있습니다. 이 기능은 학습자에게 제품 특징을 강조하고 홍보하는 빠르고 쉬운 교육 미리 보기를 제공하여 제품 및 교육 채택률을 높이는 데 도움을 줍니다. 따라서 특히 잠재 고객 및 파트너에게 제품 및 제공 기능을 효과적으로 공개하여 제품 인지도를 높일 수 있습니다. 액세스의 용이성과 접근성의 편리함은 관심을 높여, 교육 등록 및 학습 채택을 촉구할 수 있습니다.

이 작업 과정을 통해 학습자는 Adobe Learning Manager에 로그인하지 않고 교육을 미리 보거나, 교육 정보에 액세스하거나, 교육을 검색할 수 있습니다. 이 작업 과정은 기본 Learning Manager 인터페이스에는 해당하지 않습니다(AEM 사이트 및 기타 헤드리스 인터페이스에만 해당).

학습 플랫폼 커넥터 구성 및 활성화

이 섹션에서는 다음 커넥터를 구성하고 활성화하는 데 필요한 단계를 설명합니다.

교육 데이터 액세스

이 커넥터를 사용하여 AEM 사이트 기반 또는 다른 맞춤 제작된 헤드리스 사용자 인터페이스에서 학습자가 로그인하기 전 또는 후에 교육 정보를 검색하고 학습자에게 렌더링하여 원활한 교육 정보 검색을 실현할 수 있습니다.

이 커넥터는 AEM 사이트 기반 또는 기타 헤드리스 인터페이스를 사용하는 경우에만 필요합니다.

커넥터는 교육 메타데이터를 데이터 저장소 및 검색 솔루션뿐만 아니라, 검색 활성화 시스템으로도 내보냅니다. 따라서 AEM 사이트 기반 또는 다른 맞춤 제작된 헤드리스 사용자 인터페이스를 구성하고 이러한 두 서비스를 사용하여 교육 데이터를 검색하고, 웹 페이지를 렌더링하고, 학습자에게 최적화된 교육 검색 기능을 제공할 수 있습니다. 예를 들어, 로그인하지 않은 AEM 사이트 기반 인터페이스는 내보낸 메타데이터를 사용하여 학습자가 교육 정보를 보여주는 교육 페이지를 검색, 탐색 및 액세스하는 데 유용할 수 있습니다.

이 커넥터를 활성화하여 AEM 사이트 기반 웹 페이지를 구축 및 렌더링하고 학습자에게 로그인 전과 후에 사용자 정의된 환경을 제공하십시오. 이 커넥터를 활성화하여 AEM 사이트 기반 웹 페이지를 구축 및 렌더링하고 학습자에게 로그인 전과 후에 사용자 정의된 환경을 제공하십시오.

  • Adobe Learning Manager cdn 기본 URL - 교육 데이터 액세스 연결 페이지에서 데이터 검색 CDN 서비스 경로의 기본 URL을 입력하십시오.
  • 관리자 새로 고침 토큰 - 이전 섹션에서 결정한 새로 고침 토큰을 입력하십시오.
  • 교육 메타데이터 기본 URL - 교육 데이터 액세스 연결 페이지에서 검색 활성화 및 검색 데이터 검색 서비스 경로의 기본 URL을 입력하십시오.
  • Adobe Learning Manager 등록 URL - 학습자가 교육에 등록하는 데 사용되는 계정의 통합 책임자가 생성한 자체 등록 URL을 입력하십시오.

AEM + Adobe Learning Manager + Adobe Commerce(로그인한/로그인하지 않은 사용자)

이제 Adobe Learning Manager는 학습 플랫폼을 Adobe Commerce와 원활하게 통합하는 데 유용한 솔루션을 제공합니다. 이 릴리스에서는 기본, AEM 사이트 기반 또는 기타 헤드리스 Learning Manager 인터페이스를 Adobe Commerce에 쉽게 연결할 수 있습니다. 이 통합을 통해 학습 플랫폼 내에서 전자상거래 기능을 실현할 수 있습니다. 이제 고객 및 비즈니스 파트너에게 유료 교육을 제공할 수 있을 뿐만 아니라, 기본 및 기본이 아닌 Learning Manager 인터페이스 모두에서 쉽게 교육 구매를 활성화할 수 있습니다. 또한 학습자는 Adobe Learning Manager에 로그인하지 않고 교육을 미리 보거나, 교육 정보에 액세스하거나, 교육을 검색할 수 있습니다.

사용자는 이미 준비된 AEM 응용 프로그램을 따로 생성할 필요 없이 사용하고 승인할 수 있습니다.

  • Adobe Learning Manager cdn 기본 URL - Adobe Commerce 연결 페이지에서 데이터 검색 CDN 서비스 경로의 기본 URL을 입력하십시오.
  • Adobe Commerce URL - 사용 중인 Adobe Commerce 인스턴스의 URL을 입력합니다.
  • GraphQL 프록시 경로 - 클라이언트측 Learning Manager 구성 요소는 Adobe Commerce GraphQL 엔드포인트에 직접 액세스하므로 CORS 오류가 발생할 수 있습니다. 이 오류를 방지하려면 모든 호출을 AEM과 동일한 엔드 포인트에서 제공하거나 CORS 헤더를 추가하는 프록시를 통해 제공해야 합니다.
  • Adobe Commerce 스토어 이름 - 이전 섹션에서 확인한 Adobe Commerce 스토어 이름을 입력합니다.
  • Adobe Commerce 고객 토큰 수명(초) - 로그인 세션의 미리 결정된 기간을 나타내는 고객 토큰 수명을 입력하십시오.
  • 관리자 새로 고침 토큰 - 이전 섹션에서 결정한 새로 고침 토큰을 입력하십시오.

웹 페이지 사용자 정의

AEM 참조 사이트 및 사용 가능한 위젯을 사용하여 웹 페이지를 사용자 정의하십시오.

  1. AEM 인스턴스를 실행합니다.

  2. [사이트]를 클릭하고 구성 페이지를 엽니다.

  3. 학습 사이트 > 언어 마스터 > 영어 ​를 클릭합니다. 프로젝트의 모든 웹 페이지가 폴더에 포함되어 있습니다.


    모든 웹 페이지 보기

  4. 템플릿을 선택하고 편집 ​을 클릭합니다.

  5. 페이지에서 구성 요소 설정 단추를 클릭하고 구성 요소의 속성을 변경합니다.


    설정 선택 단추

  6. 변경 사항을 미리 보거나 페이지를 게시할 수 있습니다.

웹 페이지 만들기

참조 사이트 패키지에서 제공하여 사용할 수 있는 템플릿과 별도로, 템플릿 ibn AEM에 기반한 웹 페이지도 만들 수 있습니다.

  1. 기본 AEM 페이지에서 [만들기] > [페이지]를 클릭합니다.

  2. 사용자 정의할 템플릿을 선택합니다. [다음]을 클릭합니다.

  3. 페이지 속성을 입력합니다.


    페이지 속성

  4. 페이지를 만들려면 만들기 ​를 클릭하세요.

  5. 새 페이지를 선택하고 편집 ​을 클릭하세요.

  6. 페이지에 구성 요소를 삽입합니다(예: 학습 - 콘텐츠).


    사이트별 필터링

  7. 페이지에 표시될 필수 카탈로그 필터를 선택합니다.

청사진에서 사이트 만들기

ALM 참조 사이트 패키지는 '학습 사이트 청사진'을 제공하는데, 이를 사용하여 학습 플랫폼에 대한 웹 사이트를 만들 수 있습니다. AEM 청사진을 통해 AEM 사이트 구성 요소에서 직접 웹 페이지를 구축할 수 있습니다. 템플릿을 사용할 필요가 없습니다.

  1. AEM 시작 페이지에서 사이트 ​를 클릭합니다.

  2. 만들기 > 사이트 ​를 클릭합니다.

  3. [학습 사이트 청사진]을 클릭합니다.

    청사진에서 사이트 만들기

  4. [다음]을 클릭합니다.

  5. 속성 페이지에서 페이지 메타데이터를 입력합니다. [만들기]를 클릭합니다.


    학습 사이트 청사진 선택

  6. [홈] 하이퍼링크를 클릭하여 생성한 사이트의 홈 페이지로 이동합니다. 이 페이지에서 위젯 및 카탈로그 구성 요소를 사용자 정의할 수 있습니다.

웹 사이트 코딩

내장된 템플릿을 사용하고 WYSIWYG 구성 요소를 사용하여 처음부터 웹 사이트를 만드는 일 외에도, 코드를 작성하고 사이트를 구축할 수도 있습니다.

코드는 사용자가 시작하기 위한 참조 사이트 GitHub 저장소에 있습니다.

템플릿의 주요 부분은 다음과 같습니다.

  • core: OSGi 서비스, 수신기 또는 스케줄러와 같은 모든 핵심 기능뿐만 아니라, 서블릿 또는 필수 필터와 같은 구성 요소 관련 Java 코드를 포함하는 Java 번들.
  • ui.apps: 프로젝트의 /apps(및 /etc) 부분(즉, JS&CSS clientlibs, 구성 요소, 템플릿)을 포함합니다.
  • ui.content: ui.apps의 구성 요소를 사용하는 샘플 콘텐츠를 포함합니다.
  • ui.frontend: React 구성 요소를 포함합니다.

모든 코드는 시작하고 실행하기 위해 repo에 있습니다.

학습 관리자 구성 요소를 가져와서 기존 웹 페이지 또는 템플릿에 추가합니다.

AEM 참조 사이트 패키지를 설치하면 Learning Manager 구성 요소가 AEM 사이트 인스턴스에 추가됩니다. 기본적으로 이러한 구성 요소를 기본 제공 웹 프로젝트(웹 사이트) 학습 사이트에 추가할 수 있습니다. 또한 이러한 구성 요소는 학습 사이트 청사진에서 만드는 웹 사이트에서도 사용할 수 있습니다.

그러나 기존 웹 프로젝트 또는 웹 사이트에 새로 추가된 Learning Manager 구성 요소를 사용하려면 다음 절차를 통해 이러한 구성 요소를 가져와야 합니다.

  1. ALM 참조 사이트 패키지를 설치합니다.

  2. 웹 프로젝트를 열고 HTML 파일로 이동합니다(Learning Manager 구성 요소를 추가할 웹 페이지 또는 웹 템플릿용).

  3. 회의 참여

    HTML 파일을 열고 다음 코드 스니펫을 페이지 구성 요소에 추가하여 학습 구성 요소가 페이지 렌더링에 나타나기 전에 코드가 실행되도록 하십시오.

    <sly data-sly-use.configModel="com.adobe.learning.core.models.GlobalConfigurationModel"/>
    <meta name="cp-config" content="${configModel.config}" />

    위 코드는 페이지의 메타 태그에 매핑된 구성을 추가합니다. 이것은 학습 구성 요소를 렌더링하는 데 필요합니다. 자세한 내용은 Adobe Learning Manager 참조 사이트를 참조하세요.

  4. 구성을 웹 프로젝트와 매핑했는지 확인하십시오.

  5. Learning Manager 구성 요소를 가져올 AEM Sites 템플릿을 엽니다.

  6. 템플릿 페이지 편집기에서 [허용된 구성 요소] 컨테이너로 이동하고 정책 ​을 선택합니다.

  7. [정책] 페이지에서 [속성] > [허용된 구성 요소]로 이동하고 '학습 - 콘텐츠', '학습 - 양식' 및 '학습 - 구조' 구성 요소를 선택합니다.

다음 절차를 따르면 템플릿이 가져온 Learning Manager 구성 요소의 클라이언트 라이브러리 종속성을 충족할 수 있습니다.

이러한 구성 요소를 포함하는 웹 페이지에서 구성 요소를 성공적으로 렌더링하고 사용하려면 이러한 라이브러리를 로드해야 합니다.

  1. 템플릿 페이지 편집기에서 [페이지 정보]를 클릭한 다음 [페이지 정책]을 클릭합니다.

  2. [정책] 페이지에서 [속성] > [클라이언트 라이브러리]로 이동하고 다음 항목을 템플릿 페이지에 추가합니다.

    1. learning.site
    2. learning.ui
    3. learning.commerce

이 템플릿을 저장하면, 이 템플릿에서 파생된 모든 웹 페이지에서 Learning Manager 구성 요소를 추가할 수 있습니다.

AEM에서 위젯 구성 configurethewidgetinaem

위젯 구성의 경우 AEM 작성자에게는 Learning Manager 통합 관리자가 제공한 새로 고침 토큰만 필요합니다.

여러 페이지에서 여러 계정 구성을 설정할 수도 있습니다.

  1. 도구 > Cloud Service > Learning Manager 위젯 구성 ​을 클릭합니다.
  2. [만들기] ​를 클릭합니다.
  3. 여기에 새로 고침 토큰을 입력합니다. 다른 설정을 지정합니다.
  4. 호스트 이름은 EU 지역에 대해 "learningmanagereu"로 변경해야 합니다.
  5. 구성을 저장하고 종료합니다.
  6. 구성을 선택하고 해당 구성을 게시합니다.

AEM 작성자 aemauthor

AEM 작성자는 먼저 AEM 템플릿에서 구성 요소를 추가해야 합니다

그런 다음 AEM 작성자는 Adobe Learning Manager 구성 요소를 마우스로 끌어다 놓고 이에 따라 구성할 수 있습니다.

Learning Manager 구성 요소를 사용하려면 위 단계에서 생성된 구성을 페이지에 매핑해야 합니다. 작성자는 고급 > 구성 > 클라우드 구성 ​에서 페이지 속성을 편집하여 구성을 매핑하고 구성 경로를 지정할 수 있습니다. 작성자는 이러한 방식으로 여러 Learning Manager 계정의 구성을 생성하고 각 계정을 각기 다른 사이트 페이지에 매핑할 수 있습니다. 구성이 페이지에 매핑되지 않은 경우 구성 요소는 필요할 구성을 찾을 때까지 반복적으로 상위 페이지의 구성을 읽습니다.

학습자 learner

학습자는 페이지에서 강좌를 수강할 수 있습니다.

Learning Manager 위젯에 액세스하려면 학습자가 AEM 사용자로 로그인해야 합니다. 또한 전자 메일 속성은 학습자의 rep:User 노드의 "/profile" 노드에 있어야 합니다. 이 전자 메일은 Learning Manager 계정에 있는 전자 메일과 정확히 동일해야 합니다.

학습자는 페이지에서 강좌를 수강할 수 있습니다.

강좌 진행률도 저장됩니다.

다음 위젯이 제공됩니다.

  1. 게임화
  2. 학습 달력
  3. 소셜 위젯
  4. 카탈로그 위젯
  5. 내 학습
  6. 피어 학습을 기반으로 추천
  7. 관리자의 추천
  8. 학습자 관심을 기반으로 추천

추천이 없는 경우 위젯은 비어 있습니다.

Skyline 지원

Skyline은 클라우드 버전의 AEM입니다. 패키지 관리자에서 Skyline을 먼저 설치해야 합니다. AEM에서 Skyline 구성 요소를 사용하려면 사용자가 Learning Manager 계정에 등록되어 있어야 합니다. 즉, 사용자의 이메일 주소가 계정에 존재해야 합니다.

Skyline 구현

Skyline을 구성하는 단계는 GitHub 리포지토리에 설명되어 있습니다.

내 학습 위젯

내 학습 위젯을 사용하면 특정 카탈로그 또는 카탈로그 집합의 교육을 사용자에게 표시할 수 있습니다.

페이지 속성의 속성 섹션에서 나열된 옵션에서 카탈로그 ​를 선택합니다.

카탈로그 옵션에는 다음과 같은 옵션이 있습니다.

  • 카탈로그 ID: 쉼표로 구분된 ID로서 교육 과정을 표시해야 합니다.

  • 교육에 대한 정렬: 정렬 순서. 정렬 옵션은 다음과 같습니다.

    • 이름: 학습 객체를 A에서 Z까지 알파벳순으로 정렬합니다.
    • -name: 학습 개체를 Z부터 A까지 알파벳순으로 정렬합니다.
    • 날짜: 날짜별로 오름차순으로 정렬합니다.
    • -date: 날짜별로 내림차순으로 정렬합니다(가장 늦은 우선).
    • 생성 날짜: 학습 객체의 생성 날짜(가장 오래된 항목 먼저)별로 정렬합니다.
    • -dateCreated: 작성 날짜별로 정렬합니다(최신 항목 먼저).
    • 등록일: 학습자의 등록 날짜(가장 이른 먼저)를 기준으로 정렬합니다.
    • -dateEnrolled: 등록 날짜(최근 첫 번째 날짜)별로 정렬합니다.
    • 등급: 학습자 등급(가장 낮은 등급에서 가장 높은 등급)별로 정렬합니다.
    • -rating: 등급(최고 ~ 최저)별로 정렬합니다.
    • dueDate: 강의의 예정 날짜(가장 빠른 마감일 먼저)를 기준으로 정렬합니다.
    • 효과: 학습자 피드백을 기반으로 효과 점수별로 정렬합니다.
    • 진행률: 학습자 진행률(가장 낮은 진행률부터 가장 높은 진행률까지)별로 정렬합니다.
  • 학습자 상태: 모든 교육 과정을 등록, 시작, 완료 및 미등록 필터로 사용합니다. 정렬 옵션이 dateEnrolled, dueDate 또는 dateEnrolled인 경우 검색 결과가 표시되지 않습니다.

  • 스킬 이름: 교육 과정을 정확하게 필터링하는 데 사용되는 스킬입니다.

  • 태그 이름: 정확한 결과를 필터링하는 데 사용되는 태그입니다.

이 외에도 다음과 같은 구성 요소를 사용자가 원하는 대로 설정할 수 있습니다.

학습 개체 유형: 학습 개체 유형에 따라 필터링합니다. 지원되는 유형으로는 강의, 인증, 작업 지원 및 학습 프로그램이 있습니다.

AEM에서 카드 제목란은 처음에 비어 있습니다. widgets.html에서 속성 창에 제목을 입력합니다.

사용자 지정

widgets.html을 사용하면 레이아웃의 외형과 느낌을 원하는 대로 설정할 수 있습니다. 표시되는 카드의 모양을 변경하고 테마를 사용자 정의할 수 있습니다.

일반 설정 섹션에서 카드의 기본 색상과 보조 색상을 선택하고 속성을 지정하여 테마를 취향에 맞게 설정할 수 있습니다.

{
 "globalCssText":"@import url('https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');",
 "fontNames":"Grandstander",
 "cardLayout":{
 "cardLayoutName":"compact",
 "cardPrimaryColor":"#376BA4",
 "cardSecondaryColor":"#F98EB0",
 "startedStateTextColor":"#ffffff",
 "continueStateTextColor":"#ffffff",
 "revisitStateTextColor":"#ffffff",
 "startedStateColor":"#a0a0a0",
 "continueStateColor":"#f9a122",
 "revisitedStateColor":"#7fbc64",
 "textPrimaryColor":"#ffffff",
 "textSecondaryColor":"#d93f3f",
 "navIconColor":"#a0a0a0"
 }
}

AEM 사이트에서 저장된 강의 위젯 구성

내 저장된 강의 위젯을 통해 학습자는 책갈피가 있거나 저장된 강의를 학습 페이지에서 직접 볼 수 있으며, 이를 통해 나중에 다시 방문하거나 완료하고자 하는 강의에 쉽게 액세스할 수 있습니다.

AEM 사이트에 내 저장된 강의 위젯을 구성하려면 다음을 수행하십시오.

  1. AEM 사이트를 실행합니다.
  2. 페이지를 편집 모드로 엽니다.
  3. 구성 요소 브라우저 ​로 이동하여 내 학습 위젯 ​을 페이지에 추가합니다.
  4. 구성 요소를 선택한 다음 구성 ​을 선택합니다.
  5. 속성 ​의 드롭다운 메뉴에서 내 저장된 과정 ​을 선택합니다.
  6. 완료 ​를 선택한 다음 미리 보기 또는 Publish 모드에서 페이지를 새로 고칩니다.

학습자는 학습자 홈페이지의 내가 저장함 스트립에서 저장된 강의를 볼 수 있습니다. 내가 저장함 스트립을 선택하면 학습자가 카탈로그 페이지로 이동하며 책갈피가 지정된 강의의 정확한 수를 표시합니다.

카탈로그에서 다른 필터를 적용하면 해당 필터와 일치하는 결과만 표시됩니다. 책갈피가 지정된 항목은 자동으로 포함되지 않습니다.

상위 LO 등록 무시

상위 LO 등록 무시 확인란이 선택되어 있고 사용자를 학습 프로그램 또는 인증에 직접 등록한 경우 해당 인증 또는 학습 프로그램과 관련된 강의는 사용자의 위젯에 표시되지 않습니다.

이 확인란을 선택 취소할 경우 사용자를 직접 등록하지 않은 학습 프로그램 또는 인증과 관련된 강의가 표시되지 않습니다.

*상위 LO 등록 무시 확인란을 선택합니다.

그런 다음 설정이 위젯에 적용됩니다.

보안

클라이언트 ID 및 클라이언트 암호 입력란이 추가됩니다. 또한 새로 고침 토큰이 마스킹됩니다. 사용자가 전체 구성을 생성한 후 사용자가 구성을 다시 열어 편집하거나 다른 사용자가 이 구성을 열면 새로 고침 토큰이 마스킹됩니다.

recommendation-more-help
d5e5961a-141b-4c77-820e-8453ddef913d