Unit 15 網路串流媒體技術

何謂串流？
• 所謂的“串流”(Streaming)是指將一連串的影像壓縮後，經過網際網路分段傳送資料，在網路上即時傳輸影音以供觀賞的一種技術與過程。
• 串流傳輸可傳送現場影音或預存於伺服器上的影片，影音資料在送達觀賞者的電腦後立即由特定播放軟體播放，如 Windows Media Player, Real Player或 QuickTime Player。

多點廣播 vs 單點廣播
• 多點廣播(Multicast)-可提供對多人同時播送，大幅降低對網路頻寬的需求，但是無法提供隨選視訊
• 單點廣播(Unicast)-可以提供隨選視訊，但可連線的用戶數量受限於網路頻寬

Streaming傳輸的兩種方法
順序流式傳輸(progressive streaming): 順序流式傳輸是指依照順序下載，在下載的同時，用戶端可以線上觀看檔案。
即時流式傳輸(real time streaming): 即時流式傳輸可使媒體被即時觀賞。

多媒體串流主要的應用模式
• 多媒體串流主要的應用模式有兩種:即時(On Live)與非即時（On Demand）。
• 即時模式意謂當媒體來源經壓縮處理後，隨即利用伺服器，經由網路傳送到播放器。
• 標準的應用範例有雙向的視訊會議與單向的即時監控。
• 非即時模式意謂當媒體來源經壓縮處理後，即存放在資料庫內，當播放器向伺服器提出要求時，伺服器才從資料庫調出檔案，利用伺服器，經由網路傳送到播放器上。
• 標準的應用範例有隨選視訊(VOD)。

串流技術(傳輸協定)的分類
• 第一類串流技術利用標準的網頁伺服器 (Web server)將多媒體資料送到使用者的播放器播放。
• 第二類串流技術是利用獨立的串流伺服器(streaming server)將多媒體資料送 到使用者的播放器上播放。這種方式通稱為True Streaming。
• 第三類串流技術叫Clientless Streaming，播放器不是內建在用戶端，而是在串流過程中才送到使用者手上。

HTTP vs RTP Streaming



目前網路三大串流影音軟體之功能比較



串流格式之優缺點比較


轉檔成不同串流格式品質之比較

Unit 14 網際網路資源應用

Web2.0
什麼是Web2.0?
•Web 2.0 是由 O’Reilly Media(歐萊禮)所提出，並於2004及2005年各召開了一次 Web 2.0 conference。 •標示網路產業在千禧年泡沫化之後產生的質變。重新強調網路被發明之初的「互動、參與和共享」精神，代表網站為部落格（Blog）和維基百科（Wikipedia）。
Web 2.0 服務上的應用
• 網誌 (Weblog 或 Blog)：或稱為部落格、博客，它是一個相當容易建置及使用的訊息發佈平台。
• RSS (Really Simple Syndication)：透過 RSS的技術，網站可以將訊息主動 push 給讀者。
• Wiki：一種可在網路上開放多人協同創作的平台，只要透過網頁瀏覽器及使用很簡單的標記語言便可合作撰寫文件，最有名的應用要算是維基百科 (Wikipedia)。

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年發表。

• RSS Reader：剖析、接收RSS Feed檔案的軟體，有各種形式，包括單機安裝、Web界面、瀏覽器外掛、瀏覽器直接閱覽和電子郵件等方式
• RSS Feed：是一份well-formed 的XML檔案，資料內容可能是一則新聞、網誌或一本新書資訊等，依不同的RSS版本規格，而有不同寫法。 但現在很多RSS Reader軟體同時支援不同的RSS Feed版本。
• RSS的迷思
　－服務少數精英讀者
　－下一個資訊垃圾

部落格 Blog 的介紹及其應用
• Blog為Weblog的簡寫，是一種線上個人日誌，內容為作者的反思、評論，並時常提供超連結的網站
• Blog的類型
　－流水帳Blog
　－轉載Blog
　－技術Blog
　－情感Blog
　－娛樂Blog
　－學術Blog
　－社會Blog
• Blog的特質
　－個人化 ：文章內容或頁面設計，均以表現個人的想法為主
　－時間序 ：文章依發布的時間排序，最新發布的會列在最上面，有順序即可利於文章找尋
　－公開化 ：文章均具有公開的永久連結，任何人只要取得連結即可瀏覽內容
　　　　　　透過引用的串連，也讓文章之間的關係透明
　－社群化 ： 引用不僅讓部落客易於追蹤文章的後續討論及影響，更可讓部落格間產生串連，進而形成如興趣小組般的社群
•評估想建置的Blog類型及用途
• 擬定行銷策略
• 使用者分析
• 內容和範圍評估
• 技術問題評估
• 部落格內容
• 持續更新
• 態度開明

