ワークショップガイド

(1)

イベント主催者むけ

ベーシックコース

(2)

2 ２．ワークショップの準備

・・・P5〜7

３．ワークショップの進⾏

①基本操作

➁パズルをやってみよう

③はじめてのストーリー

④まとめ

・・・P17〜20

・・・P８〜16

１．はじめに

・・・P3〜4

・・・P21〜27

４．イラスト

・・・P29〜30

・・・P28

(3)

１．はじめに

本ガイドのご利⽤にあたって

対象とする⽅

● プログラミングゼミを使⽤し、⼩学⽣対象のプログラミングイベント

を主催したい⽅

例）プログラミング教室、PTA、⼦ども会など⼩学⽣を対象としたイベント

● 使⽤する端末（パソコン、スマートフォン）の操作（アプリの起動、

カメラによる撮影など）が無理なくできる⽅

● 講師を担当する⽅は、プログラミングゼミアプリのなかの、

[あつめよう]→[やってみる]から[へんすう]まで、理解しておくこと

をお勧めします

(4)

１．はじめに

ワークショップを通じて⼦どもたちに伝えたいこと

● アプリやゲームは⾃分でつくれるものだと⾃然に考えられる

● プログラミングを知ることで、より豊かな創造⼒を働かせられる

● プログラミングを楽しいと感じて、もっと学びたいと思える

4

(5)

本ガイドのコースについて

● ライトコース

所要時間：30分

できること：プログラミングを体験する

内容

：基本操作＋パズル

● ベーシックコース

所要時間：60分

できること：キャラクターを使った簡単な作品づくり

内容

：基本操作＋パズル＋はじめてのストーリー

● クリエイティブコース

所要時間： 120分~150分

できること：ガイドブックを使⽤した作品づくり

内容

：基本操作＋作品づくり

実施時間と内容によって3つのコースがあります

本ガイドは

ベーシックコース

です

２．ワークショップの準備

(6)

6 メイン講師 1⼈

サポーター 5⼈に1⼈程度

・⼩学校3年⽣をベースにした⽬安 ・参加者の学年やプログラミングスキル によってサポーターの⼈数は調整する

⼩学校低学年~

・ひらがなカタカナが読むことができれば 参加可能

参加者と準備するもの

参加者⼈数分の端末

・プログラミングゼミをダウンロードした タブレットやPC、スマホ

講師⽤端末と接続ケーブル

モニター、プロジェクター

巻末のイラストを印刷した紙

アプリ動作環境 iOSの場合:iOS 8以降 androidの場合:androidバージョン4.0.3以降 Windows(ストアアプリ形式)の場合:Windows10以降 Windows(exe形式)の場合: Windows 7以降 (ただし⼀部機能制限あり)

ダウンロードはこちらから

https://programmingzemi.com/

講師

参加者

準備するもの

２．ワークショップの準備

(7)

会場の配置をする

プロジェクターかモニター

メイン

サポーター メインの講師は、 モニター横で⾃分の端末を 投影しながら、レクチャー

机

イスイスイスイスイスイス サポーター

机

イスイスイスイスイス

机

イスイスイスイスイス サポーターが動き回れるよう に⼗分なスペースを確保 参加者から⾒えやすい位置に モニターを配置 サポーター

２．ワークショップの準備

● _{各テーブルに置くもの}

端末×⼈数分

イラスト2枚×⼈数分→

(8)

⼿順ごとに、講師が【レクチャー】→【みんなで作業】を繰り返す

講師が⾔ったことうけて、サポーターが、⼦どもたちに働きかける

進⾏するときに気をつけること

２．ワークショップの準備

【レクチャー】 カメラで写真を 撮って次にOKボタ ンを押します！ 【作業】 さあ、やってみよう わからなかったら ⾔ってね！ 【レクチャー】 先⽣みててねー！

サポーター

メイン

