昨晚在臉書上看到有大神老師分享了一款自製的超棒的 web 伺服器工具，感覺真的是太神奇了！老師們利用這個工具，讓學生只要用 iPad 掃描 QR Code 就可以上傳檔案、繳交作業！🤩
我也參考了這位老師的思路，自己試著請chatgpt用 Python 寫出一個區網 web 伺服器工具，再整合了之前分享過的GAS程式的「課堂繳交」的功能，真的是小白也能輕鬆上手～完全不需要懂程式，就能打造一個超方便的上傳與分享平台！🎉身為一個完全看不懂程式碼的人，這個程式能寫出來我也覺得太厲害了，我都不知道怎麼寫出來的。
下載與使用說明
👉 點此下載工具壓縮檔
（解壓密碼：ai）
👉點此下載mac版工具壓縮檔
Mac上請把www資料夾放置到使用者桌面上才可讀取使用。
👉(New)右鍵下載支援線上錄音功能index2.html檔
更新說明（1140218）：
之前分享的區網用web伺服器工具，其實本來很想把錄音功能做進去的，但區網的限制 ，在ipad上找不到解法可以直接網頁錄音上傳，所以後來分享出來的版本就沒有錄音功能。但我還是很想把錄音功能加上，所以想辦法做出來了，雖然沒辦法錄完音直接就傳給老師，但至少可以比較簡單的在ipad錄音了。請老師們把上面的index2.html下載後，改檔名為index.html，並取代掉原來www資料夾中的index.html即可。在ipad上的錄音上傳方法說明：
在ipad上，線上錄音下載後，使用「檔案上傳工具」上傳檔案時，選從「檔案」上傳，點左方"下載項目"，再點右上方三條橫線，選按日期排列，就可以看到最新下載的錄音檔在最上方，選它就可以上傳給老師。
之前分享的區網用web伺服器工具，其實本來很想把錄音功能做進去的，但區網的限制 ，在ipad上找不到解法可以直接網頁錄音上傳，所以後來分享出來的版本就沒有錄音功能。
但我還是很想把錄音功能加上，所以想辦法做出來了，雖然沒辦法錄完音直接就傳給老師，但至少可以比較簡單的在ipad錄音了。
請老師們把上面的index2.html下載後，改檔名為index.html，並取代掉原來www資料夾中的index.html即可。
在ipad上的錄音上傳方法說明：
在ipad上，線上錄音下載後，使用「檔案上傳工具」上傳檔案時，選從「檔案」上傳，點左方"下載項目"，再點右上方三條橫線，選按日期排列，就可以看到最新下載的錄音檔在最上方，選它就可以上傳給老師。
👉(New)右鍵下載心智圖上傳工具html檔
更新說明（1140220）：
寫了一個簡單的心智圖製作工具，把他整合進之前的Web伺服器工具裡面，老師就可以讓學生在平板上直接製作簡單心智圖直接上傳到老師的電腦裡了
使用方法把上面的html放到index.html同資料夾下，不可改檔名，開啟伺服器工具即可使用，右上角會出現一個心智圖創作的按鈕，學生按下即可開始制作心智圖，如沒完成，下次再開啟時，會自動載入沒完成的內容，可以繼續完成，完成後，選好問題選單，輸入姓名，按下上傳心智圖，老師就會收到啦！。
寫了一個簡單的心智圖製作工具，把他整合進之前的Web伺服器工具裡面，老師就可以讓學生在平板上直接製作簡單心智圖直接上傳到老師的電腦裡了
更新功能示範操作說明影片(1140220更新)
壓縮檔內容
- web_exe.exe：主程式，可直接執行。
- www 資料夾：請將所有從阿剛老師網站下載的自訂 HTML 遊戲（例如各式遊戲的 index.html、JS、CSS 檔案等）都放入此資料夾。工具啟動後，這個資料夾即成為網頁根目錄，所有檔案都可以透過瀏覽器分享給學生使用！
- upload 資料夾：自動建立，用來存放學生上傳的檔案或圖片。
注意：
下載壓縮檔後，請先將壓縮檔解壓縮，解壓密碼為：ai
請確保 web_exe.exe 與 www 資料夾在同一個資料夾內！
使用步驟
啟動工具
- 將解壓後的檔案放在教室電腦上，執行 web_exe.exe。程式啟動後，會在主視窗上方顯示伺服器網址（例如：http://192.168.1.100:8000），內嵌瀏覽器也會自動開啟該網頁。🌐
設定與重啟伺服器
- 在主視窗上方有一個 port 設定輸入框（預設 8000），以及一個「重新啟動伺服器」按鈕。若您希望修改使用的埠口，只需修改數字並按下按鈕，程式會自動依新設定的 port 重新啟動伺服器，同時更新連結與內嵌瀏覽器畫面。🔄
放置自訂 HTML 遊戲
- 將從阿剛老師網站下載的所有自訂 HTML 遊戲（包含 index.html、JavaScript、CSS 等檔案）直接放入 www 資料夾中。這些檔案會自動成為網頁根目錄的一部分，您可以在檔案總管頁面中看到這些遊戲檔案，並點擊預覽或下載給學生使用。🎮
學生使用說明
- 將教室電腦的 IP 與 port 組成的網址（例如：http://192.168.1.100:8000）告訴學生，或直接在開啟的網頁上按右鍵生成 QR Code 讓學生掃描。學生即可進入網頁，可以進行課堂繳交的功能，他們可以：
- 輸入姓名、討論內容與選擇題號，並選擇使用即時畫布或直接上傳檔案，將作業繳交上傳到指定的資料夾(我是設定一節課可以跟學生最多問答10題)。
- 老師可以在教室大屏上直接透過網頁的檔案總管介面直接瀏覽學生上傳的內容也可以提供老師放在 www 資料夾中的 各式HTML 遊戲給學生練習，體驗各種有趣的互動遊戲。
- 將教室電腦的 IP 與 port 組成的網址（例如：http://192.168.1.100:8000）告訴學生，或直接在開啟的網頁上按右鍵生成 QR Code 讓學生掃描。學生即可進入網頁，可以進行課堂繳交的功能，他們可以：
結語
這款超簡易的區網 web 伺服器工具真的是一個神奇的小幫手，不僅能輕鬆讓學生上傳檔案與作業，還能把從阿剛老師網站下載的各種自訂 HTML 遊戲分享給班上小朋友，讓課堂互動變得更加有趣！✨
如果你也對這個工具感興趣，不妨下載試用看看，讓數位教學更加輕鬆愉快～
👉 點此下載工具壓縮檔
（解壓密碼：ai）
有任何問題或改進建議，歡迎在下方留言交流！😄
沒有留言:
張貼留言