H5P

H5P
개발자H5P 팀
발표일2013년 1월 25일(13년 전)(2013-01-25)
운영 체제교차 플랫폼
플랫폼PHP, 자바스크립트
종류콘텐츠 협업 프레임워크
라이선스MIT+
웹사이트h5p.org 위키데이터에서 편집하기

H5P는 자바스크립트 기반의 자유-오픈 소스 콘텐츠 협업 프레임워크이다. H5P는 HTML5 패키지(HTML5 Package)의 약자로, 누구나 상호작용 가능한 HTML5 콘텐츠를 쉽게 만들고 공유하며 재사용할 수 있도록 하는 것을 목표로 한다. 상호작용 비디오, 상호작용 프레젠테이션, 퀴즈, 상호작용 타임라인 등이 H5P.org를 통해 개발되고 공유되었다. H5P는 17,000개 이상의 웹사이트에서 사용되고 있다. 2018년 6월, 핵심 팀은 H5P가 MOSS 프로그램을 통해 모질라 재단의 재정적 지원을 받을 것이라고 발표했다. 그 결과는 약 1년 후에 발표되었다.

이 프레임워크는 웹 기반 콘텐츠 편집기, 콘텐츠 유형 공유 웹사이트, 기존 저작물 관리 시스템용 플러그인, HTML5 자원을 통합하기 위한 파일 형식으로 구성된다.

웹 기반 편집기는 기본적으로 모든 종류의 H5P 콘텐츠 유형 및 애플리케이션에서 멀티미디어 파일과 텍스트 콘텐츠를 추가하고 교체할 수 있다. 또한 콘텐츠 유형은 전체 콘텐츠 유형의 위지위그 편집을 포함하여 모든 종류의 편집 기능과 경험을 가능하게 하는 사용자 지정 위젯을 편집기에 제공할 수 있다.

H5P.org는 H5P 라이브러리, 애플리케이션 및 콘텐츠 유형을 공유할 수 있는 커뮤니티 웹사이트이다. H5P 애플리케이션과 콘텐츠 유형은 모든 H5P 호환 웹사이트에서 동일하게 작동한다.

현재 드루팔, 워드프레스, 티키, 그리고 무들을 위한 플랫폼 통합이 존재한다. 플랫폼 통합에는 일반 H5P 코드뿐만 아니라 H5P를 각 플랫폼과 통합하는 데 필요한 인터페이스 구현 및 플랫폼별 코드가 포함된다. H5P는 플랫폼별 코드와 백엔드 코드를 최소화하도록 설계되었다. 코드의 대부분은 자바스크립트로 되어 있다. 이는 새로운 플랫폼에 H5P를 쉽게 통합할 수 있도록 하기 위함이다.

파일 형식은 JSON 형식의 메타데이터 파일, 콘텐츠를 위한 기능과 디자인을 제공하는 여러 라이브러리 파일, 그리고 텍스트 콘텐츠가 JSON 형식으로 저장되고 멀티미디어가 파일 또는 외부 사이트의 파일 링크로 저장되는 콘텐츠 폴더로 구성된다.

H5P는 2020년 H5P 컨퍼런스에서의 발표 이후 OER 허브를 만들었다.

2024년, H5P 그룹은 캐나다 기반의 학습 기술 기업인 D2L에 인수되었다.

H5P의 가장 혁신적인 사례

지원

H5P의 주요 지원 웹사이트는 H5P.org이다. 이곳에서 H5P를 체험해 볼 수 있으며, H5P 온라인 매뉴얼과 H5P 정보, 문서, 포럼을 위한 실시간 저장소가 호스팅된다.

각주

  1. ↑ “H5P is MIT Licensed”. H5P.org. 2015년 4월 9일에 확인함.
  2. ↑ “WordPress And H5P : The Future Of Rich Content?”. WPMUDEV. 2014년 8월 7일. 2015년 4월 9일에 확인함.
  3. ↑ “H5P: An Open Source HTML5 eLearning Authoring Tool”. elearningindustry.com. 2014년 3월 19일. 2018년 1월 16일에 확인함.
  4. ↑ “Content Types”. H5P.org. 2018년 1월 16일에 확인함.
  5. ↑ “H5P is a WordPress plugin for creating and sharing rich HTML5 content in your browser.”. Wordpress.org. 2018년 1월 16일에 확인함.
  6. ↑ “Usage statistics for H5P - Create and Share Rich Content and Applications”. drupal.org. 2018년 1월 16일에 확인함.
  7. ↑ “Moodle plugins directory: Interactive Content – H5P: Stats”. moodle.org. 2018년 1월 16일에 확인함.
  8. ↑ “Mozilla supporting H5P”. 2018년 6월 28일. 2018년 7월 22일에 확인함.
  9. ↑ “Solving major UX issues in the authoring tool”. 2025년 4월 3일에 확인함.
  10. ↑ “Create, share and reuse interactive HTML5 content in your browser”. H5P.org. 2015년 4월 9일에 확인함.
  11. ↑ “H5P - Create and Share Rich Content and Applications”. drupal.org. 2013년 1월 24일. 2015년 4월 9일에 확인함.
  12. ↑ “How to upload and track H5P Content on WordPress with xAPI?”. 《Next Software Solutions》. 2019년 9월 28일. 2019년 10월 20일에 확인함.
  13. ↑ “Tiki Wiki Content Management has native H5P integration”. tiki.org. 2015년 4월 9일에 확인함.
  14. ↑ “H5P is a Moodle plugin for creating and sharing rich HTML5 content in your browser.”. h5p.org. 2016년 6월 13일에 확인함.
  15. ↑ “File Structure”. h5p.org. 2015년 4월 9일에 확인함.
  16. ↑ “The H5P OER HUB” (영어). 《h5p.org》. 2020년 12월 23일에 확인함.
  17. ↑ “H5P Conference 2020” (영어). 《H5P Conference 2020》. 2020년 12월 23일에 확인함.
  18. ↑ “D2L Acquires Global SaaS Learning Solution H5P Group” (미국 영어). 《D2L》. 2024년 7월 9일. 2024년 10월 2일에 확인함.
  19. ↑ “Branching Scenario”.
  20. ↑ “AR Scavenger”.
  21. ↑ “Cornell Notes”.
  22. ↑ “Image Choice”.
  23. ↑ “H5P forums”. H5P.org. 2015년 4월 9일에 확인함.

외부 링크