Programming Training 2024 for Kids: Tsukuba SKIP Academy - Practice

Slide 1

Slide 1 text

つくばSKIPアカデミープログラミング実習 2024.11.10 1

Slide 2

Slide 2 text

2 AM PM 時間 9:30 13:30 5 ◯ 集合 9:35 13:35 10 ◯ 講義：アプリケーション開発の⼿順 10:15 14:15 40 ◯ micro:bitの使い⽅ 10:25 14:25 5 ◯ 実習でやることの説明 10:30 14:30 25 ◯ 作るものを考える 10:55 14:55 5 休憩 11:00 15:00 15 ◯ グループワーク 11:15 15:15 45 ◯ 課題を作る 12:00 16:00 10 ◯ 他の⼈の作ったものを⾒る 12:10 16:10 10 ◯ まとめ 12:20 16:20 終了

Slide 3

Slide 3 text

⼿元のPCは⾃由に使ってOK ● 資料を⾒たり、わからないことを調べたり…… ● 話の流れに置いていかれないように注意！ ● 困ったことがあったらTAを呼ぶ（ティーチング‧アシスタント：先⽣以外に周りにいるスタッフ） 3

Slide 4

Slide 4 text

4 「新しいタブ」を開くスライドはここ！

Slide 5

Slide 5 text

困ったことがあったらTAを呼んでください 5 Q. どれくらい呼んでいいの？ 15秒考えてダメだったら呼ぶきょうは受講⽣2〜3⼈につき1⼈のTAがいます。誰も呼んでくれないとヒマです。ガンガン使ってください。

Slide 6

Slide 6 text

前回（事前講義）までのあらすじ ● 「プログラム」はものごとを進める⼿順のこと。コンピュータ以外もアリ ● 「どういうふうに動いてほしいのか」をきちんと説明できることが重要そう。 ● 指⽰を組み合わせて作る。条件で分かれ道を作ったり、繰り返したりできる 6 事前講義のスライドはこちら！ https://speakerdeck.com/nandenjin/programming-training-2024-for-kids-tsukuba-skip-academy

Slide 7

Slide 7 text

プログラムを組み⽴てる 7

Slide 8

Slide 8 text

プログラムを組み⽴てる4つのステップ 8 どんなふうに動いてほしいのかを決めて、作っていく設計実装テストせっけいじっそう計画けいかく設計せっけい

Slide 9

Slide 9 text

1. 計画つくるものを⾔葉で説明する設計実装テスト計画ポイント「簡単なことばで」「短く」「正確に」 ● なにを作る？ ● どんなときに使う？ ● どんなふうに動く？

Slide 10

Slide 10 text

1. 計画設計実装テスト計画例 ● なにを作る？ ○ ボタンが押された回数を、0〜9まで数えて表⽰するカウンター ● どんなときに使う？ ○ 天体観測で、流れ星を数えるのに使える

Slide 11

Slide 11 text

1. 計画設計実装テスト計画例 ● Aボタンを押した回数を0〜9まで数える ● Bボタンを押すと0に戻る ● 例： ○ 「0」が出ているとき、Aを3回押すと「3」が出る ○ 「3」が出ているとき、Aを7回押すと「0」が出る ○ 「3」が出ているとき、Bを1回押すと「0」が出る

Slide 12

Slide 12 text

2. 設計設計実装テスト計画⼿順に分解して表現するポイント ● 「何を」する？「どんなときに」やる？ ● できるだけ細かく分ける

Slide 13

Slide 13 text

3. 設計設計実装テスト計画例（ボタンを押された回数を表⽰するカウンター）変数「回数」を1ふやす Aボタンが押されたら回数の記録を0にもどす Bボタンが押されたら「回数」が 10以上か？回数の記録を0にもどす Yes No このような図のことを「フローチャート」といい、書き⽅も決まっている（なにもしない）

Slide 14

Slide 14 text

3. 実装設計実装テスト計画実際に動くしくみをつくるポイント ● どんな道具を使う？プログラミングの道具はコンピュータだけではないきょうはmicro:bitを使います。のちほど解説！

Slide 15

Slide 15 text

4. テスト設計実装テスト計画正しく実装できているかたしかめるポイント ● 計画で決めた「どんなふうに動く？」の通りに動くだろうか？

Slide 16

Slide 16 text

