ワークショップガイド

(1)

1 イベント主催者むけ

(2)

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

・・・P5〜7

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

①基本操作

➁作品づくり

③まとめ

・・・P17〜20

・・・P８〜16

１．はじめに

・・・P3〜4

・・・P21

(3)

3 １．はじめに

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

対象とする⽅

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

を主催したい⽅

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

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

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

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

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

をお勧めします

(4)

１．はじめに

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

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

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

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

4

(5)

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

● ライトコース

所要時間：30分

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

内容

：基本操作＋パズル

● ベーシックコース

所要時間：60分

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

内容

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

● クリエイティブコース

所要時間： 120分~150分

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

内容

：基本操作＋作品づくり

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

本ガイドは

クリエイティブコース

です

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

(6)

6 メイン講師 1⼈

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

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

⼩学校低学年~

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

参加者と準備するもの

参加者⼈数分の端末

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

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

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

ガイドブック…作りたいガイドブックを⼈数分印刷

https://programmingzemi.com/guide.html

画材…クレヨン、画⽤紙等 →P7に詳細

アプリ動作環境 iOSの場合:iOS 8以降 androidの場合:androidバージョン4.0.3以降 Windows(ストアアプリ形式)の場合:Windows10以降 Windows(exe形式)の場合: Windows 7以降 (ただし⼀部機能制限あり) ダウンロードはこちらから https://programmingzemi.com/

講師

参加者

準備するもの

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

(7)

7 会場の配置をする

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

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

机

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

机

イスイスイス

机

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

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

⽩画⽤紙…ひとり2枚⾊画⽤紙は背景⽤クレヨン…2セット縁取り⽤の⿊サインペン、消しゴム、鉛筆…⼈数分ガイドブック⼈数分 開始時にはデスク中央にまとめておき、 参加者の⼿元には端末のみおいておく

●

_{3⼈分のセッティング例} 端末×⼈数分 ガイドブック、⽂房具類

(8)

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

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

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

【レクチャー】 カメラで写真を 撮って次にOKボタ ンを押します！ 【作業】 さあ、やってみよう わからなかったら ⾔ってね！ 【レクチャー】 先⽣みててねー！ サポーター メイン 【作業】 （2.3⼿順ごとに） じゃあ、ここまで やってみよう！ 作業するタイミングを明確 にし、分からない⼦を フォローする （重要な説明を するときには） 今から⼤事なこ とをいいます！ 説明時には、こどもたちは⼿元の タブレットに注意が⾏きがちなので、 講師に注⽬するように声がけ

(9)

アプリを起動させる

ユーザを追加する

設定を確認する

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

1

2

3

4

9 基本操作のまとめ

5 ながれ

学ぶこと

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

プログラミング的思考

⽬安の時間

15分

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

①基本操作

(10)

アプリを起動させる

ユーザを追加する

1

2

10

●ホーム画⾯やデスクトップのアイコンをタッチしてアプリを起動させる ●スタート画⾯をタッチして、ユーザ追加画⾯へ ●［ユーザをついか］をタッチ ●［ニックネーム］をタッチして次の画⾯へ

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

(11)

ユーザを追加する

2

●ニックネームについての注意事項を説明する アプリ公開時に作った⼈のニックネームが公開されるので、フルネームはさけるよう伝える ⼊⼒⽅法を伝える「濁点はひだりにあるよ」「カタカナは［カナ］をおしてみてね」など ●ニックネームの⼊⼒後、 を押して、設定確認画⾯へ 「ニックネームつけて を押したら、待っててね」と声がけし、 先に進みすぎないように注意をする ●設定を確認しますか？の を押して確認画⾯へ進む システムキーボードへの切り替え 漢字を使いたい場合に使います

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

11

(12)

設定を確認する

３

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

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

12

(13)

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

4

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

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

(14)

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

4

プログラムで動かすことを理解するために、まずは指で操作し、キャラの取り出し 削除を理解する ●ゆびで動かす 中央のそらもんをタッチしてゆびで⾃由に動かす ピンチインピンチアウトでサイズの変更を⾏う ●キャラの取り出し 左側のそらもんをタッチして右にスライドさせたくさんだせることを確認 ●キャラの⽚付け 左にスライドさせ、削除できることを確認、最後に３つほど出した状態で次の⼿順へ 右にスライドさせ、表⽰ 左にスライドし、削除

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

(15)

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

4

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

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

(16)

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

4

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

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

(17)

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

4

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

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

(18)

３．ワークショップの進⾏ ➁作品づくり

③作品づくり

1 ながれ

学ぶこと

プログラミング使って

作品が作れること

絵を描く

2 ⽬安の時間

105分

キャラの作り⽅

3 _{ガイドブックを⾒ながら}

各⾃作品づくり

Copyright (c) 2018 DeNA Co.Ltd. All right reserved. 作品づくりについてのお願い プログラミングゼミの特⻑は、⾃分の描いた絵がその まま使えることであり、その絵が動くことで⼦どもた ちの創作意欲を喚起します ガイドブックに⽰された例はあくまでも事例です。 きれいな絵にこだわらず、⼦どもたちの⾃由な発想を 活かしてあげてください もぐらたたきの例絵が異なることで様々な作品ができる

18

(19)

●⽤紙を配布する 通常の画⽤紙でもよいが、絵のサイズ感が⼩さくなったり、キャラ同⼠の重なりが起きるため、 巻末のイラスト⽤テンプレート紙を印刷し、かき込むと作業がしやすい 背景については、縦対横が800:430のため、背景を作成する際には巻末テンプレートを 使⽤することをおすすめする 背景の作成が難しい場合には、⾊画⽤紙を撮影してもよい

進⾏の仕⽅

２．ワークショップの進⾏ ➁作品作り

1 絵を描く 20分

テンプレ―トの使⽤例

(20)

●制作する作品を説明し、ガイドブックを⾒ながら必要な絵をそれぞれ描く マジック等で縁をはっきりととっておくと、作業がしやすい 絵を描く時間がない場合には、テーマに沿ったイラストをぬりえとして ⽤意しておいてもよい ●時間が来たらいったん作業を⽌め、キャラの取り込み⽅へうつり、各⾃の作業の 段階で再開する

進⾏の仕⽅

３．ワークショップの進⾏ ➁作品づくり

1 絵を描く 20分

20

(21)

●メニュー画⾯[あららしくつくる]→[じゆうにつくる]から新しい作品を⽴ち上げ、 ボタンを選択してキャラを追加する ● をタッチして、カメラを起動させる。ガイドブックに従って１つめのキャラを ⼤きめに撮影する ●キャラを消しゴム等を使って切り取る⽅法を教え、１つ完成させる

21

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

３．ワークショップの進⾏ ➁作品づくり

2 キャラの作り⽅ 10分

(22)

22 ３．ワークショップの進⾏ ➁作品づくり

３ ガイドブックをみながら各⾃で作品をつくる 75分

この後は各⾃がガイドブックを⾒ながら作品づくりを進める 最初に以下の確認を講師が⾏う。サポーターは参加者に⽬を配りフォローする ● ブロックは⾊ごとにまとまった場所にあること…① ● プログラムを組むキャラを間違えないこと…➁ ●まずは基本的な動きが動くところまで制作して、[チャレンジへん]以降は、 時間に余裕があれば制作する。最後に周囲のひとと遊びあう時間をとる ブロックの⾊ごとに、カテゴライズされている 本来キャラに組みたいプログラムを、はいけいなど_{違うキャラに組まないように確認する}

①

_➁

(23)

ワークショップのまとめ

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

ワークショップガイド - クリエイティブコース

1

イベント主催者むけ