1 / 35

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

第五章 網際爭霸戰 ~ 網站技術與經營模式大進化 靜宜大學資管系 楊子青. 本章大綱. 網站技術演進 線上經營模式 靜態網頁技術相關的線上經營模式 動態網頁技術相關的線上經營模式 Web 2.0 技術相關的線上經營模式 個案討論： Facebook 網站建置方式. 學習目標. 網站主要技術的發展過程 靜態網頁技術及其相關的線上經營模式 動態網頁技術及其相關的線上經營模式 Web 2.0 技術及重要網站的線上經營模式 網站建置的主要方式及比較. 2.動態網頁技術. 3. Web 2.0 技術. 一、網站技術演進. HTML GIF, JPEG, BMP

yoshi-fuller
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

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

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

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

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

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

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

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

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

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

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

  13. 插播式廣告圖示

  14. 豐富媒體的浮動廣告實例

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

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

  17. Amazon的合作夥伴結盟方案

  18. 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

  19. Google的廣告計畫

  20. YouTube影片的廣告訊息

  21. Wikipedia的小額捐款

  22. Plurk的時間軸

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

  24. Facebook Platform • 2007年5月推出 • 可讓應用程式存取使用者的輪廓資料、活動與關係，並讓開發者所建立的應用程式保有Facebook的外觀與網頁風格 • 開心農場、餐廳城、商業大亨、寵社等遊戲 • 2010年推出虛擬貨幣Facebook Credit • 允許使用者可藉由虛擬貨幣來購買遊戲點數，購買虛擬鮮花、虛擬寵物等送給朋友，甚至可用來購買真實物品 • Facebook上的應用程式，將全部採取Facebook Credit來進行交易，且Facebook將會抽取三成

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

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

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

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

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

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

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

  32. 主流的網站伺服器環境

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

  34. 雲端運算平台比較

  35. 網站建置主要方式比較

More Related