This repository was archived by the owner on Feb 12, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathcloud-03-webduino-blockly.html
More file actions
5 lines (5 loc) · 10.8 KB
/
Copy pathcloud-03-webduino-blockly.html
File metadata and controls
5 lines (5 loc) · 10.8 KB
1
2
3
4
5
<!DOCTYPE html> <html lang="zh-TW"> <head> <meta charset="UTF-8"> <meta http-equiv="pragma" content="no-cache"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="author" content="webduino.io"> <meta name="copyright" content="webduino.io"> <meta itemprop="name" content="webduino.io"> <link rel="icon" href="../img/layout/favicon.ico" type="image/x-icon"> <title>Blockly 程式積木 :::: Webduino = Web × Arduino</title> <meta name="description" content="有別於目前「免註冊」的 Webduino Blockly，雲端平台的 Webduino Blockly 具備存檔與共享檔案的功能，並提供豐富的電子元件與傳感器模組 ( 空氣懸浮粒子 ( PM2.5 ) 偵測、電子磅秤、條碼機、OLED、LCD、MP3 播放器 )，此外，也可以透過 Google 試算表、線上繪製圖表...等網頁服務，完成進階的創意應用。"> <meta itemprop="description" content="有別於目前「免註冊」的 Webduino Blockly，雲端平台的 Webduino Blockly 具備存檔與共享檔案的功能，並提供豐富的電子元件與傳感器模組 ( 空氣懸浮粒子 ( PM2.5 ) 偵測、電子磅秤、條碼機、OLED、LCD、MP3 播放器 )，此外，也可以透過 Google 試算表、線上繪製圖表...等網頁服務，完成進階的創意應用。"> <meta property="og:description" content="有別於目前「免註冊」的 Webduino Blockly，雲端平台的 Webduino Blockly 具備存檔與共享檔案的功能，並提供豐富的電子元件與傳感器模組 ( 空氣懸浮粒子 ( PM2.5 ) 偵測、電子磅秤、條碼機、OLED、LCD、MP3 播放器 )，此外，也可以透過 Google 試算表、線上繪製圖表...等網頁服務，完成進階的創意應用。"> <meta property="og:title" content="Blockly 程式積木"> <link rel="canonical" href="https://tutorials.webduino.io/zh-tw/docs/cloud/basic/webduino-blockly.html"> <meta property="og:url" content="https://webduino.io/tutorials/cloud-03-webduino-blockly.html"> <meta property="og:image" content="https://webduino.io/img/tutorials/cloud-03-fb.jpg"> <meta itemprop="image" content="https://webduino.io/img/tutorials/cloud-03-01s.jpg"> <script src="../js/lib/jquery.min.js"></script> <script src="../js/lib/jquery.lazyload.min.js"></script> <script src="../js/lib/run_prettify.js"></script> <script src="../js/layout-20171211.js"></script> <script src="../js/tutorials.js"></script> <script src="../js/lib/disqus.js"></script> <link rel="stylesheet" href="../style/css/lib/tomorrow.css"> <link rel="stylesheet" href="../style/css/layout.css"> <link rel="stylesheet" href="../style/css/sub-header.css"> <link rel="stylesheet" href="../style/css/tutorials-content.css"> <link rel="stylesheet" href="../style/css/lib/font-awesome.css"> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TT4TZ8L');</script> </head> <body> <header class="path-0"> <a class="logo" href="index.html" data-name="layout-header-logo"></a> <div class="mobile-menu"></div> <div class="menu"> <a href="index.html" class="index" data-name="layout-mobile-menu">首頁</a> <a href="tutorials.html" class="tutorials" data-name="layout-mobile-menu">教學範例</a> <a href="buy.html" class="buy" data-name="layout-mobile-menu">產品總覽</a> <a href="activity.html" class="activity" data-name="layout-mobile-menu">課程活動</a> <a href="about.html" class="about" data-name="layout-mobile-men">關於我們</a> <a href="en/index.html" class="english" data-name="layout-mobile-men">English</a> </div> </header> <header class="path-1"> <a class="logo" href="../index.html"></a> <div class="mobile-menu"></div> <div class="menu"> <a href="../index.html" class="index" data-name="layout-menu">首頁</a> <a href="../tutorials.html" class="tutorials" data-name="layout-menu">教學範例</a> <a href="../buy.html" class="buy" data-name="layout-menu">產品總覽</a> <a href="../activity.html" class="activity" data-name="layout-menu">課程活動</a> <a href="../about.html" class="about" data-name="layout-menu">關於我們</a> <a href="../en/index.html" class="english" data-name="layout-menu">English</a> </div> </header> <div class="tutorials-content"> <div class="banner"> </div> <h1>Blockly 程式積木</h1> <p>有別於目前「免註冊」的 Webduino Blockly ( <a href="https://blockly.webduino.io#_blank">https://blockly.webduino.io</a> )，雲端平台的 Webduino Blockly 具備存檔與共享檔案的功能，並提供豐富的電子元件與傳感器模組 ( 空氣懸浮粒子 ( PM2.5 ) 偵測、電子磅秤、條碼機、OLED、LCD、MP3 播放器 )，此外，也可以透過 Google 試算表、線上繪製圖表...等網頁服務，完成進階的創意應用。</p> <h2>建立新檔案</h2> <p>進入雲端平台首頁，點選 Webduino Blockly 程式積木，即可進入檔案管理畫面。</p> <p><img src="../img/tutorials/cloud-03-02.jpg"></p> <p>點選上方的「+」號，輸入檔名之後就可以建立新的編輯檔案。</p> <p><img src="../img/tutorials/cloud-03-03.jpg"></p> <p>新檔案建立完成後，點選檔案名稱，便可開始編輯檔案。</p> <p><img src="../img/tutorials/cloud-03-04.jpg"></p> <p>檔案編輯均會<strong>自動儲存</strong>，若尚未儲存完成，關閉檔案的時候會出現「尚未儲存完成」的提示訊息。</p> <p><img src="../img/tutorials/cloud-03-05.jpg"></p> <h2>分享檔案</h2> <p>點選每個檔案後方的「分享」圖示，會打開檔案分享的設定。</p> <p><img src="../img/tutorials/cloud-03-06.jpg"></p> <p>分享功能有以下四個選項，透過這四種分享方式，不論是個人開發、團隊開發，甚至是應用在課程教學，都相當方便實用。</p> <ul> <li><strong>不分享</strong>：只有自己能使用與瀏覽</li> <li><strong>指定使用者分享</strong>：輸入指定使用者的 E-Mail，讓指定使用者可以瀏覽檔案</li> <li><strong>公開分享</strong>：所有人可以在「公開的檔案」找到該檔案並進行瀏覽</li> <li><strong>非公開分享</strong>：無法於公開的檔案找到該檔案，但只要知道檔案連結便可瀏覽檔案</li> </ul> <h2>操作與編輯介面</h2> <p>基本上 Webduino 雲端平台的 Blockly 和「免註冊」Webduino Blockly 在介面上大同小異，左邊是積木功能區，右上方則是所一些好用的輔助工具，而雲端平台 Blockly 因為具備了註冊和檔案管理的功能，因此在右上方額外多了「登出」和「檔案管理」的按鈕。</p> <p><img src="../img/tutorials/cloud-03-07.jpg"></p> <p>左側的積木功能也額外新增了「OLED 螢幕」、「LCD 螢幕」、「細懸浮微粒」、「Google 試算表」...等好用的積木模組。</p> <p><img src="../img/tutorials/cloud-03-08.jpg"></p> <h2>技術支援</h2> <p>若在操作或檔案分享上遇到任何問題，可透過以下幾種方式聯繫技術人員，尋求技術協助：</p> <ul> <li>Webduino 粉絲團：<a href="https://www.facebook.com/webduino#_blank">https://www.facebook.com/webduino</a></li> <li>技術討論社團：<a href="https://www.facebook.com/groups/webduino#_blank">https://www.facebook.com/groups/webduino</a></li> <li>客服信箱：<a href="mailto:[email protected]#_blank">[email protected]</a></li> <li>客服電話：886-7-3388511</li> </ul> <a class="arrow arrow-r pre-next-button" data-name="pre-next-arrow"></a> <a class="arrow arrow-l pre-next-button" data-name="pre-next-arrow"></a> <div class="pre-next"> <div> <div class="pre"></div> <div class="next"></div> </div> </div> <div class="note-chicken"></div> <div class="others"> <i class="fa fa-times note-close-btn"></i> <h5>如果您還想了解更多，可以參考：</h5> <div class="others-link otehrs-read"> 1. 完整教學範例：<a href="https://tutorials.webduino.io" data-name="noteLink">https://tutorials.webduino.io</a> <br> 2. Blockly 教學：<a href="https://goo.gl/h6s7GY" data-name="noteLink">https://goo.gl/h6s7GY</a> <br> 3. 產品總覽：<a href="https://webduino.io/buy.html" target="_blank" data-name="noteLink">https://webduino.io/buy.html <i class="fa fa-share-square-o"></i></a> <br> 4. 露天賣場：<a href="http://goo.gl/0Dj9ip" target="_blank" data-name="noteLink">http://goo.gl/0Dj9ip <i class="fa fa-share-square-o"></i></a> </div> </div> <div class="popup"> <div class="whitebox"> <span class="popup-close">X</span> <img src="https://webduinoio.github.io/tutorials/img/tutorials/boy.png"> <h3>Webduino 全新教學網站上線囉</h3> <p>本篇文章已經有更新的版本，趕快前往閱讀吧！</p> <a href="https://tutorials.webduino.io/" class="popup-new-article new-tutorials go" target="_blank">立即閱讀</a> </div> </div> </div> <div class="disqus"> <div id="disqus_thread"></div> </div> <footer> <div class="w-20 screen-copyright"> <div class="logo"> <a href="index.html"><img src="https://webduino.io/img/layout/webduino-gray.png"></a> <h4>Copyright 2017 | All Rights Reserved. Powered by Webduino</h4> </div> </div> <div class="w-80"> <div class="w-100"> <div class="w-25">關於我們 <ul> <li><a href="https://webduino.io/" target="blank">首頁</a></li> <li><a href="about.html" target="blank">關於我們</a></li> <li><a href="partner.html" target="blank">合作夥伴</a></li> </ul> </div> <div class="w-25">教材 <ul> <li><a href="https://tutorials.webduino.io/" target="blank">學習手冊</a></li> <li><a href="activity.html" target="blank">課程活動</a></li> <li><a href="https://tutorials.webduino.io/zh-tw/docs/faq/index.html" target="blank">常見問題</a></li> </ul> </div> <div class="w-25">硬體產品 <ul> <li><a href="buy.html" target="blank">開發板與電子零件</a></li> <li><a href="http://class.ruten.com.tw/user/index00.php?s=webduino" target="blank">露天賣場</a></li> </ul> </div> <div class="w-25">軟體服務 <ul> <li><a href="https://cloud.webduino.io/" target="blank">雲端平台</a></li> <li><a href="https://blockly.webduino.io/" target="blank">Webduino Blockly 體驗版</a></li> </ul> </div> </div> <div class="w-100"> <hr> </div> <div class="w-100"> <div class="w-50">聯絡我們 <ul> <li>+886 7 3388511</li> <li>[email protected]</li> <li>807 高雄市前鎮區復興四路 12 號 2 樓之 6</li> </ul> </div> <div class="w-50">社群媒體 <div><a href="https://www.facebook.com/webduino" target="blank"><i class="fa fa-facebook"></i></a><a href="https://www.youtube.com/channel/UCUk3U7QZqijQfE-7rAh_INQ" target="blank"><i class="fa fa-youtube"></i></a><a href="https://github.com/webduinoio" target="blank"><i class="fa fa-github"></i></a></div> </div> </div> </div> </footer> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TT4TZ8L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body> </html>