發表文章

教學百寶箱:🎡 Wheel of Names 命運轉盤,決定同學抽籤尖叫時刻的課堂互動線上工具!

圖片
前幾天看到這個「Wheel of Names 隨機名稱選擇器」,試玩一下,真的是非常實用的教學互動工具,不論是教學現場或是遠距教學,絕對可以有心跳加速的刺激感! Wheel of Names 隨機名稱選擇器: https://wheelofnames.com/zh-HK/ ※「Wheel of Names 隨機名稱選擇器」教學影片 「Wheel of Names 隨機名稱選擇器」具有以下的特點: 一、不會有廣告干擾 這個工具作者本身是 Developer Advocate at Google,常需要在一些公共場合進行演講,他基於自身的需求,再經過眾多使用者的回饋與修正後,成立目前這樣的線上服務!他在 FAQ 中清楚提到「Sorry, we do not accept ads.」,所以大家在使用這個服務時,不用擔心會讓同學看到一些色情、賭博…等不適當的廣告內容! ※ 20200420 更新 目前作者因為這個服務網路流量快速成長,已經有加入少量廣告!   https://wheelofnames.com/faq.html 二、可以隨機洗牌、也可以加入圖案選項,支援多國語文 三、具「繁體中文(香港)語系」,不必啟動翻譯機制 四、豐富多元的選項設定,超貼心的 五、可與 Google 帳號整合,將名單從 Google 試算表匯入,也可儲存轉盤的設定 與 Google 帳號整合也是「Wheel of Names 隨機名稱選擇器」很方便的地方,可以將這些客製化的轉盤設定儲存,每組設定的檔案名稱,最長 100 個字元。 而連結 Google 試算表檔案的部份,可以透用 Google 表單收集名單後,將名稱快速匯入,也可以將自行整理好的資料直接匯入轉盤中,真的相當方便!作者也特別提到:連結檔案一小時後,連接將自動關閉。 六、分享連結也有不同權限 「Wheel of Names 隨機名稱選擇器」分享連結時,可以選擇「只能旋轉方向盤」的唯讀方式,或是「可以編輯自己的輪子副本」的方式。 七、行動裝置也可順利使用 建議在行動裝置上使用時,直式畫面可以完整看到轉...

教學百寶箱:臨時性的檔案分享與上傳,就交給 Web Server for Chrome 瀏覽器擴充工具!

圖片
在教學現場如果有臨時性的檔案分享或是同學作業上傳的需求時,雖然透過網際網路 Internet 是其中一個選項,如 Google 表單,但有時受限於學校對外網路頻道,或是分享、上傳的檔案較大時,這時使用教室內的區域網路就會是比較好的選擇,可以很快就完成! HFS 是目前教育現場許多老師採用的方式,不過,如果電腦上有安裝防毒軟體,尤其是 Avira Free Antivirus 小紅傘,HFS 這個檔案會被視為受感染的檔案而自動被刪除! HFS 官方網站: https://www.rejetto.com/hfs/?f=dl 如果你也有這樣的困擾,可以考慮使用 Web Server for Chrome 這個瀏覽器擴充工具! Web Server for Chrome 官方網站: https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=zh-TW Web Server for Chrome 瀏覽器擴充工具具有以下的特色: 一、可以將檔案分享至區域網路或網際網路上 二、可以允許使用者以拖曳方式上傳檔案 Web Server for Chrome的使用很單純,只要依照下面的設定,就可以完成喔! 重新啟動 Web Server 後就可以看到此台伺服器的共享網址! ※ 20201228 補充: 因為目前 Chrome 瀏覽器已經將「線上應用程式」的選單連結取消,因此,當您要繼續使用 時,請在瀏覽器的網址列輸入以下網址:chrome://apps/,就能看到您已經安裝的這些應用程式了! ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/ OBS Studio 虛擬攝影棚教學總整理:https://sites.google...

OBS Studio 虛擬攝影棚開講:使用 OBS 瀏覽器時,如果網頁內容超過一個頁面時,該如何捲動?如何設定網頁背景顏色?

圖片
OBS 中可以使用「瀏覽器」來源,將想要置入 OBS 的網頁內容加入,並透過「互動」方式來操作網頁的內容!詳細的使用方式可以參考此篇文章: 如何在 OBS 視窗中互動操作網頁內容或教材?   如果您曾使用 OBS 的「瀏覽器」來源載入特定網頁內容時,可能就會遇到以下這兩個問題 網頁內容超過一個頁面時,為何無法捲動網頁? 為何載入網頁時,其背景顏色會變透明,無法遮住其下方的其他來源內容? 一、修改隱藏超過視窗網頁的 CSS 語法 但是,在網頁右側並沒有捲軸可以往下捲動,因為 OBS 瀏覽器來源 CSS 的預設值: overflow:hidden; 超過視窗的部份設為隱藏。 只要將此 CSS 語法刪除,就可以在「互動」視窗中使用滑鼠滾輪捲動網頁內容囉! ※ 若要復原為原來預設值時,可以選按「瀏覽器」屬性視窗左下角的「預設設定檔」鈕,就可以找回 OBS 原來的 CSS 語法囉! 二、為什麼載入的網頁背景會是透明的? 這個也是因為 OBS 「瀏覽器」預設 CSS 設定的關係! CSS 語法: background-color: rgba(紅色, 綠色, 藍色, 透明度) 其中 「透明度」的數值範圍從「0:透明」~「100:不透明」 ,只要指定想要呈現的 RGB 值,再將透明度設為 100,網頁的背景顏色就可以在 OBS 中正確顯示出來囉! ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/ OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-tw 翻轉教學「現形記」教學總整理:https://sites.google.com/view/teachers-tools ※ 延伸閱讀: OBS Studio 虛擬攝影棚開講:OBS 25.0.1 終於解決瀏覽器視窗與微軟 Office 視窗擷取問題...

