Week17：數位整合傳播課程檢視探討

學號：ADT104130 姓名：莊佳哲

1. 是否能了解基本HTML5+CSS+javascript的整合設計?請摘要說明其意義。

(1)說明HTML5 具有哪些特性及提供5個以上的建議學習網站或資源。

語義特性、本地儲存特性、裝置相容特性、網頁多媒體特性、CSS特性

https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/162237/#outline__3

https://kknews.cc/zh-tw/tech/va635l.html

https://segmentfault.com/a/1190000015254346

https://www.ithome.com.tw/tech/89583

https://developer.mozilla.org/zh-TW/docs/Web/Guide/HTML/HTML5

(2)說明CSS 主要意義為何及提供5個以上的建議學習網站或資源。

在 HTML 文件中的元素上套用不同的頁面樣式。

https://developer.mozilla.org/zh-TW/docs/Learn/Getting_started_with_the_web/CSS_basics

http://www.runoob.com/css/css-tutorial.html

https://www.w3schools.com/css/

https://www.1keydata.com/css-tutorial/tw/

http://www.flycan.com/article/css/css-layout-2113.html

(3)說明Javascript 程式語言的特性以及提供5個以上的建議學習網站或資源。

跨平台、物件導向、輕小型

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Introduction

https://zh.wikipedia.org/wiki/JavaScript

https://ithelp.ithome.com.tw/articles/10190685

http://one18.com/2007/01/12/javascript-%E2%89%A0-java/

http://www.codedata.com.tw/javascript/essential-javascript-variable/

2. 是否能了解 Webduino Smart 開發版的基本結構與功能?請摘要說明其意義。

(1)說明Webduino Smart 開發版的各腳位功能。

三色 LED 燈à紅色使用 15 號腳、綠色使用 12 號腳、藍色使用 13 號腳

微型按鈕開關使用了4 號腳位

光敏電阻使用AD腳位

其他腳位 TX、RX、3.3V、VCC、RST 和 GND 各 1 個

(2)說明Webduino Smart 開發版的內建哪些感測器。

光敏電阻、發光器

(3)提供5個以上的建議學習網站或資源。

https://tutorials.webduino.io/zh-tw/docs/basic/board/smart-information.html

https://www.youtube.com/watch?v=F1N6olRvXVw

https://www.youtube.com/watch?v=xiw06L_RDzU

https://www.youtube.com/watch?v=nFEY_k_2zxQ

https://www.youtube.com/watch?v=rleMlP7MdYI

3. 是否能了解 Webduino Blockly的基本運作?請摘要說明其功能。

(1)說明 Webduino Blockly 有哪些功能。

有「程式積木」與「JavaScript」兩個互相切換的頁籤，「產生 QRCode」、「打開程式編輯器，並匯出完整程式碼」、「查看裝置狀態」、「快速載入範例」、「網頁互動測試」、「刪除所有積木」、「存檔並產生連結」和「執行」

(2)提供5個以上的建議學習網站或資源。

https://tutorials.webduino.io/zh-tw/docs/basic/blockly/blockly-information.html

https://tutorials.webduino.io/zh-tw/docs/cloud/basic/webduino-blockly.html

https://tutorials.webduino.io/zh-tw/docs/basic/blockly/blockly-tutorial-02.html

http://pc.jges.chc.edu.tw/yun-suan-si-wei/webduino

4. 是否能了解 Webduino Blockly轉成HTML5的流程與測試?請摘要說明其流程。

(1)說明 Webduino Blockly 轉換成 HTML5程式的流程。

點選打開程式編輯，先複製html，貼入後加上結束標籤</html>，再複製CSS在<head></head>中並加上<style></style>，最後複製JS到<body></body>內打<script></script>。

(2)說明轉換流程自己常碰到失敗的原因或需注意事項。

忘記複製html後加上結束標籤</html>

5. 是否能了解 Webduino Smart + C2 的互動連結應用?請關鍵說明如何連結。

(1)說明 C2的遊戲程式如何控制 Webduino Smart 的感測器過程。

加入Browser，設定開發板需加入的功能，並且對應名稱相同

(2)說明 Webduino Smart 如何控制 C2遊戲裡的物件過程。

加入Browser，設定開發板需加入的功能，新增一個java程式內容加入在Webduino Blockly做好的程式碼叫Smart.js，用Web4打開C2連結Smart.js。