Twitter 위젯을 사용하면 작성자와 온라인 학습자가 컨텍스트 내에서 쉽게 공동 작업을 할 수 있습니다. 이 위젯을 통해 온라인 학습자가 작성자 및 동료들에게 실시간으로 질문하는 강의실 환경을 시뮬레이션할 수 있습니다.

Twitter 위젯이 있는 프로젝트를 게시하는 경우 사용자가 Twitter에 로그온하지 않고도 프로젝트 내에서 질문할 수 있습니다. 질문의 제기된 프로젝트에서 적절한 컨텍스트에 작성자 및 다른 학습자에게 질문이 표시됩니다.

게시된 프로젝트에서만 질문할 수 있지만 응답은 다음 중 어느 경우에나 가능합니다.

  • 웹 브라우저 또는 모바일 장치를 통해 액세스한 Twitter

  • Twitter 아이콘을 클릭하면 나타나는 [응답] 단추를 사용하여 게시된 Adobe Captivate 프로젝트 내에서

프로젝트에 Twitter 위젯 추가

  1. Adobe Exchange에서 Twitter 위젯을 다운로드합니다. 다운로드한 .zip 파일에는 다음 파일이 포함되어 있습니다.

    • twitterwidget.swf - Adobe Captivate 프로젝트에 삽입할 수 있는 Twitter 위젯

    • Twitteroauth.zip - 사용자가 Twitter 위젯으로 프로젝트에 액세스를 시도할 때 Adobe Captivate를 인증하기 위한 OAuth 구성 파일

  2. Twitter 위젯을 사용하기 위한 필수 구성 요소를 갖추고 있어야 합니다. 자세한 내용은 필수 구성 요소를 참조하십시오.

  3. [환경 설정]에서 고유한 이름을 제공하여 프로젝트를 설정합니다. 자세한 내용은 프로젝트 설정을 참조하십시오.

  4. 프로젝트에 Twitter 위젯을 삽입합니다. 자세한 내용은 프로젝트에 Twitter 위젯 삽입을 참조하십시오.

필수 구성 요소

  1. 컴퓨터에 웹 서버와 PHP를 설치합니다. 이 두 가지를 모두 제공하는 WAMP(Windows의 경우) 또는 MAMP(Mac의 경우)를 선택할 수 있습니다.

    참고:

    Adobe Captivate를 설치한 컴퓨터나 네트워크에 있는 다른 컴퓨터도 가능합니다.

    http://www.wampserver.com/en/download.php에서 WAMP를 다운로드하십시오.

    참고:

    WAMP 웹 사이트의 지침에 따라 계속하라는 이 지침의 단계를 무시하십시오.

    http://www.mamp.info/en/index.html에서 MAMP를 다운로드하십시오. 단계별 지침은 https://documentation-3.mamp.info/en/documentation/mamp-windows/를 참조하십시오.

  2. Windows 컴퓨터에서 PHP와 웹 서버를 구성합니다. 자세한 내용은 PHP 구성웹 서버 구성을 참조하십시오. MAMP의 필수 매개 변수가 기본적으로 사용되므로 Mac에서는 이 단계가 필요 없습니다.

  3. OAuth를 사용하여 Adobe Captivate의 인증을 설정합니다. OAuth를 통해 인증 설정을 참조하십시오.

사용자(온라인 학습자)는 이 필수 구성 요소를 갖출 필요가 없으며 Twitter 위젯으로 프로젝트에 액세스할 수 있는 유효한 Twitter 계정만 있으면 됩니다.

PHP 구성

Windows에서 CURL 라이브러리를 사용하도록 설정합니다. 그러려면 시스템 트레이에서 WAMPSERVER 아이콘을 클릭하고 [PHP] > [PHP 확장]을 선택한 다음 php_curl을 클릭합니다.

CURL을 사용할 수 있는지 여부를 확인하려면 웹 브라우저에 또는 http://localhost:http://localhost:8080을 입력하고 [Tools] 섹션에서 phpinfo()를 클릭합니다. 페이지에서 CURL을 검색합니다. cURL support 행에 enabled 값이 있는지 확인합니다.

웹 서버 구성

Windows에서 rewrite 모듈을 사용하도록 설정합니다. 그러려면 시스템 트레이에서 WAMPSERVER 아이콘을 클릭하고 [Apache] > [Apache modules]를 선택한 다음 rewrite_module을 클릭합니다.

rewrite 모듈을 사용할 수 있는지 여부를 확인하려면 웹 브라우저에 또는 http://localhost:http://localhost:8080을 입력하고 [Tools] 섹션에서 phpinfo()를 클릭합니다. 페이지에서 rewrite를 검색합니다. Loaded Modules(apache2handler 표) 행에 mod_rewrite가 있는지 확인합니다.

