Top Banner
Web 2.0
32

Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Dec 22, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Web 2.0

Page 2: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

OUTLINE

一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application     四、 Web 2.0 Case PChome、無名小站、 TechCrunch、 HeyMath 、 Digg.com 、

Flickr

   五、 References

Page 3: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Introduction

Web 2.0 source? ☆ 由 O‘Reilly 媒體公司創辦人暨執行長 Tim O’Reilly

(提姆‧奧萊理)所提出,他是美國 IT 界的傳奇人 物,也是「開放源碼」觀念的先驅,也一直推動「開 放源碼」。

☆ Web 2.0 概念開始於網路泡沫化後,倖存下來的共同

之處- Web 2.0 輪廓。

Page 4: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Introduction (cont.)

What is Web 2.0?

☆ Web 2.0 是集合大眾智慧的呈現, 透過集體互動,網友努力打造內容

☆Web 2.0 是一種網路服務的雙向互動概念, 精神在於使用者的參與。

Page 5: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Introduction (cont.)

即時通信軟體和服務 : 強調人和人溝通的作用 QQ , MSN Messenger , Skype 等。

用於發佈個人信息的平台,帶有聚合性質。 部落格( Blog )、個人空間(如 MSN Space )等。

user 合作完成某種任務或社交網路服務( Social Network Service, SNS ) : 根據「六度分隔理論」 ,實現的社交網絡服務, Linkedin 、 Friendster 、 openBC 等。

平台 世界各地用戶同時編輯的 Wiki( 維基百科全書 ) 等。

具有 Tag ( 標籤 ) 功能的計算機協同工作之軟體 在某些軟體工程師群體中極其流行。

Web2.0 - Features

Page 6: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

影片分享 相簿分享

資料分散再集中使 用 者

貢獻

社群交流網路

共享書籤

Introduction (cont.)

BLOG

- WEB 2.0 網路運作

Page 7: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

認識 WEB 2.0‧technology以 BLOG 為例-影響網路『讀 / 寫系統』巨大的改變而進化的技術與概念

以使用者資料為內容,網站提供服務重於設計。

對應個人網貼的永久網址,讓人可以輕易的搜尋到你的網貼。

Really Simple Syndication從網路經驗到隨處經驗,不需重複造訪網站,在某網站下載一個 RSS 瀏覽器,該網站的更新內容都會更新到自己的電腦上

創造互動網頁的開發技術,讓訊息、影片各式網路檔案類型能在大部分的瀏覽器被瀏覽。使用者介面極簡化進行分享與互動。

Data 內容

Permalinks 連結

RSS 引用

AJAX 互動技術

Introduction (cont.)

Page 8: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

OUTLINE

一、 Introduction

二、 Web 2.0 vs Web 1.0 三、 Web 2.0 Application        PChome、無名小站、 TechCrunch、 HeyMath 、 Digg.com

Flickr

   四、 Web 2.0 Case 五、 References

Page 9: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

從 Web 1.0~Web 2.0 WWW, World Wide Web (WEB 1.0) :

WEB1.0 上有巨大貢獻的公司有 Netscape 、 Yahoo 、 Google 。Netscape 研發出第一個大規模商用的瀏覽器。Yahoo 的楊致遠提出了互聯網網頁。Google 後來居上,推出了大受歡迎的搜索服務。

WEB 2.0 用來統稱第二代互聯網技術和服務。 第一代互聯網 (Web1.0) 時代的網站提供內容和服務、個人使用的方式。 第二代互聯網中用戶不只是使用者,而且同時提供內容和服務。

如果說 Web1.0 時代更多的是“人機對話”, Web2.0 強調「人和人的交流和溝通」 [ 每個人都會或多或少地擁有一個或多個網絡身份( ID ) } 。

Page 10: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

WEB 1.0 vs WEB 2.0

網站重視設計

使用服務收費

使用者被動接收資訊使用者提供資訊

網站重視 data

使用服務免費

WIN

使用者提供資訊的時代

Page 11: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Web 1.0 vs. Web 2.0性質 Web 1.0 Web 2.0

1.出發點 • 以資料為核心的網 • 以人為出發點的互連網

2.知識角度 • 將以前沒有放在網上的人類知識,通過商業的力量,放到網上去

• 將這些知識,通過每個用戶的瀏覽求知的力量,協同工作,把知識有機的組織起來,在這個過程中繼續將知識深化,並産生新的思想火花

3.內容産生者角度

• 主要以商業公司爲主體• 將內容放置於網路上

• 以用戶爲主,以簡便隨意方式,通過 blog/podcasting 方式把新內容往網上搬

4.交互性 • 網站對用戶爲主 • 以 P2P為主

5.技術上 • 不因用戶而有所效率提高 • WEB用戶端化,工作效率越來越高。比如像 Ajax技術 , GoogleMAP/Gmail裡面用得出神入化。

Page 12: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Web 1.0vs.Web 2.0 (example)Web 1.0 Web 2.0

DoubleClick -->

