述文老師學習網

教師執行科技部或教育部計畫、同學撰寫專題報告，都有機會需要建置專屬的網站，但網頁設計不僅要學會 HTML、CSS、javascript…等程式語言，還要考量到不同裝置、不同螢幕大小的相容性問題！有沒有懶人工具，可以讓我們無痛快速建置好網站，又具備視覺美觀的專業表現呢？在這次研習中主要介紹「Mobirise」與「Google 協作平台」，有了它，建立網站就像編輯文件一樣簡單，且內建多種範本、版型，只要輕鬆按按滑鼠，就能建立 RWD 跨平台網頁，對於老師與同學來說，「不小心」都能快速上手！Google 協作平台不論新、舊版本，一直以來都是強調不需要懂任何網頁程式語法，就能輕鬆製作與應用，特別適合做企業、團隊內部合作時或是架設班級、專題網站！整合來自 Google 雲端硬碟、相簿、日曆、文件…等服務的資料，更是超 EASY！但是 Google 協作平台之前都只以小改版的方式做更新，以適應不斷變化的網頁技術應用，在 2016 年底 Google 終於推出了全新的 Google 協作平台，正式帶入 RWD 響應式網頁設計，且經過近兩年的持續更新，又再繼續加入許多舊網站的功能，並真正做到多人即時協同編輯。而另一個主角：Mobirise，除了可以免費、快速建置 Responsive HTML 網頁外，更具備以下的特色：比 Google 協作平台更豐富多元的範本 比 Google 協作平台更精彩的版面配置 Mobirise 提供免費網站空間做為測試用 與我聯絡表單可即時透過 Mobirise 主機即時寄出 具有 Extension 擴充功能，提供更豐富的範本與功能增強 保留網站歷史編輯記錄，可隨時回溯，找回舊版本 專案檔案可以透過匯入、匯出功能，在不同電腦間轉換※ 心智圖講義：http://gg.gg/1071214-03
以下就是這次「20181116 中正大學：你也可以輕鬆做個 Motion Graphic 動畫設計師 (2018)」的 1Know 群組與上午的研習錄影影片！ ※ 1Know 研習課程與 Youtube 網址1Know 群組
http://1know.net/group/fe7ca679c5f2

Youtube 頻道播放清單：
https://www.youtube.com/playlist?list=PLGgb8xybFghtrTYDqLKjI1HKmxzkKzCB…

在之前的 Webduino 動手做系列中，主要以冰棒棍為主體來製作這些作品，但在教學現場，可能受限於動手製作的時間有限，無法花太多的時間以白膠慢慢拼貼！利用這次在鹿港高中工作坊的機會，把這個環保紙風車作品，改成「用回收紙板 + 冰棒棍 + 3D 造型設計 + 3D 列印」這個版本，不但可以保留部份動手拼貼冰棒棍的樂趣，還能加快製作的速度，更可以結合 3D 造型設計與 3D 列印，將 Webduino 動手做的方式，再往更多的領域結合，產生更多不同的創意！

※ Webduino 動手做系列：環保紙風車 + 冰棒棍基座https://harmonica80.blogspot.com/2018/08/webduino.html
以下就來介紹一下這個版本所做的改進：
一、用回收紙板做基座以 15 X 15 cm 的正方型回收紙板，四邊留約 1.5 ~ 2.0 cm 反摺後，就可以有一個立體的基座，再配合冰棒棍製作幾組柵欄，剛好可以黏貼在基座四週。
二、用 3D Slash 免費線上 3D 減法設計 + 3D 列印，實做伺服馬達底座在之前的版本，為了把伺服馬達固定住，使用的是透明的釣魚線，不過，這在實際使用時，還是不容易完全固定，且後續維護也是相對麻煩！使用 3D Slash 免費線上 3D 造型設計，它以類似微軟 minecraft 遊戲的方式，在一片加法製造的氛圍下，以「減法」敲磗塊的手法，讓使用者自行雕刻出心中的 3D 模型，且每個工具都會有不同的音效，使用時特別讓人有感覺呢！※ 3D Slash 免費線上 3D 減法設計 https://www.3dslash.net/
↑ 滑鼠左鍵按住拖曳：旋轉模型、右鍵按住拖曳：平移模型
三、看看參加工作坊老師們完成作品的過程吧！

