授業展開
・プログラミング(3)プログラミングの応用
エ ユーザインタフェース
オ 文字や画像などの処理
授業展開１時間目／７ 実習教室にて
| 時間配当 | 学習内容 | 指導上の留意点 |
|---|---|---|
| １０分 |
・アプリ開発についての概要を知る。 |
・アプリ開発に必要なアイデア，デザイン，インタフェースの重要性や発想方法について理解させる。 |
| ４０分 | ・App Inventorソフトウェアの使い方について学習する。 | ・授業プリントを活用し，App Inventorの使用方法や仕組みについて説明をする。 |
２時間目／7 実習教室にて
| 時間配当 | 学習内容 | 指導上の留意点 |
|---|---|---|
| ２０分 |
・仕様書の作成 基本計画，外部設計について考える。 |
・最も重要な部分のため，最初にコンセプトやターゲットを絞らせる。 ・常に完成時をイメージさせる。 |
| ３０分 | ・作品作り１(外部設計) デザインやインタフェースについて考える。 |
・ユーザーの立場から操作性やデザイン，色合い，ＢＧＭやシステム音などの使いやすさを考えさせる。 ・授業時間内に終了しないグループは次時までの課題とする。 |
３時間目／７ 実習教室にて
| 時間配当 | 学習内容 | 指導上の留意点 |
|---|---|---|
| ２０分 |
・作品作り１（外部設計） デザイン，インタフェースについて考える。 |
・ユーザーの立場から操作性やデザイン，色合い，ＢＧＭやシステム音などの使いやすさを考えさせる。 |
| ３０分 | ・作品作り２（内部設計，ﾌﾟﾛｸﾞﾗﾑ設計） アルゴリズム，イベントについて考える。 |
・これまで学んできた知識を生かしたプログラムを考えさせる。 ・適宜，テストやデバッグを行うよう指示をする。 |
４時間目／７ 実習教室にて
| 時間配当 | 学習内容 | 指導上の留意点 |
|---|---|---|
| ５０分 | ・作品作り２（内部設計，ﾌﾟﾛｸﾞﾗﾑ設計） アルゴリズム，イベントについて考える。 |
・これまで学んできた知識を生かしたプログラムを考えさせる。 ・適宜，テストやデバッグを行うよう指示をする。 |
５時間目／７ 実習教室にて
| 時間配当 | 学習内容 | 指導上の留意点 |
|---|---|---|
| ５０分 | ・作品作り３（テスト，保守） 実行テストを行う。バグがあれば修正を行う。 |
・アプリが仕様書に沿った形で動作するかを確認させる。 ・うまく動作しない生徒へ助言をする。 |
６時間目／７ 実習教室にて
| 時間配当 | 学習内容 | 指導上の留意点 |
|---|---|---|
| ５０分 | ・作品のプレゼンテーション 仕様書，アプリを提示しながら行う。 |
・発表時間は５分〜１０分とする（生徒人数に応じて調整）。 ・プレゼンテーション項目 ア コンセプトについて イ 操作性やデザインなどの工夫した点について ウ プログラムにおいて苦労した点について 上記３点を意識したプレゼンテーションを行わせる。 ・発表を聞いて評価を行わせる。評価者にアプリの操作をさせ，修正案や改善案を考えさせる。 |
７時間目／７ 実習教室にて
| 時間配当 | 学習内容 | 指導上の留意点 |
|---|---|---|
| ５０分 | ・ブラッシュアップ 評価を参考にし，プログラムの修正を行う。 |
・発表での評価，修正案，改善案を参考にプログラムを再考させる。 ・より使いやすいデザインや操作性，コンセプトについて客観的に考えさせる。 |
授業のポイント１ 基本計画や外部設計が重要になるため，作りたい作品をしっかり認識させてから開発に取り組ませるとよい。
２ App Inventorでは，Android対応のアプリを開発することはできるがiOSには対応していないため，iPhoneやiPadにインストールすることはできない。
授業で使用する場合はAndroidタブレットやスマートフォンを用いるとよい。
３ アプリ開発には画像や音源などを必要とする場合があるため，著作権などに留意しながらフリー素材サイトなどを利用させるとよい。
４ 発表後の他者評価が良い作品につながるため，客観的な意見を受け入れることの重要性を理解させたい。また，プログラム再考の時間を配慮するとよい。