Unit 13 電子書

何謂電子書
電子書不單純是將紙本圖書數位化或電子化。 •將各式資料數位化後予以系統化與結構化的處理,並透過不同的設備供人悅讀與再利用。 此設備可以是電腦、PDA、手機、電子書閱讀機等。

電子書興起的因素
• 網際網路的發達，新的溝通媒介造就一個方便、快速的使用平台。
• 資訊尋求習慣改變，透過網路在最短時間搜尋到最多的資料。
• 簡單省時，透過各電子書商強大的搜尋引擎，就能夠找到想要的書並閱讀其全文。
• 思路持續，電子書立即可得，令使用者的思路不被打斷。
• 全年無休，想閱讀隨時就能找得到資料使用。

電子書的特點
• 獲取與攜帶方便
• 易於檢索與互動
• 個人訂製
• 使用方便
• 多元化，多媒體

電子書的種類
• 掌上型電子書
　－攜帶方便
　－高容量
　－閱讀機需另外購買
　－機器損毀時需重購
　－可能遭遇機型版本過時無法使用
• 網路型電子書
　－突破時空障礙全年無休
　－沒有催還、逾期、遺失、損毀及罰款等問題
　－簡易的技術管理， 與其他電子化資源的使用介面相同
　－連線及下載速度受網路頻寬限制影響
　－使用需透過一定的認證機制

電子書使用之因素
• 讀者閱讀習慣
　－學術性圖書，還是習慣列印閱讀。
　－不像網路文學、手機文學多線上閱讀。
　－紙本圖書像甘醇的烏龍茶，要慢慢品味。
　－電子書像可樂，冰涼暢快。
• 使用介面的親和性
　－使用人數的限制不符電子書便利之特性
　－造成Turnaways次數增高
　－讀者是沒有耐性的，一、二次使用失敗，就認為不好用
• 電子書的學科主題
　－多為學術性圖書
　－大學生畏懼原文書
　－可從淺顯易懂圖書開始培養閱讀習慣
　－聯盟館藏中搜尋 主題：fiction有1,557本
　　　ex: Harriet and the Garden,The Mother Goose News
• 語文的障礙
　－英英字典對非英語系讀者無幫助
　－讀者個人電腦安裝翻譯軟體
　－利用中文電子書培養讀者閱讀習慣

以SWOT分析瞭解電子書所存在的優勢、劣勢、機會及威脅
SWOT分析是以行銷學原理，先瞭解組織內部環境，找出優勢(Strengh)及劣勢(Weakness)，再分析外部環境，找出機會(Opportunity)和威脅(Threat) 。

Unit 12 JavaScript

文件 (document)

簡介
方法
動態地製造網頁

close()
open(mimeType, "replace")

document.close();document.open();


JavaScript 中階教學
視窗 (Window)
0. 視窗
1. 方法
2. 屬性
3. 事件
4. 偵測變數是否存在
窗柜 (Frame)
0. 窗柜
1. 同時開啟兩個網頁
2. 刪除窗柜
表單 (Form)
0. 表單及表單元件 (Form and its elements)
1. Text
2. Radio 和 Checkbox
3. Select 和 Option
4. 檢查表單 (Form Validation)
選擇 (Select)
0. 選擇 (Select)
1. 選項 (Option)
字串 (String)
0. 字串
1. 屬性
2. 方法
日期 (Date)
0. 日期
1. 方法
圖片 (Image)
0. 圖片
1. 預載圖片
2. 圖片變化
3. 圖片放映機
陣列 (Array)
0. 二維及三維陣列
1. 排列字串
2. 排列數目

Unit 11 JavaScript

表單 (Form)

表單及表單元件
Text
Radio 和 Check
Select 和 Option
elements 陣列
檢查表單


JavaScript 初階教學

基本結構 (The Structure of JavaScript)
1. 第一個例子：Hello, World (The First Example: Hello, World)
物件 (Object)
0. 物件 (Object)
1. 物件的表示方式 (Literal of Object)
2. 方法與屬性 (Method and Property)
變數 (Variable)
. 變數 (Variable)
1. 資料型態 (Data Type)
2. 陣列 (Array)
運算子 (Operator)
0. 算術運算子 (Arithmetic Operators)
1. 字串運算子 (String Operators)
2. 邏輯運元 (Logical Operators)
3. 位元運算子 (Bitwise Operators)
4. 指定運算子 (Assignment Operators)
5. 比較運算子 (Comparison Operators)
6. 特別運算子 (Special Operators)
函數 (Function)
0. 函數 (Function)
1. 輸入參數 (Arguments)
2. 傳回資料 (Return Value)
3. 變數的範圍 (The Scope of a Variable)
事件 (Event)
0. 事件
1. 把函數指定到事件
2. 終止事件
流程控制 (Flow Control)
0. 流程控制
1. if
2. if ... else
3. for
4. while
5. break
6. continue