OAuth를 통해 인증 설정

  1. twitteroauth.zip 파일을 마우스 오른쪽 단추로 클릭하거나(Windows) Ctrl 키를 누른 채 클릭하고(Mac) [추출]을 클릭합니다. 내용이 twitteroauth 폴더로 추출됩니다.

    참고:

    twitteroauth.zip은 Adobe Exchange에서 다운로드한 TwitterWidget.zip에 있습니다.  

  2. twitteroauth 폴더를 웹 서버의 루트 디렉토리에 배치합니다. 루트 디렉토리에 액세스하려면

    • (Windows의 경우) 시스템 트레이에서 WAMPSERVER 아이콘을 클릭하고 [www directory]를 클릭하거나 <WAMP_installation_folder>/wamp/www로 이동합니다.

    • (Mac의 경우) /Applications/MAMP/htdocs로 이동합니다.

프로젝트 설정

  1. Twitter 위젯을 삽입할 프로젝트를 엽니다.

  2. [편집] > [환경 설정](Windows) 또는 Adobe Captivate > [환경 설정](Mac)으로 이동합니다.

  3. [환경 설정] 대화 상자의 [범주] 목록에서 [프로젝트] 아래의 정보를 클릭합니다.

  4. [프로젝트 이름] 필드에서 프로젝트 이름을 지정합니다. 이 이름은 해당 과정의 Twitter에서 해시 태그로 사용되므로 고유한 이름을 선택합니다.

프로젝트에 Twitter 위젯 삽입

  1. Twitter 위젯을 삽입할 Adobe Captivate 프로젝트를 엽니다.

  2. [필름 스트립]에서 첫째 슬라이드를 클릭합니다.

  3. [삽입] > [위젯]을 클릭합니다. twitterwidget.swf를 다운로드한 위치를 찾아 [열기]를 클릭합니다. [위젯 속성] 대화 상자가 표시됩니다.

  4. [사용자 이름] 필드에 Twitter 계정 사용자 이름을 입력합니다. 이 계정은 작성자의 계정으로 간주됩니다.

  5. [PHP Location] 필드에서 루트 디렉토리에 배치한 twitteroauth 폴더의 위치를 다음 형식에 따라 URL로 지정합니다.

    http://<ipaddress_of_the_web_server>/<twitteroauth_folder_location>

    예를 들어 폴더를 c:/wamp/www/Twitter/twitteroauth에 배치한 경우 다음과 같이 PHP 위치를 지정합니다.

    http://<ipaddress_of_the_web_server>/Twitter/twitteroauth

    Windows에서는 포트 번호 8080을 사용하여 웹 서버 홈 페이지에 액세스하는 경우 PHP 위치의 포트 번호도 지정합니다. 예:

    http://<ipaddress_of_the_web_server>:8080/Twitter/twitteroauth

    Mac에서는 포트 번호 8888을 지정합니다. 예를 들어 http://<ipaddress_of_the_web_server>:8888/Twitter/twitteroauth입니다.

  6. [확인]을 클릭합니다. 이제 슬라이드에 Twitter 위젯이 표시됩니다. 출력을 게시할 때 슬라이드에서 출력과 동일한 위치에 위젯이 나타납니다.

  7. 위젯의 [속성 관리자]에 있는 [시간 배치] 패널에서 [다음 시간 동안 표시] 드롭다운 목록의 [프로젝트 나머지 부분]을 클릭합니다.

프로젝트를 미리 보거나 게시하기 전에 WAMP 또는 MAMP 서버 상태가 'Online'인지 확인하십시오.

  • Windows에서는 시스템 트레이의 WAMP 서버 아이콘으로 마우스 커서를 이동합니다. 서버가 'Offline' 상태일 경우 아이콘을 클릭하고 [Put Online]을 클릭합니다.

  • Mac에서는 MAMP를 시작합니다. 시작 화면에서 Apache 및 PHP에 빨간 단추가 있으면 인접한 단추를 클릭하여 온라인 상태로 전환합니다. 단추 색상이 녹색으로 변합니다.

Twitter 위젯을 사용하여 프로젝트 출력 액세스

Twitter 위젯을 사용하여 게시한 프로젝트에 액세스를 시도할 경우 OAuth PIN에 대한 메시지가 나타납니다.

  1. [생성]을 클릭하여 PIN을 생성합니다.

    이미 Twitter에 로그인한 경우 [허용]을 클릭하여 같은 계정으로 계속 진행합니다. 다른 계정으로 로그인하려면 [로그인]을 클릭합니다.

    아직 Twitter에 로그인하지 않은 경우 Twitter 사용자 이름과 암호를 묻는 메시지가 나타납니다.

    로그인 후 기본 웹 브라우저에 PIN 번호가 나타납니다.

참고:

브라우저 창에 PIN 번호가 나타나지 않으면 브라우저에서 팝업을 허용하고 페이지를 새로 고칩니다.

2.  PIN 번호를 복사하여 프로젝트에 나타난 프롬프트의 OAuth PIN 번호 필드에 붙여 넣습니다.

3.  [로그인]을 클릭합니다.

Twitter에서 프로젝트 검색

프로젝트 이름을 사용하여 Twitter, TweetDeck 또는 search.twitter.com에서 프로젝트를 검색하십시오. 프로젝트에 발생한 모든 트윗(질문 및 응답)이 나열됩니다. 그러면 응답이나 질문을 트윗할 수 있습니다.

