新・初級Bコーステキスト
学習指導案
学習指導案
■単元名
初級Bコース Unit1-6 マルチメディア基礎
■単元の学習目標
Processingの組み込み関数を利用して、簡単な図形の表示や画像の表示を自在にできるようにする。
乱数の性質を学ぶ。
■テーマ選定の理由
前コースにおいて構造化プログラミングを習得したが、これだけでは結果をビジュアルに表現することはできない。ビジュアルな表現により結果を深く考察できるのみならず、他の人に結果を効率よく伝えることができる。
また、科学シミュレーションでは乱数を使うことが多いため、乱数の性質について調べておくことは重要である。
■単元の学習計画
カリキュラム
図形を描こう Unit1 60分
図形を描こう Unit2 60分
乱数、乱数の性質、大数の法則
図形をたくさん描こう
図形をマウスで操作しよう Unit3 60分
画像を表示しよう Unit4 60分
応用 お絵かきホワイトボードを作ろう！ Unit5 60分
応用 油絵風アートを作ろう！ Unit6 60分
■育成したい思考力
ロジカルシンキング
ラテラルシンキング
■評価計画
プログラムで簡単な図形が描ける。
プログラムで画像の表示ができる。
■応用・発展
図形や画像を使った簡単なオリジナルのアート作品を作成してみる。
講義
Unit 1
コースの紹介
「マルチメディア基礎」
マルチメディア基礎 図形を描こう！
「画像表示のしくみ」
「点と線を描こう」
「いろいろな図形を描こう」
「図形に色をつけよう」
Unit 2
マルチメディア基礎 図形を描こう
「乱数、乱数の性質、大数の法則」
「図形をたくさん描こう」
Unit 1 and 2 講義動画
Unit 3
マルチメディア基礎 図形をマウスで操作しよう！
「マウスの位置に図形を描こう」
「図形を半透明にしよう」
「マウスをさらに利用しよう」
「プログラムを改良しよう」
Unit 4
Unit 3 and 4 講義動画
Unit 5
応用 お絵かきホワイトボードを作ろう！
「色パレットを作ろう」
「好きな色でお絵描きしよう」
Unit 6
画像処理用の写真を以下からダウンロードします。
Unit 5 and 6 講義動画
学習指導案
学習指導案
■単元名
初級Bコース Unit7-12 Webページ
■単元の学習目標
■テーマ選定の理由
■単元の学習計画
カリキュラム
HTMLの基礎 Unit7
スタイル指定 Unit8
CSS class, id Unit9
JavaScript ポップアップ Unit10
CSS レイアウト Unit11
イベント処理 Unit12
■育成したい思考力
ロジカルシンキング
■評価計画
■応用・発展
講義
Unit 7
imgタグの練習で使用する画像を以下からダウンロードします。
コースの紹介
HTMLの基礎
Unit 8
スタイル指定
Unit 7 and 8 講義動画
Unit 9
CSS class, id
Unit 10
JavaScript ポップアップ
Unit 9 and 10 講義動画
Unit 11
CSS レイアウト
Unit 12
イベント処理の練習で使用する画像を以下からダウンロードします。
イベント処理
Unit 11 and 12 講義動画
新・初級B 課題
課題1 油絵風アート
自分の持ってる絵や写真を使って油絵風アート作品を作製しなさい。
作成方法はテキストを参考にしてください。
作った作品は振り返りフォームを使ってアップロードしてください。
独自のプログラムを使用した場合は、プログラムもアップロードしてください。
課題2 Webページ
自分なりの簡単なWebページを作成しなさい。
過去の作品例
▪️作品に関する注意事項
他人の著作権を侵害しないように注意しましょう。
写真などから住所・氏名などの個人情報が漏れないように注意しましょう。
優秀作品は誰もが閲覧できるWebページとして公開することがあります。
▪️作品提出に関する注意事項
作品は振り返りフォームを使ってアップロードしてください。
ただし、拡張子が「.js」のJavaScriptファイルは実行ファイルであるため、セキュリティー上の理由からアップロードできません。
そのため、拡張子を「.js」から「.txt」に変更してください。
あるいはhtmlファイル、cssファイル、jsファイルの入ったフォルダーごと圧縮してzipファイルにしてください。
Macの場合はフォルダーを右クリックすると圧縮ができます。
Windows11でもフォルダを右クリックし「ZIPファイルに圧縮する」を選択すると圧縮できます。
zipファイルであれば、振り返りフォームからアップロードできます。