4. テスト設計実装テスト計画最初に決めた「どんなふうに動く？」のとおりに動くだろうか？ ● 「0」が出ているとき、Aを3回押すと「3」が出る ● 「3」が出ているとき、Aを7回押すと「0」が出る ● 「3」が出ているとき、Bを1回押すと「0」が出る

Slide 17

Slide 17 text

プログラムを組み⽴てる⽬的をもって作ったり、何⼈も集まって作るには重要な⽅法。「つくって遊んでみる」にはちょっと本気すぎる……。 →きょうはできるところまでチャレンジしてみよう設計実装テスト計画

Slide 18

Slide 18 text

チュートリアル 18

Slide 19

Slide 19 text

机の上に揃っているか確認しよう 19 micro:bit本体電池ボックス USBケーブル⻩⾊い箱に⼊っているよ！

Slide 20

Slide 20 text

PCの準備をしよう 20 makecode microbit 検索

Slide 21

Slide 21 text

MakeCodeの画⾯について 21 シミュレータツールボックスワークスペース

Slide 22

Slide 22 text

シミュレータに⽂字を表⽰してみようツールボックスの「基本」から「⽂字列を表⽰」ブロックを「最初だけ」の中に⼊れよう 22

Slide 23

Slide 23 text

「ずっと」にするとどうなる？「⽂字列を表⽰」ブロックを「ずっと」の中に移動しよう 23

Slide 24

Slide 24 text

micro:bitをPCに接続しよう micro:bitをUSBケーブルでPCに接続しよう 24 向きを確認しながらゆっくりつなげよう

Slide 25

Slide 25 text

micro:bitをPCに接続しよう 25

Slide 26

Slide 26 text

micro:bitをPCに接続しよう 26

Slide 27

Slide 27 text

micro:bitをPCに接続しよう 27

Slide 28

Slide 28 text

プログラムをmicro:bitに書き込もうダウンロードが完了すると、micro:bitで⽂字が表⽰されます！ 28

Slide 29

Slide 29 text

基本のアルゴリズムを学ぼう 29

Slide 30

Slide 30 text

アルゴリズムとは？ 30 アルゴリズムとは、「問題を解決するための作業⼿順や計算⽅法」のことここでは、基本となる⼩さなアルゴリズムを使えるようになりましょう！その組み合わせで、実際にプログラミングをします。

Slide 31

Slide 31 text

ループ（繰り返し） 31

Slide 32

Slide 32 text

温度センサを使ってみよう 32

Slide 33

Slide 33 text

変数そもそも変数って‧‧‧？情報（⽂字列や数字）をしまっておける「箱」のようなもの「箱」（＝変数）には名前をつけて管理することができます！ 33

Slide 34

Slide 34 text

変数 34

Slide 35

Slide 35 text

変数ボタンAが押された回数を数えて、表⽰するプログラムをつくってみよう 35

Slide 36

Slide 36 text

条件分岐（もし◯◯なら△△する）もし、ボタンAを押した回数が3の倍数ならマークを表⽰しよう「論理」の「もし＜真＞なら」ブロックを使いますどんな条件を⼊れればいいか考えてみよう！ 36

Slide 37

Slide 37 text

条件分岐（もし◯◯なら△△する）もし、ボタンAを押した回数が3の倍数ならマークを表⽰しよう「論理」の「もし＜真＞なら」ブロックを使います 37

Slide 38

Slide 38 text

加速度センサを使ってみよう「ボタンAが押されたとき」を「ゆさぶられたとき」に変えてみよう 38

Slide 39

Slide 39 text

練習問題 STEP① ボタンAが押されたときの明るさを変数「明るさ」に覚えさせよう。 STEP② 変数「明るさ」の中⾝をmicro:bitに表⽰させよう。 STEP③ ボタンBを押したときに、もし「明るさ」が10より⼩さければLEDを全て点灯させよう。 39

Slide 40

Slide 40 text

明るさセンサの使い⽅ 40

Slide 41

Slide 41 text

練習問題 STEP① ボタンAが押されたときの明るさを変数「明るさ」に覚えさせよう。 STEP② 変数「明るさ」の中⾝をmicro:bitに表⽰させよう。 STEP③ ボタンBを押したときに、もし変数「明るさ」が10より⼩さければLEDを全て点灯させよう。 41

Slide 42

Slide 42 text

ここからやること 42

Slide 43

Slide 43 text

ここからやること micro:bitを使って⼩さなプログラム（アプリケーション）をつくる ● たのしいものならなんでもOK ● 研究や⽣活の役に⽴つものならGood👍 ● ボタン‧コンパス‧温度計‧LED‧スピーカなどなど 43 何が作れるか考えてみよう

