第五章 網際爭霸戰 ~網站技術與經營模式大進化 靜宜大學資管系 楊子青 第五章 網際爭霸戰 ~網站技術與經營模式大進化 靜宜大學資管系 楊子青

本章大綱 網站技術演進 線上經營模式 網站建置方式 靜態網頁技術相關的線上經營模式 動態網頁技術相關的線上經營模式 Web 2.0技術相關的線上經營模式 個案討論：Facebook 網站建置方式

學習目標 網站主要技術的發展過程 靜態網頁技術及其相關的線上經營模式 動態網頁技術及其相關的線上經營模式 Web 2.0技術及重要網站的線上經營模式 網站建置的主要方式及比較

引領群體智慧、 應用程式更輕巧、 介面更豐富、跨平台 一、網站技術演進 2.動態網頁技術 3.Web 2.0技術 1.靜態網頁技術 引領群體智慧、 應用程式更輕巧、 介面更豐富、跨平台 展現靜態資料 及多媒體內容 提供互動及資料庫 存取能力 HTML GIF, JPEG, BMP GIF動畫 AVI, MPEG Flash, XML 伺服器端技術 Perl, PHP, ASP, JSP, ColdFusion 用戶端技術 JavaScript, VBScript 伺服器端技術 RSS, 開發平台 用戶端技術 AJAX Flash Video (FLV) RIA Adobe Flex Silverlight Web 3.0？

二、線上經營模式(Hanson, 1999) 以產品或服務改進為基礎的經營模式 以收入為基礎的經營模式 由公司的自有資金來維持網站運作 公司自身改進 供應鏈關係改進 以收入為基礎的經營模式 藉由消費者付費或供應商付費來獲利 以消費者為基礎的收入方式 線上產品銷售、使用費、預先繳交會費等 以供應商為基礎的收入方式 內容贊助或聯盟、網路廣告、銷售佣金等

(一)靜態網頁技術相關的線上經營模式 多採以產品或服務改進為基礎的經營模式 提升企業形象 提供產品型錄 HTML Flash, XML 展現靜態資料 及多媒體內容 多採以產品或服務改進為基礎的經營模式 提升企業形象 提供產品型錄 HTML GIF, JPEG, BMP GIF動畫 AVI, MPEG Flash, XML

明基友達基金會網站提升企業形象

智勝文化網站提供圖書目錄

(二)動態網頁技術相關的線上經營模式 多採以收入為基礎的經營模式 以消費者為基礎的收入方式 以供應商為基礎的收入方式 伺服器端技術 提供互動及資料庫 存取能力 多採以收入為基礎的經營模式 以消費者為基礎的收入方式 以供應商為基礎的收入方式 伺服器端技術 Perl, PHP, ASP, JSP, ColdFusion 用戶端技術 JavaScript, VBScript

(1)以消費者為基礎的收入方式 企業對消費者進行銷售的電子商務網站 向使用者收取會費來獲取資金 Amazon：線上零售(Online Retailing)的經營模式 Dell電腦：直接配銷模式(Direct-distribution Model) 博客來 年代售票網 ezTravel易遊網 向使用者收取會費來獲取資金 KKBOX：繳交月費的正式會員，即可線上點播歌曲及下載合法的音樂 i-Part愛情公寓：定期繳交會費成為白金VIP會員，可享受優先曝光、留言不受限制、免費送花等額外功能

Dell網站可自行選擇電腦規格

(2)以供應商為基礎的收入方式 網路廣告 贊助 仲介 橫幅廣告(Banner Ads) 中時電子報：以動態輪播式呈現 DoubleClick：針對使用者播放最符合其興趣的廣告 插播式廣告(Interstitials)與彈出式廣告(Pop-ups或Daughter Windows) 豐富媒體廣告(Rich Media Ads) 贊助 仲介 拍賣網站、人力銀行網站 Amazon：合作夥伴結盟方案(Amazon Associates)

插播式廣告圖示

豐富媒體的浮動廣告實例

Baby Home的兒科醫師線上諮詢 由亞培媽咪學苑贊助

露天拍賣收取的成交手續費

Amazon的合作夥伴結盟方案

引領群體智慧、 應用程式更輕巧、 介面更豐富、跨平台 (三)Web 2.0技術相關的線上經營模式 Web 2.0技術 Web 2.0崛起的網站，多提供嶄新的線上服務，也成功匯集了大量的人氣 人氣並不意味著一定能帶來收益，許多成功的Web 2.0網站仍在探索不同的獲利方式 Google的AdWords與AdSense廣告計畫、Google Business Solutions YouTube的置入式行銷、付費影片下載與轉播贊助 Wikipedia的小額捐款 Twitter的Promoted Tweets與Plurk的Karma Facebook的Facebook Credit 引領群體智慧、 應用程式更輕巧、 介面更豐富、跨平台 伺服器端技術 RSS, 開發平台 用戶端技術 AJAX Flash Video (FLV) RIA Adobe Flex Silverlight

