개요

(미리 보기 > 프로젝트). 각 슬라이드 또는 전체 프로젝트의 내용을 미리 볼 수 있습니다. 브라우저(F11)에서모든 뷰 포트 옵션으로프로젝트를미리 볼 수있습니다. 브라우저에서 제스처 및 지리적 위치를 지원하는 HTML5로 내용을 게시합니다.

반응형 프로젝트 미리 보기

  1. 도구 모음에서 미리 보기 아이콘을 클릭합니다.

    반응형 프로젝트 미리 보기
    반응형 프로젝트 미리 보기
  2. 드롭다운 목록에서 적절한 메뉴 항목을 선택합니다.

HTML5 및 Adobe Connect 비디오 파일로 게시

프로젝트를 HTML5 및 Adobe Connect 비디오로 게시하려면 아래 단계를 따르십시오.

  1. 도구 모음에서 게시 아이콘을 클릭합니다.

  2. 다음 스크린샷과 같이 장치용으로 게시Adobe Connect에 게시 메뉴 항목에서 적절한 옵션을 선택합니다.

    다른 게시 옵션
    다른 게시 옵션

  3. 브라우저에서 출력을 HTML5로게시하려면장치용으로 게시를 선택합니다. 

    (선택 사항) 다음 스크린샷과 같이 장치용으로 게시 대화 상자가 나타납니다. 프로젝트에서 Typekit 글꼴을 사용했다면 도메인을 입력하십시오.

    Captivate 프로젝트에서 Typekit 글꼴 사용에 대한 자세한 내용은 Typekit 글꼴 통합을 참조하십시오.

    a. 적절한 프로젝트 제목 및 위치를 선택하고 완료되면 [게시]를 클릭합니다. Captivate 프로젝트를 PhoneGap에 게시할 수도 있습니다.

    참고:

    표준 빈 프로젝트 게시에 대한 자세한 내용은 프로젝트 게시 항목을 참조하십시오. 계속하여 Adobe Captivate 비반응형/빈 프로젝트를 exe 파일로 게시할 수 있습니다.

    장치용으로 게시 대화 상자
    장치용으로 게시 대화 상자

    Typekit 단추(빨간색 직사각형)를 클릭하면 글꼴을 동기화하고 Captivate 프로젝트에서 사용할 글꼴을 다운로드할 수 있는 Typekit 웹사이트로 이동합니다.

    참고:

    프로젝트에서 어떤 Typekit 글꼴도 사용하지 않는 경우 Typekit 도메인 필드가 비활성화됩니다.

    참고:

    게시하는 동안 Typekit 도메인 필드가 비활성화되어 있고 Typekit 글꼴을 사용한 경우 프로젝트를 미리 보고 게시합니다.

  4. Adobe Connect에 출력을 게시하려면 게시 메뉴에서 Adobe Connect에 게시를 선택합니다.

    다음 스크린샷과 같이 대화 상자가 나타납니다.

    Adobe Connect에 게시
    Adobe Connect에 게시

  5. 적절한 프로젝트 이름 및 서버 URL을 선택하고 완료되면 [게시]를 클릭합니다.

장치용 앱으로 게시

장치용으로 개시(앱) 메뉴가 Adobe Captivate 8.0.1에 통합되었습니다. 이제 Adobe Captivate 프로젝트를 App Packager를 사용하지 않고 어떤 장치에든지 앱으로 게시할 수 있습니다.