【作業】 （2.3⼿順ごとに） じゃあ、ここまで やってみよう！ 作業するタイミングを明確 にし、分からない⼦を フォローする （重要な説明を するときには） 今から⼤事なこ とをいいます！ 説明時には、こどもたちは⼿元の タブレットに注意が⾏きがちなので、 講師に注⽬するように声がけ

(9)

アプリを起動させる

ユーザを追加する

設定を確認する

［はじめてのプログラム］をする

1

2

3

4 基本操作のまとめ

5 ながれ

学ぶこと

アプリの基本的な使い⽅と

プログラミング的思考

⽬安の時間

15分

３．ワークショップの進⾏ ①基本操作

①基本操作

(10)

アプリを起動させる

ユーザを追加する

1

2

10 ●ホーム画⾯やデスクトップのアイコンをタッチしてアプリを起動させる

●スタート画⾯をタッチして、ユーザ追加画⾯へ

●［ユーザをついか］をタッチ

●［ニックネーム］をタッチして次の画⾯へ

３．ワークショップの進⾏ ①基本操作

(11)

ユーザを追加する

2 ●ニックネームについての注意事項を説明する

アプリ公開時に作った⼈のニックネームが公開されるので、フルネームはさけるよう伝える ⼊⼒⽅法を伝える「濁点はひだりにあるよ」「カタカナは［カナ］をおしてみてね」など

●ニックネームの⼊⼒後、

を押して、設定確認画⾯へ

「ニックネームつけて を押したら、待っててね」と声がけし、 先に進みすぎないように注意をする

●設定を確認しますか？の

を押して確認画⾯へ進む

システムキーボードへの切り替え 漢字を使いたい場合に使います

３．ワークショップの進⾏ ①基本操作

(12)

設定を確認する

３ ●レベルを変更する