Unit 10 架設網站及開發網站之軟體

網域名稱+網站空間+上網方式+網站內容
Domain Name
• 即網域名稱，又稱為網址，用來代表網站在網路上的位置，如中華電信之網站其網址便是www.hinet.net即是中華電信之Domain Name，對企業而言，申請一個適合公司之網域名稱是非常重要的，因為其就代表公司在網路上的公司名稱，所以最好是以企業之英文名稱申請之，而且以簡短、好記為首要考慮！
• 當然個人用戶不一定要申請獨立網址，也可以置放在別人的網址之下，如http://www.fgu.edu.tw/~your id或http://geocities.yahoo.com/someone
網站存放空間
網站內容必須存放於網路中的電腦，一般有三種方式，
• 第一種就是自行在企業內架設主機，將主機連上網路，如此便能將主機內之網站內容呈現於網路上，此方式之優點為可隨時監控、無空間限制 、無使用權限限制，而其缺點為硬體成本高 、需要網管人員監控。
• 第二種為比較普遍的租用虛擬主機方式，只要向虛擬主機承租公司租用虛擬空間即可，一般以空間大小計費，採月租費或年租費方式，此種方法之優點為節省硬體成本 、維護人員成本，缺點是無法即時監控問題、有空間之限制 、有使用權限之限制！
• 第三種就是申請免費的空間，不過一樣有無法即時監控問題、有空間之限制 、使用權限之限制、還須忍受不斷出現的廣告、接受次網址名稱，不過是免費的！
• 當然這三種方式各有優缺點，端看您的之考量而定。

選擇網站類型+確認架站目的
• 花錢的網站？!
公佈營業資訊，公司基本資料、產品型錄……等著上站者查詢資料的網站。
• 省錢網站？!
用來進行客戶服務，或檢索式的提供上站者迅速獲得所需之資料，發技術通報、產品報價資料庫，與上站者互動，由於取代了傳統平面印刷及人工的功能，故可幫您節省開銷。
• 賺錢的網站？!
這是指電子商務站，適當的規劃，結合金流、物流、資訊流與完整性的安全策略，網路商站可為您積極創造財富。

選擇架站方式
URL形式：提供您網站服務者，若能採用第一種形式，因他並無任何投資，故只要他停止繳納上屬ISP之費用，您的網站即隨之消失毫無保障。
虛擬主機形式：因業者只投資一台PC(或根本只是一個掮客)，同樣的如果他不付上屬ISP費用，他只需將PC取回，或ISP把這部PC關掉，那麼您的站台也就消失了。
host主機形式：通常host之PC由客戶自己購買是較有保障，因此即使您的網站架設者不作了，但機器是您的，您只要把PC搬到另一家ISP寄養，您的站台仍可在網路中出現。當然，已付之連線費用就泡湯了。 專線形式：此種業者費用最高，但最有保障，因其向上一層之ISP租用線路通常都有契約保障，不是說停就停，而其投資之Server及網管器材亦相當可觀，絕非一般業者所能比擬。

網站的效率
• 傳輸的效率：太複雜，太大的檔案在還沒送到瀏覽者面前時早就被放棄了。網路使用者不會留戀在傳輸速度慢的網站。
• 架構的效率，錯誤的配置及無效率的連結，令人迷網。
• 正確的應用程式選擇，選錯應用技術則無法清楚表達網站的內容。單一的應用技術亦無法表現整體網站的感覺。

Unit 6.7 基礎網頁製作教學

字體標籤
。有 h1 到 h6 指標題大小
。b 粗體 i 斜體 u 加底線 blink 閃爍換行 p 空一行
。span 字體標籤最主要的部份，
包含主要兩個指令可以控制大小和顏色當然我說過有開頭就有結尾

對齊標籤教學
p align="right" 這是置右對齊 /p
p align="center" 這是置中對齊 /p
p align="left" 這是置左對齊 /p

背景標籤
背景顏色body bgcolor="#ffff00"
背景圖片body background=" 圖片路徑+圖片名稱"

表格標籤
table tr td /td td /td /tr /table
ROWSPAN（垂直合併），COLSPAN (水平合併），用法是後面加要合併的格數

圖片標籤
在img 有SRC，WIDTH，HEIGHT，BORDER，ALIGN，ALT

連結標籤
a href="http://www.fgu.edu.tw"按這裡到FGU /a


ps:文中" < ", " > " 兩符號皆以空格代替