進學國小資訊組 - 多人網頁系統

2017-06-29 Scratch 遊戲設計─高效版刮刮樂 (Scratch Card)

資訊教育

Scratch 遊戲設計─高效版刮刮樂 (Scratch Card)

按住滑鼠左鍵刮開！

運用分身當作遮罩(Mask)，透過隨機亂數產生不同造型的遮罩
使用「幻影」調整透明度，模擬刮開的效果
運用隱藏及廣播驅動等技巧，增進執行效能

JavaScript 版本 (適合手機與行動裝置)

https://phosphorus.github.io/app.html?id=167670723&turbo=false&full-screen=true

https://scratch.mit.edu/projects/167670723/

2017-06-26 於 dcs.tn.edu.tw 安裝 Let's Encrypt 憑證設定

網路管理

於 dcs.tn.edu.tw 安裝 Let's Encrypt 憑證設定

概念上是透過可以執行網頁服務的主機，來處理 Let's Encrypt 的 challenge。使用 FTP 方式掛載 dcs.tn.edu.tw 的檔案系統，讓 dehydrated 程式可以寫入到 dcs.tn.edu.tw 主機的 .well-known 目錄，以利後續 challenge 動作。最後，將產出的私鑰與憑證相關檔案轉換成 *.pfx 格式，匯入至 cloud.tn.edu.tw 平台。

以 curlftpfs 掛載 dcs.tn.edu.tw 目錄 (以下使用 autofs 自動掛載)

# vim /etc/auto.misc
chpsxoops       -fstype=fuse,rw,umask=002       :curlftpfs#ftp\://chpsxoops\\chpsadmin\:密碼\@ftp.dcs.tn.edu.tw

建立 .well-known 資料夾，提供放置 challenge 檔案

# mkdir -p /misc/chpsxoops/site/wwwroot/.well-known/acme-challenge/

設定 .well-known 目錄下的檔案型態為純文字

# vim /misc/chpsxoops/site/wwwroot/web.config
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension="." mimeType="text/plain" />
        </staticContent>
    </system.webServer>
</configuration>

下載 dehydrated 工具 (原 letsencrypt.sh)

# cd /etc
# git clone https://github.com/lukas2511/letsencrypt.sh.git

編輯 config，指定 .well-known 資料夾，並執行 dehydrated 程式

# vim /etc/letsencrypt.sh/dcs.config
WELLKNOWN=/misc/chpsxoops/site/wwwroot/.well-known/acme-challenge

# /etc/letsencrypt.sh/dehydrated -c -d chpsxoops.dcs.tn.edu.tw --config /etc/letsencrypt.sh/dcs.config
# INFO: Using main config file /etc/letsencrypt.sh/dcs.config
Processing chpsxoops.dcs.tn.edu.tw
 + Checking domain name(s) of existing cert... unchanged.
 + Checking expire date of existing cert...
 + Valid till Sep 24 02:17:00 2017 GMT (Longer than 30 days). Skipping renew!

轉換為 *.pfx 供匯入使用

# cd /etc/letsencrypt.sh/certs/chpsxoops.dcs.tn.edu.tw

# openssl pkcs12 -export -out /tmp/xoops.pfx -inkey privkey.pem -in cert.pem -certfile chain.pem

匯入憑證 xoops.pfx，包含輸入密碼
重新啟動 dcs.tn.edu.tw

2017-06-26 Scratch 條件判斷常見問題─兩個互補的 IF-THEN 判斷式

資訊教育

Scratch 條件判斷常見問題─兩個互補的 IF-THEN 判斷式

以下左右兩側看似等價的條件判斷式，其實並不相等。

左側：IF (條件一) THEN (動作一) ELSE (動作二)
右側：
IF (條件一) THEN (動作一)
IF (條件一不成立) THEN (動作二)

在未涉入時間因素(程式執行狀態隨時間變化)下，以上右側的條件判斷並不會出現錯誤。

右側兩個條件判斷，會進行兩次的條件評估(evaluation)，可以先後涵蓋「大於5」與「不大於5」的所有情況，並執行對應的動作。

但右側為兩次獨立的條件判斷，且涉入時間因素。即前一個條件判斷式的對應動作，如果改變了「變數X」的值，隨後第二次條件判斷式，將不如預期可以涵蓋「不成立」的那一部份。

以下程式，特別凸顯左右兩側程式的差異及潛在的問題，應避免使用兩個互補的 IF-THEN 判斷式來代替單一的 IF-THEN-ELSE。

https://scratch.mit.edu/projects/167233857/

2017-06-25 Scratch 訊息廣播接收 (同步與非同步執行) Synchronous vs. Asynchronous Execution

資訊科學

Scratch 訊息廣播接收 (同步與非同步執行)

Synchronous vs. Asynchronous Execution

https://stackoverflow.com/questions/748175/asynchronous-vs-synchronous-execution-what-does-it-really-mean

Scratch 中內建許多像是程序 (procedure)、事件驅動 (event-driven)、並行 (concurrency) 與訊息廣播接收這類的溝通方式 (Synchronous and asynchronous execution) 等，都是程式執行流程的進階控制和策略，使用者卻可輕易的運用於設計中。

以下範例，嘗試以簡化的方式呈現出「同步」與「非同步」執行的概念。