ワークショップガイド - ベーシックコース - amazon s3...2018/07/18 ·...

1

イベント主催者むけワークショップガイドベーシックコース

Copyright(c)2018 DeNACo.Ltd.Allrightreserved.

2

２．ワークショップの準備・・・P5〜7

３．ワークショップの進⾏①基本操作➁パズルをやってみよう③はじめてのストーリー④まとめ

・・・P17〜20・・・P８〜16

もくじ


１．はじめに・・・P3〜4

・・・P21〜27

４．イラスト・・・P29〜30・・・P28

3

１．はじめに


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

対象とする⽅●プログラミングゼミを使⽤し、⼩学⽣対象のプログラミングイベントを主催したい⽅例）プログラミング教室、PTA、⼦ども会など⼩学⽣を対象としたイベント

●使⽤する端末（パソコン、スマートフォン）の操作（アプリの起動、カメラによる撮影など）が無理なくできる⽅

●講師を担当する⽅は、プログラミングゼミアプリのなかの、[あつめよう]→[やってみる]から[へんすう]まで、理解しておくことをお勧めします

１．はじめに


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

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

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

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

4

5

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

●ライトコース所要時間：30分できること：プログラミングを体験する内容：基本操作＋パズル

●ベーシックコース所要時間：60分できること：キャラクターを使った簡単な作品づくり内容：基本操作＋パズル＋はじめてのストーリー

●クリエイティブコース所要時間： 120分~150分できること：ガイドブックを使⽤した作品づくり内容：基本操作＋作品づくり

実施時間と内容によって3つのコースがあります本ガイドはベーシックコースです

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


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枚×⼈数分→

⼿順ごとに、講師が【レクチャー】→【みんなで作業】を繰り返す講師が⾔ったことうけて、サポーターが、⼦どもたちに働きかける

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


【レクチャー】カメラで写真を撮って次にOKボタンを押します！

【作業】さあ、やってみようわからなかったら⾔ってね！

【レクチャー】先⽣みててねー！

サポーター

メイン

【作業】（2.3⼿順ごとに）じゃあ、ここまでやってみよう！

作業するタイミングを明確にし、分からない⼦をフォローする

（重要な説明をするときには）今から⼤事なことをいいます！

説明時には、こどもたちは⼿元のタブレットに注意が⾏きがちなので、講師に注⽬するように声がけ

アプリを起動させる

ユーザを追加する

設定を確認する

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

1

2

3

4

9

基本操作のまとめ5

ながれ

学ぶこと

アプリの基本的な使い⽅とプログラミング的思考

⽬安の時間

15分

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

①基本操作


アプリを起動させる

ユーザを追加する

1

2

10

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

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

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

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



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

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

●ニックネームの⼊⼒後、を押して、設定確認画⾯へ「ニックネームつけてを押したら、待っててね」と声がけし、先に進みすぎないように注意をする

●設定を確認しますか？のを押して確認画⾯へ進む

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


11Copyright(c)2018 DeNACo.Ltd.Allrightreserved.

設定を確認する３