공동 작업 작업 과정

프로젝트를 보기 전에 트윗된 질문과 응답은 대화 스레드로 그룹화됩니다. 작성자는 표시되는 프레임과 상관없이 현재 슬라이드의 모든 대화 스레드를 볼 수 있습니다. 그러나 다른 온라인 학습자는 현재 표시되는 프레임까지 발생한 대화만 볼 수 있습니다.

대화 스레드를 보려면 Twitter 아이콘을 클릭합니다.

작성자나 온라인 학습자가 프로젝트 출력을 보는 동안 발생하는 모든 트윗이 즉시 표시됩니다. 작성자는 해당 슬라이드를 이미 보았는지 여부에 상관없이 프로젝트의 슬라이드에서 발생하는 트윗에 대해 알 수 있습니다. 그러나 다른 온라인 학습자의 경우 해당 슬라이드 및 프레임에 도달할 때 볼 수 있는 대화 목록에 트윗이 나열됩니다.

새 질문이나 응답이 트윗되면 슬라이드에 두 번째 Twitter 아이콘이 나타납니다. 트윗을 모두 보면 이 아이콘이 사라집니다.  

참고:

두 번째 Twitter 아이콘은 첫 번째 아이콘과 날개 부분의 색상이 다릅니다. 첫 번째 아이콘의 새 날개는 파란색이고 두 번째 아이콘의 새 날개는 노란색입니다.  

확인된 트윗은 모두 슬라이드의 대화 목록에 추가됩니다.

다음 단계에서는 작성자인 Casey와 온라인 학습자인 Alex 및 Jaden 사이의 공동 작업 작업 과정을 보여줍니다.

  1. Casey가 eLearning 과정을 만들어 Twitter 위젯으로 게시합니다.

  2. Alex는 과정을 보고 슬라이드 10(프레임 2)에서 표를 마우스 오른쪽 단추로 클릭한 다음 질문합니다.

  3. Jaden도 동시에 과정을 보고 있습니다.

    • Jaden도 슬라이드 10, 프레임 2에 있거나 이미 슬라이드를 본 경우 Jaden의 컴퓨터에 다른 Twitter 아이콘이 나타납니다. Jaden은 아이콘을 클릭하여 질문을 보고 [응답]을 클릭하여 대답할 수 있습니다. Jaden이 질문을 보는 즉시 추가 아이콘이 사라지고 트윗(질문과 응답)이 대화 스레드로 추가됩니다.

    • Jaden이 아직 슬라이드 10, 프레임 2를 보지 않은 경우 Alex의 질문이 대화 스레드로 나타납니다. Jaden은 원래의 Twitter 아이콘을 클릭하여 질문을 볼 수 있습니다.

  4. Casey도 동시에 과정을 보고 있습니다. Casey가 보고 있는 슬라이드나 프레임에 상관없이 Alex나 Jaden이 질문하는 즉시 추가 Twitter 아이콘이 나타납니다.

    • Casey는 트윗을 클릭하여 컨텍스트(슬라이드 10, 프레임 2)로 이동하고 질문에 응답할 수 있습니다.

    • Casey는 원래의 Twitter 아이콘을 클릭하여 이전 트윗에 액세스할 수 있습니다.

트윗의 '컨텍스트'가 결정되는 방법

다음 요소에 따라 질문의 컨텍스트가 결정됩니다.

  • 프레임 번호

  • 온라인 학습자가 질문하기 위해 슬라이드에서 클릭하는 위치

작성자나 다른 온라인 학습자가 게시된 프로젝트를 보고 있는 경우 대화 머리글이나 새로운 트윗을 클릭하면 컨텍스트(슬라이드 및 프레임)로 이동합니다.

작성자나 다른 온라인 학습자가 Twitter를 사용하여 프로젝트에서 트윗을 보는 경우에는 다음과 같이 컨텍스트가 제공됩니다.

FrameNumber, X 좌표, Y 좌표

예를 들면 245; 400; 194입니다.

질문하기

작성자가 아닌 온라인 학습자에 한해 Twitter 위젯을 사용하여 게시한 프로젝트에서 질문할 수 있습니다.

  1. 마우스 오른쪽 단추를 클릭하거나(Windows) Ctrl 키를 누른 채(Mac) [질문하기]를 클릭합니다.

  2. [질문하기] 대화 상자 내부를 클릭하고 질문을 입력합니다.

  3. [보내기]를 클릭합니다.

질문에 응답

작성자와 온라인 학습자는 Twitter 아이콘을 사용하여 프로젝트에서 질문에 응답할 수 있습니다.

  1. Twitter 아이콘을 클릭하여 질문을 봅니다.

  2. [응답]을 클릭하여 질문이나 대화 스레드에 응답합니다. 특정 상대에게 응답 주소를 지정하려면 상대방 이름 옆에 있는 화살표를 클릭합니다.

  3. 응답을 입력하고 [보내기]를 클릭합니다.

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

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