Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
[ハンズオン資料]Ozobot Bitによるプログラミング的思考育成
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Kenichi Yoshida
November 18, 2016
Programming
720
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
[ハンズオン資料]Ozobot Bitによる プログラミング的思考育成
Ozobot Bitによるプログラミング的思考育成
Kenichi Yoshida
November 18, 2016
More Decks by Kenichi Yoshida
See All by Kenichi Yoshida
WxBeacon2の気象データをAmbientに定期的にUPする
kyoshida
0
1.5k
JAWS-FESTA 東海道 2016にてSORACOM Beamハンズオン補足資料
kyoshida
0
170
Other Decks in Programming
See All in Programming
自サークルのIdPからログアウトできるようになるまで
taiseiue
1
140
なぜCTOを降りてFDEを選んだのか?〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
gonta
1
210
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
610
AIで開発が速くなった先で、開発チームは何を目指すか
shihochan
0
920
IBM Bob Dojo #1 仕様駆動開発入門
oniak3ibm
PRO
0
390
HTML-in-Canvasで作る未来のWeb UI表現
clockmaker
5
5.1k
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
rkaga
8
2.2k
Next.js: The final boss of Web Performance
guaca
0
250
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
yukiny
0
350
Vue Fes Japan の “作る側”に関わってみて
naokihaba
0
160
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
1
750
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.9k
Featured
See All Featured
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
540
Color Theory Basics | Prateek | Gurzu
gurzu
1
490
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
640
We Have a Design System, Now What?
morganepeng
55
8.4k
How to train your dragon (web standard)
notwaldorf
96
6.9k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
270
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
440
Crafting Experiences
bethany
1
380
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.4k
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.2k
Side Projects
sachag
456
43k
Embracing the Ebb and Flow
colly
88
5.2k
Transcript
Ozobot Bitによる プログラミング的思考育成 吉田 研一 ECCコンピュータ専門学校 ワークショップ 10:00-11:50 第12回情報教育合同研究会
自己紹介 • 吉田研一 49歳 – 現 ECCコンピュータ専門学校非常勤講師 – 1987年 国立奈良高専電気科卒 – 2000年 大阪市立大学理学部卒
• 高等学校教諭一種免許状(理科)取得 2
プログラミング教育経験1 • ECCコンピュータ学院 (2002〜2004) – 社会人向け C言語、PHP、Linuxシステム構築他 の授業 • ECCコンピュータ専門学校 (2005〜) – 高卒生中心 C言語、Java、PHP、VisualBasic、C#、
Ruby、Python、JavaScript、SQL他の授業 • CodeEdu/ (2016〜) 上越教育大学 – プログラミング教育指導者養成講座 e-Learning講師 3
プログラミング教育経験2 • ボランティア – CoderDojo Himeji (2014年6月〜) • Scrach, ScrachJr他 •
コミュニティ – プログラミング教育研究会 (2014年11月〜) • プログラミング教育指導者の会合 • 総務省 若年層に対するプログラミング教育 の普及推進(平成28年度採択案件) 4
総務省 若年層に対する プログラミング教育の普及推進 • 総務省 11管区の内 近畿管区にてOzobot Bitを用いたプログラミング教育の実施 5
総務省 若年層に対する プログラミング教育の普及推進 • メンター(学生・一般)が小学校5年生2クラス にOzobotを教える。 6
Ozobot(オゾボット)とは • 一辺が1インチ(3センチ弱)のライントレーシ ングロボット • 2014年Kickstarterに登場 • 2015年10月からEvollve社から販売開始(米 国のみ) 7
国内正規販売開始 • 2016年11月キャスタリア社から国内正規販売 開始 定価9,800円 Amazonにて 8
Ozobotできること(今回実施分) • OzoCode オゾコード – 紙またはタブレット上の線をライントレースさせる – OzoCodeと呼ばれるカラーコードで命令を伝える – パソコン不要でアンプラグドといえる教材 • OzoBlockly オゾブロックリー(2016年6月〜)
– ブロック型プログラミングでプログラムをつくる – パソコンの画面の光でプログラムを伝える – 自分で動作するし、ライントレースもさせることが できる 9
Ozobotできること(今回未実施) • OzoDraw オゾドロウ – タブレット(iPad/Android)が必要、アプリ。 – エディタで線を描き、ライントレースさせる。 – OzoCodeと呼ばれるカラーコード命令が使える。 – 紙を使うよりもやり直ししやすいのが特徴。 • OzoGroove
オゾグルーブ – タブレット(iPad/Android)が必要、アプリ。 – 時間軸上に動きを並べ音楽に合わせて動かす。 – タブレットの画面の光で動きを伝える。 10
動き • ライントレース+点灯 – 5mm程度の太さの線の上を走る – 黒色+赤色、緑色、青色(RGB) – 線の色に合わせてLEDが光る 11
実習の説明 OzoCode 12
動かす前にチェック【知識】 • Ozobot本体のホイール(車輪)にゴミやほこり、 油分などを取り除く • バッテリ充電にも気をつける – 赤点滅:バッテリ残り 少の状態 – USBケーブルで充電 •
緑点滅 もう少しで充電完了 • 緑点灯 充電完了 – フル充電で50分〜90分ほど動作 13
下駄箱(黒い丸)においてください 14
• やってみる – Ozobotのボタンを3秒以上押す – 白く点滅したら離す – 黒い•の上に置く • 緑色に点灯しながら前進したら成功 • 赤色に点滅したら失敗、再度やり直しです •
はじめる前に一回は行います キャリブレーション 最初の調整 15
スタートにおいてスイッチをおしてみる 16
①まっすぐジャンプをはってスタート 17
②「ターボ」「ゆっくり」をはってスタート 18
マジックで黒く③塗りつぶす 紙をよこにするといいよ 19
③Uターンをはってスタート 20
④「左へ」をはってスタート 21
⑤「左へジャンプ」をはってスタート 22
OzoCodeまとめ • ラインがひかれていると好きなところにいく – 交差点に入ると向きはランダムに – OzoCode命令は方向を特定する • 2つの方向のちがい「右へ」「左へ」「まっすぐ」 – ラインの上での動作 • 「右へジャンプ」「左へジャンプ」「まっすぐジャ
ンプ」 – ラインが途切れた時の動作 23
課題 OzoCode 24
OzoCode課題1 • プリントLesson1 No.4 用紙にOzoCode命令を 入れて、HomeからSHOPにたどり着けるように しよう! 使えるOzoCode • Uターン
• 左へジャンプ • 右へジャンプ • まっすぐジャンプ 表面素材が変わったので キャリブレーションをして からスタートさせて下さい 25
OzoCode課題2 • サインペンを使ってトレースできる線を自由に 描いて自分だけのOzobotコースを作ってみま しょう。 • 最後に全部つなげて巨大なコースにします。 26
27 たとえばこんなのとか。 余ったOzoCode命令シールも貼ってみて下さい
考察〜プログラミング思考育成1〜 OzoCode & OzoBlockly 28
Ozobotは使える? • 試行錯誤を繰返して目的を達成する – OzoCodeシールを貼りなおす等 – コースを描いたり・消したりができる工夫 • 水拭きマッキーや、タックシールの白 •
複数解を容認する – コース自体が手描きにできる – OzoCode命令次第で自分なりの解を出せる • ロボットだが組立不要で小さい(かわいい) – 収納しやすい、学校の机にフィット – 部品の配線や組み立て不要 – 学校のクラスルーム向け 29
オゾブロックリー OzoBlokly 30
OzoBlockly • OzoBlocklyのサイトへアクセス – hfp://ozoblockly.com/ ←ブラウザでアクセスして下さい • [Get Started]ボタンをクリック 31
OzoBlockly対応Ozobot • Ozobot 1.0はOzoBlockly非対応 – US販売時に即動いた人はNG • 国内正規販売はOzobot Bitのみ • Ozobot
Evoは10月発表の新製品 – BLE対応、Ozobot同士のやり取りがあるらしい 32
mode(レベル)が5段階 • 1 幼稚園年長〜 逐次処理のみ • 2 小学校2,3年〜 逐次・繰返し処理 •
3 小学校4,5年〜 逐次・繰返し・分岐処理 • 4 小学校6年〜逐次・繰返し・分岐処理、演算、 変数、関数 • 5 全機能(未公開) • 今回は、レベル2 から! 33
サンプルを試す • レベル2で、右サイドのExsampleタブをクリック – 1番上の[Square Walk]の[Load Example]をクリック 34
レベル2サンプル Square Walk • 四角の動き 進むごとにLEDの色を替える – 前方へ、4ステップ(4cm)、中くらいの速度で進む – 右へ回る – 4回繰り返す 35
プログラムを送る準備1 • できれば画面の輝度を最大(100%)に OzoBlockly画面右下の[Load Bit]ボタンをク リック – Load画面を出す 36
プログラムを送る準備2 • Ozobotの電源ボタンを2秒以上押し続ける (キャリブレーションを行う) – ボタンを離す。 – Ozobotが白く光っているうちにLoad画面の白いス ポットにくっつける – Ozobotが緑色の点滅になればキャリブレーション 完了 37
光でプログラムを送る • 改めてOzobotの電源ボタンを1回押してLoad 画面の白いスポットにくっつける • [Load]ボタンをクリックしロード開始 – 白いスポットが光りOzobotが緑色の点滅になればプログ ラムのロードが始まっている –
もしOzobotが赤色の点滅になればプログラムのロードが 失敗している – 再度白いスポットにしっかりあててやりなおす 38
プログラムの実行 • Ozobotの電源ボタンを2回押せばプログラム がはじまる – Ozobotの電源ボタンを1回しか押さない場合 Ozocodeのライントレースロボットとして動作する ので注意 – ブロックを追加・削除・変更するなどしたら再度光 でプログラムを送りロード・実行を行う 39
レベル2 Beginner でブロック • ブロックをドラッグドロップして配置しましょう • プログラムを ロードして実行 してみましょう! •
うまく動けば、繰返し回数、方向、ステップ、ブロックそ のもの変えてみましょう!! 40
レベル3でライントレース • 交差点の色で分岐処理を行うプログラム • ブロックをドラッグドロッ プして配置しましょう 41
実行すると途中で止まる? • 交差点(intersecnon)の数の分だけ繰り返す ① ② ③ ④ • 池の周りを1周する ように書き換えて実
行して下さい 42
課題 OzoBlockly 43
OzoBlockly課題 • スタート地点から動いてたい焼き屋さんまで Ozobotを動かすプログラムを作成せよ。 • レベル3で行う • どう動いてもOK • ブロック何使っ
てもOK • 冗長なものより 短いものが素敵 44
考察〜プログラミング思考育成2〜 OzoCode & OzoBlockly 45
OzoBlocklyは使える? • 試行錯誤を繰返して目的を達成する – プログラム作成ーロード・実行が容易 – ケーブルやBluetooth通信など不要 • 複数解を容認する –
たい焼き屋さんへたどり着くルート、プログラム – 冗長なもの/最適なものの評価 • 発達段階に応じたブロック – レベル3までは逐次・繰返し・分岐を段階的に追加 – レベル4は基本的な(ブロック型)プログラミング言語 の要素をすべて備える 46
ご清聴ありがとうございました 吉田 研一 ECCコンピュータ専門学校 ワークショップ 10:00-11:50 第12回情報教育合同研究会