當簡報遇上教學設計

收到疾管局「傳染病數位學習網」的學習競賽活動

http://e-learning.cdc.gov.tw/bulletin/controlbulletin?event=show_board&num=66



想到都還沒有空把去年的製作心得寫下來，最近常常要對外分享簡報的教學設計，想想也該整理一下：



去年底接、今年初結的專案之一，疾管局其中的18門數位課程，光簡報的調整，平均一門大概花了二十小時以上。(18門有四五門應時程壓力請同事幫忙做了第1次的設計，結果還是幾度更改 =_=)



這18門課程如下：



一. 疫災及其應變技術

－天然災害防疫應變工作



二. 重要呼吸道傳染病防治

－腸病毒

－百日咳

－季節性流感



三. 重要腸道傳染病防治

－傷寒及副傷寒

－桿菌性痢疾與阿米巴性痢疾



三. 人畜共通傳染病防治

－漢他病毒症候群

－鉤端螺旋體病與類鼻疽

－狂犬病



四. 病毒性肝炎防治

－A型肝炎及E型肝炎

－B型肝炎及C型肝炎



五. 三麻一風傳染病防治

－麻疹

－小兒麻痺症

－德國麻疹及先天性德國麻疹症候群





六. 重要病媒傳染病防治

－登革熱

－日本腦炎

－瘧疾



七. 其他

－國內港埠檢疫





▉課程呈現



錄音＋簡報。(原本應該使用專拍的影像，不過尊重各位講師意見，只錄聲音)





▉簡報製作工具



M$ Office 2003為主，MS Office 2007為輔。一開始在圖表上，我用了M$ Office 2007的漂亮圖表與SmartArt，不久即發現即使另存成 M$ Office 2003相容格式，由於2007整個核心，含色階、精靈、模組並不相容於2003，另存會把整個圖表連同上頭的字轉成圖片，例如我用了2007文字框，到了2003它會該死的變成圖，考慮我的後製快速工具是SA，再轉出一次，簡直「不堪入目」，這些課程中有很多流行病學的EXCEL圖表，也有圖說要做，怎麼辦呢？



因此最後，我用了以下方式：



1.圖表：不同版本不要互COPY



用EXCEL 2007開原本2003的圖表套圖，再另存EXCEL 2003，然後用EXCEL 2003開，再COPY其中的圖內嵌 PowerPoint 2003 (copy&paste)，這樣一樣，圖表既不會糊，也不會變成圖片。



2.圖說：文字框留在2003做



簡報上的文字，要能修改，要考慮日後的維謢，不可以偷懶。不能因為 M$ 2007美，就用它做，除非你確定最終的整合工具是相容於MS Office 2007。



這是什麼意思？例如：最後打算使用 Powerpam 來製作打包課程，只要同一台電腦有 MS Powerpoint 2007 又有裝 Powerpam，那麼請自便，隨你高興怎麼用。如果，最後要用 SA(串流大師)，SA 只是把簡報轉成Html，目前比較合適的版本仍是：Powerpoint 2002~2003 (甚至不支援很多2003的動畫)，而若使用 Aaticulate 或 Captivate來製作，也是一樣的問題，請考慮最終製作版本對Powerpoint版本之相容。



當我們使用MS Powerpoint 2007來製作，是為了美觀，然，如果簡報觀看者只有Powerpoint 2003，簡報中的所有美觀只一場玩笑，如果是要往返修改的用途，只會氣死雙方，不是嗎？誰要一份「改不動」的簡報！



同理，即使MS Powerpoint 2007 的文字框再美，效果再多，我還是只用了圖說的圖，文字寧可留在 MS Powerpoint 2003來打。





▉後製快速工具SA(即串流大師 3.5)





▉設計重點



簡報的教學設計其實很有學問，它約介於「純美侖美奐」與「純WORD轉PPT」之間，可以不很漂亮，但要言之有理。以下就「排版」和「動畫」兩方來說明：



●母片







1.勿手動動到母片的設定



簡報美化設計，在由原簡報貼過來時，務必留意格式，一切以「母片制定之標題及內容區」，勿在簡報中單張手動調整。



2.留意文字量



