SlideShare a Scribd company logo
Jacob Guo
Definition Richard MacManus : the web as platform Chris Anderson (Wired chief editor) : the lack of a crisp definition is a feature, not a bug
Definition Tim O’Reilly’s Web 2.0 Design Pattern: The Long Tail  Data is the Next Intel Inside  Users Add Value  Network Effects by Default  Some Rights Reserved  The Perpetual Beta  Cooperate, Don't Control  Software Above the Level of a Single Device http://radar.oreilly.com/archives/2006/05/my_commencement_speech_at_sims.html
The Long Tail  只要通路夠大,非主流的、需求量小的商品「總銷量」也能夠和主流的、需求量大的商品銷量抗衡 The Long Tail
Data is the Next Intel Inside 大量使用者各自提供少量的資訊,集成龐大的資料庫  http://www.youtube.com/
Users Add Value http://digg.com
Some Rights Reserved  Open API    Mash-Up model Blog + Flickr http://funtalks.com/gourmet Google Map + Craigslist http://www.housingmaps.com/
The Perpetual Beta  持續性的改善
Cooperate, Don't Control  開放式的參與架構 http://zh.wikipedia.org/wiki/Wiki
Software Above the Level of a Single Device 跨平台  ( PC, mobile, XBOX, PS2…) 無障礙網頁  Accessibility
Web 2.0 ?
Harnessing  Collective Intelligence   (2006/ 5/13)
Web2.0 使用的技術 ? RIA technique (such as Ajax) Jesse James Garrett 定義於 2005, but….. 1998 年,微軟早在 IE 5 就有應用 XMLHTTP object 技術達到 Remote Scripting Cascading Style Sheets   (CSS) published as a W3C Recommendation  1998 Microformat ( XHTML, XML) XHTML (  2000 )
Web2.0 使用的技術 ? Syndication ( RSS / ATOM ) 1997  IE4 推出 CDF (Channel Definition Format) 推行頻道推播功能  Clean and meaningful URLs del.icio.us,  43things.com Weblog publish Running conversation with threads Mashups
Web2.0 在某種程度上不依賴於技術,而是一種 態度 : 用戶體驗 資源共享 集體思維 開放平台。 不是你做不到,而是你沒有想到而已。
有些事情真的  ”還”  做不到 Semantic Web  太遙遠 過渡期 傳統 HTML 網頁 Semantic  網頁 ?
Folksonomy ( 通俗分類 ) Folks(  群眾 ) + Taxonomy(  分類法 )  Social Classification 許多 web2.0 網站均有採用,目前主要是以 Tag( 標籤 ) 的方式呈現
Folksonomy  特徵 個人自發性定義 Tag 公開分享 由使用者群體的定義的頻率而決定
傳統分類方式
Tag 分類方式 google Search_engine 谷歌 search google 雅虎 yahoo 入口網站 Tag: search    ->  Google, Yahoo Tag: search + Google  ->  Google
Tag 分類方式
好處 限制 直覺 語義曖昧、難精確 自發性 快速 直覺來得快、去得快 方便交流 資料經過人為篩選 群體思考驅同現象 易於了解群體偏好
傳統 HTML 網頁 Semantic  網頁 HTML  Full-Text Search Semantic  Search ? Folksonomy
Social Search Y! Search Vision 2006  (2006, may 17th) Enrich people’s lives by enabling them to find, use, share and expand all  human knowledge
Y! Social Search Knowledge Search Social Bookmarking Social Media
Knowledge Search
Social Bookmarking
Social Media Flickr Yahoo!Vedio
Social Search 好在哪 ?
Traditional Search v.s. Social Search
Mashup 開發方式
Web Application Hybrid 透過開放的 API  與  web feeds ( 例: rss  輸出 ) 將兩個以上的 web app. 整合在一起 http://www.netvibes.com/
http://diggdot.us/
How  Hot  is Mashup? Total API: 208 Total Mashups & Examples: 687 Avg. New  Mashups/Day:    2.74   Source: http://www.mashupfeed.com/
Why is Mashup so  Hot ? 發現新事物的有趣方式 交叉點就是創新 http://www.programmableweb.com/matrix
Mashup Popular API and Tag
發揮你的創意
Mashup 的營運模式 加值服務 : eBay Motors & Google Map https://www.dudewheresmyusedcar.com/ 連結到 eBay
Mashup 的營運模式 廣告 : UrMap + TaipeiWalker 你可以玩玩看,不要弄疼我 !! eBay Bans Rapleaf Links
如果未來幾年有一家網際網路公司能夠超越 Google ,這家公司必定出現在 P2P 的網路影像播放領域 亞洲首富 ::: 日本軟體銀行 -  孫正義 http://www.rox.com.cn
P2P Internet
mysee 線上影音串流服務 , 以 P2P 架構傳送檔案
Mercora:: IMRadio P2P music search  自選喜愛的 DJ,  可立即傳訊 透過 Buddy list(  好友名單 )  分享音樂
P2P 發展 ? 強化內容散佈與管理機制 RSS ( Really Simple Syndication) + P2P TV2.0 ? Adapt  DRM  to ally with content provider 社會化 ( Mercora)
Web 2.0 business model Core Competency Harness collective intelligence Enabling customer desire Build scale of the above Revenue Stream Low margin / large scale  Value Proposition Value increases with the number of customers
Web 2.0 business model Cost Structure Fixed and lean ( since customers create values) Customer Relationship Customer or Co-Creator ? Fuzzy boundary. Blog as the conversation portal
When web 2.0 meets SOA ?
起因… 在 web 2.0 的概念下, web-based software  所開發的功能不僅要滿足  browsers,  也須有 open web services 藉以提供其它 Geek 參予  mash up http://developer.yahoo.com/
起因 ... there are now more than 60  WS-* standards 規格的天堂,卻是開發者的地獄 !! People need more simpler and more straightforward methods
WOA( Web Oriented Architecture) Gartner (2005) ::: WOA = SOA + Web + REST  A subset of SOA Particular lightweight version of SOA  The real difference is that WOA advocates REST
 
