网路教学的理论与实务.ppt

網路教學的理論與實務,謝寶煖 國立台灣大學圖書資訊學系副教授 台北市106羅斯福路四段一號.tw 課程網址：.tw/infosense Homepage: .tw/pnhsieh/,蘭陽技術學院 非同步網路教學研討會,內容大綱,網路教學在美國 網路教學委員會 MIT掀起熱潮 Internet在教學的應用 誰在做網路教學 內容怎麼建,/webcommission,美國網路教學委員會,網路教學：MIT掀起熱潮,我們在怕什麼？ 我們想學什麼？ （標竿學習）,MIT捲起大學網路教學波濤,MIT OpenCourseWare (MITOCW） 2001年四月美國麻省理工學院宣佈十年內將該校兩千門教室教學課程的教材內容上網 OCW Milestones through 2003 September 2002: Course materials from 100 subjects released March 2003:Course materials from 250 subjects released September 2003:Course materials from 500 courses released 開發網路教學環境:OKI（Open Knowledge Initiative）計畫 由MIT與Stanford兩大名校合作，以開放軟體（open source）方式，將該計畫所發展出來的系統架構與模型、以及搭配各種不同教育法的軟體工具，連同原始碼，免費開放給各界使用,帶動其他大學的學習科技研發人員運用這些軟體、加速高等教育界在學習科技應用上的整合與創新。,,網路教學之現況,各大學以單打獨鬥的方式，個別使用知名的商業產品，例如Blackboard、WebCT、MindSpan等 問題 商用系統過於單純，未考慮不同的教學模式的需求 商用系統多以企業內訓為設計，無法配合大學多元之教學需求 許多大學買了不同廠家的系統後，卻發現很難整合，原先希望教材跨平台使用的理想也落了空 教育界興起自行開發下一代平台的想法，OKI並無意取代商用系統，只是希望透過一系列技術規格的訂定，讓商用系統能提供更開放的使用環境，達成共存共榮的產業生態，有心的業者也可利用OKI所發展的成果，來為各大專院校提供客製化服務。,網路教學趨向規範化,OKI在七月間，與eLearning規範推動單位IMS、ADL達成合作協議，除推派代表加入各單位的顧問會議外，並交互參與彼此間持續進行的技術活動，以從不同角度探討、研定技術規範、加速學習科技研發成果的移轉、並在學習科技研究者與開發者間建立有價值的評估回饋機制，讓學習者能早日獲得實用的、高品質的學習資源。,美國大學變了！,網路教學規範,IMS Global Learning Consortium Instructional Management System, IMS IMS Guidelines for Developing Accessible Applications Version 0.6 White Paper Saba Human Capital Development & Management Solutions SCORM (Sharable Content Object Reference Model ) ADL (Advanced Distributed Learning),台灣大學,台大和十五所大學開設遠距教學 課程，透過網路同步教學，數千名師生可一起上課，但 時間會受到限制 台大也開設非同步網路教學課程，四 年來已開辦四千多門課，老師和學生可隨時網上互動 （.tw） 台灣大學進修推廣部電子化企業與知識 管理的網路認證課程 2001年7月21日開課（.tw）,網路的下個殺手級應用是在教育。 從網路能量的消耗程度來看， 透過網際網路進行的教育規模之大，將使得電子郵件的使用 看起來就像是捨入誤差。 網際網路中成長最大， 日後也會證實是促成變革的最大動力， 就是線上學習 Cisco Systems總裁John Chambers,Internet在教學的應用,As We May Teach,我的網路教學經驗1,台灣大學非同步教學網站 .tw ceiba1 ceiba2 ceiba3 .tw/course1.html（文學院） .tw/course2.html（理學院） 技術導向,教學平台：台大ceiba,以網頁形式提供老師進行教材設計，開放在網路上供學生和社會人士閱讀瀏覽 系統架構 學生子系統 瀏覽教材、討論看板、佈告欄、資料查詢、作業、試題 教師管理系統 編輯課程網頁(frontpage)、學生資料管理（欄位編輯）、討論看板管理、張貼精華佈告、檔案管理、作業考試管理、 管理者系統 使用者維護（老師）、檔案管理,提供server掛內容 Frontpage File management 無學習記錄，無法追蹤學習行為 教學與網站無關 老師要會Frontpage，Html、 老師要會技術，不是會教學 範本：syllabus,As We May Teach,我的網路教學經驗2,台大管理論壇 洪明洲教授教學網站 ,教學平台：台大管理論壇,以學習流程為主軸 老師的教學流程 開課教學設計教材編寫測驗/作業出題作業批改批改公告課程討論學生問題解答公告事項（全體、個人） 學生的學習流程 註冊選課閱讀教材線上測驗繳交作業問題討論意見回饋成績查詢 老師只管教學與教材，可不會技術,學生個人基本資料,電子郵件,資訊與網路資源利用 資訊能力、資訊素養,幫助同學以批判和整合的觀點來解析資訊需求 有系統地蒐集所需資訊 評估資訊品質 有效地利用和管理有用的資訊 增進自我學習績效 以資訊激發創意，以知識增進生產力,教材設計,成績評鑑,參與（15%） 上站次數 看板/留言板之討論 單元作業/線上測驗（50%） 每週 (14次取最高之10次) 線上測驗為是非選擇、作業為檔案上傳 專題報告（35%）：伊媒兒繳交 成績結算網站公告 所有教學活動都在網路上進行 教室上課不列入成績考核項目 網路教學,我的學生,總共262人 男生194人，女生68人 來自九個學院、44個學系 一年級有99人，二年級49人，三年級72人，四年級42人,網路學習行為 登入次數,進站之總次數為8,953次（3月1日6月20日） 至7月26日為止，則有9,021次 （68）,網路學習行為 上網時段,網路學習行為 參與討論,參與最踴躍的同學有多達131次的討論 其次是90次、60次，各有一位同學 然而很遺憾的是，大多數的同學只是扮演旁觀者的角色，有104位同學並未參與線上討論 有一位同學上站次數是200次 其次是74次和60次的各一位 50多次的有三位 40多次的有四位 30幾次的有16位,設計：展開式vs. 條列式 共建內容（co-producer）,網路學習行為 線上測驗,有135位同學完成了14次的線上測驗，換句話說，約有52%的同學每個單元都有按時上網學習並完成自我測驗。 有66位同學完成13次的線上測驗 有29位同學完成12次的線上測驗 有10位同學完成11次的線上測驗 有8位同學完成10次的線上測驗 總言之，有248位同學（約95%）完全滿足課程評鑑的要求，完成10次的線上測驗。,網路學習經驗 對網路教學之認識,網路學習經驗 對本課程之認知,請問你在上這門課之前，知道這門課是網路教學嗎？ 知道 89人 46.4% 不知道 103人 53.6%,請問你是從那裡知道這門課的？ 有67位同學（34.9%）是從教務處印製的紙本課程表中得知的 有50位同學(26%)是從台大網站的課程資訊中得知的 有37位（19.3%）是因為同學要修，硬是被拉來作伴的 有24位同學(12.5%)是以前修過的同學推薦來修的,對教室的依賴,同學們覺得這門課有沒有需要到教室上課呢？ 只有82位同學（42.7%）認為有需要 大部份（107位，55.7%)認為沒有需要,對課程的滿意程度,有關網路教學的看法,上課彈性 連線方便性 課程內容安排 成績評量方式 上課的互動性,有關網路教學的看法 上課彈性,有關網路教學的看法 連線方便性,有關網路教學的看法 課程內容安排,有關網路教學的看法 成績評量方式,對參與較有異議：未計算停留時間,有關網路教學的看法 上課的互動性,Internet在教學上的優勢,非同步 時間不限 距離無限 多向 老師學生 學生學生 學生助教 校內生校外生,個別化 自主學習 自我調整self paced 適性 你講得很清楚，我聽得很模糊 換個說法 換個人說（助教、同學） 學習紀錄 追蹤（出缺公開） 評量（成績透明）,網路教學的效益,便利性 學生隨選 老師、助教？ 主動性 學生程度、意願、能力、學習狀況，決定內容與進度 不動呢？ 互動性 群播，彈性、選擇性 不說話，他就是不說話?,合作性 交換資訊、經驗 主題研討 合作完成專案 Free rider？ 多樣化 多媒體 怎麼做啊？ 開放性 非強迫、無階級的學習環境，無壓力 參與同時扮演教與學的角色 忘記老師的存在？,洪明洲。網路教學。台北市：華彩，1999年。頁4-5。,我想要的教學平台,網路教學知識管理 教材庫內容庫知識庫 內容管理策略(content management) 教學研究 教學資源研究資源 行動研究 激勵設計 正向激勵：測驗錯了再試一次要不要來點提示 負向激將：測驗錯了哈哈哈怎麼連這個都不會，你完了，等著被當吧！ Email morning call,誰在做網路教學,高等教育機構 美國有180多所 大學，以網路大學為號召，預估到2004年，美國將有九 成大學成立網路大學課程，國內大學亦紛紛架設網路教學平台 Penn State University () Florida State University (/distance) State University of New York (/admin/sln/original.nsf) University of Maryland (/distance/index.html),誰在做網路教學,網路大學 營利的大學，也像傳統大學一樣提供課程和授予學位 阿波羅集團(Apollo Group)的University of Phoenix () Jones International University () Walden University (),誰在做網路教學,課程軟體公司/電腦公司 通常提供教學平台，供教育機機和企業，建構線上學習環境，企業可不必花錢投資硬體建設 教育企業 Eduprise () 黑板 Blackboard () WebCT (),誰在做網路教學,B2B 有些線上學習公司是以企業為服務對象 （內訓） Knowledge planet () Vcampus () Digitalthink () 服務特定產業 資訊科技社群 KnowledgeNet () NETg () 商業社群 Skill Soft (),誰在做網路教學,內容網站 開放平台由第三者提供學習內容 Expert Central () 讓網友自我推銷，介紹自己的專長 Fat Brain () 讓網友銷售自己的書籍或課程等,學習入口網站,提供經過篩選的學習內容，供網友參考 ,線上學習市場,內容 技術 服務,網路教學的關鍵成功因素,老師 教材 學生的資訊素養 學校的組織文化 校園的e化程度 技術/教學平台 教材的建構輔助：XML 成績評量工具:如測驗出題系統、成績簿 互動系統：討論區、線上聊天室 學習追蹤：指定發言、email叫人,Internet是學習革新的關鍵,但是切記科技，任何科技，都只是工具，而非策略。 善於使用打字機，不管保可以寫出暢銷書 Internet不管保提升教學品質、學習品質 策略才是成功關鍵 線上學習是變革 有人已經做好改變的準幕備 有人則是需要轉型的協助,為改善教學品質而使用科技 網路教學要能把教學理念、教學方法和最新科技融合在一起 然而教育環境裡的細膩需求，只有老師心裡最清楚，這是一般程式設計師所難以揣摩的，只有老師自己下海，持續研究探討，才能打造出合用的工具，有了工具後，還需要不斷實驗、調整與推廣，創造學習綜效，才能有高品質的網路教學,21世紀的文盲不是不能讀、不能寫 而是不能學 無法拋棄陋習和不願重新學習的人 Alvin Toffler,Content Is King,內容怎麼來？ 與同事共建 與學生共建 作業 討論看板精華課程內容 學生開課 積沙成塔 根據教育部非同步網路教學計畫之紀錄，網路教學老師要比學生用功8倍（反應在上網次數、停留時間）,/techserv/workshops/graphicsandsound/default.html,Content 怎麼建,內容管理策略（content management） 維持網站內容新顈、正確性、一致性，以及再利用、再創作的方法 文歸文，圖歸圖 內容擁有者就是網頁出版者 （template） 內容創造者就是網頁出版者 結構化的流程 版本管理：不同媒體形式，內容版本一致,內容創建策略,結構 化內容創建法 空白的網頁讓人頭腦打結 以大綱或模組化內容架構來幫助不熟悉HTML的內容擁有者創建網頁內容 剪輯式內容創建法 KM發揮資訊代理的角色，需要選擇和編修現有資訊，傳播到組織內。 內容創建不必從無到有，從現在的資源中編選也是一種內容的創建,組織資訊五步驟,將內容切割成邏輯單元 “Chunking” Information：7 2 2-3頁 界定單元間的重要性 依重要性架構內容單元 據之建構網站 分析功能性和美感,網站內容與讀者閱讀時間,/caim/manual/intro/design_strategies.html,線性網頁編排,適用於：訓練教材、操作手冊、申請手續等需逐步學習者,隨選有時是不見得好 只能前進或後退，放棄或回到原點,非線性的網頁編排,網站要有清楚結構,樹狀結構圖 網站地圖 組織性 顏色管理 版面編排,網頁結構與顏色管理,網站設計 (1),內容要素 Text（編輯、校對） Graphic design specific cautions Page templates Header/footer, graphics, logos, buttons, backgrounds Illustrations Photography,網站設計 (2),功能與邏輯要素 Javascript scripts, Jave applets Database tables and programming interaction prototypes Search engines,網站建置,介面設計（Interface design） 網頁設計 vs. 印刷文件設計 基本的編輯和圖表設計原則不變 變的是hypertext links 使用者可以毫無前情提要地進到網站的任一頁 每個網頁都要有： 資訊性標題 建置者（作者或機構） 建置日期或更新日期 至少有一個連結到首頁 首頁的URL,網頁設計小原則1,每頁都要放logo和名稱、URL、網頁建立日期 logo要連到首頁，除了首頁以外（千萬別超連結到本頁自己連自己） logo和相關識別資訊請固定在同一個位置 請看兩個例子 Library of Congress The University of Southern Mississippi 2,3,網頁設計小原則2,網站超過100頁，請提供站內搜尋(search),網頁設計小原則3,每個網頁都應該有標題 瀏覽器怎麼顯示網頁 搜尋引擎怎麼找到網頁、呈現網頁 FrontPage之例 (newpage1) 網頁標題應該是層屬的，如USM之例 例：課程名稱網頁內容,網頁設計小原則4,網頁架構和版面安排，幫助讀者掃描和篩選/忽略不相關的大段文字 內容也應有適當簡潔的大小標題，增加內容的可讀性 切記：沒有標題的網頁讀者不會有耐心看的，那我們豈不是做虛功 內容再有價值，版面編排不好，網友也不想看，點閱率和回閱率都不會,標題可以捉住讀者視線,你可以再靠近一點 視覺掃描與版面結構,螢幕只能顯示網頁的一小部份， 重要資訊要讓讀者一進來就可以看到,讀者的網頁視覺是有限的,捲動捲軸依然清晰明確,官方版,寶煖版,網頁設計小原則5,善用超連結 與其將有關某一主題的資料全部編成一個超長的網頁，請用超連結來建構內容 頁首目次之利用 方便網友跳過不相關的資訊，節省時間（不抱怨就是滿意）,標題獨立出來，結構更清楚,網頁設計小原則6,圖檔請提供文字說明(alt) 使用者可以選擇不下載圖檔以節省連線時間 搜尋引擎可以索引圖檔之說明文字，也可以搜尋 檔案較大時（或超連結）請提供檔案大小 看不清楚的圖檔不用上網,有圖無圖一樣美,網頁設計小原則7,提供link title，讓使用者在點選前可以預覽超連結的標題,網頁設計小原則8,從善如流，網友是以其他網站的經驗來利用教學網站 上網逛排名前20名的網站是怎麼設計的 90以上的網站都這麼設計，這是實務標準，依樣畫葫蘆 60-90的大站都這麼設計，這是慣例，可以採用 60以下的大站這麼設計，還沒有取得共識，可以自由發揮,CNETs Yellow Fever,1996 CNET帶動了左幅索引的網頁設計熱，然而1999 CNET網站已放棄 這種設計左邊橫幅至少需佔20螢幕，然而使用者上網是為了內容而不是閒逛(navigation) 浪費畫面，但對使用者是有幫助的 Fitts Law滑鼠移動的路徑愈短愈好；那麼功能列不是應該放在捲軸旁邊不是更節省使用者的時間,使用者進到一個新網頁時，是先看內容。而閱讀習慣是由左到右，所以內容應該由左開始編排，使用者自然會看到右邊的功能列，知道下一步該怎麼走。若放在左邊，則使用者必須先忽略功能列，先讀內容。,網頁設計小原則9,以真正的讀者做可用性測試 人都有盲點，都會有奇怪的理所當然,Nielsen網頁設計十項錯誤,頁框（frame） 無法bookmark URL失效 列印困難，易出錯 用超炫科技 讀者crash一次就不會再回來了 （VRML）,看我！看我！,When everything is emphasized, nothing is emphasized. 過度使用顏色、動畫、跑馬燈、閃爍和圖片，還有背景音樂 優先順序： 搜尋引擎的技術是不是可以應用到教學網站 熱門精選 其他人都看,複雜的URL human-readable directory & filename 減少使用者打錯字的機會 全部小寫 不要用特殊符號,孤兒頁 每頁都要有所屬，因為使用者可能直接進到網站中的任何一頁 每頁都應該可以回到首頁 每頁都應該有標題和logo,少了navigation support 不要假設網友和我們一樣了解教學網站 網站設計要有清楚結構 提供網站地圖輔助讀者,擅改連結的顏色 預設連結顏色（default link color） 藍色文字表示點這裏(click here) 紫色表示點閱過了(visited) 可以幫助網友了解網站架構和點閱歷史(navigation history)，節省時間 如果我們改變連結的顏色，甚色全部改成同樣顏色，網友就搞不清楚到底看過了沒有，會不再地點閱拜訪過的網頁，造成不滿，影響回客率,過時的資訊 建立新網頁和維護舊網頁一樣重要 把網站想像成花店和超市，有不新鮮的花和貨品在架上有多煞風景，多壞形象（活動是去年的.） 處理方式,下載時間過長 超過10秒，讀者就沒興趣了 在網路上，大家稍有耐心可以忍受15秒 開新視窗 不能用back,網站之衡量與評估,利用率（Usage） 設計（Design） 內容分析（Content analysis） 網站定位（Web site positioning ） 讀者回饋（Patron feedback） 學習標竿（Benchmarking）,資料來源：Jeanie M. Welch, “Gee-Look What We Did! Methods of Measurement and Evaluation of the Effectiveness of Departmental and Individual Web Sites in Academic Libraries,” Evaluating and Using Networked Information Resources and Services, ASIS 1999 Mid-Year Meeting May 24-26, Pasadena, California.,網站可用性(Web Usability),瀏覽器 (Browser utility usability) 網站功能性 (Website functionality usability) 網站內容 (Website content usability),資料來源：Ping Zhang and Jiangping Chen, “What is Web Usability Anyway? A Conceptual Study on Usability in the Web Environment,” Evaluating and Using Networked Information Resources and Services, ASIS 1999 Mid-Year Meeting May 24-26, Pasadena, California.,Web Usability,叮嚀,尊重智慧財產權 備份課程 不要相信server，相信莫非定律 先想目標和策略，再想教學方法和教材內容，然後再購買或開發教學平台 很多教學平台是為企業顧客而設計的，彈性很重要 不要把網路當教室，讓Internet的優勢盡情發揮 學生像寶礦，值得我們花時間探測,期待網路教學的路上與您同行 謝謝大家,教學網站 國內,,龍門課站,管理者：資訊工業策進會教育訓練處 成立時間：2000年 課程主題：採學程規劃設計，開發一系列資訊類、管理類課程 課程內容：表現型態相當多元，除了基本的文字、圖片外，還包括視訊教材同步播放，多媒體瀏覽，互動模式等，使學生在不知不覺中學通許多觀念與實務。在課程內容之外，教師通常提供了許多參考資料，在適當的時機，透過超連結呈現，增加學生學習的效果。 主打對象：上班族,上課方式： 線上報名：線上瀏覽開課資料，填寫表單，完成線上報名與註冊繳費 行事歷：記載整個教學活動的詳細時間表 Today：提醒該天的學習活動及流程建議 公佈欄：課程相關公告、最新學習消息 課程目標：老師、課程目標、簡介 課程內容：圖文、視訊等多媒體教材的提供 參考資料：提供課程內容相關資料 問題集：收集學生與教師的對話精華，當學生碰到一般性的問題時，這邊都能找到解答 討論區：可和同學們交換心得 線上繳交作業 線上考試機制 問卷調查：教師可以藉此了解學生對教學活動的反應，藉此調整教學內容與角度,龍門課站2,即時會談(chat)：學生有需要與教師做即時的溝通時，可以事先約定諮詢時間。在約定的時間內，跟教師做即時會談 呼叫器(pager)：學生與教師寒喧的好工具，可傳遞訊息，拉近了師生彼此的距離 EMAIL：師生間可用EMAIL聯繫交流個人化學習介面：學習版面樣式、顏色的自訂 線上助教：根據使用者的學習狀態，在學習過程中以輕鬆活潑的方式，導引學習興趣，並提供網站的最新消息。 內容搜尋：提供查閱特別主題的文章 學程規劃：個人學習指導 電子報：個人化電子報訂閱 通訊錄：收錄同學的基本資料，並提供聯絡工具個人網頁空間提供 咖啡屋：一般性聊天室 上課歷史：提供完整上課歷史記錄，包括：修課紀錄、測驗成績、修課日期等,龍門課站3,費用：要 試聽課程：有 號稱是第一個開始經營資訊技能線上教學(web-based training)的華文網站,龍門課站4,.tw/default.asp,PosPo 博士博線上學院,管理者：昱泉國際 成立時間：2000年5月5日 主打對象：上班族 課程主題：上班族職場上需要課程，包括管理訓練課程（領導能力、團隊建立、行銷及業務管理、財務管理、客戶服務、專案管理、人際溝通、個人技能、網際網路系列九大類）、McGraw-Hill Lifetime Learning (MHLL) 公司的 Xebec 線上課程 上課方式：採多媒體影片撥放方式（有Flash、Shockwave及Xebec三種），由試聽課程中得知，內容有分大綱逐一講解，並搭配案例。有參考資料、專題討論、線