7.5. 外部コンテンツ

外部の内容ブロックを利用して、あなたは、RSSフィード、外部のメディア、GoogleApps文書などをページに含めることができます。

7.5.1. 外部フィード

外部RSSまたはATOMフィードを埋め込みます。例) 外部ブログを表示する

Configure the external feed

外部フィードブロックを設定する

  1. ブロックタイトル: タイトルを空白にした場合、フィードのタイトルが使用されます。

  2. フィードロケーション: 有効なRSSまたはATOMフィードのフィード全体のURLをここに入力します。フィードが表示されない場合、URLが正しいことを確認するため、一般的なフィードリーダで閲覧します。あなたはここでフィードURLを提供する必要があります。

    注釈

    残念ですが、FirefoxおよびChromeではアドレスバーのすぐそばにページのRSSフィードのアイコンは表示されません。Firefoxにおいて、あなたは*表示 → ツールバー → カスタマイズ*に移動してツールバーにRSSアイコンをドラッグする必要があります。フィードが利用可能な場合、オレンジ色または白色に変わります。

    あなたがChromeを使用している場合、 RSS Subscription Extension をインストールする必要があります。

  3. 安全でないSSLモード: 安全でないSSLモードを有効にする場合は、このオプションを 「Yes」 に切り替えます。このモードでは、フィードによって生成された証明書エラーを無効にすることができます。

  4. HTTP ユーザ名: あなたが認証の必要なフィードにアクセスしたい場合、ユーザ名を指定します。このユーザ名はフィードにアクセスするためのユーザ名であって、あなたのポートフォリオにアクセスするためのものではありません。

  5. HTTP パスワード: 認証が必要なフィードにアクセスするためのパスワードを提供します。これはフィードにアクセスするためのパスワードであり、あなたのポートフォリオシステムのものではありません。

  6. 表示するアイテム: あなたがフィードの最新アイテムを何件表示するか設定します。あなたは最大20件選択することができます。

  7. フィードアイテムを完全に表示する: あなたがブログ投稿の見出しだけではなくフィードコンテンツ全体を表示したい場合、このオプションを有効にします。

  8. 格納: あなたがユーザにブロックの見出しだけに表示を減らすことができるようにするか、自動的に見出しだけ表示するか選択します。オプションは次のとおりです:

    • No: 常にブロックおよびコンテンツが表示されます。
    • Yes: ユーザが 格納 アイコン をクリックしてブロックを見出しだけに減らすことができるようにします。
    • 自動格納: ブロックのヘッダだけ表示されます。ユーザは 格納 アイコン を使用してコンテンツを表示することができます。
  9. あなたの変更を受け入れるために 保存 ボタンをクリックするか、または、ブロックのコンテンツをそのままにしておくために キャンセル をクリックします。削除 はあなたが最初にブロックをページに配置するときにだけ表示されます。

  10. 新しく作成されたブロックを保存される前に削除するか、または変更を取り消して、ブロックのコンテンツをそのままにしておくために、モーダルのウィンドウの一番上の左側のコーナーで、あなたは 閉じる ボタン もクリックできます。

注釈

あなたのフィードが自動的に更新されない場合、cron 設定をチェックするため、サイト管理者にご連絡ください。

RSSフィードのエントリをクリックする と、新しいウィンドウが開きます。

7.5.2. 外部メディア

このブロックでは、様々なサードパーティのサイトからコンテンツを埋め込むことができます。許可されるサイトは、設定画面のテキストエリアの下に一覧表示されます。あなたはファビコン(favicon)だけを見ることができますが、マウスでアイコンの上にマウスを置くと、そのサイトの名前も表示されます。【訳注】ファビコン:ウェブブラウザでページを開いた際にアドレスバーやタブ部分に表示されるアイコンのこと。

参考

Maharaには、デフォルトごとに許可されるいくつかのサイトがあります。これらはページに記載されています。サイト管理者は、追加のiframeソースを追加する ことができます。

