20170519 中正大學:新版 RWD 響應式 Google 協作平台 (2017)
是的,網頁製作也可以很輕鬆!RWD 響應式網頁可以自動適應不同的裝置螢幕大小,目前已成為網頁設計的主流,Google 預計在 2017 年發佈遷移工具,協助您轉換傳統版協作平台,傳統版協作平台將逐步淘汰!
Google 協作平台不論新、舊版本,一直以來都是強調:不需要懂任何網頁程式語法,就能輕鬆製作與應用,特別適合做企業、團隊內部合作時或是架設班級、專題網站!整合來自 Google 雲端硬碟、相簿、日曆、文件…等服務的資料,更是超 EASY!
但是 Google 協作平台之前都只以小改版的方式做更新,以適應不斷變化的網頁技術應用,在 2016 年底 Google 終於推出了全新的 Google 協作平台,正式帶入 RWD 響應式網頁設計的技術,並加上多人即時協同編輯等功能。
這次在中正大學的 TA 研習中,除了這次研習時間是「星光班 18:00 ~ 21:00」外,主要有以下的特色與介紹內容:
一、除了 Google 協作平台的新版本,也簡單介紹了舊版本的基本使用
雖然 Google 協作平台有了 RWD 的新版本,但是目前新版本仍無法完全取代舊版本的功能,因此,簡單介紹舊版本的使用,也可以讓大家更容易了解新舊版本間的差異與侷限!如果您想更了解舊版本 Google 協作平台的使用方式,可以參考之前在中正大學的研習資料「20140407 專案、專題網站輕鬆製作:Google協作平台應用(2014版)」:
- 專案、專題網站輕鬆製作:Google協作平台應用(2014版)簡報:
https://sites.google.com/site/oaaccu/home/102xue-nian-xia-xue-qi/google-xie-zuo-ping-tai-ying-yong - 研習錄影影片:https://sites.google.com/site/oaaccu/yan-xi-lu-ying-ying-pian/103nian04yue07ri
二、當新舊版 Google 協作平台無法滿足您的需求時,可以試試 Mobirise 免費 RWD 網頁設計工具
新舊版的 Google 協作平台很適合做為多人協同使用,並且為這些協同過程做很好的修訂版本控制,但是,在網頁的視覺設計上,就相對顯得比較不是那麼「好看」,因此,當您需要的是最終的成果展示,或是專題、報告的專業呈現時,Mobirise 就能為您帶來更精彩的 RWD 網頁視覺效果!Mobirise 與 Google 協作平台的最大共通點就是,真的不用懂任何網頁設計語法,就能製作出非常精美的 RWD 網頁,就是這麼簡單!
- Mobirise 官方網站:https://mobirise.com/
- Mobirise 網頁應用:
嶺東多媒體互動設計課程介紹 https://sites.google.com/ltugmail.ltu.edu.tw/multimedia-design/
彰化縣衛生局整合式篩檢專區 https://sites.google.com/view/chcis
三、Google 表單的測驗功能與 Google 我的地圖應用
Google 表單雖然使用過的人很多,但是新增的「測驗:即測即評」功能,就沒那麼多人用過了,所以在這次的研習中也介紹給大家認識!而 Google 我的地圖其實也是非常實用的功能,除了教學、研究外,用在自己、家人的旅行足跡,也是很好的方式,在我的部落格上就有「研習地圖」的單元,將自己的研習地點串連起來!
四、讓教室中的同學同時看到老師與同學課堂上的上課畫面
以往的研習或上課錄影,都是使用 Debut Video Capture 自動於錄影的同時,將擷取的老師 Webcam 畫面加入,在錄影時並不會特別看到老師的畫面,等同學觀看影片時,才會發現原來影片中有老師的畫面!最近開始嚐試,讓同學直接在觀看廣播畫面時,就會看到老師的畫面,這樣可以讓座位「背對老師」的同學,不用再轉頭看老師,直接就能從螢幕上看到老師的表情與動作,增加上課的臨場感!
這次,除了把老師畫面加入外,也首次將現場同學的上課畫面加入,讓大家不僅可以從座位上,以同學的角度看到老師,也能看到以老師的視野,看到同學上課情形的畫面,相信這對於完整了解整個課程進行,會有不錯的幫助!
五、用 TightVNC 模擬軟體教學廣播,讓同學上課也能「自由」選擇繼續練習或專心聽老師講解
因為中正大學電算中心目前還是以硬體的廣播為主,所以老師切換畫面時,同學只能「束手無策」,為了讓同學能找回自己的學習「自主權」,這次還是把 TightVNC 這個用來做為連端連線的軟體搬出來, 只要在老師端電腦安裝 TightVNC Server,同學就能在各自的電腦以免安裝的 TightVNC Viewer 或是在行動裝置上安裝 TightVNC APP 應用程式,連線到老師電腦中觀看操作說明!雖然這樣的方式,無法有硬體廣播那麼好的畫面順暢性,但是以一般的電腦教學來說,還是相當足夠的!而且它不需要像 Teamviewer 一樣透過網際網路,在一般的區域網路中就能使用,即使不能連上網際網路 Internet 也沒有關係!
- TinyVNC區網連線(軟體廣播) 相關軟體:https://drive.google.com/open?id=0Bw_XYRnXpsKGeHhwcmF4cEhENWc
以下就是這次「20170519中正大學:新版 RWD 響應式 Google 協作平台 (2017)」的相關講義、1Know 群組與研習錄影影片!
※XMind 心智圖講義:http://gg.gg/20170519_03
※ 1Know 研習課程與 Youtube 網址
- 1Know 群組:(需先註冊1Know帳號,才能加入群組)!http://1know.net/group/bdff651dda74
-
https://www.youtube.com/playlist?list=PLGgb8xybFghs27iDVBC-CDirdN7rFG4kR
※ 延伸閱讀:
- 用 Google 繪圖做為多人即時討論的電子白板(Google 文件、簡報…等,也都可以這樣多人協同使用喔!)
- 同學分組報告也能這樣玩:臺下同學用Google試算表即時寫下報告組別的優點與建議!還能進行現場提問與回答!
- 原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)
- 如何從Google雲端硬碟找回檔案的「歷史記錄」版本?
- Smallpdf.com 用免費線上服務,輕鬆解決 PDF 大小事!PDF 合併、分割、轉換成 Word、Excel、PowerPoint 都難不倒它!
- 你累了嗎?Ditto 剪貼簿加強,不止幫你記錄剪貼簿歷程,還能用關鍵字搜尋呢!
- Snipaste 與 Picpick 攜手合作 1+1,幫您一次搞定螢幕擷取、教學圖片、資料比對、便利貼!
留言