안녕하세요.
오픈소스 H5P를 활용하여 이러닝 영상 콘텐츠를 상호작용이 가능한 대화형 콘텐츠로 만들어보려고 합니다.
저는 유튜브 동영상을 활용했고요. 유튜브 뿐만 아니라 비메오 등 다른 온라인에서 서비스되는 동영상이면 따라하실 수 있을 겁니다.
먼저
H5P 홈페이지로 갑니다.
오픈소스인 H5P 플러그인을 WordPress , Moodle, Drupal에 추가하여 대화식 콘텐츠 개발 가능합니다.
저는 워드프레스나 무들을 아직까지 사용을 못해서ㅠㅠ 못할 줄 알았지만!!
H5P는 홈페이지 내에서도 콘텐츠개발이 가능합니다.
그러나 홈페이지내 Try out 기능을 사용한 콘텐츠는 사용이 제한될 수 있습니다.
(H5P.org is only for trying out H5P. The embed option will be limited soon. Do not use H5P.org to host real content)
그래서 테스트가 아닌 실제 콘텐츠로 사용하시려면 H5P페이지 내에서 개발하시면 안 될 것입니다.
그리고 만들어진 콘텐츠는 모두에게 공개가 됩니다.
MyAccount(내정보)에 가면 퀵 링크가 있습니다.
퀵 링크를 통해서 바로 콘텐츠개발이 가능합니다.
그 다음으로는 만들 수 있는 콘텐츠 유형이 보입니다.
저는 오늘 인터랙티브 비디오를 만들어보고자 합니다.
(다른 건 아직 안해봐서 모릅니다ㅠ)
사실 이 순서부터는 해보면 대충 압니다. 영어를 못하는 저도 더듬더듬해봤습니다.
가지고 있는 비디오 파일(16메가 이하)은 업로드하거나 비디오 링크를 입력하시면 됩니다.
16메가면 용량도 화질도 제약이 많기 때문에 많은 분들이 유튜브 등의 동영상 플랫폼을 사용하실 거라고 생각합니다.
기본 정보들을 입력하고요.
빨간색 *는 필수 입력이고 Optional은 선택이라 필수 사항만 입력해보았습니다.
그 다음부터는 동영상을 보면서 원하는 Interation(상호작용 기능)을 넣으면 됩니다.
저는 링크, OX퀴즈, 빈칸채우기 등을 해보았습니다.
기능을 선택하고 세부 정보를 입력하면 됩니다. Pause video를 클릭하면 일시정지되기 때문에 플레이 타임은 적당히 2,3초만 해도 괜찮은 거 같아요.
OX퀴즈, True or False를 선택하고요. 각각 보기 문항 선택시 해설 등도 넣을 수 있습니다.
빈칸 채우기. 빈칸채우기 등을 이용하면 학습자들이 학습 내용등을 체크하는데 도움이 되리라 봅니다.
이렇게 세 가지 기능을 넣고 일단 저장해보았습니다.
인베드 코드를 가져오고요. 원하시는 곳에 HTML5 소스 입력을 하시면 다음과 같이 상호작용기 가능한 비디오학습창이 만들어집니다.
H5P에서는 다음과 같은 다양한 콘텐츠 유형도 개발이 가능합니다.
오픈소스여서 당연히 무료이고요. 무들 등을 사용하지 못해도 H5P 홈페이지 통해서 시험적으로 제작이 가능합니다.
WARNING: H5P.org is only for trying out H5P. The embed option will be limited soon. Do not use H5P.org to host real content.
다음은 H5P의 다른 기능 등을 마스터해서 다시 정리해볼게요^^
바이바이
'이러닝' 카테고리의 다른 글
| H5P 인터랙티브 비디오 테스트 (0) | 2019.12.05 |
|---|