探しに行こう！森の恵み地域の恵み探検隊～みんなでつくる信濃の国の物語～教材作成の手引きこの活動は平成２０年度子どもゆめ基金(独立行政法人国立青少年教育振興機構)の助成金の交付を受けて作成したものです。財団法人長野県緑の基金 1 ウェブサイトの構成（公開用ウェブサイト・アーカイブサイト）【システムの開発対象範囲】公開用ウェブサイト公開用ウェブサイト外部サイト：SNS、ブログ外部サイト：SNS、ブログアーカイブサイトアーカイブサイトアーカイブサイト、外部サイトをポータルサイトに集約し、公開用サイトを自動更新するテーマ別教材ごとにIDを割りふる参加者ごとにIDを割りふる ID一つで複数のサイトを作成可能「森の恵み、地域の恵み再発見」オーサリングサービス「PushCorn」 http://megumi.midori-joho.gr.jp/ http://blog.nagano.ac.jp/pushcorn/... トップページ地域のチームメンバーや学習者が任意の外部サイトにコミュニティを作ったり、レポートを公開 SNS「●●●」ポータルサイトユーザID コミュニティ「ブナの森・里山の森」（外部公開）パスワードＤＢ ID:buna ●情報交換に活用素材蓄積「ブナの森・里山の森」プロジェクト用マップを見よう自動更新信濃の国子ども交流ひろば自動更新ＲＳＳによる情報の自動収集→ＤＢ登録→分類出力あそぼう・知ろう「ブナの森・里山の森」Ａさんのブログ（外部公開）アーカイブサイト(ログイン要) 「ブナの森・里山の森アーカイブ」 ●レポートを公開 SNS「☆☆☆」パブリッシュブログポータル「△△△」公開用サイト「ブナの森・里山の森」Ｂさんのブログ ●レポートを公開みんなで作る物語（ぼくの体験日記）ブログポータル「◇◇◇」自動更新 ID:memberA 「ブナの森・里山の森」参加者：Aさん 2 素材ファイルのアーカイブ化 □体験学習プログラム実施カリスマ案内人＋子どもビデオレポーター取材ビデオ生データビデオ生データ（未編集）密着取材しビデオ映像を記録する。 □実施直後（部品作成）デジカメレポーター取材データ：静止画静止画：取材記録体験学習プログラムに密着取材しデジカメで静止画を記録する。取材ビデオ(PC取込後) AVIまたはMPEG ビデオ編集ソフトで編集可能なようにPCに取り込む。。部品：ビデオクリップ集閲覧用ビデオ部品：ビデオ静止画集部品：静止画集その他トピックス抽出 WMV変換静止画抽出静止画選択テキスト等ビデオ映像から教材の素材にできるトピックを括り出し、ビデオクリップ集を作成する。 WMVに変換し関係者が内容を常時確認できるようにする。ビデオ映像から「静止画」素材として利用できる静止画を多数抽出する。撮影エラー等の失敗画像を除去する。肖像権等の配慮のいる静止画に修正を施す。教材作成に必要なテキストなどを作成したり提供してもらう。アーカイブサイト(PushCorn) 部品を一元化ビデオクリップ集、ビデオ静止画集、デジカメ静止画集、その他テキスト等のデータをアーカイブサイトに集約する。 □アーカイブ化・部品一元化 3 教材コンテンツ制作の流れ □アーカイブから部品を引き出してオーサリングアーカイブサイト(PushCorn) アーカイブに集約された部品を引き出し活用ルートマップ、ビデオクリップ集、静止画集を活用し、単元の内容が教材となるようページを試作してみる。「図鑑」に加えるトピックもみつくろい図鑑に追加する。 ■ルートマップ ■ビデオクリップ集、静止画集試作＆パブリッシュアーカイブサイトとは異なる別サイトとして □単元ｎの下地を試作する教材サイトを試作する。教材試作サイト「ブナの森・里山の森」(PushCorn) ■単元１「森をあるこう」 ■森の図鑑（単元共通コンテンツ） □最終的には… 自動生成により公開 4 ビデオクリップ集の狙いビデオクリップ (編集後) ウェブ教材サイト（PushCorn）森になかたスギの木各ビデオクリップをクリックすればすぐに見ることのできるように、ウェブページをオンデマンドサービスのページにする。映像番組（ケーブル放送など）各ビデオクリップを時間軸上に連結すれば、そのまま「映像番組」になる。本プロジェクトでは、ウェブ教材としてばかりでなく、ケーブルテレビ各局に映像番組として提供をする。 5 ビデオファイルの作り方（WindowsMedia Videoのケース） ▼方式Ａ（採用しない）：ファイル集約：ビデオファイル１本に束ねるファイル： xxx.wmv モジュール１モジュール２モジュール３モジュール４モジュール５頭出し再生メタファイル：タイトル：タイトル： 02.asx 森へ出かけよう森へ出かけよう参照先：xxx.wmv 参照先：xxx.wmv 開始位置：ｘ分xx秒開始位置：ｘ分xx秒持続時間：y分yy秒持続時間：y分yy秒再生要求再生要求 ▼方式Ｂ（採用）：ファイル分割：ビデオクリップごとにファイル分割ファイル： 01.wmv モジュール１ファイル： 02.wmv モジュール２ファイル： 03.wmv モジュール３ファイル： 04.wmv モジュール４普通に再生再生要求再生要求比較項目方式Ａ：ファイル集約方式Ｂ：ファイル分割編集作業効率 ○ビデオ編集が容易プロジェクトファイルが１つで済む動画ファイルの書き出しが容易 ×ビデオ編集が煩雑クリップ数分のプロジェクトファイルを作成するクリップごとの書き出しが必要公開の手間 ×頭出し再生のため、メタファイルの作成が必要。PushCornの改造が必要 ○単純にファイルを参照するだけでよい公開の質 △頭出し再生のもたつきは発生する ○見やすくてよい総合評価 × ○ 実験ではメタファイルが正常に動作しないことがある。これでは採用不可。最も「わかりやすい」かつ「動作が保証」された方法である。 6 ビデオ編集(1)トピック切り出しビデオファイルをムービーメーカーに取り込む「メディア項目の読み込み」を選ぶ未編集ビデオから「トピック」の開始位置と終了位置を切り出す「分割」を実行するトピック(話題)とは：それにタイトルを付けることで内容がはっきりとする独立性の高い範囲経過時間 t 十八丁碑はなぜあるの？（削除）分割（削除）終了位置t2▲ ▲開始位置t1 分割 7 ビデオ編集(2)タイトルを付けるプロジェクトファイルを新規に保存するタイムラインのムービーを再生して内容を確認する「名前を付けてプロジェクトを保存…」ムービーにタイトルを付けるタイトルおよびクレジット… タイトルの長さを変更する 8 ビデオ編集(3)ムービーの発行ムービーを書き出す「ムービーの発行」ムービーメーカーで編集したムービーは「ムービーの発行」を実行することにより、ファイルの実体ができます。このファイル実体をサーバにアップロードして教材コンテンツに組み込みます。ムービーの設定インターネットに公開するムービーは画面サイズは大きく、ファイル容量は小さくします。以下はその最適値です。ムービー設定：Windows Media VHSの品質(1.0Mbps) ファイルの種類：Windows Media ビデオ(WMV) ビットレート：1.0Mbps 表示サイズ：640*480ピクセル縦横比：4:3 フレーム/秒：30 ムービーファイルの種類などをお間違えなく！どこへ保存したのかわからなくならないように注意しましょう。プロジェクトファイル (拡張子. WSWMM) ムービーメーカーの編集作業情報を保存する。ムービーファイル (拡張子.wmv) このファイルをサーバへアップロードします。 9 ムービー編集(4)静止画抽出ムービーから静止画ファイル(JPEG形式)を取り出すことができます。静止画ファイルは教材コンテンツを編集する際、ムービーの内容を伝えるデータとして活用できます。必要な静止画をいくつも抽出して教材コンテンツ制作に活かすことをおすすめします。プレビュー画面を最大サイズ(640*480)に広げてください。この画面サイズが保存する静止画のサイズになります。「ツール」メニューから「プレビュー画面の撮影」を選びます。保存先フォルダを作成し、短いファイル名で保存するとよい。画面のハードコピーのため綺麗な静止画でないのが難点どのムービー編集ソフトでも静止画抽出の機能がある。画像サイズ 640*480 ＪＰＥＧ形式 10 ムービーからより綺麗な静止画を得る方法ビデオカメラの機種によってはメモリカードを装着し、任意の静止画を取り出し保存できます。この方法により綺麗で大きなサイズの静止画を取り出すことができます。 ▼SONY ハイビジョンハンディカムの場合メモリスティックをカメラに装着する「見る／編集」モードに設定する取り出したい位置でポーズにするカメラ本体のPHOTOボタンを押すメモリスティックをパソコンに読み込む画像サイズ 1440*810 ＪＰＥＧ形式ハイビジョンでは1440*810の静止画が得られる。ウェブで使うには十分な品質である。デジカメの代わりにビデオカメラを使うとより望ましい大量の静止画を取り込むことができる。 11 PushCornユーザ情報の確認本プロジェクトでは、PushCornを使うため、PushCornユーザ情報の交付を受けてください。ユーザ名とパスワードはPushCornのサービスを使うために必要です。グループ内で共有していただいてかまいません。切り取り線以下に、必要事項を記入し、プロジェクト統括担当 (前川）へお渡しください。メールでお送りいただくのでもかまいません。 asobo 12 PushCornトップページへのログイン【１】ブラウザのアドレス欄にあなたのPushCorn トップページのURLを入力し実行する。（例）http://sns.nagano.ac.jp/pushcorn/ユーザ名/pushcorn/ 【２】PushCornユーザ名とパスワードを入力する。大文字小文字の入力ミスなどに注意。【３】PushCornのトップページが出たことを確認する。ログインでエラーになった場合は再度入力を。＜PushCornトップページ＞ 13 サイトの新規作成＜アーカイブサイトの新規作成＞【１】「新しいサイトを作る」を選ぶ【２】新規サイト「○○○○アーカイブ」を作成する。注：○○○○は各教材のタイトル（例）「森で遊ぼう、地域を知ろう」サイト名(半角英数字)： archive サイトタイトル：○○○○アーカイブ【３】終わったら「登録ｊをクリック【４】メニューのトップに戻る＜教材コンテンツサイトの新規作成＞【１】「新しいサイトを作る」を選ぶ【２】新規サイト「○○○○」を作成する。注：○○○○は各教材のタイトル（例）「森で遊ぼう、地域を知ろう」サイト名(半角英数字)： content サイトタイトル：○○○○ 【３】終わったら「登録ｊをクリック 14 アーカイブページとその目的アーカイブページは、動画(ビデオ)や静止画などを全て閲覧できるようにし、教材コンテンツをオーサリング(制作)するための元ネタを確認できるようにする目的で作成します。チーム内で分担作業をしたりする場合、全体を一瞥し必要な素材を探し出すのに役立ちます。１ページに貼り付けるデータの数の制限はありませんが、データをグループ化し、１グループを１ページに対応させるとわかりやすく整理できます。 ▼アーカイブサイトのページの例 15 素材ファイルをアップロードする【１】「ファイルをアップロード」を選ぶ【２】アップロード先、日付などを設定する【３】アップロードするファイルを全て選ぶ（最大100ファイル）【４】アップロードが終わるまで待つ 16 クリップファイルを整理する「クリップファイル」はアップロードしたファイルをリスト化し、各ファイルの基本情報を付加するためのデータリストです。タイトル、日付、場所、コメント（説明）など、できるだけ整理をしましょう。【２】編集したいクリップファイルを選ぶ【１】「クリップファイルを編集」を選ぶ【３】「全て展開」をクリック【４】それぞれのタイトルなどを入力【５】入力が終わったら「登録」をクリック 17 アーカイブページを作成する【１】ページを新規作成【２】クリップファイルを開く【３】「項目追加」からサブタイトルを選び記入する【４】動画ファイルをページに貼り付ける編集をチェッククリック【５】メディアクリップで静止画などを貼り付ける貼り付けたいファイルを次々にクリックするクリック編集をチェック 18 クリッククリック（つづき）【６】必要ならタイトルなどを変更する【７】ページを登録する 19 サイトを自動生成する【２】「サイトを更新する」を選ぶ【１】「サイト編集」メニューに戻る【３】「サイトを生成する」を実行する【４】生成されたサイトを見る 20 インターネットに公開するブログなどから該当のページをリンクする時は？ URLをコピーして貼り付け 21 教材コンテンツ章立て・ページ構成を組み立てるアーカイブサイト(PushCorn) アーカイブに集約された部品を引き出し活用企画書企画書ルートマップ、ビデオクリップ集、静止画集を活用し、単元の内容が教材となるようページを試作してみる。「図鑑」に加えるトピックもみつくろい図鑑に追加する。章立て・ページ構成教材コンテンツ「ブナの森・里山の森」第１章ブナと生活なべくら高原ってどんなところ？ブナの里山へ出かけようどうしてスギの木が森にあるんだろう森で注意すること：ウルシホウ葉との遭遇ユキツバキはなぜしなるのか？温水ため池ってなに？里山になぜブナの木があるの？ブナの木の鼓動を聞いてみよう里の風景民家が放置されたのはなぜ？第２章森太郎・森姫に会いに行こう … 第３章里山をよみがえらせよう … 植物図鑑 … 里・里山・里川図鑑 … … 章立ての決め方企画書で構想した「単元」を第ｎ章に対応させる。ただし、ページを構成できる取材ビデオがあることを前提に章立てを確定させる。ページ構成の決め方トップダウンでページ構成を考えていくと必ず行き詰まる。体験学習で記録したトピックの順番にビデオクリップの一つ一つにタイトルを付け、それぞれのビデオクリップを１ページ（カード）に対応させていくと自ずとページ構成が組み立てられる。章立ての定義方法 PushCornの「カテゴリフォルダ」に定義します。ページの作り方おおまかにページ構成を想定しながら、一つ一つのページを「カードを編集する」で作っていきます。 22 章立てをカテゴリフォルダとして定義【１】「フォルダを編集する」を選ぶ【２】カテゴリの「新規」ボタンをクリック【４】「フォルダ種別選択」を選び、【２】に戻る。以下、第２章、第３章…を新規登録する【３】フォルダ名、フォルダ略称、フォルダIDを設定するフォルダ名第１章 ○○○○ フォルダ略称第１章フォルダID： chapter1 終わったら「登録」をクリックして確定させる 23 地域名を地域フォルダとして定義地域フォルダの構成例地域名の決め方市町村名のリストとして定義する。これで収まりにくいケースがある場合は「長野県全域」「東信エリア」「上小地域」のような地域名を設けてもよい。使う必要のある地域名のみ定義する。飯山市長野市上田市 … 【１】「フォルダを編集する」を選ぶ【２】地域の「新規」ボタンをクリック【４】「フォルダ種別選択」を選び、【２】に戻る。以下、第２章、第３章…を新規登録する【３】フォルダ名、フォルダ略称、フォルダIDを設定する（定義例）フォルダ名飯山市フォルダ略称飯山市フォルダID： iiyama 終わったら「登録」をクリックして確定させる 24 教材コンテンツの構成トップページ単元目次単元目次「ブナの森・里山の森」第１章ブナと生活なべくら高原ってどんなところ？ブナの里山へ出かけようどうしてスギの木が森にあるんだろう森で注意すること：ウルシホウ葉との遭遇ユキツバキはなぜしなるのか？温水ため池ってなに？里山になぜブナの木があるの？ブナの木の鼓動を聞いてみよう里の風景民家が放置されたのはなぜ？第２章森太郎・森姫に会いに行こう … 第３章里山をよみがえらせよう … 植物図鑑 … 里・里山・里川図鑑 … … PushCornにより PushCornにより生成した目次生成した目次カテゴリフォルダ（単元構成）カテゴリごとの目次（単元ごとのトピック構成）単元の各トピック（ページ単位）クリップページ（静止画等に対応） 25 教材コンテンツページの作り方（１）ページの組み立て方は「ボトムアップ」で教材をつくろう、ページ構成を考えようと思うと、ついつい「トップダウン」で発想してしまいます。しかし、このプロジェクトでは、「体験学習プログラム」を計画して実施し、それをビデオに撮影しています。つまり、体験学習プログラムの「○○をして」「○○をして」「○○をして」…という小さなイベント（トピック）のつながりがほぼ「章立て」の「ページ構成」になります。取材ビデオから「トピック」を切り出し、それを１ページにはりつけて、その解説を組み立てると自ずと教材コンテンツの１ページができあがります。試作ページ「ブナの森・里山の森」以下は「教材コンテンツ」のサンプルです。これを参考にページを実際に作ってみてください。 http://sns.nagano.ac.jp/pushcorn/usr/buna/buna-con/cat/index.html 章立て（＝カテゴリフォルダ）個別のページページ構成（章＝カテゴリごと） 26 教材コンテンツページの作り方（２）【１】「カードを編集する」を選ぶ【２】「新規」を選ぶ【３】「既存のクリップファイル」から任意のクリップファイルを選ぶ【４】画像を貼り付ける（１）「項目追加」から「データファイル（画像）」を選ぶ（２）追加された項目の「編集」にチェックを入れる ※「編集」が選ばれた項目をターゲットに画像を貼り付ける。 27 教材コンテンツページの作り方（３）（３）画像を貼り付ける「項目追加」から「データファイル（画像）」を選ぶクリック【５】説明文を書く（１）「項目追加」から「説明文テキスト」を選ぶ（２）説明文を書く【６】画像などをいくつも貼り付ける（１）「項目追加」から「メディアクリップ」を選ぶ（２）「編集」にチェックを入れる（３）メディアクリップ欄に貼り付ける画像などをクリックして追加するクリッククリッククリック 28 教材コンテンツページの作り方（４）【７】ムービーを貼り付ける（１）「項目追加」から「データファイル（ムービー）」を選ぶ（２）編集にチェックを入れる（３）貼り付けるムービーをクリックして「データファイル」に追加するクリック【８】ムービーを横組みにしてみる（１）ムービーの部分にサブタイトルを付ける（２）ムービーの次に説明文を追加する（３）ムービーの上に「横組み開始」を追加（４）説明文の下に「横組み終了」を追加 29 教材コンテンツページの作り方（５）【９】共通項目を編集する（１）カード編集のページの先頭に戻る（２）カテゴリの「編集」をクリック（３）フォルダ名から「第１章…」を選び「閉じる」カテゴリに「第１章…」が設定される（３）地域の「編集」をクリック（３）フォルダ名から該当の地域名を選び「閉じる」地域に該当の地名が設定される（４）トピックのタイトルを付ける（５）「登録」をクリックしてページを保存する 30 教材ポータルサイトへのパブリッシュ新システムにより自動生成新システムにより自動生成 PushCornにより生成した目次 PushCornにより生成した目次トップページカテゴリフォルダ（単元構成）この階層でキャラクターが登場する。目次へ統合カテゴリごとの目次（単元ごとのトピック構成）目次へ統合単元の各トピック（ページ単位）クリップページ（静止画等に対応） 31 自動生成ページのイメージ教材ポータルサイトを使用することにより、作成した教材コンテンツを見栄えよくパブリッシュすることができます。新システムによる生成ページ PushCornによる生成ページ 32