Configure the external media block

外部メディアブロックを設定する

  1. ブロックタイトル: あなたの埋め込みコンテンツのタイトルを選択します。

  2. URIまたは埋め込みコード: コンテンツが配置される場所にURIまたは埋め込みコードを貼り付けます。

  3. 埋め込みコード: このセクションにリストされているサイトのコンテンツは、<iframe> 埋め込みコードを使用して埋め込むことができます。サイト管理者が許可する新しいサイトはアルファベット順に追加されます。デフォルトサイトは次のとおりです:

  4. URL: このセクションに一覧表示されるサイトのコンテンツはコンテンツを含むページURLを掴むだけで埋め込むことができます。デフォルトサイトは次のとおりです:

  5. あなたは Embedly 埋め込みコードを貼り付けて、そのようにコンテンツを表示することもできます。

  6. : あなたがページに配置するコンテンツの幅 (ピクセル) を選択します。これはあなたが提供するURLのコンテンツだけに適用されます。

    注釈

    埋め込みコードを使用する場合、あなたは正しい幅および高さを埋め込みコード内で直接提供する必要があります。ここでの設定は無視することができます。

  7. 高さ: ページに表示されるコンテンツの高さ (ピクセル) を選択します。これはあなたが提供したURLだけに適用されます。

    注釈

    埋め込みコードを使用する場合、あなたは正しい幅および高さを埋め込みコード内で直接提供する必要があります。ここでの設定は無視することができます。

  8. 格納: あなたがユーザにブロックの見出しだけに表示を減らすことができるようにするか、自動的に見出しだけ表示するか選択します。オプションは次のとおりです:

    • No: 常にブロックおよびコンテンツが表示されます。
    • Yes: ユーザが 格納 アイコン をクリックしてブロックを見出しだけに減らすことができるようにします。
    • 自動格納: ブロックのヘッダだけ表示されます。ユーザは 格納 アイコン を使用してコンテンツを表示することができます。
  9. あなたの変更を受け入れるために 保存 ボタンをクリックするか、または、ブロックのコンテンツをそのままにしておくために キャンセル をクリックします。削除 はあなたが最初にブロックをページに配置するときにだけ表示されます。

  10. 新しく作成されたブロックを保存される前に削除するか、または変更を取り消して、ブロックのコンテンツをそのままにしておくために、モーダルのウィンドウの一番上の左側のコーナーで、あなたは 閉じる ボタン もクリックできます。

注釈

あなたはMahara内の ノートテキスト および 日誌エントリ で同じiframe埋め込みコードを使用することもできます。

参考

iPadを使ってMaharaのポートフォリオにYouTubeビデオを埋め込む方法を知りたい場合は、ビデオ iPadからMyPortfolioにビデオを保存する を見てください。同様のワークフローを使用して、AndroidビデオやコンピュータでYouTubeビデオを追加することもできます。 「MyPortfolio」 はニュージーランドのMaharaインスタンスの学校名です。

7.5.3. Googleアプリ

Google (アプリ) 経由で利用できる下記コンテンツを埋め込みます:

  • 書籍
  • カレンダー
  • ドキュメント、スプレッドシート、プレゼンテーション
  • 地図

コンテンツは表示できますが、ドキュメント、スプレッドシート、プレゼンテーションはすぐには編集できません。そのためには、Google(アプリ)アカウントにログインする必要があります。このブロックは、通常の個人的なGoogleアカウントで使用することも、インスティテューション、例えば、学校あるいは大学経由でGoogle Appsアカウントを持っている場合にも使用できます。

注釈

ドキュメントがGoogleアプリまたは特定の人に制限されている場合、ログインスクリーンは無効にされます。

Configure the Google Apps block