Slide 44

Slide 44 text

ここからやること 44 micro:bitを使って⼩さなプログラム（アプリケーション）をつくる AM PM 時間 10:30 14:30 25 ◯ 作るものを考える 10:55 14:55 5 休憩 11:00 15:00 15 ◯ グループワーク 11:15 15:15 45 ◯ 課題を作る

Slide 45

Slide 45 text

ワークシート2枚を提出しますワークシートまとめシート

Slide 46

Slide 46 text

このページに戻って、新しいプロジェクトを作ってください 46 名前⾃由課題

Slide 47

Slide 47 text

休憩 47 AM PM 時間 10:55 14:55 5 休憩 11:00 15:00 15 ◯ グループワーク 11:15 15:15 45 ◯ 課題を作る 12:00 16:00 10 ◯ 他の⼈の作ったものを⾒る 12:10 16:10 10 ◯ まとめ 12:20 16:20 終了

Slide 48

Slide 48 text

相互フィードバック（意⾒交換） ● アイデア‧便利さ‧おもしろさ ● まだ決められていないことの相談 ● つくるのが⼤変そうなところはないだろうか？ ● いろんなアイデアや役⽴て⽅を知る ● 「他⼈の⽬」で観察し、意⾒を⾔う‧もらうこんなことを話そう体験して⽬指すこと

Slide 49

Slide 49 text

意⾒交換のコツいいね！を伝える質問する考えてなかったもOK

Slide 50

Slide 50 text

実装タイムもらった意⾒を参考に計画を修正し、プログラムを完成させよう ● 完成したら「テスト」をしてみよう ● 終わりまでにワークシートを仕上げよう引き続き、TAにもどんどん相談してください！この時間内は、各⾃で⾃由に休憩を取ってOKです。

Slide 51

Slide 51 text

締め切り ● プログラムをダウンロードして、PCは閉じてください ● 電池で動くようにしてください ● ワークシートを完成させてください 51

Slide 52

Slide 52 text

他の⼈のを⾒学するタイム実際にどんなものができたか、試して∕遊んでみよう！ ● ⾒せる⼈は集まった⼈に説明してあげよう ● 途中まででもOK 52

Slide 53

Slide 53 text

まとめシートを書く ● プログラミング実習で学んだこと ● 受講しての感想 53 まとめシートワークシートといっしょに机に置いて帰ってくださいワークシートの記⼊⾒本は持ち帰ってOK

Slide 54

Slide 54 text

● ワークシート‧まとめシート‧名札を机に置きましたか？ ● 忘れ物はありませんか？ 54

Slide 55

Slide 55 text

55 本編スライドはここまでです。

Slide 56

Slide 56 text

56 New Tabビューから「課題回収」フォルダを開いてアップロードするファイルビューアの「ドライブ」は同期トラブルを起こすことがあるので使⽤できません名札‧シート2枚 ● 記名‧番号⼀致確認 ● 完了後、回収し事務局へ mbit ● 電池ケースの抜線 ● 初期プログラム書き込み ● パーツ4点確認（本体‧ケーブル‧ケース‧電池Box） mbitセット‧シート3種（ワークシート‧記⼊⾒本‧まとめシート）‧名札終了時開始時

Slide 57

Slide 57 text

午後開始までのタスク ● 課題回収 ○ 名札‧シート2枚「記名‧受講⽣番号」の⼀致を確認→回収 ○ micro:bit画⾯でファイルとしてダウンロード⾃由課題のみ ○ 課題回収フォルダにアップロード ● micro:bitプロジェクトの削除 ● SKIP化 ○ やり⽅は浅賀‧稲⽥‧宮本‧岡村の誰かに聞いてください ● 備品チェック ○ 電池ボックス以外は箱の中へ ● プリント配布 ○ A3：1種類、A4：2種類 ● ずらして休憩をとります。休憩時間は休憩開始から1時間です。 New Tabビューから「課題回収」フォルダを開いてアップロードする

Slide 58

Slide 58 text

58 group_inou『eye』映像ディレクション：橋本⻨∕ノガミカツキ

Slide 59

Slide 59 text

59 MONO NO AWARE 『かむかもしかもにどもかも！』

Slide 60

Slide 60 text

60 MONO NO AWARE 『かむかもしかもにどもかも！(imai remix)』映像ディレクション：橋本⻨