請留意製作時，單張投影片之字數量。當字數量太多時，會造成母片的標題及內容區元件移位。





★文字







1.字型字級統一



整門課程字級、字型需一致。



2.重點文字顏色統一



重點文字可以顯目顏色標示，但必須整門課程統一。





3.文字標點符號



標題或項目條列者：無句點，整門要一致。

內容文字者：加上句點，整門要一致。





★表格







1.表格用色統一



整門課程如有表格設計，用色應統一。



2.表格呈現方式統一



整門課程如有表格呈現，其呈現方式，包含：動畫、文字大小應統一。



3.表格需有表頭



整門課程如有表格設計，需加上表頭或標題。





★圖表







－圖表用色一致性



整門課程如有數據圖表，在用色上儘可能同色調呈現。





★圖片







－圖片呈現及風格一致



整門課程如有圖片，在呈現及風格上儘可能一致。





★圖說



－圖表之圖說呈現及風格一致



參考資料之圖說呈現及風格一致。

時序表之圖說呈現及風格一致。



註：圖說之文字切勿變成圖片，以利未來之修改。





●動畫



動畫應立求一致，不要整份簡報動畫效果一堆，華而不實。



以下就後製工具SA支援的幾個動畫效果作說明：



★文字



1.文字本身動畫



進入：色彩打字機、出現、飛入

移動：影片路徑

結束：消失、飛出



2.以色塊配合語音做動畫



進入：色彩打字機、出現、飛入

移動：影片路徑

結束：消失、飛出





★表格



1.表格本身動畫



進入：出現、飛入

結束：消失、飛出



2.以方框配合語音做動畫



進入：出現、飛入

結束：消失、飛出





★圖表



－圖表本身動畫



進入：出現、飛入

結束：消失、飛出





★圖片



－圖片本身動畫



進入：出現、飛入

結束：消失、飛出





▉心得



承辦人很有sense，由她身上我也學了很多東西，這幾門中，我最喜歡「漢他」、「百日咳」、「狂犬病」、「季節性流感」、「國內港埠檢疫」，「漢他」是第1門做的；「百日咳」則真的用盡了教學設計，除了流行病學，其他圖表在原始簡報中都是文字，這門花了很多心，還和承辦人討論，弄了「時序表」，在 Powerpoint 中弄時序表的動畫，會死人的，因為 Powerpoint 又沒有圖層，做的想流淚 T.T；在「國內港埠檢疫」則是一張張的表單，用「影片路徑」硬做出的局部格放效果，原來壓軸簡報，才是讓人有「蠟炬成灰淚始乾」痛上心頭的感覺。



不過就做疾管局的課程，也很有意思，是「救人一命」的課，一下子認識了18門傳染病，人類史，就是一整個流行病史。





▉Reference



傳染病數位學習網

http://e-learning.cdc.gov.tw/







13th Sep. 2008 by bigfool

綠色軟體之應用篇

http://www.agrext.coa.gov.tw/EPaper/200809/full.htm#B02

2008/09 九月份，原本寫我羨慕的那個主題「綠色軟體的使用」的同事逃到國外玩耍，只好又來代班，在農業推廣充電站繼續寫綠色軟體之應用，這次麻煩的是綠色軟體太多，每個的使用要說明到什麼程度？



為此，花了一兩次測試，並做出以下決定：



1.找出五個左右的綠色軟體：Firefox(瀏覽器)、OpenOffice(辦公室軟體)、Foxit PDF Reader(PDF閱讀器)、DeepBurner(燒錄軟體)、CCleaner(系統工具)作說明。



2.每個綠色軟體均以目前(2008/09/09)最新版作附圖，所以花了點時間把目前電腦中的所有GreenWare都更新過一次。



3.文章內容設定在「由如何找尋到綠色軟體，到簡單開啟」，並不就單一軟體深入說明，不然兩千字應該會收不了尾吧。



4.而設計上就承襲上次「綠色軟體之概念篇」，以充電站上的代言人「農農」和 T博士 對話，然後帶出內容。





不過這次排版有點小遜，我的稿子寫的很清楚，HTML呈現太遜：



1. http網址沒有設hyperlink連結，我們不能讓讀者一定要copy，然後到 IE paste... 在網頁上看到http了還不能點，又不是部落格的留言。



