Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ict教育実践研修会

1,598 views

Published on

This Slideshow shows how to use GoogleEarth and to make a KML map for education.

日本語ですよ。

Published in: Education
  • Be the first to comment

  • Be the first to like this

Ict教育実践研修会

  1. 1. ICT教育実践研修会 -オリジナル教材づくりー Google Earthで簡単な教材をつくる
  2. 2. 自己紹介 NPO法人(申請中) 教育研究開発担当 井出健人 伊能社中 京都大学文学研究科 地理学研究室 修士1年
  3. 3. ICT教育実践研修会―オリジナル教材づくり- 1.はじめに
  4. 4. ICT教育と言えば… 1.はじめに
  5. 5. もっと日常の授業に「自然に」デジタル教 材を導入できないか…? 1時間すべてをパソコンの操作に費やすので はなく、 辞書をひくような、地図帳を開くような、 そんな感覚で使えるデジタル教材をご提案 します。 1.はじめに
  6. 6. この講習会では、 Google Earthのみで教材を作成します。 本格的な電子地図教材の作成法として はArcGIS、QuantumGISなどの「GISソフ ト」を用いることも多いですが、時間 効率や手軽さから今回はGoogle Earthだ けしか使えない環境でもここまで出来 る、というところをお伝えしたいと思 います。 1.はじめに
  7. 7. Google Earthとは? • Google社が提供するデジタル地球儀ソフト ウェア • GIS(Geographic Information System、地理 情報システム)を活用し、衛星写真を ベースにした地球儀上でさまざまなコン テンツの表示が可能。 1.はじめに
  8. 8. Google Earthの活用例 1.はじめに
  9. 9. 基本操作を確認しましょう マウスのクリック、ドラッグ、スクロール などを試してください。どのような動きを するか、なんとなくわかりましたか? 【CHECK!】慣れてきたら… 上部メニューの「ツール」→「オプショ ン」→「ナビゲーション」から速度を調整 しましょう。 1.はじめに
  10. 10. 便利なショートカットキー 画面移動 ← → ↑ ↓ 左/右/上/下 機首方位移動 Shift+ ← → ↑ ↓ 左/右/上/下 リセット Alt + R 視点・機首方位のリセッ ト カメラ 現在の視点 1.はじめに
  11. 11. 便利なショートカットキー 画面移動 ← → ↑ ↓ 左/右/上/下 視点移動 Ctrl+← → ↑ ↓ カメラ視点の変更 リセット Alt + R 視点・機首方位のリセッ ト カメラ 現在の視点 1.はじめに
  12. 12. Google Earthでできる授業 • • • • • • • • • • • • • 模擬授業 ①ミニ授業:アメリカの農業「ホームステッド法とセンターピボット農 法」 タウンシップ制 開拓期アメリカの土地所有法。西部の開拓地で5年以上農業を行ったもの に800m四方の農地が与えられる。→アメリカ西部の開拓の進行・大土地所 有が進行 センターピボット農法 乾燥・半乾燥地域に見られる灌漑農法。360°回転するスプリンクラーによ る散水・施肥が特徴。 見てみよう。 アメリカの小麦生産地帯は? 春小麦アンド冬小麦生産トップ2は綺麗に別れる。 温暖な冬小麦地帯西部の乾燥地帯に見られる →大規模(企業的・粗放的・労働集約的) →農地のサイズは? →景観は?ストリートビュー 1.はじめに
  13. 13. ICT教育実践研修会―オリジナル教材づくり- 2.Google Earth教材のしくみ
  14. 14. 1)「レイヤ」について 2.Google Earth教材のしくみ
  15. 15. レイヤ • 点のレイヤ「目印」「ポイント」 • 線のレイヤ「パス」「ライン」 • 面のレイヤ「ポリゴン」 • 画像のレイヤ「イメージオーバー レイ」 • 「写真」の貼り付け
  16. 16. ポイント(目印) • 位置を示す • ポップアップにより、説明・写真・動 画を示す • ツアー(後述)の 目印となる 2.Google Earth教材のしくみ
  17. 17. ライン(パス) • 線分を表現する • 線分にそったツアーをつくる 2.Google Earth教材のしくみ
  18. 18. ポリゴン • 主題図表現の際に塗りつぶし箇所を表す • (応用)Google Earth上の3次元空間内に、 平面図形を描く(横から見た時の矢印、 とか) 2.Google Earth教材のしくみ
  19. 19. イメージオーバーレイ • 用意した画像を地面に沿って貼り付ける 地形図を貼り付けたり… 矢印を貼り付けたり… 2.Google Earth教材のしくみ
  20. 20. こんなことも出来ます。 時間があれば説明できるかな…
  21. 21. 写真 • 画像を好きな位置に表示させる 2.Google Earth教材のしくみ
  22. 22. こうして作ったいくつかのレイヤを つなぎ合わせるものが… 2.Google Earth教材のしくみ
  23. 23. ツアー機能 • ポイントやパスに沿って視点の移動・コ ンテンツの表示・非表示の切り替え・ス トリートビューのON/OFF・時間の変更な ど… • 高機能な「録画」ということができます。 2.Google Earth教材のしくみ
  24. 24. 今日は、レイヤをツアーで組み合わせるこ とで一つの教材を作ります。 2.Google Earth教材のしくみ
  25. 25. ICT教育実践研修会―オリジナル教材づくり- 3.教材のつくりかた
  26. 26. 実践① ポイントの作り方 「日本未来科学館」のポイントレイヤを 作ってみましょう。 3.教材のつくりかた
  27. 27. ズームインもしくは検索で場所を探して… 3.教材のつくりかた
  28. 28. ありましたか? 3.教材のつくりかた
  29. 29. ポイント作成はここ! 3.教材のつくりかた
  30. 30. もしくは、 「場所」右クリック→追加→「目印」 3.教材のつくりかた
  31. 31. アイコンを好きな位置へドラッグ して… 3.教材のつくりかた 名前やアイコンの種類 を変更できます。
  32. 32. 3.教材のつくりかた 出来ましたか?
  33. 33. 【CHECK!】 ビューのスナップショットの活用 見やすい位置・角度に視点を移動した ら… ポイントを右クリック→「ビューのス ナップショット」をクリック 3.教材のつくりかた
  34. 34. 実践② パスの引き方 レインボーブリッジに沿った曲線を描いて みましよう。 3.教材のつくりかた
  35. 35. ↑パスの入力はここか ら! もちろん、サイドバーの「場所」 を右クリックしてもOKです! 3.教材のつくりかた
  36. 36. 名前や色、太さを入力して … 橋にそってクリック…あ…ずれた … ずれた頂点を修正して… できるだけ尐ないクリック数 で入力すると綺麗に見えます。 3.教材のつくりかた
  37. 37. 出来ましたか? パスを右クリックすることで、地形断面図を 確認することもできます。
  38. 38. 実践③ ポリゴンの入力 ◆◇ ◆◇ ◆◇ !WARNING! ◆◇ ◆◇ ◆◇ 尐し根気の必要な作業です。 ◆◇ ◆◇ ◆◇ !WARNING! ◆◇ ◆◇ ◆◇ というほどでもありませんが… 港区の行政区域を示すポリゴンを手打ちで 入力してみましょう。 3.教材のつくりかた
  39. 39. サイドバー「レイヤ」、「プライマリデータベース」 の「境界線や地名」にチェックを入れてください。
  40. 40. 【CHECK!】 「建物の3D表示」をONにすれば、こんな表示も可能に…! 3.教材のつくりかた
  41. 41. ↑ポリゴンの作成はここから。 もちろん、「追加」からも可能です。 3.教材のつくりかた
  42. 42. 港区の行政界に沿って図形を入力していきますが… 作業をしやすくしましょう。 「スタイル、色」のタブを開き、「範囲」を変更してみて下さ い。 3.教材のつくりかた
  43. 43. 背景を見ながら入力出来ま す。 間違えたら右クリックで頂点を消し て… 3.教材のつくりかた
  44. 44. 出来ましたか? 右クリック→「ビューのスナップショット」で、そのレイヤ をクリックした時に表示する視点を変更できます。
  45. 45. 写真の表示 ポイントやパス、ポリゴンとは違い、画面 上部にはありませんが、サイドバーの右ク リックから「写真」を選択することで、写 真を表示することが出来ます。 サイドバー右クリック→追加→写真→表示場 所を編集してみてください。 3.教材のつくりかた
  46. 46. 3.教材のつくりかた
  47. 47. ツアーの作成① とりあえずつ くる このビデオカメラマーク が ツアーの録画です。 3.教材のつくりかた
  48. 48. Google Earthを好きに動かして見てくださ い。 【CHECK!】 て… CtrlキーやShiftキーも使っ 録画マークを押して …
  49. 49. ツアーが保存できました か? 最後にこの「保存」ボタンをクリッ ク!
  50. 50. ツアーの作成② ポイントをつ なぐ • 東京駅から日本未来科学館への乗り換え ツアーを作ってみましょう。 東京駅→新橋駅→船の科学館駅→日本未来科 学館 3.教材のつくりかた
  51. 51. 3つのポイントを作成して… サイドバー右クリック →追加→フォルダ でフォルダを作成し、ひとつにまと める。 【CHECK!】「ビューのスナップショット」も活用し ましょう! 3.教材のつくりかた
  52. 52. 3つのポイントを表示した い順番に並べたら、このボ タンをクリック! このボタンを押して、ツアーを保存 しましょう。 3.教材のつくりかた
  53. 53. 【CHECK!】 「ツール」→「オプション」→「ツ アー」から… 授業の展開スピードや時間 に合わせて編集すると、 「スマートな教材」に近づ きます! 3.教材のつくりかた
  54. 54. ツアーの作成③ 応用 ツアーを動かしながら、ポイントやパス、 ポリゴンを表示、非表示して、もっと動き のある教材にしてみましょう。 まずは、お手本から。 3.教材のつくりかた
  55. 55. おおまかな形を書いて、あと から修正するのがコツ。 各ポイントを選択して、駅の そばにポリゴンを利用した矢 印を書き込んでみましょう。 追加→ポリゴン 3.教材のつくりかた
  56. 56. 目印(ポイント)を作成 し、 「」 目印(ポイント)を作成し、 「スタイル、色」からアイコ ンの「縮尺」を0にすると、 Google Earth上にテキストだけ を表示できます。
  57. 57. 表示させたいものを作成した ら… 3.教材のつくりかた
  58. 58. 右クリック→追加からツ アーの録画準備をして… ②で作成したツアーの再 生準備をします。
  59. 59. 【CHECK!】 保存ボタンを押すのを忘れず に! 「収録」の時間です。 ツアーの録画ボタンを押した状態 で。 ②のツアーを再生。 あとはタイミングに合わせて矢印 のポリゴンやテキストのポイント にチェックを入れていきましょう。 一回でうまくいくでしょうか… 3.教材のつくりかた
  60. 60. 再生中に、②のツアーを一時停止 することも可能です。 早送りや巻き戻しも… たとえばレインボーブリッジが表 示された地点で15秒停止させてみ たり… たとえば授業で説明を加えたいの に勝手に教材が進んでいってしま う… そんなトラブルを事前に防いでお きましょう。 3.教材のつくりかた
  61. 61. 出来ましたか? ・レイヤの作成 (ポイント・ライン・ポリゴン) ・写真の貼り付け ・ツアーの作成 が出来るだけで、様々な教材が作 れます。 3.教材のつくりかた
  62. 62. 3.教材を保存する
  63. 63. 一つのファイルにまとめ たい教材をフォルダごと にまとめて… 右クリック→「名前をつけて場所を保 存」
  64. 64. Google Earth上で表示されるファイル形式 は、 「Kml」形式と、「Kmz」形式の2種類があ ります。 【Kml形式とKmz形式の違い】 テキストファイル ※メモ帳等のテキストエディタで 開く・編集することができます。 Zipファイル ※kmzファイルを名前変更で 「.kmz」から「.zip」に変えると、 ファイルの中身を見ることができます
  65. 65. Kml・Kmzファイルのしくみ エクスプローラ-で 「ツアーを作成しよう.kmz」のファイル名 を 「ツアーを作成しよう.zip」と変更してくだ さい。Zip形式(圧縮ファイル)になりまし たか? →ダブルクリックで開いてみてくだ さい。 (文字化けしてると思いますが…)画 像ファイルとKmlファイルが入ってい ると思います。
  66. 66. Kml・Kmzファイルのしくみ では今度は、Kmlファイルのしくみを見てみ ましょう。 メモ帳を起動して、Kmlファイルを開いてみ てください。 …一見すると難しそうですが、先ほど作成し たポイントやポリゴンのサイズ、名前など が書かれています。
  67. 67. Kml・Kmzファイルのしくみ • Kmlファイルは、 Google Earthで「何を表示するか」「どこか ら見るか」を指示するファイルです。 ですのでたとえば貼り付けた写真のような 「表示する内容」のデータは、圧縮ファイ ルの形でまとめて保存するか、もしくはリ ンクによって呼び出す必要があります。
  68. 68. 難しければ… 「名前をつけて場所を保存」だけを覚えて おけばOKです。 KmlはHTML形式の発展形の一つなので、も し尐しでもHTMLのしくみをご存知の方なら、 Kmlファイルそのものを書き換えることも可 能です。

×