micro:bit

Size: px

Start display at page:

Download "micro:bit"

つかさのあき
5 years ago
Views:

1 表紙 NPO 法人北摂 SITA micro:bit 使い方入門ガイド暫定版準備からプログラム作成ツールの使い方まで作成 YO_takatsuki 2018 年 10 月 14 日 1 / 31

2 １micro:bit の各部説明内容１ micro:bit の各部説明... 3 ２パソコンと micro:bit の接続方法... 4 ３プログラミング作成ツールの入手方法... 5 ４プログラム作成ツールの画面について... 6 ５プログラム作成ツールの使いかた... 7 ６シミュレーターで確認しよう... 9 ７プログラムをパソコンに保存する８プログラムを micro:bit に送る方法はじめに micro:bit は英国で生まれた小中学校向けのコンピュータの仕組みやプログラミングを勉強するためのコンピュータです簡単にプログラムを作成することができ親子でプログラムを学ぶための最適な教材です英国はもちろん北欧シンガポールスリランカまで広く世界中の学校で使われています日本でも２０１７年に発売され現在では国内のプログラミング学校の教材として広がりつつあります本書は初めて micro:bit を手に取られる方を対象に準備からプログラミング作成ツールの使い方までの必要な情報をまとめた内容になっています本書がプログラミング学習に貢献できれば幸いです 2 / 31

１micro:bit の各部説明１ micro:bit の各部説明 ⑤リセットボタン ⑦無線アンテナ ④USB コネクタ ⑥電池用コネクタ ②LED(25 個) 光センサー ①ボタン ①プロセッサー(CPU) 温度センサー ②地磁気センサー ③加速度センサー裏面裏面番号 ① ② ③ ④ 名称プロセッサー CPU 地磁気センサー

プログラムを受け取るために使われますパソコンからの電源供給にも使われますプログラムを最初から実行することができます電源を供給するための電池ボックスを接続します他の micro:bit やパソコンとの無線通信に使うことができます表面番号 ① ② ③ 名称ボタン LED 光センサー拡張端子 3 / 31 説明

3 １micro:bit の各部説明１ micro:bit の各部説明 ⑤リセットボタン ⑦無線アンテナ ④USB コネクタ ⑥電池用コネクタ ②LED(25 個) 光センサー ①ボタン ①プロセッサー(CPU) 温度センサー ②地磁気センサー ③加速度センサー裏面裏面番号 ① ② ③ ④ 名称プロセッサー CPU 地磁気センサー加速度センサー USB コネクタ ⑤ ⑥ ⑦ リセットボタン電池用コネクタ無線アンテナ ③拡張端子表面説明 micro:bit の頭脳に相当する部分ですここにプログラムを書き込みます温度センサーもここに含みます地球の磁気を測定するセンサーで方角がわかります本体のかたむきや揺さぶりが検出できますパソコンとつないでプログラムを受け取るために使われますパソコンからの電源供給にも使われますプログラムを最初から実行することができます電源を供給するための電池ボックスを接続します他の micro:bit やパソコンとの無線通信に使うことができます表面番号 ① ② ③ 名称ボタン LED 光センサー拡張端子 3 / 31 説明押しボタンスイッチとして使用しますボタン A ボタン B と２種類あります５ｘ５に並んだ LED 計２５個です光センサーにもなり周囲の明るさがわかります０１２は LED などを接続するための出力端子またはスイッチを接続するための入力端子にも使用できます３V は３V の電源が出力されます他のボードへの電源供給のために使用できます GND は他の端子に対し電流の戻り道になります

２パソコンと micro:bit の接続方法２パソコンと micro:bit の接続方法 ①パソコンを起動し

Windows10 の場合 USB ケーブル MAC の場合アエクスプローラを起動ア Finder を起動

クリックイ左側のデバイス欄に MICROBIT の表示があれば OK "MICROBIT"の表示がなければ USB

