Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル...

23
超シンプル Scratchプログラミング Scool NameNameH29 夏期短期研修「プログラミング教育講座」【資料1】 沖縄県立総合教育センター IT教育班 2017/8/22 1

Transcript of Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル...

Page 1: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

超シンプルScratchプログラミング

Scool Name:Name:

H29 夏期短期研修「プログラミング教育講座」【資料1】

沖縄県立総合教育センター IT教育班2017/8/22 1

Page 2: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

① プログラミングとは●プログラミングとは…

プログラムを作成すること。

●プログラムとは…

プログラム言語等を用いてコンピュータに命令する処理の手順を記述したもの。

2017/8/22 2

Page 3: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

『 NHK for Scool 』で特集サイトあり!!

“why!? プログラミング”

2017/8/22 3

○ここをクリックすると「 NHK for School Why! プログラミング」が別画面でスタートします。(ハイパーリンク設定済み)

http://www.nhk.or.jp/gijutsu/programming/

Page 4: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

② プログラムについて

ネコに四角を描かせよう!

プログラム

演習1 基本演習 Scrachの基本を習得する (50分)

2017/8/22 4

Page 5: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

③ Scratch2.0の利用1Webブラウザをダブルクリック

アドレス欄に

http://scratch.mit.edu/と入力

またはScratchで検索

演習1

2017/8/22 5

Page 6: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

④ Scratch2.0の利用2

クリック

Scratch で検索

演習1

2017/8/22 6

Page 7: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑤ Scratch2.0の利用3

【やってみる】をクリック

演習1

2017/8/22 7

Page 8: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

各部の名称 2資料スクラッチのwebサイトで「作る」をクリックすると、この場面になります。

ステージ

スプライト

スプライトリスト

スプライトを選択できます

スプライトの手書きができます

背景の選択

タブ

ブロックパレット

スクリプトエリア

※ブロックを組み立てるエリア

カテゴリー

2017/8/22 8

Page 9: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑥ チュートリアルについて

指示に従って進めていくだけで基本的な操作が学べます

演習1

2017/8/22 9

Page 10: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑦ ブロックの動きを確認

【10歩動かす】をクリックすると

ネコが右へ移動します

演習1

2017/8/22 10

Page 11: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑧ 動くプログラムの作成

ブロックをドラッグする

※スクリプトエリア

演習1

2017/8/22 11

Page 12: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑨ 動くプログラムの作成2緑の旗をクリック

ネコが右に移動する

※ネコを止めるには【緑の旗】の右隣にある【赤信号】をクリックする

演習1

2017/8/22 12

Page 13: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑩ 動くプログラムの作成3跳ね返り

ネコが逆さまになってしまいます

ネコはひっくり返らなくなります

【i】をクリック

をクリック

演習1

2017/8/22 13

Page 14: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑪ 「動く」から「歩く」へ

※ネコ(スプライト)には違う衣装(コスチューム)が準備されています。

走っているように見える

歩いているように見える

演習1

2017/8/22 14

Page 15: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑫ プログラムの保存①

※作成したプログラムはコンピュータに保存することができます。

演習1

2017/8/22 15

デスクトップ

Page 16: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑬ ネコはあちらこちらに!

取る走っているように

見えるよ!

演習1

2017/8/22 16

Page 17: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑭ ネズミをつくろう!①

演習1

※ネコとネズミのスプラウイトがありますが、これからのプログラムはネズミのスプライトを指定して、真っ新なスクリプトエリアにネズミを動かすプログラムを組みます。

2017/8/22 17

Page 18: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑮ ネズミをプログラミング!

ネコ(の色)に触れたら終了するように変えます!

演習1

□をクリックすると指マークが出てきます。その指マークで指定の色を選びます。

2017/8/22 18

Page 19: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

⑯ ネコを増やそう!

ネコ(Sprite1)を右クリックし【複製】をクリックすると2匹になります!

演習1

2017/8/22 19

Page 20: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

【その他】 ユーザー登録①

※ユーザー登録を行うことで作品をWeb上に保存したり公開することができるようになります。

※ユーザー登録は保護者の人と一緒に行いましょう!

演習1

2017/8/22 20

Page 21: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

【その他】 ユーザー登録2

ユーザー名

ユーザー登録を行うと【ファイル】から選べる選択肢が増えます

演習1

2017/8/22 21

Page 22: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

演習1のおわり

児童の自宅や学校でもScratchプログラミングに

取り組ませることができます!

2017/8/22 22

Page 23: Scratchプログラミングit.edu-c.open.ed.jp/kakitan/program/h29_scrach-presen.pdf超シンプル Scratchプログラミング Scool Name: Name: H29 夏期短期研修「プログラミング教育講座」【資料1】

おわり

では、休憩後50分間、先生自身でプログラミング実習を行います!

お題は…「正多角形のプログラミングを

使って模様を作ろう!!」

演習2 各自、お題に沿ってScrachでプログラミングし、作品を作りましょう。 (50分)その後、作品をシェアします。 (20分)

2017/8/22 23