출력을 장치용 앱으로 게시하려면 아래 단계를 따르십시오.

  1. [게시] 메뉴에서 [장치용으로 게시(앱)]을 선택합니다.

    다음의 대화 상자가 나타납니다.

    장치용으로 게시(앱)
    장치용으로 게시(앱)

  2. PhoneGap 사용자 이름 및 암호 또는 Adobe ID 로그인 자격 증명을 사용하여 PhoneGap 계정에 로그인합니다. 기존 계정이 없는 경우 [등록]을 클릭하여 PhoneGap 또는 Adobe ID 계정에 등록합니다.

  3. 새 애플리케이션을 만드는 경우앱> 새로 만들기를선택합니다.

    PhoneGap의 기존 앱을 업데이트하는 경우 앱>업데이트를 선택합니다.

  4. 앱에 대한 버전 번호, 앱 이름 및 패키지 이름을 입력합니다. 패키지 이름을 입력할 때에는 기존 프로젝트를 덮어쓰지 않도록 고유한 패키지 이름을 지정합니다.

  5. 자세히를 클릭하여 앱에 대한 개인 게시 환경 설정(지리적 위치, 제스처 및 액세스 가능성)을 선택합니다.

  6. 다음을 클릭하여 앱에 필요한 인증서/키 정보를 제공합니다. 옆에 있는 체크 상자를 클릭하여 iOS나 Android 또는 모두를 선택하고 각 플랫폼에 해당하는 인증서/키 정보를 제공할 수 있습니다.

    자세한 내용은 키 생성 및 인증서 만들기 섹션을 참조하십시오.

  7. [게시] 를 클릭하여 출력을 장치용 앱으로 게시합니다.

    Adobe Captivate는 백엔드에서 PhoneGap 서비스를 사용하여 앱을 제작합니다. 앱이 제작된 후 스냅샷과 같이 앱 다운로드를 묻는 메시지가 표시됩니다. 일단 다운로드를 클릭하면 PhoneGap 사이트를 볼 수 있습니다.

    앱 다운로드
    앱 다운로드

키 생성 및 인증서 만들기

인증서 및 인증 키는 사용자가 계정을 보호하고 무단 액세스를 방지하는 데 필수적입니다.

iOS용 인증서 만들기

  1. Apple 개발자 지원 사이트를 참조하여 앱 개발자 인증서를 만듭니다. 자세한 내용은 프로그램 등록을 참조하십시오.
  2. 아래에 설명된 것처럼 PhoneGap 빌드 사이트의 지침을 참조하여 인증서를 지원되는 P12 형식으로 변환하고 인증서를 업로드합니다. 
    1. Mac 및 Windows에서 Apple 개발자 인증서를 P12로 변환
Android용 키 생성
  1. PhoneGap 빌드 사이트의 지침을 참조하여 키를 생성하고 PhoneGap 빌드에 업로드합니다.

PhoneGap 사용자 ID 및 암호로 로그인한 후 게시 창에서 다음을 클릭하고 아래와 같이 대화 상자에 인증서 정보를 제공합니다.

키 생성 및 인증서 만들기
키 생성 및 인증서 만들기

참고:

위 스냅샷의 AppleKey 제목은 PhoneGap 빌드에 업로드한 인증서 이름을 나타냅니다. 인증서는 PhoneGap 빌드 웹사이트에 업로드한 후 자동으로 제목 드롭다운에 채워집니다. 마찬가지로 PhoneGap 빌드에 업로드한 키도 제목 드롭다운에 나타납니다. Android용 키가 없는 경우에도 [선택한 키 없음] 옵션을 선택하여 계속 게시할 수 있습니다.

Windows 8 OS에서 장치용으로 게시

Windows 8 OS를 사용하여 게시하는 경우 게시 대상 옵션에 Windows 8이 추가로 표시됩니다. 이 옵션을 선택할 경우, 아래와 같은 대화 상자가 나타납니다.

Windows 8 운영 체제에 게시
Windows 8 운영 체제에 게시

프로젝트 제목, 위치 정보 및 [자세히] 아래의 옵션은 iOS/Android 대화 상자와 유사합니다. 해당 단계를 따르십시오.

참고:

Adobe Captivate의 환경 설정을 제거한 경우 인증서를 다시 만들어야 합니다.

제스처 및 지리적 위치

Adobe Captivate 8에서는 장치 제스처가 도입되었습니다. 이제 프로젝트를 게시할 때 반응형 프로젝트에 제스처를 적용할 수 있습니다.

  1. 다음 스크린샷과 같이 장치용으로 게시 대화 상자의 모바일 제스처 및 지리적 위치 옆의 파란색 아니요 텍스트를 클릭합니다.
    새 창이 나타납니다.

    gestures-geoloc
  2. 다음 이미지와 같이 창에서 제스처 구성 및 지리적 위치 옆에 있는 확인란을 클릭합니다.

     