REST Re presentational  S tate  T ransfer  An  architecture style  of networked systems 在 HTTP 協議之外,另外提供 XML data 用  HTTP  指示位置、動作, XML  就是資料 Universal syntax 例:波因 (Boeing) 公司賣飛機 , 飛機有個 747 -> http://www.boeing.com/ aircraft / 747   相關資訊 :  Building Web Services the REST Way
REST vs. SOAP REST SOAP Message represented in plain XML  in a standardized XML SOAP "envelope"  Transfer protocol HTTP Various protocol  (eg. HTTP, SMTP) identify resources  URIs application specific  Security HTTP authentication  No by SOAP, by developer Interface Contract No formal method XML Schemas
Public Implementation eBay offers a REST  developer interface .  Bloglines offers a REST  developer interface   Ruby on Rails URL routing supports RESTful application design using MVC design pattern  Yahoo! offers a REST  developer interface
The law of disruption 尋找創新機會的方法 創新的機會來自於商業與科技、社會行為之間的差距
IBM Workplace & web 2.0 A client-side framework for creating server-managed business applications   ( http:// www.ibm.com /software/workplace  ) How web 2.0 emerge in IBM Workplace during the next 2 or 3 years? dogear Feedme WAX QEDwiki  Source: Lotusphere Innovation Lab ( http://tinyurl.com/ofnww   )
dogear – Social Bookmarking A research project to become an internal tool used by IBM employees. Use in the enterprise Bookmark not only web pages but also internal pages and documents Open and mashable via REST APIs Maybe appear on alphaWorks by 2007
FeedMe — RSS and Alerting A research project Combining the concept of syndication ( RSS & Atom) with alerts Still experiment the filtering pattern
WAX — Activity Mashups Web-Based Activity Services Research project The REST/POX mashup model           p.s.: POX( Plain Old XML)
QEDwiki Mashup of wiki, RSS, and scripting( PHP-based) End-user programming  Targeted at people who want to make Web applications without the aid of professional programmers  Maybe appear on alphaWorks by late 2006
偽 Google Base 偽  43things 偽  dei.icio.us 偽  blog 偽  digg 偽  flickr

More Related Content

PPT
internet marketing 網路行銷的必要性與經營模式分析
PPT
玩遍Google - 作好個人知識管理
PPT
Seo4sales20080103 網路行銷SEO
PPT
Thebusinessmodelofblog005
PDF
Web2.0 voor Marketeers, Joris van Zoelen
PPTX
Emakina Nederland - Loyalty Rules!
PDF
Meet Henry
PPT
Internal Communications - Part 1
internet marketing 網路行銷的必要性與經營模式分析
玩遍Google - 作好個人知識管理
Seo4sales20080103 網路行銷SEO
Thebusinessmodelofblog005
Web2.0 voor Marketeers, Joris van Zoelen
Emakina Nederland - Loyalty Rules!
Meet Henry
Internal Communications - Part 1

Similar to introduction of web 2.0 (20)

PPT
Recombinant Innovation
PPT
Technologicalinnovation
PPT
2009/09/20 meeting
PPT
學期初評分用 ppt
PPTX
Mis報告
PDF
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
PDF
Mobile Web 2.0
PPT
web2.0
PPT
Web2[1].0
PPT
Web2[1]
PPT
Ye Ying(1)
PPT
Ye Ying(1)
PPT
Xzzx20060302 1
PPT
Very Good Web 2.0 Briefing
PPT
Very Good Web 2.0 Briefing
PPT
Very Good Web 2.0 Briefing
PDF
從open data角度談網站api應用
PPT
Powerpoint SHOW
PPT
PDF
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao
Recombinant Innovation
Technologicalinnovation
2009/09/20 meeting
學期初評分用 ppt
Mis報告
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
Mobile Web 2.0
web2.0
Web2[1].0
Web2[1]
Ye Ying(1)
Ye Ying(1)
Xzzx20060302 1
Very Good Web 2.0 Briefing
Very Good Web 2.0 Briefing
Very Good Web 2.0 Briefing
從open data角度談網站api應用
Powerpoint SHOW
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao
Ad

introduction of web 2.0

  • 2. Definition Richard MacManus : the web as platform Chris Anderson (Wired chief editor) : the lack of a crisp definition is a feature, not a bug
  • 3. Definition Tim O’Reilly’s Web 2.0 Design Pattern: The Long Tail Data is the Next Intel Inside Users Add Value Network Effects by Default Some Rights Reserved The Perpetual Beta Cooperate, Don't Control Software Above the Level of a Single Device http://radar.oreilly.com/archives/2006/05/my_commencement_speech_at_sims.html
  • 4. The Long Tail 只要通路夠大,非主流的、需求量小的商品「總銷量」也能夠和主流的、需求量大的商品銷量抗衡 The Long Tail
  • 5. Data is the Next Intel Inside 大量使用者各自提供少量的資訊,集成龐大的資料庫 http://www.youtube.com/
  • 6. Users Add Value http://digg.com
  • 7. Some Rights Reserved Open API  Mash-Up model Blog + Flickr http://funtalks.com/gourmet Google Map + Craigslist http://www.housingmaps.com/
  • 8. The Perpetual Beta 持續性的改善
  • 9. Cooperate, Don't Control 開放式的參與架構 http://zh.wikipedia.org/wiki/Wiki
  • 10. Software Above the Level of a Single Device 跨平台 ( PC, mobile, XBOX, PS2…) 無障礙網頁 Accessibility
  • 12. Harnessing Collective Intelligence (2006/ 5/13)
  • 13. Web2.0 使用的技術 ? RIA technique (such as Ajax) Jesse James Garrett 定義於 2005, but….. 1998 年,微軟早在 IE 5 就有應用 XMLHTTP object 技術達到 Remote Scripting Cascading Style Sheets (CSS) published as a W3C Recommendation 1998 Microformat ( XHTML, XML) XHTML ( 2000 )
  • 14. Web2.0 使用的技術 ? Syndication ( RSS / ATOM ) 1997 IE4 推出 CDF (Channel Definition Format) 推行頻道推播功能 Clean and meaningful URLs del.icio.us, 43things.com Weblog publish Running conversation with threads Mashups
  • 15. Web2.0 在某種程度上不依賴於技術,而是一種 態度 : 用戶體驗 資源共享 集體思維 開放平台。 不是你做不到,而是你沒有想到而已。
  • 16. 有些事情真的 ”還” 做不到 Semantic Web 太遙遠 過渡期 傳統 HTML 網頁 Semantic 網頁 ?
  • 17. Folksonomy ( 通俗分類 ) Folks( 群眾 ) + Taxonomy( 分類法 ) Social Classification 許多 web2.0 網站均有採用,目前主要是以 Tag( 標籤 ) 的方式呈現
  • 18. Folksonomy 特徵 個人自發性定義 Tag 公開分享 由使用者群體的定義的頻率而決定
  • 20. Tag 分類方式 google Search_engine 谷歌 search google 雅虎 yahoo 入口網站 Tag: search    -> Google, Yahoo Tag: search + Google  -> Google
  • 22. 好處 限制 直覺 語義曖昧、難精確 自發性 快速 直覺來得快、去得快 方便交流 資料經過人為篩選 群體思考驅同現象 易於了解群體偏好
  • 23. 傳統 HTML 網頁 Semantic 網頁 HTML Full-Text Search Semantic Search ? Folksonomy
  • 24. Social Search Y! Search Vision 2006 (2006, may 17th) Enrich people’s lives by enabling them to find, use, share and expand all human knowledge
  • 25. Y! Social Search Knowledge Search Social Bookmarking Social Media
  • 28. Social Media Flickr Yahoo!Vedio
  • 30. Traditional Search v.s. Social Search
  • 32. Web Application Hybrid 透過開放的 API 與 web feeds ( 例: rss 輸出 ) 將兩個以上的 web app. 整合在一起 http://www.netvibes.com/
  • 34. How Hot is Mashup? Total API: 208 Total Mashups & Examples: 687 Avg. New Mashups/Day:   2.74 Source: http://www.mashupfeed.com/
  • 35. Why is Mashup so Hot ? 發現新事物的有趣方式 交叉點就是創新 http://www.programmableweb.com/matrix
  • 38. Mashup 的營運模式 加值服務 : eBay Motors & Google Map https://www.dudewheresmyusedcar.com/ 連結到 eBay
  • 39. Mashup 的營運模式 廣告 : UrMap + TaipeiWalker 你可以玩玩看,不要弄疼我 !! eBay Bans Rapleaf Links
  • 40. 如果未來幾年有一家網際網路公司能夠超越 Google ,這家公司必定出現在 P2P 的網路影像播放領域 亞洲首富 ::: 日本軟體銀行 - 孫正義 http://www.rox.com.cn
  • 42. mysee 線上影音串流服務 , 以 P2P 架構傳送檔案
  • 43. Mercora:: IMRadio P2P music search 自選喜愛的 DJ, 可立即傳訊 透過 Buddy list( 好友名單 ) 分享音樂
  • 44. P2P 發展 ? 強化內容散佈與管理機制 RSS ( Really Simple Syndication) + P2P TV2.0 ? Adapt DRM to ally with content provider 社會化 ( Mercora)
  • 45. Web 2.0 business model Core Competency Harness collective intelligence Enabling customer desire Build scale of the above Revenue Stream Low margin / large scale Value Proposition Value increases with the number of customers
  • 46. Web 2.0 business model Cost Structure Fixed and lean ( since customers create values) Customer Relationship Customer or Co-Creator ? Fuzzy boundary. Blog as the conversation portal
  • 47. When web 2.0 meets SOA ?
  • 48. 起因… 在 web 2.0 的概念下, web-based software 所開發的功能不僅要滿足 browsers, 也須有 open web services 藉以提供其它 Geek 參予 mash up http://developer.yahoo.com/
  • 49. 起因 ... there are now more than 60 WS-* standards 規格的天堂,卻是開發者的地獄 !! People need more simpler and more straightforward methods
  • 50. WOA( Web Oriented Architecture) Gartner (2005) ::: WOA = SOA + Web + REST A subset of SOA Particular lightweight version of SOA The real difference is that WOA advocates REST
  • 51.  
  • 52. REST Re presentational S tate T ransfer An architecture style of networked systems 在 HTTP 協議之外,另外提供 XML data 用 HTTP 指示位置、動作, XML 就是資料 Universal syntax 例:波因 (Boeing) 公司賣飛機 , 飛機有個 747 -> http://www.boeing.com/ aircraft / 747 相關資訊 : Building Web Services the REST Way
  • 53. REST vs. SOAP REST SOAP Message represented in plain XML in a standardized XML SOAP "envelope" Transfer protocol HTTP Various protocol (eg. HTTP, SMTP) identify resources URIs application specific Security HTTP authentication No by SOAP, by developer Interface Contract No formal method XML Schemas
  • 54. Public Implementation eBay offers a REST developer interface . Bloglines offers a REST developer interface Ruby on Rails URL routing supports RESTful application design using MVC design pattern Yahoo! offers a REST developer interface
  • 55. The law of disruption 尋找創新機會的方法 創新的機會來自於商業與科技、社會行為之間的差距
  • 56. IBM Workplace & web 2.0 A client-side framework for creating server-managed business applications   ( http:// www.ibm.com /software/workplace  ) How web 2.0 emerge in IBM Workplace during the next 2 or 3 years? dogear Feedme WAX QEDwiki Source: Lotusphere Innovation Lab ( http://tinyurl.com/ofnww )
  • 57. dogear – Social Bookmarking A research project to become an internal tool used by IBM employees. Use in the enterprise Bookmark not only web pages but also internal pages and documents Open and mashable via REST APIs Maybe appear on alphaWorks by 2007
  • 58. FeedMe — RSS and Alerting A research project Combining the concept of syndication ( RSS & Atom) with alerts Still experiment the filtering pattern
  • 59. WAX — Activity Mashups Web-Based Activity Services Research project The REST/POX mashup model           p.s.: POX( Plain Old XML)
  • 60. QEDwiki Mashup of wiki, RSS, and scripting( PHP-based) End-user programming Targeted at people who want to make Web applications without the aid of professional programmers Maybe appear on alphaWorks by late 2006
  • 61. 偽 Google Base 偽 43things 偽 dei.icio.us 偽 blog 偽 digg 偽 flickr

Editor's Notes

  • #2: Web 2.0 is made of people