Googleアプリブロックを設定する

  1. ブロックタイトル: あなたの埋め込みコンテンツのタイトルを選択します。
  2. 埋め込みコードまたはURL: 表示するコンテンツの種類に応じて、埋め込みコードまたはURLを指定します。各Googleコンポーネントを埋め込む方法の詳細については、ヘルプ ボタン をクリックします。
  3. 高さ: 埋め込みコンテンツの高さを選択します。幅はブロックのカラム幅に合わせて自動的に調整されます。
  4. 格納: あなたがユーザにブロックの見出しだけに表示を減らすことができるようにするか、自動的に見出しだけ表示するか選択します。オプションは次のとおりです:
    • No: 常にブロックおよびコンテンツが表示されます。
    • Yes: ユーザが 格納 アイコン をクリックしてブロックを見出しだけに減らすことができるようにします。
    • 自動格納: ブロックのヘッダだけ表示されます。ユーザは 格納 アイコン を使用してコンテンツを表示することができます。
  5. あなたの変更を受け入れるために 保存 ボタンをクリックするか、または、ブロックのコンテンツをそのままにしておくために キャンセル をクリックします。削除 はあなたが最初にブロックをページに配置するときにだけ表示されます。
  6. 新しく作成されたブロックを保存される前に削除するか、または変更を取り消して、ブロックのコンテンツをそのままにしておくために、モーダルのウィンドウの一番上の左側のコーナーで、あなたは 閉じる ボタン もクリックできます。

Googleドキュメント

  1. ドキュメントを開きます。
  2. メニューバーの ファイル をクリックした後、 ウェブにパブリックする をクリックします。
  3. パブリックを開始する ボタンをクリックします。
  4. ドキュメントリンクまたは埋め込みコードをコピーします。
  5. Google Apps ブロック内の コードまたはURIを埋め込む ボックスにリンクまたは埋め込みコードを貼り付けます。

Googleスプレッドシート

  1. スプレッドシートを開きます。
  2. メニューバーの ファイル をクリックした後、 ウェブにパブリックする をクリックします。
  3. パブリックを開始する ボタンをクリックします。
  4. 他のオプションを読んで決定します。
  5. ウェブページ オプションにリンクをコピーするか、ページに埋め込むHTML オプションに埋め込みコードをコピーします。
  6. Google Apps ブロック内の コードまたはURIを埋め込む ボックスにリンクまたは埋め込みコードを貼り付けます。

Googleプレゼンテーション

  1. プレゼンテーションを開きます。
  2. メニューバーの ファイル をクリックした後、 ウェブにパブリックする をクリックします。
  3. パブリックを開始する ボタンをクリックします。
  4. リンクまたは埋め込みコードをコピーします。
  5. Google Apps ブロック内の コードまたはURIを埋め込む ボックスにリンクまたは埋め込みコードを貼り付けます。

Googleドライブフォルダ

  1. あなたが共有したいフォルダを選択します。
  2. リンク アイコンをクリックします。共有リンクが作成されます。
  3. リンクをコピーします。
  4. Google Appsブロック内の 埋め込みコードまたはURI ボックスにリンクを貼り付けます。

Googleカレンダー

  1. Googleカレンダーを開きます。
  2. あなたが埋め込みたいカレンダーの横にある小さな三角をクリックします。
  3. カレンダ設定 をクリックします。
  4. カレンダー詳細 タブにおいて、 このカレンダーを埋め込む にスクロールダウンします。
  5. カレンダーのアピアランスをカスタマイズした後、埋め込みコードをコピーします。
  6. Google Appsブロック内の 埋め込みコードまたはURI に埋め込みコードを貼り付けます。

Googleマップ

  1. Googleマップを開きます。
  2. マイプレイス ボタンをクリックします。
  3. あなたが埋め込みたいマップ名をクリックします。
  4. マップの左側にある リンク アイコンをクリックします。
  5. マップのアピアランスをカスタマイズした後、埋め込みコードをコピーします。
  6. Google Appsブロック内の 埋め込みコードまたはURI に埋め込みコードを貼り付けます。

注釈

あなたのGoogleマップの一つを埋め込みたい場合だけ、2および3のステップを使用します。すべてのGoogleマップを埋め込みたい場合、あなたはこのステップをスキップすることができます。