모바일 제스처 팔레트
모바일 제스처 팔레트

참고:

프로젝트에 지리적 위치를 설정하여 최종 사용자의 위치에 따라 다양한 옵션을 제공합니다.작성자는cpInfoGeoLocation 시스템 변수를 사용하여 지리적 위치 값을 획득하고 다양한 사용자 시나리오를 기반으로 이를 사용할 수 있습니다. 사용자는사용자 정의변수를 사용하여 위도, 경도정확도(반경을결정함)를 설정하고 시스템 변수와 비교할 수 있습니다.

사용자 정의 변수 만들기

  1. [프로젝트] > [변수]를 클릭

  2. 변수 대화 상자에서 [새로 추가]를 클릭

  3. 지리적 위치 확인란을 클릭하고 위도, 경도 및 데이터 정확도를 제공합니다. 

  4. [저장]을 클릭한 다음 [확인]을 클릭합니다. 
 

또한 폴더 아이콘을 클릭하고 생성한 고급 동작을 선택하여 지리적 위치를 기반으로 하는 동작을 트리거할 수도 있습니다.

전문가의 관점: Adobe Captivate 를 사용한 위치 인식 학습

전문가의 관점: Adobe Captivate 를 사용한 위치 인식 학습
Dr. Pooja Jaisingh Sr. Adobe eLearning Evangelist

프로젝트 테스트 중 지리적 위치 에뮬레이션

이제 프로젝트를 게시하기 전에 설정한 지리적 위치 기능이 제대로 작동하고 있는지 확인할 수 있습니다.

참고:

이 기능은 사용자 정의 지리적 위치 변수를 위의 팁에서 설명한 대로 만든 경우에만 적용할 수 있습니다.

브라우저에서 프로젝트를 미리 보려면 미리 보기를 클릭합니다.

프로젝트를 미리 보면서 지리적 위치 기능 테스트
프로젝트를 미리 보면서 지리적 위치 기능 테스트

설정한 각기 다른 위치를 전환하여 학습자가 해당 위치에서 프로젝트에 액세스하면 프로젝트가 어떻게 보이고 작동하는지 미리 볼 수 있습니다.

지도 지원

사용자는 사용자 정의 변수를 만드는 동안 Google™ 통합 지도를 탐색하고 지리적 위치를 선택할 수 있습니다. 위도, 경도 및 위치 정확도 값은 지도에서 선택한 지리적 위치를 기반으로 채워집니다.

사용자는 아래와 같이 변수 대화 상자에서 지도에서 선택 옆에 있는 지구본 아이콘을 클릭할 수 있습니다. 

참고:

이 지도 지원 기능을 사용하려면 인터넷에 연결합니다.

지도 지원
지도 지원

예를 들어, 위의 스냅샷에서는 지도에서 샌프란시스코의 위치 지도가 선택되어 해당 값들이 채워졌습니다.

샌프란시스코의 위치 지도
샌프란시스코의 위치 지도

사용자는 이미 알고 있는 좌표를 입력하거나 지도에서 위치를 선택하여 값을 자동으로 가져올 수 있습니다.

지도 지원의 사용자 시나리오

독일에 거주하는 독일어 사용자를 위한 과정을 제작한 경우를 생각해 보겠습니다. 이 경우 Google 지도를 열고 검색 막대에 독일을 입력할 수 있습니다. 그림 A에 표시된 것과 같이 위치 정확도 값은 독일 지역 대부분을 포함하는 334988미터입니다.

과정을 나중에 더 많은 국가에서 사용할 수 있도록 확장하려는 경우 빨간색 핀(원바깥쪽)을 클릭하고 끌어 원하는 위치에 일치시킬 수 있습니다. 그림 B는 이 시나리오에서 선택한 확장된 지역 정확도 값을 보여줍니다.

지도 지원 사용법을 설명하는 시나리오
지도 지원 사용법을 설명하는 시나리오

샘플 프로젝트 다운로드

Captivate 및 참여 학습 콘텐트 생성 방법에 대해 자세히 알아보려면 다음 프로젝트를 다운로드하십시오.

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

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