※ 延伸閱讀：Webduino 動手做系列：冰棒棍水車小木屋Webduino 動手做系列：冰棒棍智慧小木屋Webduino 動手做系列：環保紙風車 + 冰棒棍基座Webduino Blockly 「積木方城市」：如何一次停用或啟用多個程式積木？Webduino Blockly 「積木方城市」：用 Bit 九軸加速器玩「拋拋剪刀石頭布」與「擲骰子」Webduino Blockly 「積木方城市」：如何利用「iframe 顯示網頁」自有積木，免用任何網頁語法就能輕鬆在 Blockly 中動態顯示「Google 統計圖…

在電視、Youtube…等影片頻道上，大家一定看過很多精彩的 Motion Graphic 動畫短片，想不想自己親手製作呢？也許你也曾經有過這樣的念頭，但詢問過親朋好友，或是瀏覽多媒體動畫設計相關系所後，光聽到要學習哪些軟體與所要花費的時間，應該馬上就打退堂鼓了吧！在這場研習中以新興的 Motion Graphic 雲端服務「甲尚科技 Cloud Animator」與單機版的動畫影片製作軟體「Animiz 萬彩動畫大師」為主，讓大家都能輕鬆當個 Motion Graphic 動畫師！不論是學校或社團活動宣傳影片、簡報動畫影片、班級畢業影片、專題或學習成果展示影片、微電影，都難不倒它！
一、甲尚科技 Cloud AnimatorCloud Animator 不僅僅只是單純的影片，它還具備了插入 Youtube 影片與互動的功能，可以讓使用者在影片中選按指定物件，就能連結至不同的頁面、網頁、Email，甚至是撥打電話、傳送簡訊都OK！目前發佈後的影片解析度為 Full HD 1920 X 1080，免費方案具有以下幾個限制：500MB 雲端空間 每個帳號最多 5 個專案 每個專案最多 15 個 Slide 頁面
二、Animiz 萬彩動畫大師
Animiz 萬彩動畫大師與 Focusky 都是由廣州萬彩信息技術有限公司所開發，目前有國際版與簡體版兩種版本，軟體功能相同但是授權方式不同！它除了具備簡單的操作界面外，更提供非常豐富的素材，不用擔心不會做動畫！免費方案目前具有以下幾個限制：有 8 個免費角色 每個專案最多 5 個場景 每個場景最多 6 個攝影機鏡頭 500 個免費向量圖庫 發佈影片大小 1024X576 發佈影片有浮水印
以下就是這次「20181116 中正大學：你也可以輕鬆做個 Motion Graphic 動畫設計師 (2018)」的 1Know 群組與上午的研習錄影影片！ ※ 1Know 研習課程與 Youtube 網址1Know 群組
http://1know.net/group/a0120ca0f340

Youtube 頻道播放清單：
https://www.youtube.com/playlist?list=PLGgb8xybFghsCCpzonqNsxO3a3G6aEnZa

※ 延伸閱讀：20181114 中興大學：海報設計懶人包，輕鬆應用沒煩惱(2018)2…

距離上次到中興大學分享「20161002 中興大學Super TA研習營：輕鬆搞定教學影片錄影剪輯」，已經一段時間！這個學期又有機會來跟大家分享學習心得！1. 海報設計懶人包，輕鬆應用沒煩惱  (11月14日週三晚上17:30~20:30)2. 你也可以輕鬆做個 Motion Graphic 動畫設計師 (12月7日 週五12:30~15:30)3. Focusky 創意簡報，用心智圖概念爆發您的簡報設計力！ (12月12日週三 14:00~17:00)
這次的「海報設計懶人包，輕鬆應用沒煩惱(2018)」研習，不再使用之前中正大學介紹的 Gimp 為主角或是在逢甲大學主要介紹的雲端服務與相關 APP 應用程式，而以 PhotoCap 做為主要的使用軟體，從專業影像處理的角度，來看看 PhotoCap 這個「舊」軟體，如何應用「遮罩」、「混色模式」做出不同的質感，並透過其它的雲端服務，如「免費中文字體何處尋？全字庫不只提供正宋體、正楷體，還有歷代書法名家法帖 PNG、EPS、WMF 格式下載」、「最漂亮的中文文字雲產生器教學，製作簡報必備工具」來協助 PhotoCap 進行更多元的影像元素製作！
而研習中使用的範例，其實也是「舊瓶裝新酒」，把原本為了 Gimp 教學製作的範例，重新用 PhotoCap 來完成，雖然軟體不同、操作方式有差異，但是這其中的影像處理觀念都是一樣的，只要能掌握住，一樣可以輕鬆完成的！
※ 研習的場地在民國83年落成的「綜合教學大樓 1F 翻轉教室」中進行，約 40 位同學們自備筆電以圓桌方式上課，現場的無線分享器真的是夠力，才能撐住這些筆電的連線！