4 ２パソコンと micro:bit の接続方法２パソコンと micro:bit の接続方法 ①パソコンを起動し micro:bit を USB ケーブルで接続します ②パソコンが micro:bit を認識しているかを確認します Windows10 の場合 USB ケーブル MAC の場合アエクスプローラを起動ア Finder を起動クリックイ左の欄の PC をクリックし右の欄のデバイスとドライブに MICROBIT の表示があれば OK クリックイ左側のデバイス欄に MICROBIT の表示があれば OK "MICROBIT"の表示がなければ USB ケーブルを抜いてもう一度接続してくださいイ左側のデバイス欄に MICRO:BIT の表示があれば OK 4 / 31

5 ３プログラミング作成ツールの入手方法３プログラミング作成ツールの入手方法 Windows10 の場合マイクロソフトストアから mocro:bit 用アプリを入手エスタートボタンをクリック入手したアプリを一覧から探すアインターネットを接続しマイクロソフトストアをクリックイ検索欄に"micro:bit"と入力オ右クリックメニューよりスタートにピン留めするをクリックウ検索結果の"MakeCode for micro:bit"の入手をクリックカスタートにピン留めされた Windows１０以外のパソコン Windows７８ MAC ア WEB ブラウザで下記の WEB ページを開きます / イ開いた後次回簡単に開けるようにお気に入り登録しますお気に入り登録 5 / 31

４プログラム作成ツールの画面について４プログラム作成ツールの画面について ⑦プロジェクト ②プログラミングエリア ③シミュレーター ①ツールボックス ⑥ ④ ⑤ ⑧ ⑨ 名前 ①ツールボックス ②プログラミングエリア ③シミュレーター ④プログラムの名前 ⑤保存 ⑥ダウンロード ⑦プロジェクト ⑧戻る進む ⑨拡大縮小表示 6 / 31 機能プログラムのブロックが入っている

6 ４プログラム作成ツールの画面について４プログラム作成ツールの画面について ⑦プロジェクト ②プログラミングエリア ③シミュレーター ①ツールボックス ⑥ ④ ⑤ ⑧ ⑨ 名前 ①ツールボックス ②プログラミングエリア ③シミュレーター ④プログラムの名前 ⑤保存 ⑥ダウンロード ⑦プロジェクト ⑧戻る進む ⑨拡大縮小表示 6 / 31 機能プログラムのブロックが入っているツールボックスの中のブロックを並べてプログラムを作成するプログラムの動作確認を行うプログラムの名前を入力します作成したプログラムをパソコンに保存 Windows10 用 micro:bit アプリの場合プログラムを micro:bit に送信する WEB ページの場合 ⑤の保存と同じ新しいプロジェクトの作成プログラムエリアを空っぽにするまたはパソコンに保存したプログラムを呼び出したりできる作成中のプログラムを一つ前に戻す進めることができますプログラミングエリアのブロックの拡大縮小表示

7 ５プログラム作成ツールの使いかた５プログラム作成ツールの使いかた大きさが変わるハートマークを表示するプログラムを作りますア新しいプロジェクトを作成するイツールボックスの基本をクリックたくさんのブロックが表示されますウアイコンを表示と一時停止のブロックをプログラミングエリアへドラッグドロップしずっとに結合ドラッグドロップ補足ア新しいプロジェクトの作成方法は次ページメモ２参照ウドラッグドロップとはウブロックのくぼみの部分をあわせると自動的にブロック同士が結合しますエ同様の方法で同じ２つのブロックをつなぐオ ①クリックするとアイコン一覧を表示 ②小さいハートを選ぶオ小さいハートのアイコンに変更数字を 200 に変更し完成ここをクリックし数字を変更します単位はミリ秒２００ミリ秒は０２秒 7 / 31

