第1073回- 物聯網-Webduino Blockly 編輯器

-
今天週三下午校內研習邀請家維老師來教大家玩 Webduino，今天我們主要是學習如何使用 Webduino Blockly 編輯器。關於 Webudino 是由台灣的慶奇科技所開發，請參閱數位時代 Webduino：前端開發者進攻物聯網的神兵利器。

Webduino Blockly 編輯器 上有 Arduino UNO 和零件的模擬器，可以在還沒有買硬體時先玩玩看，對大班級教學應該很有幫助。


LED燈
    1. 點選模擬器區域
    2. 拉出 Arduino Uno 和 LED燈
    3. LED燈曲腳是正-接13，短腳是負-接GND
    4. 拉出開發板積木，設定 Device ID 05O0
    5. 拉出LED燈積木，腳位 13
    6. led 設定狀態 on
    7. 右上紅色三角 play 按鈕，可以看見LED燈亮了

    三色LED燈
    1. 模擬器中的三色LED燈，V接3.3V，R插10 B插8 G插9
    2. 積木設定 rgbled為三色LED紅10藍8綠9
    3. 迴圈積木-重複10次
    4. 設定顏色-固定或隨機
    5. 等待1秒

    LED點矩陣
    • 排出單一一個英文字母
    • 做出英文字母A-Z的跑馬燈
    • 做動畫
    我特別有興趣的是，微笑符號的代碼是 1026464040462610 ，為什麼是這一串數字？怎麼解析？如果我想秀出其他圖案，或者是中文字，要怎做？我google找到Webdunio官方教學範例 18：LED 點矩陣顯示圖形，其中說到：LED 點矩陣裡顯示的圖形是由「八組兩兩成對十六進位代碼組成( 共十六碼，可以更多，但須兩兩字母或數字成對 )」

    我還很開心的發現，有一個 Webduino 點矩陣代碼產生器，我研究了一會兒，終於明白8X8顆LED是每四顆一組，一共16組，一組用一個16進位數字表示，一組四顆LED燈的明滅有16種組合。


    蜂鳴器

    • 可演奏音樂，同事們都玩得很開心


    待嘗試
    後來才發現，編輯器右上方有一本小書的圖案，是 Webduino Blockly 關卡，有題目有解答。
    http://simulator.webduino.io/index-stages.html

    1、點亮 LED 燈( 解答 )
    2、紅綠燈控制( 解答 )
    3、七彩霓虹燈( 解答 )
    4、按鈕控制 Youtube 頻道( 解答 )
    5、兩人賽跑( 解答 )
    6、倒車雷達( 解答 )
    7、平交道管制( 解答 )
    8、超音波控制 Youtube 頻道( 解答 )
    9、小小動畫 (點矩陣)( 解答 )
    10、小小音樂家( 解答 )

    留言

    張貼留言

    這個網誌中的熱門文章

    第1918回-師師有法寶-4-雄-筆順練習-南一-康軒-翰林-國小國語- QR Code 大合集

    -
    圖片
    雄筆順練習 QR code 南一-康軒-翰林-國小國語 113學年上學期 更新說明： 1. 南投縣老師有 LoiLo 特典  2. 各版版本各年級獨立一個簡報檔 3. 如需列印，請將簡報另存成 PDF 即可 4. 請幫忙檢查內容是否有誤，並煩請回報給我 5.  使用說明影片-筆順練習 113上 國小國語課本生字 Qr Code 大合集 - YouTube 113上  翰林 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 五上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 六上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 五上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 六上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 首冊 注音  QR Code 雄筆順練習   Google 簡報 113上 南一 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 五上 生字  QR Code 雄筆順練
    閱讀完整內容

    第1804回- Google 文件如何一次看兩頁？

    -
    圖片
    今天在使用 Google 文件跟學生共同創作一個用餐禮儀短劇的劇本時，編寫到差不多的時候，想要一次展示兩頁給學生看，但發現 Google 文件在現階段沒有這個功能。 在 Google 文件中一次只能看一頁，真不方便！有沒有可能兩頁左右並排來觀看文件呢？ 下班回家吃過晚餐、飯後散步時又想起這件事，回家後打開 Chromebook 上網查了一下資料，有找到一個方法，可以讓 Google 文件 像電腦的文書處理軟體或是PDF檢視器那樣，可以兩頁並排顯示。 我是用關鍵字  2-page view in google docs - Google 搜尋  找到這篇 2-page view in Google Docs (Example)  但我看不懂要怎麼使用這一串指令？ 不死心又繼續找，找到這篇， view 2 pages at once in google docs. ，在註解中有提到： Use this JS in your google doc browser console，我就根據這個線索，在 Chrome 瀏覽器右上方三個點那邊選「更多工具」，然後選「開發人員工具」，點一下「Console」然後把以下這一串指令複製貼上： // Use this JS in your google doc browser console // Courtesy https://coderwall.com/p/qvdxia/2-page-view-in-google-docs (function(d, t, z, s) {     s = d.createElement(t);     s.innerHTML = z + '-outer{left:0px !important;}' + z + '-outer,' + z + '-inner{width:100% !important;}.kix-page{float:left; width:48% !important;}';     d.getElementsByTagName(t)[0].parentNode.appendChild(s); })(document, 'style', '.kix-zoomdocumentplugin'); 複製貼上後
    閱讀完整內容

    第1670回-自主學習-如何印出中英對照的 TED 演講逐字稿

    -
    圖片
    昨天在做 第1669回-我家私塾-英文單字-部件組合 時，我發現兒子很多中文字不太會寫，我覺得可能的原因是：平常中文字寫太少。我想要求他每天抄寫100個中文字，可是要抄什麼呢？ 兒子平常不太看書，這兩三個月來我放棄要求他多看書，改成看電影，而且最好是外語發音的影片，這樣他就非得閱讀字幕不可了。我家有訂 MOD 電影199，所以影片資源不是問題。兒子覺得若是英語發音的電影，最好是有中英文字幕並列，這樣還可同時增進英語的語感。 基於上述兩點，若要每天抄寫100個中文字，我第一個想到的是  TED  的演講影片。首先找到他有興趣的影片，在看過影片後，我把  TED  演講影片的逐字稿印出來給兒子看，他閱讀時用螢光筆標注他覺得值得抄寫的句子，然後每天抄一百個字。也許也可以中英文都抄，哈！可能我太貪心了。 好，所以現在問題縮小為：如何印出中英對照的 TED 演講逐字稿？ 如何找到有中文逐字稿的 TED 演講影片？ 我幫各位準備好這個連結： 有中文逐字稿的 TED 演講影片列表 ， 有中文字幕，且以觀看人次排列。 如何印出 中文的 TED 演講逐字稿？ 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 ，我挑選了  Colm Kelleher: What is Zeno's Dichotomy Paradox? | TED Talk  這部影片，點一下在影片下方的「Transcript」，選擇「中文繁體」，然後您就可以取得中文的 TED 演講逐字稿了！ 您還可以複製貼上到文書處理器中調整一下排版，這樣閱讀起來會更舒適。 如何印出 英文的 TED 演講逐字稿？ 同上述的方法，點一下在影片下方的「Transcript」，選擇「English」即可 如何印出 中英對照 的 TED 演講逐字稿？ 這裡是本篇網誌的重點喔！ 1. 其實你已經有中英對照的 TED 演講逐字稿了 怎麼說呢？啊既然你已經把 中文的 TED 演講逐字稿印在一張A4紙上，也把 英文的  TED 演講逐字稿印在一張A4紙上，把兩張紙擺在桌上，不就是 中英對照 了嗎？ 2. 我想要的是「逐段並列」的中英對照 逐字稿 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 我挑選了  Colm Kelleher: What is Zen
    閱讀完整內容