Google的廣告計畫

YouTube影片的廣告訊息

Wikipedia的小額捐款

Plurk的時間軸

個案討論：Facebook 全球最大的社群網站 廣告 Mark Zuckerberg所創辦，於2004年2月4日上線 2010年11月底，全球的使用人數已突破5億 廣告 2007年11月推出Facebook Beacon廣告計畫 蒐集使用者在外部網站的活動，主動通知會員關於他們朋友的電子商務交易資訊 牽涉隱私問題，遭到使用者強烈抵制，2009年停止 嘗試使用會員的個人資料，以提供更準確的目標廣告 使用者投注許多精力於朋友的動態，廣告點選率偏低

Facebook Platform 2007年5月推出 2010年推出虛擬貨幣Facebook Credit 開心農場、餐廳城、商業大亨、寵社等遊戲 2010年推出虛擬貨幣Facebook Credit 允許使用者可藉由虛擬貨幣來購買遊戲點數，購買虛擬鮮花、虛擬寵物等送給朋友，甚至可用來購買真實物品 Facebook上的應用程式，將全部採取Facebook Credit來進行交易，且Facebook將會抽取三成

Facebook Connect 2008年5月推出的第二代開放平台 允許使用者將他們的個人資料連結到第三方網站，並為這些外部網站帶來三個主要且強大的社交功能： 自動註冊及登入授權機制 社群插件 記錄使用者在第三方網站活動的資訊

Open Graph 2010年4月，Facebook推出新一代社群平台 藉由更強大的API協助所有的網站更快速地整合Facebook所提供的社交服務，進而建立兼具社群化與個人化的新型網站 改變： 改用OAuth 2.0為登入認證標準：讓使用者不著痕跡登入第三方網站 擴充社群插件：方便利用按鈕與朋友互動分享 修改Facebook API使用規範：任何網站都可共享互動資料 Graph API：人際關係、事件、圖片、網頁等物件均有其ID 提出Open Graph Protocol協定：提供<meta>的語意標籤，來協助其他網站設定各網頁的結構化資訊

Open Graph號稱Web有史以來 最具改造力的發明 將使用者推向網路世界的中心，並能讓各個網站的任何網頁在實質上都成為Facebook的頁面 Facebook從中蒐集到無數使用者在眾多網站的個人偏好、社群聯繫及網頁活動等資料 Web 3.0 網際網路之父Tim Berners-Lee口中的Web 3.0 (語意網路)，以及Facebook遊戲大廠Zynga口中的Web 3.0 (社交網路)，因著Open Graph而交會在一起 Facebook試圖挑戰及取代Google成為主宰網路世界的新霸主

個案問題與討論 為什麼批踢踢實業坊(PTT)無法變成Facebook，擁抱網際網路無限的可能？ Facebook與微軟的Bing搜尋引擎合作，是否會嚴重威脅Google在搜尋引擎的霸業？ Facebook提出開放平台，Google也推出OpenSocial並結合多個知名的社交網站來進行回應。請您比較二者在策略上有哪些不同？ Facebook先前已發生多次個人資料外洩問題，對於Open Graph這個新一代開放平台，您是樂觀看待？還是擔心個人隱私會被侵犯？

三、網站建置方式 至拍賣網站申請成為賣家 自行架設或租賃網站伺服器(Web Server) 雲端運算(Cloud Computing)

Yahoo!奇摩拍賣費用說明(1/2)

Yahoo!奇摩拍賣費用說明(2/2)

主流的網站伺服器環境 提供者 動態網頁 程式語言 網站 伺服器 資料庫 Microsoft ASP/ASP.NET IIS Access / SQL server Open Source PHP Apache/ IIS MySQL Oracle JSP Apache

雲端運算的三個主要服務模式 軟體即服務 應用 (SaaS) 平台即服務 作業系統+應用程式堆疊 (PaaS) 軟體應用 平台 架構即服務 終端 使用者 平台即服務 (PaaS) 作業系統+應用程式堆疊 軟體應用 開發人員 網路 工程師 平台 架構即服務 (IaaS) 基礎架構

雲端運算平台比較 雲端平台 供應商 開發工具 支援語言 適合類型 收費 Google App Engine Google Google App Tools Python、JAVA 商業與地理資訊系統應用 基本服務免費 進階服務需付費 Windows Azure Microsoft Visual Studio .NET、PHP、JAVA 商業與網頁應用 需付費 Hadoop Apache Include in Hadoop JAVA 平行程式 免費

IIS Web Server (ASP.NET) 網站建置主要方式比較 網站建置 方式 硬體 投資 網站架設與 管理能力 網頁開發 技術 軟體或使用 費用 拍賣網站 主要為成交費用 IIS Web Server (ASP.NET) Ｖ 網站伺服器及資料庫 等軟體費用 Apache Web Server (PHP/ Open Source) 雲端運算PaaS (Google App Engine, Windows Azure) 根據使用資源計費 雲端運算SaaS 軟體服務租金 Google協作平台