8 5 プログラム作成ツールの使いかた新しいプロジェクトの作成方法新しいプログラムを作成するときは新しいプロジェクトを選択しプログラムエリアを空っぽにしますメモ 1 ア ) プロジェクトを選択イ ) 新しいプロジェクトを選択ウ ) プログラムエリアが空っぽになったよく使うブロックの操作ブロックの削除方法ツールボックスア ) 削除するブロックの上にマウスカーサーを置きますイ ) ツールボックスにドラッグ & ドロップで削除されます以下の方法でも削除できます右クリックメニューから削除または左クリックで選択し DEL キーメモ 2 ツールボックスにドラッグで削除されるブロックの結合を外す方法ア ) 外すブロックをドラッグ & ドロップメモ 3 イ ) ブロックの結合が外れた 8 / 31

9 ６シミュレーターで確認しようメモ４ブロックのコピー複製方法アコピーするブロックの上にマウスのカーサーを置いて右クリック右クリックメニューイ複製するをクリックウブロックがコピーされたプログラミングエリアの拡大縮小表示メモ５拡大縮小縮小一部のブロックが表示できない全ブロックが表示できた６シミュレーターで確認しようシミュレーターでハートの大きさが変わればプログラムは正常に動作シミュレーター 9 / 31 くり返す

hex イ赤枠のボタンをクリックウもし以下のメッセージが出たら完了保存メッセージが出たら保存保存フォルダの場所は今後も利用するた

10 ７プログラムをパソコンに保存する７プログラムをパソコンに保存するアプログラムに名前を付けますどきどきハートとします "どきどきハート " エ保存されているか確認しますフォルダを開くを選択オ以下の名前のファイルがあれば保存されています microbit-プログラム名.hex イ赤枠のボタンをクリックウもし以下のメッセージが出たら完了保存メッセージが出たら保存保存フォルダの場所は今後も利用するためメモするなど覚えておいてください保存したプログラムはプログラミング作成ツールから読み込むことができますメモ６保存するフォルダを変更したいときウの手順で A) B) とクリック保存先のフォルダを選び保存をクリック 10 / 31 A) B

11 7 プログラムをパソコンに保存する保存したプログラムを読み込む方法新しいプログラムを作成するときは新しいプロジェクトを選択しプログラムエリアを空っぽにしますメモ 7 ア ) プロジェクトを選択エ ) プログラムを選択し開くをクリックイ ) ファイルを読み込むを選択ウ ) つづけるをクリックウ ) 参照をクリック 11 / 31

12 ８プログラムを micro:bit に送る方法 A Windows10 用 micro:bit アプリから送る方法 Windows１０の micro:bit 用アプリのみ可能な方法ですア micro:bit を接続した状態でダウンロードをクリックイプログラムエリアのプログラムが送信され micro:bit に書き込まれます送信中はオレンジ色のオレンジ色 LED リセットボタン LED が点滅しますウ送信が完了するとプログラムは自動的にスタートしますまたリセットボタンを押すと再スタートしますシミュレーターと同様にハートマークの大きさが変われば成功です送信が完了しない場合は以下を試してください一度 USB ケーブルを外し再接続一度アプリを閉じ再起動 B)プログラムファイルから転送する方法この方法はどのパソコンでも可能ですアプログラムを保存したフォルダを開くイ保存したプログラムの上にマウスカーサーを置き右クリックメニューを表示し送る MICROBIT を選択ウプログラムが送信されます以降は A と同じです右クリックメニュー 12 / 31

13 NPO 法人北摂 SITA micro:bit で学ぶはじめてのプログラミング基本編暫定版準備からプログラム作成ツールの使い方まで作成 YO_takatsuki 2018 年 10 月 14 日はじめに本書は micro:bit のスイッチセンサー通信機能などの基本機能のプログラミングの基本を学習します 13 / 31