ワークショップの際には、⾃動再⽣される［ヒント］が不要なため、 レベルを[10］に設定する 設定画⾯をスキップしてしまった場合には メニューの右下の ［おうちの⽅先⽣］→［設定］で設定可能

３．ワークショップの進⾏ ①基本操作

12

(13)

［はじめてのプログラム］をする

4 キャラクターの基本的な操作⽅法とプログラミング的思考について理解する

●［はじめてのプログラム］を起動させる

初めて起動した場合、設定画⾯のあと［はじめてのプログラム］が⾃動で起動する 表⽰できない場合には、［メニュー］→［あつめよう］→［やってみる］で起動 「キャラクターの名前はそらもんっていうんだよ、これからそらもんをプログラミング で動かしてみようね」と声がけ

３．ワークショップの進⾏ ①基本操作

(14)

14 ［はじめてのプログラム］をする

4 プログラムで動かすことを理解するために、まずは指で操作し、キャラの取り出し

削除を理解する

●ゆびで動かす

中央のそらもんをタッチしてゆびで⾃由に動かす ピンチインピンチアウトでサイズの変更を⾏う

●キャラの取り出し

左側のそらもんをタッチして右にスライドさせたくさんだせることを確認

●キャラの⽚付け

左にスライドさせ、削除できることを確認、最後に３つほど出した状態で次の⼿順へ 右にスライドさせ、表⽰ 左にスライドし、削除

３．ワークショップの進⾏ ①基本操作

(15)

［はじめてのプログラム］をする

4 ブロックのお願いでキャラが動かせることを理解する

●ブロックを出す

「さっきは指で動かしたけど、今度は指を使わずにプログラムで動かしてみよう」と声がけ 左のキャラを⼀度軽くタッチして、プログラムスペースを開く ⻩⾊いブロックをいくつか配置させる

●プログラムで動かす

配置したブロックをタッチして、キャラが動くことを確認する スライド

３．ワークショップの進⾏ ①基本操作

(16)

16 ［はじめてのプログラム］をする

4 複数のお願いが順番に動くことを確認する

●複数のブロックを並べる

を押してプログラミングスペースに戻る ブロックを複数つなぎ、⼀番上のブロックをタッチし順番通りに全部のキャラが同時 に動くことを確認する たくさんつなげてみて、楽しむ時間をとる スライド

３．ワークショップの進⾏ ①基本操作

(17)

［はじめてのプログラム］をする

4 条件によってキャラの動きが変化することを知る

●ピンクのお願いブロックを使う

次に、 のブロックを⻩⾊いブロックのあたまにつける を押し、次の画⾯でキャラクターをタッチする タッチされたキャラだけが動くことを確認する うまくいくと宝⽯がもらえるので、⼦どもたちにもらえたかを確認し、全員がもらえるよう サポートする

３．ワークショップの進⾏ ①基本操作

(18)

➁パズルをやってみよう！

パズルの解き⽅を知る

1 ながれ

学ぶこと

ブロックの組み⽅

それぞれパズルをクリアする

2 ⽬安の時間

15分

３．ワークショップの進⾏ ➁パズルをやってみよう！

18

(19)

パズルの解き⽅を知る

1 プログラミングでパズルを解くことで、ブロックの組み⽅に慣れながら、

プログラミング的思考を体験する

●パズル起動させる

［メニュー］→［パズル］→［レベル１］→［もんだい１-１］

タッチしてプログラム作成 タッチすると最⼩⼿数がわかる

３．ワークショップの進⾏ ➁パズルをやってみよう！

(20)

モニター等で投影しながら、まずは全員で解き⽅を理解する

●もんだい１-１をみんなで解く

ドラゴンに触らないで、ケーキをそらもんが⾷べるためにはどう動いたらいいか、 まずは、直進してドラゴンに触れてはいけない旨を理解する…① ●

次にドラゴンを避けてケーキをとってみる

「はじめは右？左？次はうえ？した？と聞きながら」プログラムを組む…② 星が2個もらえることを確認 ●

星が３つとれることを確認

「星が⼀つ⾜りないね、もももんに聞いてみよう」ともももんをタッチさせる 「２て」は⻩⾊いブロック２つで解けると伝え、ジャンプの使い⽅などを知らせる…③

①

➁

③

パズルの解き⽅を知る

1 ３．ワークショップの進⾏ ➁パズルをやってみよう！

20

(21)

パズルを解きながらブロックの組み⽅、プログラミング的思考を理解する

●もんだい１-1から1-4までを参加者がそれぞれで解く

まずは、いったんケーキをすべて⾷べることを⽬標として、⼿数は問わない 全部できた⼈から、⼿数を追求してみようと声がけする 答えを直接教えることはできるだけせず、「次はどっちに進めばよいと思う？」 と声がけしながら、⾃分で解決できるようにする

●星3つをめざす

全部解けた⼦がでてきたら、「じゃあ、全部終わった⼦は星3つをめざしてね」 それが終わったら、「次のレベルやってね」とそれぞれのレベルに合わせて進める サポーターは苦戦している⼦につき、声がけする。できるだけ参加者のペースに寄り添う

それぞれパズルをクリアする

2 ３．ワークショップの進⾏ ➁パズルをやってみよう！

(22)

３．ワークショップの進⾏ ③はじめてのストーリー

③はじめてのストーリー

キャラにプログラムをつける

1 ながれ

学ぶこと

キャラの取り込み⽅

キャラ1、2を取り替える

2 ⽬安の時間

30分

背景をいれる

3 キャラ3を⾜す

4

22

(23)

● ●キャラを取り替え背景をつけることで、オリジナルの作品が作れることを学ぶ

をタッチすると

が出てくるというプログラムを作成する

作る作品

(24)

キャラにプログラムをつける⽅法を理解する

●［はじめてのストーリー］を開く ［メニュー］→［あたらしくつくる］→［はじめてのストーリー］を開く ●「⻘の四⾓から⾚い球を呼び出すプログラムを作るよ」と声がけ。中央の を押して 今は球が出ないことを確認したあと、⻘いキャラのプログラムを呼び出す ●①のように作成したら の[キャラ]の部分をタッチして を選択…➁ ●プログラムができたら を押し、をタッチする。たくさん を出しで遊ぶ

キャラにプログラムをつける

1 ①

➁

３．ワークショップの進⾏ ③はじめてのストーリー

24

(25)

のプログラムを動かしてしまい、キャラが動か なくなった場合には、ブロックをつなぎなおせば動 く。ブロック消した場合には、 マークを押して、 プログラムをもとに戻す。

キャラにプログラムをつける

1 ３．ワークショップの進⾏ ③はじめてのストーリー

どうしてキャラ2が動いたのか確認する

● をタッチして、あらかじめプログラムが⽤意されていたことを確認する ●「10すすむ」＋「ちょっとまつ」をたくさん繰り返すと、アニメーションのように進んで⾒える ことを伝える。つづいて「たくさん繰り返しが使われているね。何度も同じことを繰り返すの はコンピュータは得意です。でもたくさんつなげるのは⼤変そうだけど、プログラミングでは これは、簡単にすることもできるんだよ」と伝えて、興味を⾼める。

(26)

キャラの取り込み⽅を理解する

●「⾚と⻘のキャラを取り替えてお話をつくろう、どんなキャラがいいかな？」と声がけして、 各⾃２つづつイラストを選ぶ。 ●ひだりのメニューの にある (キャラ1)をタッチしたあと、上部の をタッチ ● をタッチして、カメラを起動させる。使いたいキャラをひとつ⼤きめに撮影する ●写真が撮りこめたら消しゴムを使ってキャラをきれいにきりとる できたら同じように (キャラ2)も画像を取り替える。できたらたくさん遊ぶ

キャラ1、2を取り替える

2

えをおおきくしたり、ちいさくできる _{えのむきをかえる} なんでもけせるけしごむ _{キャラのふちにそってけせるけしごむ} けしてしまったところをもどすペン あかるさをかえる へんしゅうできたらＯＫボタンをタッチ

３．ワークショップの進⾏ ③はじめてのストーリー

26

(27)

背景の取り込み⽅を理解する

●

ひだりのメニューの したにある をタッチ ● マークをタッチしてカメラをきどうさせ、背景の写真をとる とりこみできたら ボタンをタッチ ●背景までできたら完成。「⾃分で楽しんだら、友達同⼠で鑑賞しあったりして遊ぼう」と声かけ

背景をいれる

3 ３．ワークショップの進⾏ ③はじめてのストーリー

かんせい！

(28)

時間に余裕のある場合には、キャラ3を⾜す

● ボタンをタッチしてカメラを起動させ、新たなキャラを写真に撮り、キャラクターを⾜す ●キャラができたら配置する ●⾜したキャラにプログラムをつける。 を配置することを伝え、そのあとの動きは ⾃由に決める

キャラ3を⾜す

4 ３．ワークショップの進⾏ ③はじめてのストーリー

右にスライドさせ、配置 キャラ③が動かないときには、 キャラ①との距離を確認 遠すぎると動かない

28

(29)

ワークショップのまとめ

そらもんは、みんながブロックを並べた順番に動いたよね。

というブロックを使ったときには、タッチしたものだけが動いたね。

これは、ブロック⼀つずつがコンピュータにお願いをしているから動いたんです。

お願いを順番に並べてコンピュータを動かすことを、プログラミングといいます！

みんなの⾝の回りににも、プログラミングされたものがたくさんあるんだけどわかる

かな？たとえばこのお部屋のなかだとなんだろう？ (会場内を⽬を向けさせる)

分かる⼈―？ (挙⼿して回答を促す) 例）テレビ、タブレット、エアコン

おうちではどうかな？ (挙⼿して回答を促す)

例）洗濯機、冷蔵庫、⾞

たくさんプログラミングされたものがありそうだね。

みんながプログラムを学ぶといろんなものが作れそうだね。

３．ワークショップの進⾏ ④まとめ

(30)

４．イラスト

(31)

ワークショップガイド - ベーシックコース

イベント主催者むけ