Google AdSense 是一個快速簡便的方法,可以讓各種規模的網站出版者為他們的網站展示與網站內容相關的 Google 廣告並獲取收入。

Ofoto -->

Flickr使用者除了可透過 Tags 分享照片, Flickr? 也提供連絡人機制( Contacts? ),使用者可看到對方最新的照片,以及快速瀏覽該連絡人的公開相片。

Akamai -->

BitTorrentBitTorrent協議(簡稱 BT 、 BT下載)是一個網路文件傳輸協議,它能夠實現點對點文件分享的技術。比起其他點對點的協議,它更有多點對多點的特性。

mp3.com -->

Napster是一種線上音樂服務,最初由 Shawn Fanning 創建的檔案分享服務。 Napster 是第一個被廣泛應用的點對點( Peer-to-Peer , P2P )音樂共享服務。

Britannica Online -->Wikipedia自由的百科全書,可以由用戶編輯。

personal websites -->

BloggingWeblog指的是以網頁作為呈現媒介的個人日記,也有人把它稱做網頁型態的日記。 1999 年 Peter Merholz 開始把將 weblog唸成We Blog ,因而有了 Blog這個說法。

Page 13: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Web 1.0 vs. Web 2.0 (example)

Web 1.0 Web 2.0

evite -->

upcoming.org and EVDB•Upcoming.org is a social event calendar, completely driven by people like you. Manage your events, share events with friends and family, and syndicate your calendar to your own site.•EVDB, Inc. Technology for discovering events worldwide

domain name speculation --> search engine optimization

page views --> cost per click

screen scraping --> web services

publishing --> participation

content management systems --> wikis

directories (taxonomy) -->tagging ("folksonomy") 標籤 (分眾分類 )是指一種使用任意關鍵字的協同分類工作。

stickiness -->Syndication聚合

Page 14: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

OUTLINE

一、 Introduction 二、 Web 2.0 vs Web 1.0

三、 Web 2.0 Application   四、 Web 2.0 Case PChome、無名小站、 TechCrunch、 HeyMath 、

Digg.com Flickr

五、 References

Page 15: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Web 2.0 Application

Web 2.0 的共同點:– 它們都吸引了大量的眼球和投資。– 入口網站紛紛投入 Web2.0概念服務。– PChome Online宣布更名為「 Portal2.0」 。– Yahoo!奇摩也將陸續推出 Web2.0精神的產品。– 蕃薯藤則以 Web 2.0為核心的地圖服務為主要計畫。– 智邦生活館陸續推出 Web 2.0 服務。

Page 16: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

OUTLINE

一、 Introduction 二、 Web 2.0 vs Web 1.0 三、 Web 2.0 Application

   四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com Flickr

五、 References

Page 17: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Web 2.0 案例分享 ~GO!!

Page 18: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

無名小站 - blog 最佳代表 創始於 1999 年 ( 網路泡沬之時 ) 交大學生

簡志宇-

 原本是為了練習寫程式,提供一個同學聊天、討論事情的 BBS 站

從學術網路到商業廣告引起外界質疑 2005 年 3月,無名小站正式脫離學術網路朝商業模式運作

2006 年 12 月 13日,由於網路頻寬不足等因素,將與 Yahoo! 奇摩合併 ( 雙方預定在 2007年第一季正式完成併購 )

Page 19: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

根據創市際公司統計資料顯示:  無名小佔的 ARO值為 126625

 僅次於 Yahoo!奇摩的 1144506

PChome的 197093

無名小站 - 有多紅 ?

Page 20: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

TechCrunch‧ 寫 Blog 也能賺大錢 創辦人 Michael Arrington原本從事金融投資,因個人對 web2.0 極有興趣,

自創 BLOG專門評論 web2.0 新創公司與提供相關重要訊息。 每天提供 3-4 篇 web2.0相關文章分享,成為 web2.0最重要的資訊網站。 營收來自每月約 2.5 萬 -3萬美元的 web2.0相關軟硬體廠商的廣告費。

http://www.techcrunch.com/

Page 21: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

HeyMath ‧ 線上數學教學資料圖書館 數學教學交流網站。透過 web2.0 互動與資訊分享的概念,讓數學老師互相

交流教學方式、考試題目,為目前新加坡與印尼重要的數學教學模式資料庫。 網站數學教學資料以新加坡與印尼 10 歲 + 程度為主。 下載與觀看教學資料需註冊與繳費。

http://www.heymath.net/index.jsp

Page 22: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Digg.com … 教學資料範例

動畫教學↓

故事劇情:園丁剪草

用滑鼠剪草了解對角的角度是相等的

還有一個: http://www.heymath.net/index.jsp