14 内容１プログラムボタン ON で文字表示を作ろう (ア) 作成するプログラムの内容 (イ) 完成したプログラム (ウ) プログラムの作成方法 (エ) シミュレーターで確認しよう２じゃんけんゲームを作ろう (ア) じゃんけんゲームの内容 (イ) 完成したプログラム (ウ) ジャンケンゲームの作り方 (エ) シミュレーターで確認しよう３プログラム温度計と照度計を作ろう (ア) プログラムの内容 (イ) 完成したプログラム (ウ) シミュレーターで確認しよう４プログラム micro:bit に働く加速度を表示しよう (ア) プログラムの内容 (イ) 完成したプログラム (ウ) micro:bit でプログラムの動作確認５ micro:bit の向きで表示が変わるプログラムを作ろう (ア) プログラムの内容 (イ) 完成したプログラム (ウ) micro:bit を使ってプログラムの確認６角度を測定するプログラムを作ろう７コンパスを作ろうプログラムの内容 (ア) (イ) 完成したプログラム (ウ) シミュレーターでの動作確認８音を出すプログラムを作ろう (ア) プログラムの内容とスピーカーの接続方法 (イ) 完成したプログラムとシミュレーターによる確認９アニメーションと音を出すプログラムを作ろう (ア) プログラムの内容 (イ) 完成したプログラムとシミュレーターでの動作確認１０ micro:bit 同士で通信しよう / 31

15 １プログラムボタン ON で文字表示を作ろう (ア) 作成するプログラムの内容ボタン A を押したときＡを表示ボタン B を押したときＢを表示ボタン A と B を同時に押したときＡＢを表示 (イ) 完成したプログラム (ウ) プログラムの作成方法 ① プロジェクト新しいプロジェクトを選択 ②プログラム名を入力ここでは "ボタン ON で文字表示とします ③ 入力をクリック ④ ボタン A が押されたときをドラッグドロップ 15 / 31

表示する文字は半角にしてください全角は表示できません文字の変更方法メモ 1 文字の上をクリック

16 8 プログラムを micro:bit に送る方法 5 基本をクリック 6 文字列を表示をドラッグ & ドロップしボタン A が押されたときにつなげる 7 文字列を表示の文字を A に変更する表示する文字は半角にしてください全角は表示できません文字の変更方法メモ 1 文字の上をクリック文字背景に色がつくこの上をクリック縦棒カーサーが現れ文字の変更が可能になる 8 作成したブロックをコピー ( 複製 ) します 16 / 31

17 ⑨ボタン B に変更メモ２参照 ⑩ B に変更これでボタン B のプログラム完成ボタンの変更方法メモ２ ⑪ボタン A+B のプログラムを ⑧ ⑩と同様の方法で作成以上で完成 (エ) シミュレーターで確認しようシミュレーター上のボタン A,ボタン B,ボタン A+B をクリックしプログラムの動作確認をしてください A と B のボタン同時押しはここをクリック 17 / 31

２じゃんけんゲームを作ろう (ア) じゃんけんゲームの内容 micro:bit をゆさぶったらグーチョキパーのいずれかをＬＥＤに表示するグーチョキパーのうちなにを表示するかはだれにもわからない LED に表示するグーチョキパーの形は以下の通りグーチョキ (イ) 完成したプログラム

18 ２じゃんけんゲームを作ろう (ア) じゃんけんゲームの内容 micro:bit をゆさぶったらグーチョキパーのいずれかをＬＥＤに表示するグーチョキパーのうちなにを表示するかはだれにもわからない LED に表示するグーチョキパーの形は以下の通りグーチョキ (イ) 完成したプログラムゆさぶった時に次のブロックを実行変数に０２の乱数を入れる変数が０ならグーを表し論理ブロックを抜ける変数が１ならチョキを表示し論理ブロックを抜け変数が０でないまたは１でないならパーを表示し論理ブロックを抜ける論理ブロックを抜けた後１５秒間待つそのあと LED 表示を消す 18 / 31 パー

19 (ウ) ジャンケンゲームの作り方 ①新しいプロジェクトを選択しプログラムの名前を付けますここでは名前を "じゃんけん"とします ②入力をクリック ③ ゆさぶられたときをドラッグドロップ ④変数をクリック ⑤ 変数を０にするをドラッグドロップしつなぐ ⑥ 変数のをクリックし変数の名前を変更をクリック 19 / 31 ⑦グーチョキパーと入力し OK をクリック

