インタラクティブコンテンツ - H5Pの活動

インタラクティブコンテンツ - H5Pの活動
タイプ活動
セット該当なし
ダウンロード https://moodle.org/plugins/mod_hvp
問題点 https://github.com/h5p/h5p-moodle-plugin/issues
討論 https://h5p.org/forum
メンテナ フロイド・ペターソン

ハイライト

  • H5Pでは、さまざまな種類のインタラクティブコンテンツにアクセスできます(下記の「プラグイン内から作成可能な活動」を参照)。
  • H5Pでは、コンテンツを簡単に共有して再利用することができます。
    • コンテンツを再利用するには、編集したいH5Pをダウンロードして変更を加えるだけです。たとえば、新しい言語に翻訳したり、新しい状況に調整したりできます。

概要

あなたのウェブサイトをH5Pで過給する

  • H5Pを使用すると、HTML5のコンテンツとアプリケーションを簡単に作成、共有、および再利用できます。
  • H5Pはクリエイティブをより効率的にリッチでインタラクティブなWebエクスペリエンスを創造する力を与えます - あなたが必要とするのはH5Pプラグインを持つWebブラウザとWebサイトだけです。
注意: Moodle自体がHTML 5メディアを埋め込むことができます


モバイル向けコンテンツ

  • 一度公開すると、すべての画面で表示して対話できます。
  • H5Pコンテンツはレスポンシブでモバイルにやさしいです。
  • ユーザーは、コンピューター、スマートフォン、タブレットで同じようにリッチでインタラクティブなコンテンツを体験できます。

リッチコンテンツを共有する

  • H5Pは既存のCMSやLMS(Moodleなど)がより豊富なコンテンツを作成することを可能にします。
  • H5Pを使用すると、作者はインタラクティブビデオ、プレゼンテーション、ゲーム、広告などを作成および編集できます。
  • コンテンツをインポートおよびエクスポートすることができます。
    • H5Pコンテンツを表示または編集するために必要なのは、Webブラウザだけです。
  • リッチコンテンツ、アプリケーション、およびコンテンツコンポーネントは、H5P.orgで共有することができます。

無料で使えます

  • H5PはMITライセンスでライセンスされた、完全にフリーでオープンなテクノロジーです。
  • コミュニティに参加したいユーザーは、デモ/ダウンロード、チュートリアル、およびドキュメントを利用できます。

例とダウンロードへのリンク

H5Pはactivity.pngをダウンロードする

対応Moodleのバージョン

Moodle 2.7から3.1

潜在的なプライバシー問題

このプラグインは、コンテンツタイプを自動的にダウンロードし、設定を通じて無効にできる匿名の使用データを提供するように設定されています。

インストール

使用法

表示オプション

有効/無効にできます。

  • アクションバーとフレームを表示する
  • ダウンロードボタン
  • 著作権ボタン

活動のアップロードまたは作成

H5Pはactivity.pngをアップロードする

  • 活動を「アップロード」する場合は、(。h 5 p)ファイルを選択するか、指定した領域にドラッグアンドドロップすることができます。

H5Pは以前にダウンロードしたh5p activity.pngをアップロードする

  • プラグイン内の組み込みエディタを使用してインタラクティブな活動を簡単に作成できます。

H5Pはactivity.pngを作成します

  • 活動を「作成」することを選択した場合は、[エディタ]ドロップダウンリストから次のいずれかを選択できます。

プラグイン内から作成可能な活動

  • アコーディオン - ユーザーがアクセス可能なWAI-ARIA対応アコーディオンを追加できるアコーディオンコンテンツタイプ。 WAI-ARIAは、Webページ、特にAjax、HTML、JavaScriptおよび関連技術で開発された動的コンテンツおよびユーザーインターフェイスコンポーネントのアクセシビリティを向上させるために使用されます。

H5Pのサンプルaccordion.png

注意:テキスト領域内に貼り付けられた画像は最終活動では表示されず、テキストのみが表示されます。


  • Chat and Talkのためのappearance.in - 作者が会議室を設定することを可能にするビデオ会議コンテンツタイプ。

H5Pの例はin.pngにあります

  • オーディオ - 使いやすいオーディオプレーヤー。

H5Pの例audio.png

  • Chart - ユーザーがH5Pを使って円グラフや棒グラフを作成し、手動でアートワークを作成せずに簡単な統計データをグラフィカルに表示できるようにするグラフコンテンツタイプ。

H5Pの例chart.png

  • Collage - フォトコラージュコンテンツタイプで、ユーザーは自分の写真を上品に見せるために、Webブラウザのみを使用してカスタムレイアウトで複数の写真を設定できます。

