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. フィードアイテムを完全に表示する: あなたがブログ投稿の見出しだけではなくフィードコンテンツ全体を表示したい場合、このオプションを "Yes" に切り替えます。

  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. Copy the link or embed code.

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