20 ⑧ 計算から０４の範囲の乱数をドラッグドロップし変数の中に入れる ⑬ 変数からグーチョキパーのブロックをドロップドラッグし００の左側に入れる ⑨ ４を２に変更 ⑩ 論理からもしならでなければをドラッグドロップしつなげる ⑭ 基本から show leds のブロックをドロップドラッグしならにつなげる ⑪ もしならでなければもしならでなければのブロックに変更変更方法はメモ３の新しい論理ブロックを作る方法を参照 ⑮ show led をクリックしグーの形を作る ⑫ 論理から００のブロックをドロップドラッグしもしにつなげる 20 / 31

⑯ 変数からグーチョキパーのブロックをドロップドラッグし００の左側に入れる００の右側は１を入れる ⑰ 基本から show leds のブロックをドロップドラッグしならにつなげる show leds をクリックしハサミの形を作る ⑱ 基本から show leds のブロックをドロップドラッグしでなければにつなげる show leds

21 ⑯ 変数からグーチョキパーのブロックをドロップドラッグし００の左側に入れる００の右側は１を入れる ⑰ 基本から show leds のブロックをドロップドラッグしならにつなげる show leds をクリックしハサミの形を作る ⑱ 基本から show leds のブロックをドロップドラッグしでなければにつなげる show leds をクリックしパーの形を作る ⑲ 基本から一時停止ミリ秒のブロックをドロップドラッグしつなげる時間は１５００にする ⑳ 基本から show leds のブロックをドロップドラッグしつなげる (エ) シミュレーターで確認しようゆさぶられたときブロックを使用するとシュミレータ上に SHAKE ボタンが現れますこれをクリックすることで動作確認ができます 21 / 31

22 新しい論理ブロックを作る方法元の論理ブロック作成した新しい論理ブロック作成方法 ②論理ブロック作成エリアが表示される ① 歯車マークをクリック ③左側の else if をドラッグドロップし右側の if と else if の間に入れる ④ 歯車マークをクリック完成 22 / 31 メモ 3 分

23 ３プログラム温度計と照度計を作ろう (ア) プログラムの内容ボタン A が押されたとき明るさ０２５５を表示ボタン B が押されたとき温度を表示ボタン A+B を押したとき表示を消す (イ) 完成したプログラムツールボックスの入力からドラッグドロップ (ウ) シミュレーターで確認しよう明るさや温度を変えながら動作を確認することができますドラッグで明るさを変更できるドラッグで温度を変更できる 23 / 31