OBS Studio 虛擬攝影棚開講:OBS 25.0.1 終於解決瀏覽器視窗與微軟 Office 視窗擷取問題!

圖片
2020.03.19 OBS 推出 25.01 版,終於加強螢幕擷取的功能,解決了 OBS 無法正常擷取瀏覽器視窗與微軟 Office 視窗的老問題,不需要使用「 為什麼無法擷取來自網頁的教材視窗,都是漆黑一片?Google Chrome、Firefox、Edge 都一樣? 」與「 在 NoteBook 筆電上為什麼無法使用「顯示器擷取」來源? 」這兩種比較麻煩的解決方案,使用「視窗擷取」與「顯示器擷取」就能完成! ※ 目前測試 Google Chrome、微軟 Edge 與 Firefox 火狐瀏覽器視窗,都可以正常擷取,如果有發現清單中無法找到相對應的視窗,可以試著關閉 OBS 後再重新開啟,應該就 OK!  ↑ PowerPoint 視窗擷取 ↑ 瀏覽器視窗擷取 此外,如果選擇視窗後還是沒有在上方看到正確的畫面出現,可以嚐試修改「擷取方式」,將預設的「自動」改為「Windows 圖形擷取 (Windows 10 1903 或更新版本)」,換成這個擷取方式後,通常可以解決多數不正常的情形。 ↑ 擷取方式改為「Windows 圖形擷取 (Windows 10 1903 或更新版本)」     接下來,我們再來看看新版本還增加了哪些功能! 一、可以透過鍵盤快速鍵控制影片的播放 OBS 原本對於影片來源的按制,只能以「顯示 / 隱藏」方式,現在再加上針對特定影片來源項目指定「播放/暫停」與「停止」快速鍵。 ※ 「播放/暫停」的快速鍵是同一個設定 二、可以將瀏覽器中的網址以拖曳方式加入 OBS 中使用 如下面動畫的操作,只要將瀏覽器的網址複製後,拖曳至 OBS 視窗中,就會自動以「瀏覽器」來源建立該項目。 三、可以一次複製 / 貼上場景中的多個圖層 使用 Shift 鍵一次選取多個來源圖層後,就可以複製到其他場景中使用! ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw...

20200330 鹿港高中:Zoom 遠距教學與 Google Classroom 學習平台應用

圖片
最近許多學校都積極規劃因應未來可能面臨全班或全校停課的前置準備,這次在鹿港高中利用上、下午兩個場次,與老師們分享如何使用「Zoom 遠距教學與 Google Classroom 學習平台應用」! Google 簡報檔案: https://pse.is/QQ3LB   研習錄影影片: https://drive.google.com/open?id=1mSMu2DJshUrPPnPlWdkR9-jYkF_t3QDw ※研習錄影影片已全部使用「 免費開源 pyTranscriber 透過 Google 雲端語音自動辨識,超快速產生影片字幕 」,不過,還是會有一些文字上的錯誤,請多包涵! 一、 Zoom 遠距教學 美國版的 Zoom 官方網站: https://zoom.us/  首先,邀請老師們以學生方式加入 Zoom 視訊會議,體驗一下同學們在家上課的情境,熟悉 Zoom 遠距教學的操作,了解如何讓同學「進入教室」,並進行「班上秩序的管理:全部靜音、舉手發言、禁止私下聊天…等」! 當然,如何使用 Zoom 中的「虛擬背景」也是一定要學會的,讓老師有更好的教學情境! 註: 不一定要有藍綠幕,Zoom 也會自動進行去背,但建議避免穿藍色或是綠色衣服。 ※不過,目前關於 Zoom 會議 40 分鐘限制的部份,還是要提醒大家留意一下: 雖然官方網站上有提到在防疫期間會解除免費方案 40 分鐘的限制,但是在實際進行演練時,上午的場次超過 40 分鐘的使用,完全沒有問題;但是下午的場次,在會議進行至 30 分鐘時,就會跳出「會議即將在 10 分鐘內結束」的提醒,果真時間到了就被自動踢出! 因此,為了避免這樣的情形發生在未來的場景,老師們還是需要有班級的 Line 群組或是讓同學熟悉 Google Classroom 學習平台或是有其他的聯絡管道,在發生這樣情形下,能趕快重新建立一個新的會議室,將會議 ID 與密碼告知同學! 二、Google Classroom 學習平台應用 Google Classroom 官方網站: https://classroom.google.com 接著,再配合 Google Classroom 學習平台應用,了...