10721 數位整合傳播 Week10 學習日誌

任課老師： 王曉璿　老師

學　　生： 蔡文琪

學　　號： ADT106107

一、課程摘要

　　1.期中專題報告分享

　　2.期中程式能力測驗

　　

二、課程網路資源

　　1.JavaScript https://www.w3schools.com/js/

　　2.Webduino https://blocklypro.webduino.io/

　　3.教學科技研究室 http://itech.ntcu.edu.tw

　　

三、課程重要指令語法摘要

　<style>

#player {

display: none;

}

#mp41 {

display: none;

} //將圖片的呈現方式設為無。

</style>

<script>

function getNewId(){

var newId = document.getElementById('myId');

document.getElementById('demo').innerHTML = "Smart DeviceId: " + newId.value + "長按可隱藏";

document.getElementById("btn01").style.visibility = "visible";

document.getElementById('inputData').style.display = "none";

document.getElementById('mp41').style.display = "none";

document.getElementById('mp42').style.display = "none";

goSmart();

} //取得SmartID後，送出按鈕設為可視、隱藏輸入欄位、隱藏圖片2、3。

function goSmart(){

var newId = document.getElementById("myId").value;

var button;

var rgbled;

boardReady({board: 'Smart', device: newId, transport: 'mqtt'}, function (board) {

board.samplingInterval = 50;

button = getPullupButton(board, 4);

button.on('pressed', function () {

rgbled = getRGBLedCathode(board, 15, 12, 13);

rgbled.setColor('#6633ff');

document.getElementById("player").style.display = "block";

document.getElementById('mp41').style.display = "none";

document.getElementById('mp42').style.display = "none";

document.getElementById('mp43').style.display = "none";

});

button.on('longPress', function () {

rgbled = getRGBLedCathode(board, 15, 12, 13);

rgbled.setColor('#000000');

document.getElementById("player").style.display = "none";

document.getElementById('mp41').style.display = "none";

document.getElementById('mp42').style.display = "none";

document.getElementById('mp43').style.display = "none";

});

});

} //連線到Smart板，設定按下按鈕後相應的動作。

function show1(){

document.getElementById('mp41').style.display = "block";

document.getElementById('mp42').style.display = "none";

document.getElementById('player').style.display = "none";

document.getElementById('mp43').style.display = "none";

}

function show2(){

document.getElementById('mp42').style.display = "block";

document.getElementById('mp41').style.display = "none";

document.getElementById('none').style.display = "block";

document.getElementById('mp43').style.display = "none";

}

</script> //設定圖片顯示或隱藏的程式

四、學習心得

聽完大家的報告後，覺得還有很多可以學習的，像是計時、計分、亂數…等功能。期中測驗的部分順利的完成了，感謝天感謝地感謝院長。