４プログラム micro:bit に働く加速度を表示しよう (ア) プログラムの内容ボタン A で X 方向の加速度を表示 Y( ) Z( ボタン B で Y 方向の加速度を表示ボタン A B で Z 方向の加速度を表示 X( X 方向へゆさぶったら X 方向の加速度を表示 Z( X( Y( ) (イ) 完成したプログラムブロックはツールボックスの入力からドラッグドロップします

24 ４プログラム micro:bit に働く加速度を表示しよう (ア) プログラムの内容ボタン A で X 方向の加速度を表示 Y( ) Z( ボタン B で Y 方向の加速度を表示ボタン A B で Z 方向の加速度を表示 X( X 方向へゆさぶったら X 方向の加速度を表示 Z( X( Y( ) (イ) 完成したプログラムブロックはツールボックスの入力からドラッグドロップします (ウ) micro:bit でプログラムの動作確認 micro:bit にプログラムを送り micro:bit で確認しますシミュレーターでは動作確認できません ①A B A+B の３種類のボタンでそれぞれ数値が表示されることを確認します次の図Ⅰ 図Ⅱは micro:bit の向きと重力加速度の値の関係です micro:bit の向きを変えてこの図の数値と近い値になることを確認します図Ⅰ X Y Z /

25 8 プログラムを micro:bit に送る方法図 Ⅱ X Y 表裏 Z X 方向に micro:bit を手で振り X の値を確認してください右側に振るとプラスの値になり左側に振るとマイナスの値になります振る強さが強いほど値が大きくなります X の値から振った方向と大きさがわかりますこの方向から見た図です 1 の値の範囲は 1023~ は値の範囲は -2027~2027( 振った加速度が加わるため 1 より大きくなります ) micro:bit 加速度センサーの予備知識メモ 4 モノを落とすと下に落ちますこれはモノに下向きの力が働いているためでこの力を重力といいます micro:bit も重力が働いています micro:bit では加速度センサーで重力を X Y Z の 3 方向 ( 右図 ) で測定しそれを加速度ブロック X,Y,Z の値とします物を落とすと下に落ちるにに重力下の図 A~ 図 C を使って考えてみます図 A では Y(+) 方向は重力の方向と同じ下向きなので Y の値は重力加速度の値 ( 約 1023) となりますまた X と Z の値は X と Z の方向には下方向の重力が働かないためゼロになります図 B では同様に Z の値が重力加速度の値になりますがマイナス方向の Z( ) のため Z の値は約ー 1023 とマイナスの値になります X Y の値は図 A と同様の理由でゼロになります図 C は Y(+) と X(+) の両方に分散して重力が働くため X Y の値は重力加速度を分散した値 ( 約 512) になります Z の値は図 A と同様にゼロになります X,Y,Z の値がわかれば micro:bit の向きや角度がわかりますこれを利用したブロックがすでに用意されていますので事項で学習します図 C 図 A 図 B 表面が上重力 Y(+) Z(+) Y(+) X(+) 25 / 31

大きいハートを表示右に傾けたら小さいハートを表示 (イ) 完成したプログラムゆさぶられたときはツールボックスの入力からドラッグドロップ他のブロックは

26 ５ micro:bit の向きで表示が変わるプログラムを作ろう (ア) プログラムの内容加速度センサーを使ったブロックを使用しますゆさぶられたらマークを表示ロゴが上になったらうれしい顔を表示ロゴが下になったら悲しい顔を表示画面が上になったら寝てる顔を表示画面が下になったらおこり顔を表示左に傾けたら大きいハートを表示右に傾けたら小さいハートを表示 (イ) 完成したプログラムゆさぶられたときはツールボックスの入力からドラッグドロップ他のブロックはゆさぶられたときのブロックのをクリックしメニューから選択します (ウ) micro:bit を使ってプログラムの確認 micro:bit にプログラムを送信し micro:bit で確認します 26 / 31

27 ６角度を測定するプログラムを作ろう作成中 27 / 31

28 ７コンパスを作ろう (ア) プログラムの内容北側北側を向いたときに N の文字を表示します北側以外の向きの時はマークを表示します北側の範囲は３１５度を超えるまたは (イ) 完成したプログラム (ウ) シミュレーターでの動作確認ドラッグで角度を変更し確認します 28 / 31 ４５度未満

29 ８音を出すプログラムを作ろう (ア) プログラムの内容とスピーカーの接続方法ボタン A を押すとハッピーバスデーの曲が流れるボタン B を押すとドレミの音がでる (イ) 完成したプログラムとシミュレーターによる確認シミュレーター上で音の確認ができます 29 / 31

30 ９踊るアニメーションのプログラムを作ろう (ア) プログラムの内容顔はロゴを使用手足を少しづつ動かした絵を準備し順番に表示 A ボタンを押すと曲を流す (イ) 完成したプログラムとシミュレーターでの動作確認最終形 30 / 31 シミュレーター

31 １０作成中 31 / 31 micro:bit 同士で通信しよう

Microsoft PowerPoint - SKYMENUの使い方.ppt

Microsoft PowerPoint - SKYMENUの使い方.ppt S K Y M E N U の使い方 SKYMENU とは SKYMENU はコンピュータ教室支援ソフトで以下の機能が代表的なものである生徒機を一斉に起動終了できる先生機から生徒機へ情報を発信できる生徒機の操作を制御できる目次 1. 起動の仕方 2. 生徒機の選択 3. ボタンの説明 4. 電源を入れる 5. 生徒機のロック 6. 生徒機のロックの解除 7. 先生機の画面を送る 8. 先生機の