H5Pの例collage.png

  • コースプレゼンテーション - 魅力的なプレゼンテーションを行うために、Webブラウザのみを使用して、ユーザーが複数の選択肢を追加したり、ブランク、テキスト、その他の種類のインタラクションをプレゼンテーションに入力したりできるプレゼンテーションコンテンツタイプ。

H5Pサンプルコースpresentation.png

  • Dialog Cards - 作者がH5Pを使って優れた言語学習リソースを作成することを可能にするコンテンツタイプ。

H5Pダイアログの例

H5Pサンプルドキュメンテーションtool.png

  • ドラッグアンドドロップ - H5Pを使用して魅力的な課題を解決するために、Webブラウザのみを使用してクリエイティブでさまざまな形式のドラッグアンドドロップを作成できるドラッグアンドドロップの質問タイプです。

H5Pの例ドラッグアンドドロップ

  • Wordをドラッグする - ユーザーが文中の空白に単語をドラッグするというテキストベースの課題をクリエイティブが作成できるようにする質問タイプです。語学研修に最適です。

H5Pの例ドラッグしてwords.png

  • 空白を埋める - 広告が空白を埋めるようにすることができる質問タイプです。 クローズテストとも呼ばれます。

H5Pの例はblanks.pngに記入

注意: Moodleには、Moodle テキストエディタを使用して簡単に質問を閉じるのに適した2つのプラグインがあります。TinyMCE用ClozeエディタとAtto用Clozeエディタです


  • ホットスポットを見つける - 学習者が画像上の正しい場所を見つけることであるクリエイティブベースが画像ベースのテストを作成することを可能にする質問タイプ。このコンテンツタイプをH5Pプラグインとともに使用して、ユーザーに挑戦してください。

H5Pの例はhotspot.pngを見つける

  • フラッシュカード -クリエイティブがフラッシュカードを作成することを可能にするコンテンツタイプ。

H5Pの例flashcards.png

  • グリーティングカード - グリーティングカードを簡単に作成します。

H5Pの例グリーティングカード

  • 回答を推測する - ユーザーが写真に基づいて回答を推測する場合、クリエイティブが課題を作成できるようにするコンテンツタイプです。

H5Pの例はanswer.pngを推測します

H5Pの例iframe embedder.png

注意: Moodle自体はPhETシミュレーションを使用することができます。あなたはそれらをページに埋め込むか、または小テストの質問の中に埋め込むことができます。


  • 画像ホットスポット - クリエイティブが画像にホットスポットを追加できるコンテンツタイプです。ホットスポットをクリックすると、テキスト、画像、ビデオが表示されることがあります。

H5Pのサンプル画像hotspots.png

  • インタラクティブビデオ - ユーザーが複数の選択肢を追加し、Webブラウザのみを使用して、自分のビデオに空白の質問、ポップアップテキスト、その他の種類のインタラクションを入力できるインタラクティブビデオコンテンツタイプです。あなたのビデオをもっと魅力的にしてください。

H5Pの例インタラクティブvideo.png

インタラクティブビデオデモへのリンクはここをクリック

  • 言葉に印を付ける - テキスト内の特定の種類の動詞に印を付けることで、クリエイティブに課題を生じさせることができる質問の種類。

H5Pの例はwords.pngをマークします

  • Memory Game - 作者が自分の画像(およびオプションのテキスト)をメモリゲームに追加できるメモリゲームコンテンツタイプです。ゲームをプレイするために、ユーザーは画像ペアを検索します。画像ペアは、一致するペアが見つかると指定されたテキストメッセージを表示します。

H5Pメモリーゲーム001.png

  • 多肢選択 - ユーザーが1つ以上の正しい選択を識別することになっている場合、クリエイティブが課題を作成できるようにする質問タイプ。

H5Pの例多項選択.png

  • 質問セット - クリエイティブが小テストを作成できるようにするコンテンツタイプ。複数選択、空白の入力、単語のドラッグ、単語のマーク付け、通常のドラッグアンドドロップなど、多くの質問タイプがサポートされています。

H5P質問例セット..png

  • シングルチョイスセット - クリエイティブがシングルチョイスの質問からなるシンプルでスムーズな小テストを作成できるようにするコンテンツタイプです。

H5Pの例単一選択セット..png

  • Summary - サマリービルダー。このコンテンツタイプを使用すると、ユーザーはステートメントの中から選択して正しい要約を作成することになるので、クリエイティブで課題を生み出すことができます。

H5Pの例の概要

  • タイムライン - クリエイティブがインタラクティブなタイムラインを作成できるようにするコンテンツタイプです。

H5Pタイムライン例

H5Pの例ツイッターユーザーfeed..png

関連情報