Page 23: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Digg.com ‧ 用最簡單的方式分享生活 2005年1月,兩位創辦人因為想和朋友分享自拍影片開始研發軟體。 2005年12月,因受許多朋友喜愛與使用,成立公司自行創業。 2006年1月,某網友把NBC節目的喜劇短片上傳至網站,一個月內瀏覽人次達幾百萬,引起NBC注意以侵犯智慧財產要求下片而聲名大噪。 目前每天瀏覽人數為600萬人、點閱率4,000萬支視訊短片、新增3.5萬支新片、點閱頁數達一億,在 Internet世界排名21。 YouTube功能: 免費瀏覽與上傳約30秒 -10分鐘的短片。 支援100MB內 .avi / .mov / .mpg檔案類型。 群眾分類→使用者為影片標籤與分類便於搜尋。 營收來源:廠商短片首頁置入式廣告 (目前NIKE居多 )、橫幅廣告

http://www.youtube.com

Page 24: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Digg.com‧ 八卦與抓扒子最高境界 Dig=挖掘,在俚語用法中還有「喜歡」的意思。 整個網站的運作模式,圍繞在挖掘和喜歡上。

http://www.digg.com/

Digg 步驟↓

(a) 使用者上傳自己想分享的新 聞、影片、圖片、遊戲。

(b) 第一重篩選 Digg系統搜尋與資料庫無重 複即刊登在普通區。 (c) 第二重篩選 網友喜歡這篇文章可投票, Digg it 達到一定票數可到升級區。

(d) 如果該篇文章票數不斷累 積,移到高級區 -首頁。

Page 25: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Digg.com‧ 特色

‧有別於一般需經官方審核才能刊登的網站取向。‧使用者就是挖掘新聞、補充資料庫的義工。激戰 wiki就很類似。‧因應同儕效應,推出使用者可瀏覽朋友 digg 的新聞。‧營收來自廠商想直接在首頁刊登新聞,或在宣傳新聞中加入【 digg it】功能。

網友只要 digg 一則新聞,就直接連去該新聞的出處網頁

除了投票外,還可以留言,髒話也不過濾 ~

Page 26: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Flickr‧ of the World Flickr原是線上遊戲公司,但因創投者沒興趣。在 2004轉型為市場已飽

和的線上相片分享服務,推出後以獨特特色靠使用者的口耳相傳,迅速成為 Web 2.0 的經典服務之一。

2005 年 3 月 Flickr 的商業價值被 Yahoo看上,正式被收購為 Yahoo Web 2.0 計 畫中的『社群式搜尋( Social Search )』服務之一。

http://www.flickr.com/

首頁照片隨機播放還會加上上傳者描述

Page 27: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Flickr特色 - 多元社群功能:聯絡人清單、 e-mail 、 RSS訂閱、 BLOG 、我的最愛…

Flickr…

連留言都可以貼圖 ~狠屌

在自己相簿裡,加入最愛相簿的頁面呈現方式

Page 28: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Flickr特色 - 強大的圖片搜尋功能 = 群眾分類技術( Folksonomy )

Flickr…

目前圖片搜尋技術困難,一般僅能提供相簿名稱、使用者名稱搜尋。

群眾分類技術的力量克服技術。

Flickr 使用標籤機制,使用者上傳時須為每張照片下標籤,讓每張照片都能被搜尋。

Page 29: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Flickr特色 - 自創 Mappr功能 →將照片與地圖結合,讓使用者能在線上地圖上點擊滑鼠,就能看到 該地的照片。

Flickr…

使用者創造的虛擬旅遊。

可使用下方連結進行照片瀏覽、或是自行上傳某地點照片…等。

紐約 ~我來了 !

Page 30: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

Flickr特色 - 開放第三方程式( 3rd Party App )都能存取 Flickr當中的照 片、標籤等資料。如:在自己的 BLOG 中插入 Flickr相簿。

Flickr…

呈現方式如左圖。

點選直接至相簿首頁。

大多使用在自架 BLOG 網站裡(目前無MSN SPACE外掛,因為 MSN 自己有相簿 )

Page 31: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

廣告

標籤機制‧符合市場潮流

省錢 +5%↑點擊率的關鍵字廣告逐漸取代昂貴 +跌破 0.1%的一般 banner讓 Flickr 可販售關鍵字廣告照片

會員費

付費會員福利多

免費會員每月上傳限制 20MB最多創造三個相片集。付費會員 ( 一年 24.95 美元 )每月上限 2GB ,無限創造相片集相簿無廣告介面

服務抽成

Flickr… 的營收

提供加值服務又可賺錢

除開放第三方程式免費給使用者更多加值服務外,與相關廠商合作,提供使用者將線上相片做成攝影集、月曆、海報、 DVD 等產品抽取費用。

支出● 硬體與頻寬為主要支出。● 軟體部分,多使用已開發且低價提供給自架網站的部落客的一般技術。 如 MySQL 、 PHP 、 ImageMagick ,省下許多從頭研發的成本。

Page 32: Web 2.0. OUTLINE 一、 Introduction 二、 WEB 1.0 vs WEB 2.0 三、 Web 2.0 Application 四、 Web 2.0 Case PChome 、無名小站、 TechCrunch 、 HeyMath 、 Digg.com 、 Flickr

台灣 web 2.0 網站介紹