2. 原稿其實是對話和內容有區隔，但稿子中看不出來。



3. 圖片應該加上紅框，不然圖片之意指不夠明顯。



4. 內容文字排版不美觀，例如 Step 1、Step 2..... 能以不同顏色或行列區隔較佳。





不知是不是我又拖稿的原因，早知如此，不如我自己做網頁，算了，已經先向排版者小小「客訴」了一下。



最近桃園的次數多，嚴重壓縮了白天的時間，這個應用篇又是弄到了三點，唉~ T.T









13th Sep. 2008 by bigfool

綠色軟體之概念篇

http://www.agrext.coa.gov.tw/EPaper/200808/full.htm#C02

2008/08 八月份，代同事捉刀，在農業推廣充電站又寫了篇綠色軟體的介紹，還只能「介紹綠色軟體」喔，不能教軟體，天啊~ 誰安排的主題啊~ 還要撐到兩千字，只好連 U3 都寫了，像我這樣介於技術與應用之間的B咖，請A咖和C咖不要來K我。T.T



本來的設計是用充電站上的代言人「農農」和 T博士 對話，然後帶出內容，對話以漫畫呈現，結果「拖稿」演出，最後漫畫變成平鋪直述的文字。



寫這個概念篇隔天早上要下桃園去訪談，偏偏又寫到三點，這是一篇爆肝文章。=_=







13th Sep. 2008 by bigfool

教學設計

http://www.agrext.coa.gov.tw/EPaper/200806/full.htm#C02

2008/06 這是六月在農業推廣充電站寫的一篇有關數位教材「教學設計VS品質認證」文章，分享之；充電站目前還不是很穩，所以有時可能會開不起來。



數位教材(或課程)認證，國內目前有三種，較早為工業局經濟部的品質認證，另外有教育部的認證，最後那個不很熱門，可暫時不提。



由於專案型態，我們都是送工業局經濟部的品質認證，不過今年我又接了個教育部認證，呼~ 快掛了~



常有人問我「教學設計師」到底在做什麼？我很想跟別人說什麼師都沒有，就是打雜工...做自己不懂的東西，不是自己熟悉的domain knowledge像是：由芭蕾舞、氣喘、作物栽培，到豬隻解剖...被內容專家(SME)，被客戶罵，再去被審查委員嫌，最後回來再被專案經理討債，明明一百萬的專案，要做出一千萬的品質那種爆肝打雜工.... T.T







13th Sep. 2008 by bigfool

分頁的檔案總管‧QTTabBar

用途：網路瀏覽器

搜尋關鍵字：檔案總管的分頁、分頁 檔案總管、分頁功能 檔案總管、QTTabBar

參考或原創網站：

http://qttabbar.wikidot.com/

http://nelson.pixnet.net/blog/post/5103149



現代人太忙，忙的視窗開不完，話說IE6有plug-in程式可以分頁、IE7學Firefox內建、Google的Chrome當然也一定有；文字編輯器如Notepad ++也是；還有MSN也都有plug-in外掛；那檔案總管呢？



之前用了幾個有分頁功能的檔案總管代替方案，都不很順，最近用的這個「QTTabBar」，很不賴，推~



當然原因之一是它現在的版本速度快，不佔資源嚕...現在說一下它的安裝操作吧~





●Step 1.確定安裝什麼軟體



請看看下面這畫面：

如畫面1 的位址列，Vista內建，如畫面2 的分頁功能，XP 與 Vista都沒有。因此，如果你的電腦系統是Vista只要裝「QTTabBar」；如果你的電腦系統是XP，可以安裝「QTTabBar」與「QTAddressBar」，那麼你的檔案總管就會有如畫面1、2的功能了。(以下僅以QTTabBar作說明)





●Step 2.以管理者身份Administratior進行安裝



確定好要安裝的軟體，請至原創網站下載軟體，軟體為英文版本，但可以下載語言包更新為中文。



另外，QTTabBar必須以管理者登入才能安裝成功，請依以下步驟確認目前的權限 (以Vista系統舉例說明)



2-1

在桌面「我的電腦」按右鍵進入「管理」功能，或者在開始功能表的「電腦」按右鍵也可以。





