Viscuitでプログラミング教育/fujimi2020-1

東村山市立富士見小学校
校内研究授業
2020年9月15日

Transcript

1. ©2016- Naoki Kato, IML at TGU 東京学芸大学 ICTセンター 教育情報化研究チーム 加藤直樹 Viscuitでプログラミング教育 （２回目） 東村山市立富士見小学校 校内研究授業 20200915
2. ©2016- Naoki Kato, IML at TGU 自己紹介 加藤直樹 東京学芸大学 ICTセンター 教育情報化研究チーム 専門：情報工学 Human Computer Interaction 特にペン入力 ペン入力I/Fの教育への利用 文科省：デジタル教科書の今後の在り方等 に関する検討会議 ・委員（R2） ：デジタル教科書の 効果・影響等に関する実証研究事業 ・有識者（H31-） ：ICT活用教育アドバイザー派遣事業 ・アドバイザー （H28-）
3. ©2016- Naoki Kato, IML at TGU 復習：なんでプログラミング教育？ Viscuitでプログラミング教育
4. ©2016- Naoki Kato, IML at TGU はじめに 近い将来，必要になる力 高度IT人材 ミドルIT人材 課題 発見 解決 新たな価値の創造 高度情報通信技術 AI技術 活用 こういうこと ができる 依頼
5. ©2016- Naoki Kato, IML at TGU はじめに 基盤的な力としての情報活用能力の育成 情報活用能力 言語能力 問題発見・解決能力 基盤的な力 人間性 学びに向 かう力 思考力 判断力 表現力 知識 技能 創造 協働 自立 技術分野 情報に関する技術 プログラミング教育 基本的な操作 情報モラル 情報化と社会・産業 2021- 2022- 2020- 情報Ⅰ（必修） 情報Ⅱ AI・Data Science教育
6. ©2016- Naoki Kato, IML at TGU 情報活用能力 はじめに そしてプログラミング的思考の育成へ 技術分野 情報に関する技術 プログラミング教育 基本的な操作 情報モラル 情報化と社会・産業 2021- 2022- 2020- 情報Ⅰ（必修） 情報Ⅱ AI・Data Science教育 科学的な側面の強化 (高度ICTへの意識) プログラミング的思考
7. ©2016- Naoki Kato, IML at TGU はじめに プログラミング的思考 抽 象 化 モ デ ル 化 一 般 化 分解 構造化 手順化 評価 順序 分岐 反復 並列 演繹・帰納（類推，仮説） 問題 Computer 大きく複雑な 高速化・自動化 高度情報化社会における 高度情報化社会における 大きな武器である 論理的思考・パタン認識 パ ラ メ タ ラ イ ズ
8. ©2016- Naoki Kato, IML at TGU はじめに プログラミング教育で育む力 プログラムの働きやよさ，情報社会がコンピュータをはじめと する情報技術によって支えられていることなどに気付き，身近 な問題の解決に主体的に取り組む態度やコンピュータ等を上手 に活用してよりよい社会を築いていこうとする態度などを育む こと （小学校学習指導要領解説 p.85） すごい やってみる のような態度
9. ©2016- Naoki Kato, IML at TGU はじめに 教科横断・系統的な学びから創造へ 創造的プログラミング ア ン プ ラ グ ド 情報化社会に関する 探究的課題の中での プログラミング プログラミング 導入 操作練習 教科の学びに絡めた プログラミング 総合 教科 課程外 多角形を描く 電気の利用
10. ©2016- Naoki Kato, IML at TGU Viscuitの使いどころ Viscuitでプログラミング教育
11. ©2016- Naoki Kato, IML at TGU Viscuitの使いどころ Viscuitとは
12. ©2016- Naoki Kato, IML at TGU Viscuitの使いどころ 極めるとすごいこともできる Youtubeビスケット（Viscuit）で、シューティングゲームをつくろう！ https://www.youtube.com/watch?v=PJ5xqgckZ5g
13. ©2016- Naoki Kato, IML at TGU Viscuitの使いどころ でも手続き型言語ではない 処理の手順を指示 手続き型言語 これがあったら，こうする （具体的な絵の） 状態遷移を指示 導入にはならない ×
14. ©2016- Naoki Kato, IML at TGU Viscuitの使いどころ ではViscuitの使いどころは？ コンピュータ 操作に 慣れ親しむ プログラミング の世界を 楽しむ 表現活動 （アニメーション）
15. ©2016- Naoki Kato, IML at TGU 今日の授業から ～Viscuitで漢字を学ぶ～
16. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ 今日の授業から l 考えたアニメーションを しっかり作っていました
17. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ 今日の授業から l Viscuitプログラミングを理解していない 児童も
18. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ 今日の授業から さんずいが２つ ごっちゃに使って うまくいかない 動きを早くして 重ならなくて うまくいかない
19. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ へんとつくりのアニメーション
20. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ へんとつくりのアニメーション
21. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ プログラミング教育としてポイントはここ 動きを 考えて それをプログラミング
22. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ 国語科教育としてポイントは？ 漢字（のへんとつくり）に意識を
23. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ 決まった動きを考えないプログラミング https://develop.viscuit.com/env2/view.html?c ontrol=play%3A00320001%3A20200914%2F38 0.json%3A ありっちゃ あり だけど もっとできる
24. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ 国語としては漢字ゲームもありか やはりちょっと物足りない
25. ©2016- Naoki Kato, IML at TGU 今日の授業から～Viscuitで漢字を学ぶ～ プログラミング教育としてのViscuit 作品 表現 表したいこと 楽しい！ もっと創りたい 表現の工夫 プログラミング的思考 （論理的な思考）
26. ©2016- Naoki Kato, IML at TGU 先行事例 Viscuitでプログラミング教育
27. ©2016- Naoki Kato, IML at TGU 先行事例 Viscuitで秋を楽しもう（低学年生活） お絵かき （ICT活用） 状態遷移 （プログラミング） 小平第七小学校
28. ©2016- Naoki Kato, IML at TGU 先行事例 スイミー（２年国語） 小平第七小学校 印象に 残った場面
29. ©2016- Naoki Kato, IML at TGU 先行事例 ピクトアニメ（３年↑国語＋総合） 目標 わかりやすさ 動く絵文字：ピクトアニメ ＝ストーリーで伝える
30. ©2016- Naoki Kato, IML at TGU 先行事例 生き物の動き・成長（中学年理科＋総合） 目標 正確さ 観察 表現 東大和市立第二小学校
31. ©2016- Naoki Kato, IML at TGU 先行事例 アート活動（ICT活用からの） 五十嵐昌子氏Facebook https://www.facebook.com/rana.akikoigarashi/videos/128398491790092/
32. ©2016- Naoki Kato, IML at TGU 先行事例 アートとプログラミング教育 五十嵐昌子氏Facebook https://www.facebook.com/100038598252718/videos/293294648633808 作品 表現 表したいこと 楽しい！ もっと創りたい 表現の工夫 プログラミング的思考 （論理的な思考） 偶然性
33. ©2016- Naoki Kato, IML at TGU 復習：「正多角形と円」 Viscuitでプログラミング教育
34. ©2016- Naoki Kato, IML at TGU 「正多角形と円」について 「正多角形と円」の教材 東京書籍 プログル Scratch
35. ©2016- Naoki Kato, IML at TGU 「正多角形と円」について 正多角形と円（1/2） https://scrapbox.io/IML-Lab/正多角形 正方形（一斉） 三角形（個別） （できた子は六角形） 回る角度の確認
36. ©2016- Naoki Kato, IML at TGU 「正多角形と円」について 正多角形と円（1/2） https://scrapbox.io/IML-Lab/正多角形 繰り返し版の紹介
37. ©2016- Naoki Kato, IML at TGU 「正多角形と円」について 正多角形と円（2/2） https://scrapbox.io/IML-Lab/正多角形 三角形（復習） 六角形，五角形，．．． を描きながら表を作成 三 三角 角形 形 四 四角 角形 形 六 六角 角形 形 内角の和 180 360 720 角の数 3 4 6 内角 60 90 120 回転 120 90 60 回転する角を導く 1）180 ‒ 内角 2）360 ÷ 角の数
38. ©2016- Naoki Kato, IML at TGU 「正多角形と円」について この正多角形と円では 角ごとに 360÷n だけ回ればいいんだ！ 一般化 どんな正N角形でも 描けるプログラム プログラミング的思考 コンピュータ プログラムの凄さ
39. ©2016- Naoki Kato, IML at TGU おわりに Viscuitでプログラミング教育
40. ©2016- Naoki Kato, IML at TGU おわりに すでに必須化が始まっています 創造的プログラミング ア ン プ ラ グ ド 情報化社会に関する 探究的課題の中での プログラミング プログラミング 導入 操作練習 教科の学びに絡めた プログラミング 多角形を描く 電気の利用 ここを目指して 全クラス 学期に１～２単元 を目指して！
41. ©2016- Naoki Kato, IML at TGU おしまい Viscuitでプログラミング教育