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

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

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

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/

Open API  Mash-Up model

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

跨平台 ( PC, mobile, XBOX, PS2…)

無障礙網頁 Accessibility

Web 2.0 ?

Web 2.0 ?

Harnessing Collective Intelligence (2006/ 5/13)

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 )

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

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 在某種程度上不依賴於技術，而是一種 態度 : 用戶體驗 資源共享 集體思維 開放平台。 不是你做不到，而是你沒有想到而已。

Web2.0 在某種程度上不依賴於技術，而是一種 態度 :

用戶體驗

資源共享

集體思維

開放平台。

不是你做不到，而是你沒有想到而已。

有些事情真的 ”還” 做不到 Semantic Web 太遙遠 過渡期 傳統 HTML 網頁 Semantic 網頁 ?

Semantic Web 太遙遠

過渡期

Folksonomy ( 通俗分類 ) Folks( 群眾 ) + Taxonomy( 分類法 ) Social Classification 許多 web2.0 網站均有採用，目前主要是以 Tag( 標籤 ) 的方式呈現

Folks( 群眾 ) + Taxonomy( 分類法 )

Social Classification

許多 web2.0 網站均有採用，目前主要是以 Tag( 標籤 ) 的方式呈現

Folksonomy 特徵 個人自發性定義 Tag 公開分享 由使用者群體的定義的頻率而決定

個人自發性定義

Tag 公開分享

由使用者群體的定義的頻率而決定

傳統分類方式

Tag 分類方式 google Search_engine 谷歌 search google 雅虎 yahoo 入口網站 Tag: search -> Google, Yahoo Tag: search + Google -> 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! 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

Knowledge Search

Social Bookmarking

Social Media Flickr Yahoo!Vedio

Flickr

Yahoo!Vedio

Social Search 好在哪 ?

Social Search 好在哪 ?

Traditional Search v.s. Social Search

Mashup 開發方式

Mashup 開發方式

Web Application Hybrid 透過開放的 API 與 web feeds ( 例： rss 輸出 ) 將兩個以上的 web app. 整合在一起 http://www.netvibes.com/

透過開放的 API 與 web feeds ( 例： rss 輸出 ) 將兩個以上的 web app. 整合在一起

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/

Total API: 208

Total Mashups & Examples: 687

Avg. New Mashups/Day: 2.74

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

加值服務 : eBay Motors & Google Map

Mashup 的營運模式 廣告 : UrMap + TaipeiWalker 你可以玩玩看，不要弄疼我 !! eBay Bans Rapleaf Links

廣告 : UrMap + TaipeiWalker

你可以玩玩看，不要弄疼我 !!

eBay Bans Rapleaf Links

如果未來幾年有一家網際網路公司能夠超越 Google ，這家公司必定出現在 P2P 的網路影像播放領域 亞洲首富 ::: 日本軟體銀行 - 孫正義 http://www.rox.com.cn

P2P Internet

mysee 線上影音串流服務 , 以 P2P 架構傳送檔案

線上影音串流服務 , 以 P2P 架構傳送檔案

Mercora:: IMRadio P2P music search 自選喜愛的 DJ, 可立即傳訊 透過 Buddy list( 好友名單 ) 分享音樂

P2P music search

自選喜愛的 DJ, 可立即傳訊

透過 Buddy list( 好友名單 ) 分享音樂

P2P 發展 ? 強化內容散佈與管理機制 RSS ( Really Simple Syndication) + P2P TV2.0 ? Adapt DRM to ally with content provider 社會化 ( Mercora)

強化內容散佈與管理機制

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

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

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 ?

When web 2.0 meets SOA ?

起因… 在 web 2.0 的概念下， web-based software 所開發的功能不僅要滿足 browsers, 也須有 open web services 藉以提供其它 Geek 參予 mash up http://developer.yahoo.com/

在 web 2.0 的概念下， web-based software 所開發的功能不僅要滿足 browsers, 也須有 open web services 藉以提供其它 Geek 參予 mash up

起因 ... there are now more than 60 WS-* standards 規格的天堂，卻是開發者的地獄 !! People need more simpler and more straightforward methods

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

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

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

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 )

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

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

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)

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

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