Googleブックス

  1. Googleブックスを開きます。
  2. あなたが埋め込みたいブックを探します。
  3. ブックタイトルをクリックします。
  4. ブックの上にある リンク アイコンをクリックします。
  5. 埋め込みコードをブックにコピーします。
  6. Google Appsブロック内の 埋め込みコードまたはURI に埋め込みコードを貼り付けます。

注釈

あなたがこのブックの埋め込みを許可されている場合だけ、リンクアイコンが表示されます。

7.5.4. バッジ

オープンバッジ 、オープンフレームワークを利用してスキルと能力の認識をオンラインで示すための解決策です。

7.5.4.1. ブロックを設定する

Configure the Open Badges block

オープンバッジブロックを設定する

  1. ブロックタイトル: あなたのブロックのタイトルを選択します。

  2. あなたのパブリックバッジコレクションが表示されない場合、あなたが表示したいバッジすべてをパブリックに利用可能にしているかどうかリンクをクリックして確認します。

  3. Mozillaバックパック: あなたのバックパックのすべてのパブリックバッジコレクションが表示されます。

  4. すべてのバッジを選択したり、あなたの選択を解除するには すべてを選択する または すべての選択を解除する ボタンを使用します。

  5. あなたが希望する場合、チェックボックスをチェックすることにより個別のバッジコレクションを選択することができます。

  6. オープンバッジパスポート: オープンバッジパスポートのすべてのパブリックバッジコレクションが表示されます。

    参考

    あなたがバッジを含む他の 「バックパック」 を持っている場合、サイト管理者は config.php で許可する必要があります。

  7. すべてのバッジを選択したり、あなたの選択を解除するには すべてを選択する または すべての選択を解除する ボタンを使用します。

  8. あなたが希望する場合、チェックボックスをチェックすることにより個別のバッジコレクションを選択することができます。

  9. 格納: あなたがユーザにブロックの見出しだけに表示を減らすことができるようにするか、自動的に見出しだけ表示するか選択します。オプションは次のとおりです:

    • No: 常にブロックおよびコンテンツが表示されます。
    • Yes: ユーザが 格納 アイコン をクリックしてブロックを見出しだけに減らすことができるようにします。
    • 自動格納: ブロックのヘッダだけ表示されます。ユーザは 格納 アイコン を使用してコンテンツを表示することができます。
  10. あなたの変更を受け入れるために 保存 ボタンをクリックするか、または、ブロックのコンテンツをそのままにしておくために キャンセル をクリックします。削除 はあなたが最初にブロックをページに配置するときにだけ表示されます。

  11. 新しく作成されたブロックを保存される前に削除するか、または変更を取り消して、ブロックのコンテンツをそのままにしておくために、モーダルのウィンドウの一番上の左側のコーナーで、あなたは 閉じる ボタン もクリックできます。

注釈

あなたのバッジを外部サービスから取得する必要があるため、ページに表示されるまで少々時間を要します。

7.5.4.2. Mozilla Backpack内にバッジコレクションを作成する

Drag a badge onto a new collection space

新しいコレクションスペースにバッジをドラッグする

  1. あなたの Mozillaバックパック に移動します。あなたが次のステップを完了するには少なくとも一つのバッジをプッシュしている必要があります。

  2. あなたのバッジコレクションエリアに入るには、コレクション ナビゲーションアイテムをクリックします。

  3. あなたのバッジを新しいコレクションスペースにドラッグします。

    Create a new collection

    新しいコレクションを作成する

  4. 「新しいコレクション」 をクリックしてタイトルを入力することにより、あなたの新しいコレクションにタイトルを設定します。

  5. 他のユーザがあなたのバッジを閲覧できるようにするには*パブリック* をチェックします。

  6. 共有 アイコンをクリックします。あなたが作成したコレクション内のバッジすべてを閲覧することのできるページに移動します。