※ 因為翻轉教室並沒有一般電腦教室的廣播系統，反倒是有兩個牆面的投影螢幕，所以「即時互動白板」就成為這次研習很重要的大家提問與互動的重要管道，也能即時把上課資料與同學分享，同學們都是第一次體驗這樣的上課方式，所以反應都相當的熱絡！
↑ 同學對於研習中操作的問題提問
↑ 聖誕節發想
以下就是這次「20181114 中興大學：海報設計懶人包，輕鬆應用沒煩惱(2018)」的 1Know 群組與研習錄影影片！ ※ 1Know 研習課程與 Youtube 網址1Know 群組
http://1know.net/group/41e709daf362

Youtube 頻道播放清單：
https://www.youtube.co…

好幾年沒到位於士林的銘傳大學校本部上課了，雖然台北的天氣飄著毛毛細雨，非常典型的冬天天氣，但也因為這樣的洗滌，讓台北的天空清淨了不少！從捷運劍潭站下車，步行幾分鐘就到校門口，穿越入口墜道後，就是「396 階的好漢坡」，長長彎延的階梯，真的，銘傳的師生每天都靠這個練身體，體力肯定是不得了的！這次到達銘傳的時間比較早，所以有一點時間可以研究一下怎麼利用教室的空間與設備，讓 OBS 研習的進行可以比較順暢！且第一次有機會讓綠幕全尺寸展開 600 公分 X 300 公分，幾乎佔滿了整個白板！也利用空檔時間，先與承辦人員逸榛測試了在 OBS 中加入 Line 群組視訊通話視窗！※教室全部電腦都是 IBM 的工作站級電腦，效能真的很不錯！
在 OBS 研習一定會體驗的「氣象主播」，這次來了一位中午剛參加完學校主播比賽的同學，除了服裝相當正式與專業外，果然有女主播的架勢，真的讓我嚇了一大跳呢！
另外，針對老師常用的 PowerPoint 簡報檔案，也特別在這次把如何用 OBS 錄製 PPT 簡報畫面說清楚、講明白！
最後，如何利用 Line 群組視訊的功能，達到在 OBS 中進行現場 Callin 的多人互動，更是這次研習的重點！這讓 OBS 不只可以做教學影片的錄製，也能在直播上多了不一樣的互動體驗！
以下就是這次「20181102 銘傳大學：用 OBS Studio 自動去背濾鏡，不用進虛擬攝影棚，研究室、你家就是最好的磨課師錄影場所！」的 1Know 群組與研習錄影影片！ ※ 1Know 研習課程與 Youtube 網址1Know 群組
http://1know.net/group/c2c44482deb7

Youtube 頻道播放清單：
https://www.youtube.com/playlist?list=PLC6tSjUeUv14hoCxGT_PMrUeZt0JxC4of

※ 延伸閱讀：20181012 中正大學：用 OBS Studio 自動去背濾鏡，不用進虛擬攝影棚，研究室、你家就是最好的磨課師錄影場所！20180303 金門大學：用 OBS Studio 自動去背濾鏡，不用進虛擬攝影棚，研究室、你家就是最好的磨課師錄影場所！(霧鎖金門，巧遇系上同學返校，一起夜宿金門！)OBS Studio 虛擬攝影棚開講：OBS 為什麼無法從麥克風錄聲音？OBS Studio 虛擬攝影…