Programming Training 2023 for Kids: Tsukuba SKIP Academy - Practice

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

2 AM PM 時間 9:30 13:30 5 ◯ 集合 9:35 13:35 10 ◯ 講義：プログラムを組み⽴てる 9:45 13:45 45 ◯ micro:bitの使い⽅ 10:10 14:30 5 ◯ 実習でやることの説明 10:15 14:35 25 ◯ 作るものを考える 10:40 15:00 10 休憩 10:50 15:05 15 ◯ グループワーク 11:10 15:20 50 ◯ 課題を作る 12:00 16:10 10 ◯ 他の⼈の作ったものを⾒る 12:10 16:20 5 ◯ まとめ 12:20 16:25 終了

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-2023-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

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

Slide 24

Slide 24 text

micro:bitを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に書き込もうダウンロードが完了すると、micro:bitで⽂字が表⽰されます！ 27

Slide 28

Slide 28 text

「ずっと」にするとどうなる？「⽂字列を表⽰」ブロックを「ずっと」の中に移動しよう 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② ボタンBを押したときに、①で記憶させた「温度」を表⽰しよう。 STEP③ もし温度が25度より⾼ければ、”Hot!”と表⽰しよう。 39

Slide 40

Slide 40 text

ここからやること 40

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

ここからやること 42 micro:bitを使って⼩さなプログラム（アプリケーション）をつくる AM PM 時間 10:40 14:35 25 ◯ 作るものを考える：計画をする 11:05 15:00 5 休憩 11:10 15:05 15 ◯ グループワーク：みんなのアイデアを⾒る 11:25 15:20 50 ◯ 課題を作る

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

46 A B D C 前⽅出⼊⼝⾃分のグループの場所に集合してください。 ● 筆記具 ● ワークシート ● 下敷きになるもの（あれば）休憩が終わったら

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

他の⼈のを⾒学するタイム ● ACチームのを⾒に⾏くタイム ● BDチームのを⾒に⾏くタイム ● ⾒せる⼈は集まった⼈に説明してあげよう ● 途中まででもOK 51