ABCD
A對象教學(或觀眾Audience)
B學習行為或能力(Behavior or Capability)
C條件(Conditions)
D程度(Degree)
ASSURE
A Analyze learners：分析學習者。
S State objective：陳述學習目標。
S Select media and materials：選擇媒體與教材。
U Utilize media and materials：使用媒體與教材
R Require learner participation：要求學習者的參與。
E Evaluation：評量及修正。
2007年6月26日 星期二
2007年6月11日 星期一
網路教材設計與製作--Unit 15 重點整理
nit15 網路串流媒體技術 (Streaming Media and Technologies)
何謂串流？
所謂的“串流”(Streaming)是指將一連串的影像壓縮後，經過網際網路分段傳送資料，在網路上即時傳輸影音以供觀賞的一種技術與過程。
串流傳輸可傳送現場影音或預存於伺服器上的影片，影音資料在送達觀賞者的電腦後立即由特定播放軟體播放，如 Windows Media Player, Real Player或 QuickTime Player。
串流技術的發展
現在的多媒體影音的檔案容量通常都較為龐大。
如果採用一般「下載檔案」的方式 進行，必須要等整個檔案下載完後才能觀賞，會花費過多的等待時間。
又如在PDA 等IA產品，如Compaq iPAQ 3835 Pocket PC，僅有64MB RAM 可供使用，下載整個檔案的方式就變得較為不切實際。 •為了解決上述的問題核心，於是便開始發展多媒體串流（Streaming）技術。 •多媒體串流的主要目的是希望在網路上，不需藉由下載檔案的方式，就能讓使用者在不用等待的情況下，即時觀賞多媒體資訊。
串流媒體的概念
檔案下載
–等待時間以及品質都與檔案大小有關
串流下載
–當你使用串流觀賞線上影音時，你所使用的檔案會先放置到Windows的Temp資料夾中而這資料夾會定期出清，當然也可以手動清除。
–有人說會下載到硬碟也算有使用，但既然會清除也就算是不佔用了。
–無須等待檔案完全下載，品質受限於網路頻寬
多點廣播 vs 單點廣播
多點廣播(Multicast)-可提供對多人同時播送，大幅降低對網路頻寬的需求，但是無法提供隨選視訊
單點廣播(Unicast)-可以提供隨選視訊，但可連線的用戶數量受限於網路頻寬
Streaming傳輸的兩種方法
1.順序流式傳輸(progressive streaming): 順序流式傳輸是指依照順序下載，在下載的同時，用戶端可以線上觀看檔案。
2.即時流式傳輸(real time streaming): 即時流式傳輸可使媒體被即時觀賞。
多媒體串流的架構
•如圖所示為多媒體串流的架構，主要包含幾個模組：壓縮、串流伺服器 與播放器。壓縮模組主要的功能，是將龐大的多媒體資料壓縮成能在網路上傳送的大小。
•壓縮的功能越強，串流的效果就越好。壓縮模組應該算是整個多媒體串流系統中的引擎。
•它也必須負責將壓縮後的多媒體資料切割成網路封包的形式， 以便於在網路上傳送。串流伺服器主要功能就是提供串流的建立、管理與傳送服務。播放器則負責接收與重組封包、解壓縮以及同步展現多媒體資料。
多媒體串流主要的應用模式
•多媒體串流主要的應用模式有兩種:即時(On Live)與非即時（On Demand）。
•即時模式意謂當媒體來源經壓縮處理後，隨即利用伺服器，經由網路傳送到播放器。
•標準的應用範例有雙向的視訊會議與單向的即時監控。
•非即時模式意謂當媒體來源經壓縮處理後，即存放在資料庫內，當播放器向伺服器提出要求時，伺服器才從資料庫調出檔案，利用伺服器，經由網路傳送到播放器上。
串流技術(傳輸協定)的分類
•第一類串流技術利用標準的網頁伺服器 (Web server)將多媒體資料送到使用者的播放器播放。
•第二類串流技術是利用獨立的串流伺服器(streaming server)將多媒體資料送 到使用者的播放器上播放。這種方式通稱為True Streaming。
•第三類串流技術叫Clientless Streaming，播放器不是內建在用戶端，而是在串流過程中才送到使用者手上。
•標準的應用範例有隨選視訊(VOD)。
HTTP vs RTP Streaming
基本上，兩者之間的優缺點是處於互補的狀態。
UDP
這是TCP/IP架構中一個在運輸層的無連接導向且不可靠的協定，特性有：
1.在資料開始傳送之前，不須先連繫建立管道，屬於無連接導向協定。
2.資料傳送時，進行較簡單的檢查和(checksum)錯誤偵測，若發現錯誤或遺失時，也不會要求重新傳送分封，同時不保證資料傳送順序是正確的
3.此協定可以單向快速的傳送資料。
串流技術的瓶頸
串流技術的終極理想是:「Streaming media at anywhere、anytime、 any place and any device」 。
然而在實際應用上會遇到一些瓶頸: 傳輸錯誤與傳輸頻寬變動。
目前網路三大串流影音軟體之功能比較
串流格式之優缺點比較
轉檔成不同串流格式品質之比較
網路教材設計與製作--Unit 14 重點整理
Unit 14 網際網路資源之Web2.0/RSS/Blog及其應用
Web2.0
Web 2.0 是由 O’Reilly Media(歐萊禮)所提出，並於2004及2005年各召開了一次 Web 2.0 conference。
標示網路產業在千禧年泡沫化之後產生的質變。
重新強調網路被發明之初的「互動、參與和共享」精神，代表網站為部落格（Blog）和維基百科（Wikipedia）。
Web2.0改變了什麼?
Web1.0 vs Web2.0超級比一比
Web 2.0 服務上的應用：
網誌 (Weblog 或 Blog)：或稱為部落格，它是一個相當容易建置及使用的訊息發佈平台 。
RSS (Really Simple Syndication)：透過 RSS的技術，網站可以將訊息主動 push 給讀者。
Wiki：一種可在網路上開放多人協同創作的平台，只要透過網頁瀏覽器及使用很簡單的標記語言便可合作撰寫文件，最有名的應用要算是維基百科 (Wikipedia)。
RSS的介紹及其應用：
RSS的發展
RSS的發展，最早是由Dave Winer在1997年於UserLand公司時設計出一種以XML為基礎的規格，主要用途在於新知通報。
它與Blog息息相關，2003年以前RSS等於Blog的代名詞，到了2005年Blog僅是RSS的一部份 ，可知RSS應用層面已經非常廣泛。
RSS的全名
RDF Site Summary(Resource Description Framework網站摘要，版本為RSS 0.90及RSS 1.0) 是由Netscape公司所主導 。
Rich Site Summary (豐富的網站摘要，主要版本為RSS 0.91、RSS 0.92)，是由UserLand公司所主導。
Really Simple Syndication (非常簡易的聚合，版本為RSS 2.0)，也是由Userland公司於2002年發表。
部落格 Blog 的介紹及其應用
RSS的幾個名詞：
RSS Feed
RSS Feed：是一份well-formed 的XML檔案，資料內容可能是一則新聞、網誌或一本新書資訊等，依不同的RSS版本規格，而有不同寫法。
但現在很多RSS Reader軟體同時支援不同的RSS Feed版本。
RSS Reader
RSS Reader：剖析、接收RSS Feed檔案的軟體，有各種形式，包括單機安裝、Web界面、瀏覽器外掛、瀏覽器直接閱覽和電子郵件等方式
RSS的迷思
--服務少數精英讀者
--下一個資訊垃圾
部落格 Blog
Blog就是Weblog的簡稱。
Web是網路，Log是指網站程式運作時，產生的記錄檔。
為了將部落格和網站程式的Log記錄作區分，因此才通稱為Blog(又稱為部落格、網誌、博客)。
Blog的定義
Blog為Weblog的簡寫，是一種線上個人日誌，內容為作者的反思、評論，並時常提供超連結的網站
–Blog: 網路日誌/網誌/部落格
–Blogger: 寫部落格的人/部落客/博客
–Blogging: 寫部落格
–Blogosphere(部落圈): 由部落客形成的群體
–Blogebrity: 部落圈中的名人
Blog平易近人的優點
Blog就是一個可以讓你發表心得、抒發自我的平台。
從獨立專有的網址、發表文章、好友分享、傳閱串連、意見回饋…與好友互動等等，完全包括在一個小小的平台裡。
撇除傳統個人網站硬冷的管理機制以及網頁編輯能力的限制，在部落格圈裡，你只要花費10分鐘的時間，就可以馬上建立一個美美的、個人化的、簡單好使用的部落格。
運用Blog的效益
工作分散
更新快速
品質提升
距離拉近
傳播快速
溝通直接
觀點多元
網路教材設計與製作--Unit 13 重點整理
Unit 13 電子書
1.何謂電子：
•電子書不單純是將紙本圖書數位化或電子化。
•將各式資料數位化後予以系統化與結構化的處理,並透過不同的設備供人悅讀與再利用。
•此設備可以是電腦、PDA、手機、電子書閱讀機等。
2.電子書興起的因素 ：
•網際網路的發達，新的溝通媒介造就一個方便、快速的使用平台。
•資訊尋求習慣改變，透過網路在最短時間搜尋到最多的資料。
•簡單省時，透過各電子書商強大的搜尋引擎， 就能夠找到想要的書並閱讀其全文。
•思路持續，電子書立即可得，令使用者的思路不被打斷。
•全年無休，想閱讀隨時就能找得到資料使用。
3.電子書的特點：
•獲取與攜帶方便: 透過網路下載或很小的電子設備就能有大量的閱讀資料。
•易於檢索與互動: 電子書可全文檢索，作者與讀者能透過網路互動。
•個人訂製: 讀者可根據需要訂製電子書。個人出版成為可能。
•使用方便: 可透過網路超連結的特性獲得更進一步資料。
•多元化，多媒體: 可供閱讀的平台越來越多源化，電子書內容亦呈現多媒體影音資料。
4.電子書的種類 ：
依閱讀方式可分為掌上型及網路型電子書
•掌上型電子書
1.攜帶方便
2高容量
3.閱讀機需另外購買
4.機器損毀時需重購
5.可能遭遇機型版本過時無法使用
•網路型電子書
•網路型電子書
1.突破時空障礙全年無休
2.沒有催還、逾期、遺失、損毀及罰款等問題
3.簡易的技術管理，與其他電子化資源的使用介面相同
4.連線及下載速度受網路頻寬限制影響
5.使用需透過一定的認證機制
5.電子書使用之因素：
•讀者閱讀習慣
•使用介面的親和性
•電子書的學科主題
•語文的障礙
6.以SWOT分析瞭解電子書所存在的優勢、劣勢、機會及威脅 SWOT分析是以行銷學原理，先瞭解組織內部環境，找出優勢(Strengh)及劣勢(Weakness)，再分析外部環境，找出機會
(Opportunity)和威脅(Threat) 。
(Opportunity)和威脅(Threat) 。
電子書的優勢：
•方便性，可搜尋內容，改變字體大小及字型。
•容量大，隨時可網路下載，不受地域限制，省去舟車勞頓之苦。
•降低圖書成本，價格便宜。
•設計精美，靈活多樣，有多媒體功能。
•節省保存書本所需之空間。
•電子書實現了產品零庫存，全球同步發行，購買方便快捷 。
電子書的劣勢：
•電子出版版權取得困難，如何收取合理費用才能不損及傳統的出版市場。
•使用者付費觀念仍未建立。
•電子書消費成本較高，讀者必須擁有電子閱讀設備。
•智慧財產權的保護是電子書最核心的問題。
7.電子書尚需解決的問題：
•加強著作權保護，讓出版社及作者享有較完整的保障，以促進電子書的創作與出版發行。
•建立電子書的標準，包括閱讀軟體及電子閱讀機規格採用統一的標準。有共同的標準，在相容性的基礎上方能廣為流通。
8.電子書推廣的方式：
•網頁上的介紹
•電子報email給全校師生
•櫃台放置使用指南或操作手冊讓讀者取閱
•宣傳海報
•將電子書MARC轉入館藏查詢系統
•與老師合作，作為上課教材或教授指定參考書
•納入研究生資料庫研習課程
•列入網頁各系所適用資料庫清單
9.電子書未來的發展：
•同中求異的經營模式:各出版社除積極將紙本書數位化，外可依屬性發展各自特色，提供讀者多樣化的選擇。
•支援多種閱讀介面，可直接在電腦上閱讀，也可下載至閱讀機閱讀，加強不同系統的相容性。
•付費下載制度的建立，提供線上試閱，促使讀者付費下載，並且提供讀者安全便利的付費方式。
•提供閱讀之外的服務平台，強調電子書的互動性，開闢作家與讀者之間的交流管道，更進一步設置個人出版平台，提供製作電子書的服務，以實現個人出版的夢想。
•應用於數位學習E-Learning將電子書融入教學，同時發展電子教科書的市場。
•建立電子書評審機制， 網路上電子書蓬勃發展， 但也良莠不齊， 如有權威單位能提出精選書單，除對圖書館收藏有幫助外，對讀者閱讀或購買具有參考價值。
•電子書拜網路及資訊科技日新月異之賜，加以華文市場人口數大，且以電子書具有方便性，及內容呈現多元化等優點，都讓業者感到無限商機。
•勿因市場閱讀軟體及電子閱讀機規格的一問題，加以電子出版版權取用困難，使用者觀念的未建立及智慧財產的保未周全而限制的中文電子書的發展。
網路教材設計與製作--Unit 10 重點整理
Unit 10 架設網站及開發網站之軟體
網域名稱+網站空間+上網方式+網站內容
Domain Name：
即網域名稱，又稱為網址，用來代表網站在網路上的位置，如中華電信之網站其網址便是www.hinet.net即是中華電信之Domain Name，對企業而言，申請一個適合公司之網域名稱是非常重要的，因為其就代表公司在網路上的公司名稱，所以最好是以企業之英文名稱申請之，而且以簡短、好記為首要考慮！
網站存放空間網站內容必須存放於網路中的電腦，一般有三種方式：
◎第一種就是自行在企業內架設主機，將主機連上網路，如此便能將主機內之網站內容呈現於網路上，此方式之優點為可隨時監控、無空間限制 、無使用權限限制，而其缺點為硬體成本高 、需要網管人員監控。
◎第二種為比較普遍的租用虛擬主機方式，只要向虛擬主機承租公司租用虛擬空間即可，一般以空間大小計費，採月租費或年租費方式，此種方法之優點為節省硬體成本 、維護人員成本，缺點是無法即時監控問題、有空間之限制 、有使用權限之限制！
◎第三種就是申請免費的空間，不過一樣有無法即時監控問題、有空間之限制 、使用權限之限制、還須忍受不斷出現的廣告、接受次網址名稱，不過是免費的！ 當然這三種方式各有優缺點，端看您的之考量而定。上網方式若您是採用租用虛擬主機的方式，則此點不須考慮。
◎若是採用自行架設主機的方式則必須善加考慮，由於存放網站內容之主機必須全天候連接網路，以讓瀏覽者隨時皆可進入您的網站瀏覽，因此最穩定的方式便是申請固接專線，透過專線以連接網路便可讓您的主機常駐在網路上，但由於頻寬的大小，因此專線也有其等級之分，當然頻寬越大資料的流量負荷能力越高，相對的價格也越高！一般比較常見的規格有64K、128K、512K、T1、T3專線等！而目前也有更經濟之解決方案，即Cable Modem及ADSL等寬頻服務，當然與專線之間互有優缺點。
架站時所要掌握的要點：
•選擇網站類型+確認架站目的
•選擇架站方式
•網站必需和傳統結合
•內容才是網站的靈魂
•操作網站的人比網站更重要
•沒有質感的網站，不如不要
•免費是一種傷害 •網站的效率
•死站與活站
•認識(架站)網站伺服器: 以 IIS6為例
IIS6網站伺服器：
•IIS6網路資訊服務是在Windows Server 2003作業系統上。IIS6就是我們的網站伺服器。
•IIS6提供HTTP網站服務、FTP檔案傳輸服務、NNTP新聞伺服器和SMTP郵件伺服器。
•在Windows上要建立IIS是非常容易的。因為IIS是當做網站，所以它開放式的設計，讓許多人可以進入網站，因此確造成一些漏洞，讓駭客容易入侵。
•IIS6目前全世界是最普及的網站伺服器，也因為容易使用，所以很多的教育機構和企業都以它當作網站伺服器。
網路教材設計與製作--Unit 5 重點整理
Unit5 網頁介面設計基本觀念
設計網頁時所需要注意的事項
全球資訊網是一個特殊的資訊系統，在設計其網頁的時候其實也就是在設計一個資訊系統的界面，以下分為幾個方向來說明設計全球資訊網的網頁時所需要注意的事項：
1.網頁設計的基本原則
2.網頁設計的檢查指標
3.頁面設計範例
4.網頁設計格式參考資源
5.頻寬的影響
6.互動性的要求
7.安全性的要求
網頁在系統中可有各種不同的功能：
多媒體資訊傳遞：簡單的網頁可以用平面或是 3D 的方式來傳達聲音、影像、動畫、視訊、虛擬時境的多媒體資訊。互動的佈告欄：網際網路上來觀看網頁的人可以在網頁上留言，藉以和其他來觀看的人或是網頁的製作人溝通。資訊系統之介面：網頁本身可以是一個資料庫、GIS 系統、或是應用資訊系統的人機介面，允許使用者在遠端透過網路來操作該系統。
用有效的方式和網頁瀏覽者溝通：
在確定好網頁目的、主題、瀏覽對象之後，切記網頁是溝通的工具，任何溝通都要盡力使得溝通有效，以免浪費時間，瀏覽者在全球資訊網的大海中好不容易走到你這一個網頁上，你用細心的設計與美觀調和的畫面來顯示真誠的態度之外，也要用簡捷有條理的方式展現你的主題，確保你的目的能在瀏覽者的耐心用完之前完全達到，以下是幾個該注意的重點：
1.降低文字的篇幅
2.儘量以標題摘要文章內容
3.斜體字、粗體字、不同顏色的字要小心使用
4.超連結 (hyperlink) 文字常常也就是關鍵詞
5.網頁中的文章請使用固定的風格
6.使用瀏覽者熟悉的名詞
7.使用互動式元件時必須選用能夠清楚地代表該選項或是動作的詞語
8.在設計互動式界面時必須使用清楚、建設性的訊息
9.注意網頁中標題、圖片與文字段落讀序的安排
幫助使用者迅速地找到資訊
以下為一些輔助瀏覽者的頁面設計原則：
1.使用一致的關鍵字
2.建立超連結目錄表
3.顯示瀏覽者目前瀏覽的位置
4.盡量避免讓瀏覽者使用捲動軸和調整視窗大小
5.使用清楚的標題 (title) 標注 (tag)
6.在網站的深度和廣度之間做一個適當的選擇
7.使用適當的導覽按鍵 (影像或文字之超連結)
8.避免瀏覽者無法離開某一頁的窘境
9.使用 HTML 的內部連結
10.如果你的網站有很多網頁的話，請你考慮在每一頁內提供連結來連結到下列重要的網頁上， 如：首頁 (home page) ，內容連結頁 (TOC, Table Of Content) ， 索引頁 (index page) 或搜尋頁 (local search page)
11.不管使用者在瀏覽任何資訊時，上面這些連結最好都能一致呈現出來
12.提供相關資訊的連結
時時考慮操作及資訊傳遞的效率：
在網際網路上每一個使用者所能使用的頻寬差異很大，如果是透過電話線連上網路的話，很可能每秒只能傳遞數十K位元組，如果連線到國外的話很可能只有每秒數百個位元組，因此設計網頁時要時時想到如何讓使用者很有效率地瀏覽網頁的內容。
1.別把重要的資訊藏起來
2.讓每一個網頁儘量縮短
3.使用小縮圖影像來取代大的影像
4.重複使用影像
5.在 HTML 中設定影像標注中的 width、height、以及 alt 參數
6.使用交錯格式影像：使用交錯 (interlaced) 格式儲存的影像在下載時會分為多個階段下載，感覺起來會比一般的影像下載的快一些。
7.使用 GIF 格式影像與 JPEG 格式影像的差別： l 對於照片影像而言 JPG 格式壓縮得比較好，檔案比較小，下載的速度也比較快， GIF 檔是沒有失真的壓縮檔案，對於表格、文字、線條、圖形等等色彩比較適合。
讓頁面看起來更舒服：
1.不要隨便更改超連結的顏色
2.使你的網站中各個網頁的外觀一致 (顏色及配置)
3.圖片和文字整體編排的方式最好一致
4.文字對齊的方式要一致
強調互動性：
1.提供雙向互動的方式，包括即時性的互動：像 CGI 與表單、 ASP、JAVA 界面、以及非即時性的互動：像 e-mail 的連結，讓瀏覽者不只單方面的閱讀網頁上提供的資訊，也能夠提供一些他所知道的資訊，讓瀏覽者能夠回饋、參與網頁內資料的更新，讓瀏覽者能夠有再回來看看的動機。
2.提供意見討論的佈告欄或是留言板：讓眾多瀏覽者可以針對網頁的內容或是論點來抒發自己的看法，眾多瀏覽者可以藉由此一網頁相互溝通心得，可以由各種不同的角度來探討同一件事，這是瀏覽者所以喜歡常常光顧你的網頁的一大動機。
3.如果可能的話，可請一些相關的專業人士評論你的網頁，做為網頁的序言，甚至邀請他們定時在留言板上提供看法，或是主持意見專欄。
4.提供電子郵件地址，鼓勵使用者提出意見。
5.提供簡單的評量表格，針對網頁的編排、資訊內容的合適度、深度與廣度請瀏覽者做一評論，並提供目前的統計資料。
6.可以根據使用者的意見，整理所謂的 FAQ (Frequently Asked Questions) 來提供使用者參考一些綜合的問題與解答
維護網頁：
網頁是資訊傳播的工具，但是資訊是需要小心去維護、更新的，因此一個網頁設計出來以後必須經常性的去維護它、去灌溉它，眾多瀏覽者的意見與互動會讓網頁的內容茁壯，也能吸引更多的使用者前來。
1.謹慎地檢查打字
2.測試網頁呈現的效果
3.不要濫用~建構中 (Under Construction)的標示
4.定期檢查網頁中的連結
5.定期更新你的網頁
6.如果運用網頁來宣布事項，務必將刪除過期無效的資訊
7.如果你在網頁上放置一些讓使用者下載的執行程式或是含有巨集的文件時，請務必注意定時掃毒