2-2

在電腦管理視窗中，於[本機使用者和群組/使用者」，找到管理者身份，按右鍵進入「內容」。





2-3

在管理者內容視窗中，取消原來有勾選的「帳戶已停用」。





2-4

然後再回到電腦管理視窗，於管理者身份，按右鍵進入「設定密碼」作密碼的重設定。





2-5

接著就可以於開始功能表，切換使用者，以管理者身份登入，進行「QTTabBar」之安裝(安裝步驟在此略過不提)。







●Step 3.「QTTabBar」的使用



3-1

安裝完「QTTabBar」，重開機後，開啟檔案總管，於工具列按右鍵，勾選「QTTabBar」與「QTTab Standard Buttons」，後者如同QTTabBar的工具列。勾選好，可以先取消勾選「鎖定工具列」，才可以拉動分頁之頁籤。





以下說明「QTTabBar」幾個主要功能鍵





3-2 工具 [1]、[2]



[1]：開新視窗

[2]：開新分頁



工具 [2] 就是我們最想要的那個分頁功能啦，除了使用 工具 [2]，我們還可以用拖曳的，把資料夾拖到檔案總管之分頁工具列，「QTTabBar」會自動開此資料夾為新分頁。





3-3 工具 [3]、[4]



[3]：關閉目前單一分頁

[4]：關閉檔案總管





3-4 工具 [5]、[6]



[5]：我的最愛(如書籤功能)



把目前開的所有分頁存成群組，取個名字，下次一次開齊，像文件巨集，又像Firefox給所有分頁加上書籤之功能。



[6]：最近關閉的分頁記錄



這個功能是記錄之前關閉的分頁，點選後可再開啟，像軟體操作之UNDO，又如Firefox的復原已關閉分頁功能。





3-5 資料夾之預覽





「QTTabBar」還讓檔案總管資料夾有預覽功能，如畫，當滑鼠移到資料夾「TabBar」時，在右邊有個向下小箭頭，移到箭頭按一下，可以預覽資料夾「TabBar」內有哪些子資料夾與檔案喔。



簡單提到此，還有一些可以玩的，自己可以TRY看看，挺有趣的~









10th Sep. 2008 by bigfool

谷歌牌瀏覽器

早上上網胡亂找些資料時，看到Google終於出了瀏覽器，手癢的我想當然要下載來玩。這個新加入戰場的Browser名字叫「Chrome」，下載和開的速度都還不錯。



如同優質的火狐狸(FireFox)，和在後面直追的MS IE 7/8，Chrome也有分頁功能，在開啟Chrome時，有播放的感覺，也頗具設計感 (不知是否使用Vista的關係)



凡事往好的地方看，說到Chrome的優點，信手隨意玩了一下，有幾個不錯用的地方呢：



1.把瀏覽器弄的很有播放感



在放大與電腦尺寸相同時，會發現它捨棄了IE/FireFox都還留著的「軟體名稱告知」，換言之整個瀏覽視窗變大了，而仔細找了一下，Chrome目前版本也沒有「全螢幕」的選項，我想~這是設計的用意 That's Why！





若真要讓瀏覽螢幕再大，可以按下功能列上右方第一顆設定鈕，在出現的功能表，取消勾選「永選顯示書籤列」。







2.無痕式瀏覽



按下功能列上右方第二顆鈕，出現的功能表，其中有一選項「新增無痕式視窗」，當選了這個功能後，會開啟新視窗，而在這個視窗中瀏覽網頁，所有記錄cookie都不會保留。很讚吧~





美中不足的是：FireFox的分頁中，還有一個選頁是「復原已關閉分頁」，這個功能在Chrome或IE就看不到。



然Chrome是可以加以整合谷歌旗下發展的各項功能，可謂資源無限啊。




PS.


測了一下幾個網路數位學習平台，不是我愛說，古早大部份的平台都只支援IE瀏覽，然，現在已不是市場獨佔，平台廠商總要想想 FireFox，現在又多了Chrome. (以IE為核心的plug-in browser就不在這裏多提)。





▉Reference



Google Browser

http://www.google.com/chrome/






7th Sep. 2008 by bigfool