<style> .reveal, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", Meiryo, sans-serif; } #box {display:block; width:360px; background:black;line-height:normal; letter-spacing:1px; font-family: verdana, "新細明體", "times new roman", serif; font-size:120px; color:white; border:2px solid #ddd; padding:4px; margin:1em auto;} #cap {font-family: verdana; font-size:180px; color:orange; font-weight:bold; float:left; height:4px; line-height:120px; margin-top:2px; } h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } h2 { color: #ffffff; font-family: 'Raleway',sans-serif; font-size: 30px; font-weight: 800; line-height: 36px; margin: 0 0 24px; text-align: center; } </style> # 創新線上教學 #### ==**嶄新時代(尖牙)的降臨**==</br>   Facebook 社群網路 Amazon 網購、Apple 行動通訊 Netflix 娛樂 Google 地圖、搜尋、影音； --- 宋明弘 <img src="https://lh3.googleusercontent.com/-1RQb6OkRvR0/AAAAAAAAAAI/AAAAAAAAAAA/fuTh9Nc3dP8/s128-c-k/photo.jpg" style="width:150px;height:150px;border-radius:50%"/> 創意設計碩士學位學程 | 通識中心 逢甲大學 SDRmsung@gmail.com [我的網站](http://mhsung.idv.fcu.edu.tw/) --- ### Work From Home，WFH2.0 遠距在家辦公 * Facebook、Google、Amazon、、Microsoft 延長了WFH時程 * Twitter(無期限) * 在家上班新常態！祖克柏宣布Facebook上萬職位永久遠端工作 * 搶人搶到台灣來！臉書永久遠距工作蝴蝶效應 * 「數位溝通」、「協作」變成關鍵職能 ---- ### 名校名課 * [哈佛大學 CS50 ](https://bit.ly/3aeS99P) * [柏克萊大學 CS61B](https://sp18.datastructur.es) * [柏克萊大學 Data100](http://www.ds100.org) * [柏克萊大學 Data8](http://data8.org/) * [哈佛大學 Science & Cooking](https://bit.ly/2VmnbIV) * [耶魯大學 The Science of Well-Being](https://bit.ly/2VhrjcU) ---- # <center> ==Q&A== </center> * [小組如何開會?](https://hackmd.io/@VQDWm7JvTuib4pm2Vq50AQ/HyaFAIpDL#/8/11) * [如何錄影?](https://hackmd.io/@VQDWm7JvTuib4pm2Vq50AQ/HyaFAIpDL#/8/13) * [如何做到母子畫面](https://hackmd.io/@VQDWm7JvTuib4pm2Vq50AQ/HyaFAIpDL#/8/12) * [為何看不到錄影的功能?](https://hackmd.io/@VQDWm7JvTuib4pm2Vq50AQ/HyaFAIpDL#/8/1) * [如何使用螢光筆強調](https://hackmd.io/@VQDWm7JvTuib4pm2Vq50AQ/HyaFAIpDL#/5/9) --- # <center> ==0. 準備篇== </center> [逢甲 Office 365 網站](http://o365.fcu.edu.tw//)  [Microsoft Teams 使用手冊.pdf 下載](http://163.30.188.18/elearning/data/teams.pdf) iLearn 防疫專區_學生篇_線上學習 [Teams平台操作影片_學生篇](https://ilearn2.fcu.edu.tw/mod/videos/view.php?id=578929) ----  ----  ---- | APP |  | | | | -------- | -------- | -------- |-------- | | 視訊 | OK | x |x | | 協作 | x | OK |OK | | 對話 | OK | OK |OK | | 編輯 | x | OK |OK | | 外部APP | 內定 | 內定 | 無 | ---- 1.Google meet（功能大升級） 2.MVB視訊教室（視訊與教學雙結合） 3.Nearpod（超多互動功能） --- # <center> ==1. MS TEAMS== </center> * 工作上的 Portal入口網站 * 團隊溝通討論的平台 * 強調以專案為中心、以對話與討論為型式 * 整合各項應用於單一的工作空間 * 具備基本的1對1聊天和群組聊天功能 * 內建視訊與螢幕畫面分享功能 * 針對Windows、Mac、iOS、Andorid平臺提供專屬應用程式與App --- 第一節，登錄TEAMS 點名 第二節，登錄iLeanr 打卡點名 ---- ### <font color=brown >TEAMS</font> ##### 步驟1.建立小組/命名/權限  ---- ##### 步驟2.小組頻道上，建立筆記OneNote索引 ### <font color=brown >OneNote</font>  ---- #### 步驟3.完成單元各個小節，(4+1)頁面 ---- A 個人頁面(4)： 1. 姓名(綽號)系級 2. 聯絡方式 3. 有興趣的主題(5+)  ---- B 小組整合頁面(1)： 1. 大家共同討論出主題 2. 分工 3. 小組合照  ---- ### <font color=brown >iLearn</font> #### 步驟4.上傳小組OneOnte的截圖(X_介紹)  ---- (免費|個人)版、教育(A1免費|A3|A5)版、企業(商務基本|商務進階)版 同時上線人數、時間限制、功能、服務  ---- * Real-Time Collaboration * Private Chat * Virtual Meetings * Public Conversation * Video Calls * Audio Calls ---- #### 小組會議附加Office檔案 | 商用 | 逢甲 | | -------- | -------- | |  |  | ---- ### 翻譯蒟蒻 | TEAMS | 專有名詞 | 講人話 | | -------- | -------- | -------- | | 活動 | ? | 通知項目 | | 團隊 | My groups | 特定課程 | | 頻道 | Channels | 特定小組 | | ? | People |特定人員 | | 一般 | ? | 班級(公佈欄) | ---- ### 0-1 團隊(課程) #### TEAMS登入方式 * 桌機 * Web版 * 行動裝置版 ---- #### 加入課程方式 1.Teams/團隊/(貼文中)現在聚會/加入/立即加入 2.Teams/行事曆/課程/加入/立即加入 3 [以取得團隊的連結方式加入]https://teams.microsoft.com/l/team/19%3a5 ---- 工具列 活動 * 摘要： * 我的活動： 聊天 * 最近 * 聯絡人 * 篩選 作業 行事曆 檔案 ---- ### 行事曆 * 免費版的Teams裏不包含Calendar（行事曆）功能 * Office 365帳號上若未授予 Exchange Online方案授權，則在Teams上行事曆功能會被停用 * 在行事曆中建立小組開會的行事曆[開始錄製][模糊我的背景] ---- ### 會議 * 手機版不能開啟會議，只能加入會議  ----  ---- #### 會議控制項 Teams Control Task Bar blur my background start recording | 模糊背景 | 模糊背景 | 顯示裝置 | | ------------------------------------ | --- | ------------------------------------ | |  | |  | ---- 4種共用權限設定  --- # <center> ==2. OneNote 筆記本== </center> | 方式 1(桌機) | [方式 2(手機)](http://o365.fcu.edu.tw/) | | -------- | -------- | |  |  | ---- * Windows 10 版 筆電/桌機 * Mac 版 筆電/桌機 * IOS 版（iPhone 和 iPad） * Android版 手機 * Online 網頁版 網頁瀏覽器 Windows 10 版 OneNote （簡稱為「OneNote」）是設計為與任何輸入方法（從傳統電腦上的滑鼠和鍵盤），在行動裝置上使用觸筆與觸控。 * 在線筆記本-存儲在onedrive * 離線筆記本-存儲在本地磁碟 ---- #### OneNote 功能 * 拍攝白板相片 * 手動繪圖/撰寫 * 錄製音訊 * 代辦事項清單 * 與他人共用分享 * 及時協作編輯 * 跨平台，跨裝置 * 剪輯網頁加上註解 * 投影片與文件加註解 * 使用便利貼在文件註解 ---- ### OneNote #### 新增筆記  檔案 常用 插入 繪圖 檢視 在App中開啟 ---- 在 PC 上設定預設版本為 for Windows 10 * 螢幕左下角的 [Windows] 按鈕 * [設定]/[系統>預設的 app] * [依應用程式設定預設值]  沉浸式閱讀器可以讓你排除其他干擾專心觀看筆記 ---- #### OneNote 權限設定 |先新增檔案 | 共用與權限| | -------- | -------- | |  |  | ---- 選取 [檔案] > [共用] > [與他人共用]。在 [共用對象]  ---- #### OneNote 架構 | OneNote | 講人話 |範例 | | -------- | -------- |-------- | | 筆記本 | 科目(檔案) | 創意思考 | | 節 | 課程單元 | 5W2H | | 頁面 | 各組員 | 王小明 | | 內容 | 編輯區 | 各自創作區域 | ---- * 筆記本+節+頁面+內容 * 筆記本(科目)：國文，英文，數學 * 節(單元)：5W2H，九宮格 * 頁面(組員)：A同學，B同學，C同學 * 內容(編輯區)：各自創作區域  ---- * 創意思考+(節)九宮格+(頁面)A同學+A內容 * 創意思考+(節)九宮格+(頁面)B同學+B內容 * 創意思考+(節)九宮格+(頁面)小組+ALL內容  ---- #### 使用螢光筆強調 | Windows 10 版|  | | -------- | -------- | | OneNote |  | [其他輔助小工具](https://docs.microsoft.com/zh-tw/sysinternals/downloads/zoomit) ---- #### Onenote 辨識圖片(照片)中的文字 OCR OneNote 2016 支援光學字元辨識 (OCR) 在照片上點擊右鍵，選擇［複製圖片的文字］ {%youtube W-0brDvylMo %} --- # <center> ==3. G Site 協作平台== </center> ----  ---- #### (練習) 在 Teams 會議中共用內容 <font color="red" >***1.Google Sites***</font> * 在頁面上創作 * 討論彙整成小組共識 <font color="red" >***2.TEAMS***</font> * 小組[立即開會]簡報 * 分享全部螢幕畫面 * 錄影開始 * 報告者開啟鏡頭，麥克風，其餘關閉 * 錄影結束 * 自動轉檔 ---- |母子畫面銜接 (只有報告者出現臉孔) | | -------- | |  | | | ---- <font color="red" >***3.STREAM***</font> * 編輯影片檔名(例：M_型態分析法) * 修剪影片(去蕪存菁，去頭去尾) * 設定權限 * 複製連結 <font color="red" >***4.Google Sites***</font> * Embed (iFrame方式崁入) ----  ---- 1.行事曆小組會議方式，錄製一段影短片 2.TEAMS練習背景模糊功能 3.STREAM練習影片編輯 4.Google Sites 練習將影片崁入(I08_操作影片) 5.討論過程請在Google Sites 與 Teams 建立數位足跡 母畫面：Google Site 期末考二的內容 子畫面：小組成員四個成員，頭像(模糊功能)輪流呈現 ---- Google Sites 練習將影片崁入影片方法  ---- #### STREAM 複製內嵌程式碼  ---- #### Google Site 編輯頁面/插入/HTML 方塊  ---- #### 期末報告 {%youtube iQbmBh6UdWE %} --- # <center> ==6. FCU Stream== </center> 逢甲的Youtube 「以社群導向為理念的影音分享平台」 ---- #### 更改語系設定 語系設定  ---- #### My Content | Name | 名稱 | 意義 | | ---------------- | ---------- | -------------- | | Videos | 影片 | [一般]中的會議 | | Groups | 群組 | 各個課程 | | Channels | 頻道 | 自訂頻道 | | Meetings | 會議 | 同[一般] | | Watchlist | 關注清單 | 優良作品觀摩 | | Folowed channels | 追蹤的頻道 | 追蹤 | | Recycle bin | 資源回收桶 | 回收桶 | ---- #### 更改權限 組織成員們分享的影片 * 公開 * 非公開 * 只設定分享給特定的成員 ---- #### 建立頻道  ----  ---- #### 影片製作 | 上傳方式 | 頻道方式 | | -------- | -------- | |  |  | ---- #### 影片編輯  ---- | 其他動作 | 更新視訊 | | -------- | -------- | |  || ---- #### Stream 影片文稿 * 僅支援MP4和WMV * 自動產生標題 * 英文、簡體中文、法文、德文、義大利文、日文、葡萄牙文及西班牙文語言 ---- #### 影片通知方式 * Share (複製URL) * Email (個人或團體) * Embed (iFrame方式崁入)  ---- 複製內嵌程式碼至網頁 <iframe width="640" height="360" src="https://web.microsoftstream.com/embed/video/66860177-7c29-49b3-843e-88ab58f4551b?autoplay=false&amp;showinfo=true" allowfullscreen style="border:none;"></iframe> ---- #### 影片檢視 | 錄製內容 | 可檢視 | 刪除/下載 | | -------- | -------- | -------- | | 團隊會議 | 團隊 (Office 365 群組) | 僅擁有者 | | 私人會議 | 與會者(聊天成員) | 僅擁有者 | | 群組通話 |聊天成員 | 僅擁有者 | ---- #### 下標題  * pyTranscriber 語音轉換 * https://www.youtube.com/watch?v=Fz9VRqSFZAc ---- #### 影片管理  [老師上課錄製的影片存放區](https://web.microsoftstream.com/studio/videos) [特定日期內容](https://web.microsoftstream.com/video/ae687ead-fcc4-410c-a528-68f93dc73d58) --- # <center> ==7. 學生篇== </center> ### 課前 #### 分工 * 副組長 * 組長： * iLearn考試上傳 * Teams 行事曆設定小組週期開會 ---- ##### 新增頻道(小組) 注意：命名與權限(目前)無法異動，請小心 分組討論的隱私權請設置“私人”，限制他組同學無法觀看。 | 頻道權限 (標準/私人) | 私人頻道(鎖定圖示) | | -------- | -------- | |  |  | ---- ##### 頻道命名 <font color=red >X組</font> (大寫字母+"組") | | | ------------------------------------ | |  | ---- ##### 新增頻道成員 (共1+3+1) * 打上其他組員(3人)的學號 * 打上<font color=red >mhsung</font> (o365.fcu.edu.tw) ---- 頻道設定(私人小組組員的權限)  ---- ### 課中 #### 小組開會  | 虛擬會議(截圖) | 虛實混合 | | -------- | -------- | |  |  | ---- #### (練習) 小組錄影 * 小組[立即開會] * 錄製小組簡短自我介紹 * 系級+姓名 * 俟影片轉檔成串流檔(MS STREAM) * 在小組頻道的貼文區觀看轉檔後的 [影片](https://web.microsoftstream.com/video/1f9b2add-e7c3-4256-9471-75fcdcfe0cc9?referrer=https:%2F%2Fteams.microsoft.com%2F_) ---- | 更改權限 | 錄製 | | -------- | -------- | | |  | ---- #### 會議控制項 | 模糊背景 | 模糊背景 | 顯示裝置 | | ------------------------------------ | --- | ------------------------------------ | |  | |  | ---- #### 小組溝通方式 溝通方式：聊天 寫信 視訊 手機 | 四種方式 | 手機通話方式 | | -------- | -------- | |  |  | ---- #### 新增索引標籤(小組共同作業區) * 將小組共同檔案設為頂端的索引標籤  ---- | 新增索引 | 新增網站 | 開啟方式 | | -------- | -------- | -------- | |  |  | | ---- #### (練習) TEAMS(小組頻道)新增索引 * Stream 小組成員自我介紹錄影 * OneNote 小組創作區 (5W2H，六思考帽，期末考) ---- #### (練習) 在 Teams 會議中共用內容 <font color="#0000dd" >***1.OneNote***</font> * 開啟OneNote fo Windows 10 為佳 * 各自在頁面上蒐集資料與創作 * 討論彙整成小組共識  ---- <font color="#0000dd" >***2.TEAMS***</font> * 週期：行事曆週期/及時：小組[立即開會]簡報 * 分享全部螢幕畫面 * [錄影開始] * 報告者開啟鏡頭[背景模糊]，開麥克風，其餘人關閉 * [錄影結束] * 自動轉檔 ---- |母子畫面銜接 (只有報告者出現臉孔) | | -------- | |  | | | ---- <font color="#0000dd" >***3.STREAM***</font> * 編輯影片檔名(例：M_型態分析法) * 修剪影片(去蕪存菁，去頭去尾) * 設定權限 * 下載檔案 <font color="#0000dd" >***4.iLearn***</font> * 上傳 (*.mp4) ----  ---- #### 數位足跡 | TEAMS | OneNote | Google Sites | | --- | ------------------------------------ | ------------------------------------ | |  | |  | ---- |  | | | -------- | -------- | |  | | ---- ##### 錄影前 * 每個人的頭像位置，燈光，背景 * 組員銜接 * 收音 * 網路品質 * 創作避免用手機  ---- ### 課後 #### 影片製作 * 人像呈現(小組成員同時呈現，五人要輪流?) * 內容為主(子母畫面) * 報告重點 * 影片剪輯(前後不相關的內容修剪) * 編輯影片檔名(1082創意思考3OOO_X組_期末報告) * 影片下載(*.mp4) 上傳至iLearn (X組_期末報告.mp4) ---- #### 環境 * 室外錄製，環境吵雜 * 邊走路邊錄影，鏡頭晃動 * 室內背景雜亂，人員走動 #### 聲音 * 多人同時打開音效，造成回音 * 收音問題(耳機+麥克風) ---- #### 創作內容 * 主題和本課程創意無關 * 重作各單一主題，無整合 * 以powerpoint方式，未以資訊圖表方式呈現 #### 報告 * 照稿念 * 未注意時間掌控 (個人線上倒數提醒) ---- | 避免 | 圖示 | | ---------------------- |:------------------------------------:| | 無法看見臉 |  | | 扮鬼臉 |  | | 做其他會造成分心的動作 |  | ---- 未將提示隱藏 | 案 1 | 案 2 | | -------- | -------- | | |  | ---- #### 建議 * 事先練習數遍 * 播報者轉換提示(換下一位) * 使用滑鼠指示目前所簡報內容 * 建議使用腳架固定 ---- | 應該 | 圖示 | | ---------------- | ------------------------------------ | | 使用背景模糊 |  | | 使用放大縮小功能 |  | ---- 使用螢光筆強調 Windows 10 版  ---- 本單元小組創作重點 * OneNote 創作(點子以六三五產生，彙整資訊圖表) * TEAMS 開會錄影，母子畫面，螢光筆重點 * STREAMS 修剪，改名，權限 * iLearn X_六三五.mp4 --- # <center> ==8. 老師篇== </center> ### 上課前 JYnmx3OivbY ---- #### 設定課程錄影 1.進入 [Office 365](http://o365.fcu.edu.tw/)  ---- 2.打開Outlook的行事曆  ---- 3.新增週期性會議(課程)  ---- 4.加入(匯入)參與者(學生)名單  ---- #### 團隊(課程)檢視 | 檢視切換 | 方格/清單 | | -------- | -------- | |  |  | ---- #### 團隊(課程)管理 | 釘選(本節課) | 隱藏(其他學期) | | -------- | -------- | |  |  | 課程利用釘選|隱藏(歷年課程)以及改圖像方式 以利分辨  ---- #### 成員身分 | 三種身分 | 功能比較 | | -------- | -------- | |  | | #### 管理頻道  ---- #### 頻道權限 設定「一般」頻道仲裁喜好設定 * 任何人(同學)都能張貼訊息：讓全團隊都可自由交流。 * 只有擁有者(老師)能夠張貼訊息：用來當作公告欄、發布重要資訊，不讓大家隨意聊天。  ---- 播放影片時，將聲音收錄進去  ### 上課中 ---- #### 線上溝通 上課：在［行事曆］上啟動視訊會議。 回覆訊息：老師從［聊天］回覆先前各類貼文或視訊 小組討論：從［頻道］發起多人小組視訊會議討論。 ---- #### 三種開會(上課)模式 | 經由 | 位置 | 圖式 | | --- | ------------------ | ------------------------------------------ | |行事曆|左邊目錄列|  | |聊天|右上角區域 |  | |頻道|右下角區域|  | ---- #### 老師授課三種溝通模式 ### 老師對班級 * 　團隊(課程)/一般(班級)/貼文(公告)｜聊天 ### 老師對小組 * 　團隊(課程)/頻道(小組)/貼文(公告) ### 老師對個人 * 　團隊(課程)/個人頭像/訊息 ---- 螢幕畫面分享(老師看學生畫面) * 利用聊天室通知學生 * 請學生點選老師頭像，(右上角工具列)螢幕畫面分享  ---- #### [螢幕畫面分享模式] * 整個螢幕：讓使用者共用整個桌面。 * 單一應用程式：將螢幕畫面分享限制在單一使用中的應用程式。 * 已停用：關閉螢幕畫面分享。 ---- #### 會議錄製 1. 開始或加入會議 2. 至會議控制項，並選取 [更多選項] [其他選項] 按鈕 > [開始錄製]。 3. 停止錄製，至會議控制項，選取 [更多選項] [其他選項] 按鈕 > [停止錄製] * 課程的綠影需要一段時間轉檔 * 一旦開始錄製，21天內無法刪除，21天後檔案自動失效。 * 若要儲存影片，請在21天內下載。 ---- #### 背景設定 {%youtube -wCyq9oll_o %} ---- #### 立即開會 * 想新增主題嗎?(例：創意思考2020-04-26) #### 手機的使用  ---- ### 上課後 * 錄影(開始/停止)，自動轉檔，編輯，通知 * 錄製影片時，盡量以分段方式進行各別錄製。(每段以15分鐘為限) ---- #### 疑難雜症 * 若同時段有兩個會議開啟，可能會造成無法連線的問題 * 啟用多個裝置時，最好在每個課程都要登出TEAMS * 要能確認線上授課時，學生能看到分享的畫面 * 要有手機能監看畫面 * 充電器 * 手機(學生畫面同步用)要關閉音訊，以免干擾 * 畫面切換時，不要太快，否則學生與老師的畫面不會同步 * 訂閱頻道 推播通知 --- # <center> ==9. 補充資訊== </center> * [十個小技巧快速上手 Onenote](https://www.youtube.com/watch?v=2QDjXsRS22U) * [01--基本說明](https://www.youtube.com/watch?v=-3wut74E7ko) * [OneNote也能畫思維導圖了](https://kknews.cc/zh-tw/news/mq5x69p.html) * [使用OneNote 做心理學筆記](https://medium.com/digital-productivity-tips/https-medium-com-chuntsongchan-onenote-692e5d14ad2f) * [使用 Microsoft Team](https://docs.microsoft.com/zh-tw/microsoftteams/configure-desktop-sharing) * [7 種遠距協作工具經驗與方法分享](https://www.playpcesor.com/2020/03/remote-work.html) * [Microsoft Teams 圖解教學：免費視訊會議、遠距工作提升效率](https://www.playpcesor.com/2020/03/microsoft-teams.html) * [Teams 雲端會議錄製的必要條件](https://docs.microsoft.com/zh-tw/microsoftteams/cloud-recording) ---- 本單元小組創作重點 * OneNote 創作，小組頻道索引，權限 * TEAMS 母子畫面開會錄影，加上螢光筆強調重點 * iLearn X_六思考帽.mp4 ---- <iframe width="640" height="360" src="https://web.microsoftstream.com/embed/video/8fb9b8a6-4f5a-4340-9277-c2d8ea5eb120?autoplay=false&amp;showinfo=true" allowfullscreen style="border:none;"></iframe> ---- ---