教科「情報」指導事例
様々なファイル形式
学習指導要領との関係
情報の表し方
本項目の指導目標
コンピュータの機能とソフトウェアとを組み合わせて活用することを通して，コンピュータは多様な形態の情報を統合できることを理解させる。
指導の概要（総時数：３時間）
| 指導項目 | 指導時間 | 使用教材等 |
|---|---|---|
| 文書のファイル形式 | １ | フリーソフト |
| 画像のファイル形式 | １ | Webコンテンツ フリーソフト |
| 音声・動画のファイル形式 | １ | Webコンテンツ フリーソフト |
指導展開例（1時間目）「文書ファイルの形式」
| 学習活動 | 時間 | 学習のねらい | 指導上の留意点及び使用教材 | |
|---|---|---|---|---|
| 導入 | 文書ファイルに使われるファイル形式について学習する。 | 5分 | 拡張子とアプリケーションソフトとの関連を理解させる。 テキスト形式とバイナリ形式とを区別できるようにする。 |
doc, jtd, txt, html, pdfを紹介する。 できればxls, csvにも触れる。 拡張子が表示されない設定になっている場合は，表示される設定にする。 |
| 展開 | docとjtdのファイルを開くと，それぞれ専用のアプリケーションソフトが起動されることを実習する。 txtを作成し，多くのアプリケーションソフトで開いてみる。 htmlを作成し，ブラウザーで確認する。 pdfのファイルを開く。 csvを作成し，開いてみる。 |
40分 | どちらも仕事でよく使われることを伝える。 最も汎用性のあるファイルであることを実感させる。 txtと同じ方法でhtmlも作成できることを伝える。 ブラウザーの種類によって表示形式が異なることに留意させる。 どのような環境でも同じ出力を得られるように考えられた形式であることを解説する。 csv(comma separate value)なので，半角のコンマでデータを区切ることに留意させる。 表計算ソフトの世界では，最も汎用性のあるファイルであることを実感させる。 |
docとjtdのサンプルを用意しておく。 jtd viewer OS標準のエディターを用いる。 OS標準のエディターを用いる。 ごく標準的なタグのみ教える。 拡張子をtxtからhtmlに変更する。 pdfのサンプルを用意しておく。 Adobe社のAcrobatReaderを用いる。 csvのサンプルを用意しておく。 OS標準のエディターを用いても作成できることを付け加える。 |
| まとめ | 各拡張子が何を意味するか，確認する。 次回は，静止画の拡張子について学習することを伝える。 |
5分 | ||
指導展開例（2時間目）「画像ファイルの形式」
| 学習活動 | 時間 | 学習のねらい | 指導上の留意点及び使用教材 | |
|---|---|---|---|---|
| 導入 | 静止画ファイルに使われるファイル形式について学習する。 | 5分 | 拡張子とアプリケーションソフトとの関連を理解させる。 すべてバイナリ形式である。 |
bmp, gif, jpeg, pngを紹介する。 拡張子が表示されない設定になっている場合は，表示される設定にする。 どこかのWebページを開き，画像をマウスでポイントして，どのような拡張子のファイルが使われているか確認する。 |
| 展開 | bmpを作成する。 gif, jpeg, pngに変換する。 前回作成したhtmlに，今回作成した画像を貼り付けてみる。 アニメーションgifを作成する。 サンプルを見せるだけにとどめてもよい。 |
40分 | 先生が代表して，ディジタルカメラやスキャナーを用いて画像を取り込んでみせてもよい。 生徒には，自分で好きな絵を書かせ，bmpで保存させる。 画面サイズと色数によってファイルサイズが変わることに留意させる。 もっとも高画質なのがbmpであることを伝える。 画質とファイルサイズの違いを観察する。 |
画面サイズ 320×240, 640×480, 800×600, 1024×768, 1280×1024, 1600×1200 色数 2色，16色，256色，1600万色 可逆圧縮について触れる。 タグ<img src=…>を使う。 bmpは使わない。 アニメーションGIF作成ツール サンプル（素材屋ランキング） Webページのバナー広告はこのように作られていることを紹介する。 flag（旗）, pennant（三角旗）, banner（横断幕）という言葉に触れる。 |
| まとめ | 各拡張子が何を意味するか，確認する。 次回は，音声と動画の拡張子について学習することを伝える。 |
5分 | ||
指導展開例（3時間目）「音声・動画のファイル形式」
| 学習活動 | 時間 | 学習のねらい | 指導上の留意点及び使用教材 | |
|---|---|---|---|---|
| 導入 | 音声と動画ファイルに使われるファイル形式について学習する。 | 5分 | 拡張子とアプリケーションソフトとの関連を理解させる。 すべてバイナリ形式である。 |
wav, mp3, avi, mpeg, movを紹介する。 拡張子が表示されない設定になっている場合は，表示される設定にする。 |
| 展開 | wavを作成する。 mp3に変換する。 midを作成する。 ramファイルを再生する。 |
40分 | サンプリング周波数と量子化ビット数とチャンネル数によって音質とファイルサイズが変わることに留意させる。 もっとも高音質なのがwavであることを伝える。 音質とファイルサイズの違いを観察する。 midは音符データであり，音色は音源に左右されることに留意させる。 動画サンプルをWebで検索し，ダウンロード，表示させる。 |
サンプリング周波数 32kHz, 44.1kHz, 48kHz 量子化ビット数 ８bit, 16bit チャンネル数 モノラル，ステレオ wav→mp3変換ソフト 不可逆圧縮なので，原版はwavにしておいたほうがよい。 http://www.anvilstudio.com/ ramサンプル 動画ファイルは，すべて何らかのcodecで不可逆圧縮されていることに留意させる。 |
| まとめ | 各拡張子が何を意味するか，確認する。 | 5分 | ||
使用教材及びWebコンテンツ
| フリーソフト | |
| ソフト名 | 一太郎Viewer |
| ソフトの内容 | 一太郎を導入していないパソコンで、一太郎のファイルを閲覧または印刷できる。 |
| URL | http://www.ichitaro.com/viewer/download.html |
| フリーソフト | |
| ソフト名 | Acrobat Reader |
| ソフトの内容 | pdfを閲覧する定番ソフト。 |
| URL | http://get.adobe.com/jp/reader/ |
| フリーソフト | |
| ソフト名 | GifConstructionSet |
| ソフトの内容 | アニメーションGIF作成ツール。 |
| URL | http://www.mindworkshop.com/alchemy/gifcon.html |
| Webコンテンツ | |
| Webページ名 | domp（http://www.sumnet.ne.jp/domp/srank/） |
| コンテンツタイトル | 素材屋ランキング（フリー素材配布サイト専門ランキング） |
| URL | http://www.sumnet.ne.jp/domp/srank/ |
| 活用のポイント | アニメーションGIFのサンプルとして活用できる。 |
| フリーソフト | |
| ソフト名 | LAME |
| ソフトの内容 | wav→mp3変換ソフトの定番 |
| URL | http://lame.sourceforge.net/ |
| フリーソフト | |
| ソフト名 | Anvil Studio |
| ソフトの内容 | MIDIシーケンスソフト。 |
| URL | http://www.anvilstudio.com/ |
| Webコンテンツ | |
| Webページ名 | 富士写真フイルム株式会社（http://www.fujifilm.co.jp/） |
| コンテンツタイトル | 富士写真フイルムのTV-CM紹介 |
| URL | http://www.fujifilm.co.jp/ |
| 活用のポイント | 動画ファイルの一例である。 |