●レベルを変更するワークショップの際には、⾃動再⽣される［ヒント］が不要なため、レベルを[10］に設定する

設定画⾯をスキップしてしまった場合にはメニューの右下の［おうちの⽅先⽣］→［設定］で設定可能



13

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

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

●［はじめてのプログラム］を起動させる初めて起動した場合、設定画⾯のあと［はじめてのプログラム］が⾃動で起動する表⽰できない場合には、［メニュー］→［あつめよう］→［やってみる］で起動

「キャラクターの名前はそらもんっていうんだよ、これからそらもんをプログラミングで動かしてみようね」と声がけ



14

［はじめてのプログラム］をする4プログラムで動かすことを理解するために、まずは指で操作し、キャラの取り出し削除を理解する●ゆびで動かす

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

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

●キャラの⽚付け左にスライドさせ、削除できることを確認、最後に３つほど出した状態で次の⼿順へ

右にスライドさせ、表⽰

左にスライドし、削除



15

［はじめてのプログラム］をする4ブロックのお願いでキャラが動かせることを理解する●ブロックを出す

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

●プログラムで動かす配置したブロックをタッチして、キャラが動くことを確認する

スライド



16

［はじめてのプログラム］をする4複数のお願いが順番に動くことを確認する

●複数のブロックを並べるを押してプログラミングスペースに戻る

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

スライド



17

［はじめてのプログラム］をする4条件によってキャラの動きが変化することを知る●ピンクのお願いブロックを使う

次に、のブロックを⻩⾊いブロックのあたまにつけるを押し、次の画⾯でキャラクターをタッチする

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



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

パズルの解き⽅を知る1

ながれ

学ぶこと

ブロックの組み⽅

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

⽬安の時間

15分

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


パズルの解き⽅を知る1プログラミングでパズルを解くことで、ブロックの組み⽅に慣れながら、プログラミング的思考を体験する●パズル起動させる［メニュー］→［パズル］→［レベル１］→［もんだい１-１］

タッチしてプログラム作成

タッチすると最⼩⼿数がわかる



モニター等で投影しながら、まずは全員で解き⽅を理解する●もんだい１-１をみんなで解く

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

●次にドラゴンを避けてケーキをとってみる「はじめは右？左？次はうえ？した？と聞きながら」プログラムを組む…②星が2個もらえることを確認

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

① ➁ ③

パズルの解き⽅を知る1



パズルを解きながらブロックの組み⽅、プログラミング的思考を理解する●もんだい１-1から1-4までを参加者がそれぞれで解く

まずは、いったんケーキをすべて⾷べることを⽬標として、⼿数は問わない全部できた⼈から、⼿数を追求してみようと声がけする

答えを直接教えることはできるだけせず、「次はどっちに進めばよいと思う？」と声がけしながら、⾃分で解決できるようにする

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

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



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

③はじめてのストーリー

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

ながれ

学ぶこと

キャラの取り込み⽅

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

⽬安の時間

30分

背景をいれる3

キャラ3を⾜す4


●

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

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

作る作品



キャラにプログラムをつける⽅法を理解する●［はじめてのストーリー］を開く

［メニュー］→［あたらしくつくる］→［はじめてのストーリー］を開く

●「⻘の四⾓から⾚い球を呼び出すプログラムを作るよ」と声がけ。中央のを押して今は球が出ないことを確認したあと、⻘いキャラのプログラムを呼び出す

●①のように作成したらの[キャラ]の部分をタッチしてを選択…➁

●プログラムができたらを押し、をタッチする。たくさんを出しで遊ぶ


① ➁



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



どうしてキャラ2が動いたのか確認する● をタッチして、あらかじめプログラムが⽤意されていたことを確認する

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


キャラの取り込み⽅を理解する●「⾚と⻘のキャラを取り替えてお話をつくろう、どんなキャラがいいかな？」と声がけして、各⾃２つづつイラストを選ぶ。

●ひだりのメニューのにある (キャラ1)をタッチしたあと、上部のをタッチ

● をタッチして、カメラを起動させる。使いたいキャラをひとつ⼤きめに撮影する

●写真が撮りこめたら消しゴムを使ってキャラをきれいにきりとるできたら同じように (キャラ2)も画像を取り替える。できたらたくさん遊ぶ

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

えをおおきくしたり、ちいさくできるえのむきをかえる

なんでもけせるけしごむキャラのふちにそってけせるけしごむ

けしてしまったところをもどすペンあかるさをかえる

へんしゅうできたらＯＫボタンをタッチ



背景の取り込み⽅を理解する●ひだりのメニューのしたにあるをタッチ

● マークをタッチしてカメラをきどうさせ、背景の写真をとるとりこみできたらボタンをタッチ

●背景までできたら完成。「⾃分で楽しんだら、友達同⼠で鑑賞しあったりして遊ぼう」と声かけ

背景をいれる3


27

かんせい！


時間に余裕のある場合には、キャラ3を⾜す● ボタンをタッチしてカメラを起動させ、新たなキャラを写真に撮り、キャラクターを⾜す

●キャラができたら配置する

●⾜したキャラにプログラムをつける。を配置することを伝え、そのあとの動きは⾃由に決める

キャラ3を⾜す4


右にスライドさせ、配置

キャラ③が動かないときには、キャラ①との距離を確認遠すぎると動かない


ワークショップのまとめ

そらもんは、みんながブロックを並べた順番に動いたよね。というブロックを使ったときには、タッチしたものだけが動いたね。

これは、ブロック⼀つずつがコンピュータにお願いをしているから動いたんです。お願いを順番に並べてコンピュータを動かすことを、プログラミングといいます！

みんなの⾝の回りににも、プログラミングされたものがたくさんあるんだけどわかるかな？たとえばこのお部屋のなかだとなんだろう？ (会場内を⽬を向けさせる)分かる⼈―？ (挙⼿して回答を促す) 例）テレビ、タブレット、エアコンおうちではどうかな？ (挙⼿して回答を促す) 例）洗濯機、冷蔵庫、⾞たくさんプログラミングされたものがありそうだね。みんながプログラムを学ぶといろんなものが作れそうだね。

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


ワークショップガイド - ベーシックコース - amazon s3...2018/07/18 ·...

Documents