第三次

網頁應用程式實作

1. 網頁應用程式是利用瀏覽器為系統平台執行的程式，以下程式是以Javascript撰寫的網頁應用程式。

2. 實際利用瀏覽器執行，並打開系統監控程式顯示硬體資源及程序佇列的使用情況。

3. 報告內容包括測試結果截圖(PrtScrn)及四點說明：

(1)該程式的輸入單元，(2)該程式的輸出單元，(3)增加系統負擔的測試，(4)心得或感想。
前兩點可以請人工智慧幫忙，第三點要寫出過程或方法，必須與提供的網頁程式碼相關，有明顯負擔增加

6. 人工智慧參考設定(ChatGPT，Gemini，Claude)：

以五大基本單元的角度來看，下面程式的輸入單元是什麼？

程式碼

<!DOCTYPE html>

<html>

<head>

<title>影片逐幀播放</title>

</head>

<body>

</video>

var video = document.getElementById('video');

var canvas = document.getElementById('canvas');

var ctx = canvas.getContext('2d');

video.play();

let frameNum = 0;

video.addEventListener('loadeddata', () => {

canvas.width = video.videoWidth;

canvas.height = video.videoHeight;

function processFrame() {

ctx.drawImage(video, 0, 0, canvas.width, canvas.height);

ctx.fillText(String(frameNum++), 50, 50);

}

setInterval(processFrame, 20);

});

</script>

</body>

</html>

範例

程式的輸入單元：

今天要說的人物就是天地會的總舵主陳近南，有所謂平生不見陳近南，便稱英雄也枉然。他身高八尺，腰圍也是八尺。他武功的名堂呢，稱之九天十地，菩薩搖頭怕怕，劈靂金光雷電掌！一掌打出，方圓百里之內，不論人畜、蝦蟹、跳蚤，全部都化成了飛灰啊！不過這個人行蹤不定，飄忽無蹤，但是我在街上就曾經見過他半面。

你沒聽過“猶抱琵琶半遮面”嗎，你真沒讀過書啊，笨豬！－－鹿鼎记（周星馳）

程式的輸出單元：

今天的規矩就是不準講粗話，不准講他人的老爹老母，不准講性器官。~~~我乃八府巡府你給我點特權嘛~~大人這樣就不對了，他是朝廷欽點的......欽你老母！~~~你不可以在公堂之上......公你老母！~~~唉，用不著一開口就提老母吧？~~~我還提你老母的老母~~你還敢說你不犯賤？－－九品芝麻官（周星馳）

今天我身為八府巡案重審此案，我還沒有傳你，你就出來讓我罵，你還敢說你不犯賤？你自己說啊，你是不是犯賤~~？？－－九品芝麻官

系統負擔的測試：

隨餐再送你印花一個，只要集滿五個印花，再加上99塊9毛9，就可以換到刻骨銘心的骨頭項鍊墜子，這個墜子因為經過我食神開光，所以對年輕人談戀愛有妙不可言的功效！－－食神（周星馳）

心得或感想：

小強！小強你怎麼了小強？小強你不能死啊！我跟你相依為命、同甘共苦了這麼多年，一直把你當成親生骨肉一樣教你養你，想不到今天白髮人送黑髮人......－－唐伯虎點秋香（周星馳）

附上擷圖如下：

電腦資源

內容被投訴違反性別平等教育

議題融入：性別平等教育，環境教育，海洋教育

學習表現：能選用適當的資訊科技與他人合作完成專題製作。能整合資訊科技進行有效的溝通表達。

Page updated

Google Sites

Report abuse