what is web 2 0 the next generation web technology and culture n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
What is Web 2.0 ? The Next Generation Web Technology and Culture PowerPoint Presentation
Download Presentation
What is Web 2.0 ? The Next Generation Web Technology and Culture

Loading in 2 Seconds...

play fullscreen
1 / 54
michel

What is Web 2.0 ? The Next Generation Web Technology and Culture - PowerPoint PPT Presentation

123 Views
Download Presentation
What is Web 2.0 ? The Next Generation Web Technology and Culture
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. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. What is Web 2.0?The Next Generation Web Technology and Culture Eric Joonmyung Kang DP&NM Lab. Dept. of Computer Science & Engineering POSTECH, Korea Email : eliot@postech.ac.kr

  2. Web 2.0 Session, KRnet 2006

  3. Presentation Outline • Introduction • Overview of Web technology • Definition of Web 2.0 • 7 Principles of Web 2.0 • Client Technology • Web 2.0 대표 기업 현황 • Google • Yahoo • Microsoft • Summary • HOW can we use WEB 2.0 for our RESEARCH? • Future work

  4. Web 2.0: Overview Web 2.0! Web 태동기 정적인 HTML 페이지의 집합 Web 발전기 현재의 Web 분산된 Social Network 상호 작용을 통하여 성장 Web as Platform 컨텐츠 관리 시스템에 의한 동적인 웹 포털 중심의 서비스 참여와 개방을 통한 분산, 자율 네트워크 Hypertext에 의한 단순 정보 교류 중앙집중적 검색 및 미디어

  5. Origin of the term • Dale Dougherty (O’Reilly Media) • MediaLive International과의 conference 주제를 위한 brainstorming 중 탄생 • 닷컴버블 붕괴에서 살아남은 인터넷 기업들(Google, Amazon, eBay등)의 특징들을 묶어서 개념화한 용어 • The participants assembled examples – “DoubleClick was Web 1.0; Google AdSense is Web 2.0. Ofoto is Web 1.0; Flickr is Web 2.0” – rather than definitions. • First Web 2.0 Conference: October 2004 • O’Reilly Media, John Battelle, and MediaLive • 2nd annual web 2.0 conference: October 2005

  6. What is Web 2.0? by Example Listing

  7. Web 2.0 Big Picture

  8. Providers Contents mashup (web services, RSS) tagging Data is The next Intel Inside Remixing Data and Services Collective Intelligence (User-Created Contents) Users social network Web as Platform A Bird’s Eye View

  9. Conecept 1: 인간 중심 시맨틱 웹 • 기계 중심 Semantic Web • Machine Readable Web (Structured Link) • XML/RDF을 통한 데이터 구조화 • Web Services를 통한 데이터 전달 체계 • 인간 중심 Semantic Web • Human Readable Web (Logical Link) • RSS/Trackback/Ping 등 Lightweight Syndication • REST/XML-RPC 같은 가벼운 데이터 전달 체계 • Web2.0에서의 Semantic Web • Semantic Web은 궁극적으로 Machine Agent를 향하는 기술이었으나 결국 인간 중심 기술로 제공 • Ex) XHTML/CSS, RSS/ATOM, REST, XML-RPC

  10. Ex) Search Engine • 검색엔진의 발전과정 • 제1세대: 디렉토리 방식 • 제2세대: 검색 방식 • 제3세대: 가치평가방식 • 제4세대: 개인화 방식 • 제5세대: 검증방식이 결합된 웹 • Desktop search ( google -> yahoo, msn ) • 웹 검색의 확장인 동시에 웹 검색의 시작점 • 윈도우 Vista ( desktop search? program search ) • Ubiquitus 시대의 검색 • PC, 서버, PDA, MP3 Player, DVD, PMP, USB 드라이브, 휴대용 게임기, 휴대 전화, 디지털 카메라, 디지털 액자, 홈시어터, STB • 정보의 공유를 바탕으로 자동화된 검색 엔진 • 사용자가 검색한 낱말은 먼저 해당 개인의 기기를 대상으로 검색 • 웹은 유비쿼터스 단말기들을 연결하는 연결점으로 사용 • 만약 개인의 기기에서 정보를 찾았다면 현재 사용자가 확인 가능한 단말기의 정보를 표시해줄 것이다. • 한 개인을 둘러싼 여러 단말기가 하나의 작은 네트워크를 구성하는 것 • Google library search • 도서관에 있는 책의 타이틀과 위치를 검색하는 것이 아니라 책 내용까지 검색하여 제공 • GOOGLE ( WEB 2.0 을 이룬다. 개인 자료, 도서관 자료, 웹 자료를 망라한 검색 범위의 구조가 탄탄하게 짜여진 것을 구성, GOOGLE 안에서 모든지식 검색이 가능 ) • 차세대 웹은 정보의 검색과 활용을 더욱 빠르고 편하며 정확하게 할 수 있도록 도와주는 웹

  11. Concept 2: Open source and Open standard • Open source • 누구나 쉽게 개발에 참여할 수 있는 다양한 프레임웍 제공 • Ex) LAMP (Linux+Apache+MySQL+PHP), ROR(Ruby on Rails), Python et. al • 데이터를 다룰 수 있는 각종 오픈 소스 및 라이브러리 무료 제공 • Ex) Firefox extensions, RSS Aggregator, JSON et. al • 참여 문화를 이끄는 각종 도구 • Ex) Wiki, Wordpress, Movable Type, Tattertools et. Al • Open standard • 서비스와 데이터를 다룰 수 있는 각종 오픈 API 제공 • Ex) google maps, flickr, Del.icio.us(folksonomy), Amazon, Ebay et. al • 서비스와 데이터를 통용할 수 있는 각종 Open standard 제공 • RSS/ATOM, Microformat, Attention.xml

  12. Concept 3: 지속적인 서비스 개발 • 피드백과 진보를 담보하는 끊임 없는 베타 서비스 • 가벼운 개발 방법론 • 프로토 타입을 기반한 서비스 구현 및 테스트 • 성능 및 구조를 고려하지 않는 가벼운 개발 플랫폼 선택 • 기획/개발/디자인이 모두 참여하는 프로젝트 구조 • 지속적인 베타의 덕목 • 오피니언 리더들과의 원활한 의사소통 • 참여자가 원하는 핵심 기능의 개선에 중점 • API 오픈을 통한 능동적인 참여 유도 및 혁신성 유지 • 참여자들의 디지털 감성을 만족

  13. 7 Principles on Web 2.0 • By Tim O’Reilly from O’Reilly Media • http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html • The Web As Platform • Harnessing Collective Intelligence • Data is the Next Intel Inside • End of the Software Release Cycle • Lightweight Programming Models • Software Above the Level of a Single Device • Rich User Experiences

  14. The Web As Platform • 플랫폼으로서의 웹 • 웹이 소프트웨어 플랫폼처럼 스스로 자생하고 생존하는 시스템으로 진화하고 있다 • 데이터를 기반으로 Open API를 통해 개발자 커뮤니티를 생성하며 가벼운 비즈니스 모델로 모든 이용자들이 혜택을 받고 있다 • Websites become software components • 웹사이트에 링크하여 기능 사용  필요한 기능 요소를 가져다 다른 서비스에 내장하여 사용 • 서비스에서 플랫폼으로 • API and Mash-ups • Google AdSense / Google Map

  15. Platform = 멍석 육갑,칠득,팔복의 ‘멍석’ 장생과 공길의 ‘재주’ Source: Web 2.0 : 참여와 개방-류중희박사

  16. Harnessing Collective Intelligence • The Architecture of Participation • User-Created Contents(UCC) • 사용자들의 참여가 서비스의 가치를 높인다. • Collective Intelligence의 형성 방법 • 공동의 목적을 위한 개인들의 지식의 통합으로 형성 (Explicit) • 개인적 용도의 참여에서 Contents간의 관계 설정을 통한 발생 (Implicit) • Tagging, Recommendation System 이용 • Examples

  17. Harnessing Collective Intelligence • 장점 • Contents간 network effect를 통해 보다 가치있는 contents 생산 (부분의 합은 전체보다 크다) • 점점 더 많은 사용자들의 참여는 사용자들을 Lock-In 시키는 효과 • Contents 생성을 위한 비용이 불필요 • 단점 • 부정확한 정보의 생산 (예. 지식검색) • 고의적인 명예 훼손의 가능성 (예. Wikipedia) • 스팸성 정보의 생산 (예. 스팸블로그, 스팸코멘트, 스팸트랙백)  Contents의 Quality를 보장하기 위한 노력 필요

  18. Data is the Next Intel Inside • 데이터 중심의 경쟁력 확보 • 단일화된 데이터 유통 채널 -> 데이터 자체의 다양한 활용 • 표준화된 데이터 유통을 통한 수익 창출 • 데이터베이스 관리 및 개방된 연동을 통한 시장 우위 확보 • Navteq, Mapquest, CDDB, Network Solutions, product IDs (Amazon ASIN), AdWords, eBay, …

  19. End of the Software Release Cycle • 지속적인 업그레이드 • “Perpetual Beta” • 길고 정기적인 업그레이드  수시로 발생하는 빠른 업그레이드 • Launch and iterate: 기존의 클라이언트 기반 소프트웨어는 빠른 업그레이드가 어려웠으나, 웹 중심의 어플리케이션은 지속적인 업그레이드가 손쉬움 • 사용자 의견 및 반응에 대한 실시간 feedback • 사용자 불만을 최소화, 수익 극대화 • Google search, iTunes, Quicken, Firefox/Mozilla, SalesForce

  20. Lightweight Programming Models • 개방과 확장이 가능한 프로그래밍 모델 • Agile Programming • 지속적인 업그레이드를 위한 빠른 개발 지원 • Perl, JSP, PHP, Ruby 등 script 기반 language • Ruby on Rails 등 MVC (Model-View-Controller) architecture 기반 개발 프레임워크 • API for hackability and remixability • “Web Service”: Machine-to-Machine data transaction • REST (Representational State Transfer): XML over HTTP

  21. Software Above the Level of a Single Device • 다양한 하드웨어에 대한 통합적인 지원 • 여러 종류의 하드웨어를 다양한 방법으로 지원 • Database back end • Web services-enabled • Rich client front ends • Mobile device support • iPod and TiVo • 하드웨어-소프트웨어-서비스-데이터의 seamless collaboration • iPod – (iMac) – iTunes – iTunes Music Store (iTMS) • Podcasting • They are services, not packaged applications

  22. Rich User Experiences • 더 나은 사용자 경험 • Static Web UX  Dynamic Web UX • 단순한 HTML 페이지 링크  한 페이지에서 동적인 화면 구성 • RIA (Rich Internet Application) • AJAX (Asynchronous JavaScript and XML) • Not a new technology or platform, just the set of known technologies • XHTML, CSS, JavaScript, XMLHttpRequest, …. • Flash • FLEX/OpenLaszlo

  23. 클라이언트 기술 • 웹브라우저 : 웹 플랫폼의 클라이언트 프로그램 • 한계: 제한된 상호운용성과 사용자 인터페이스 • 이러한 한계를 극복하기 위한 많은 기술들 등장  RIA • RIA (Rich Internet Application) 기술들 • Ajax (Asynchronous Javascript and XML) • Macromedia Flash & Flex • SVG (Scalable Vector Graphics) • Laszlo • XAML (eXtensible Application Markup Language) on Windows Vista • XUL (XML User interface Language) Application for Firefox • Yahoo! Widget (aka. Konfabulator) • Apple Dashboard

  24. 대표적인 RIA 기술 : Ajax • Ajax (에이잭스,아야크스,아작스) is • 표준을 따르는 UI 표현 방법 • XHTML과 CSS와 같은 표준화된 기술을 이용하여 웹 브라우저 독립적인 UI 표현 • DOM을 이용한 동적인 페이지 표현 • DOM을 이용하여 동적으로 웹 페이지의 컨텐츠를 변경하거나 페이지 요소와 상호작용 • XML/XSLT를 이용한 데이터 교환 및 표현 • 표준 기술인 XML과 XSLT를 이용하여 데이터를 교환하고 표현 • XMLHttpRequest를 이용한 비동기 데이터 전송 • XMLHttpRequest를 이용하여 비동기 데이터 통신 구현 • 이 모든 것들을 어우르기 위한 JavaScript • Ajax is not technology but approach like LAMP • 2005년 2월 Jesse James Garrett에 의해 정의됨 • A new approach to web applications • Examples • Many Google services (Gmail, Google Suggest, Google Maps…) • Web page accessory (한메일 주소록, Naver Suggest, Amazon…) • Web-based Office services (Zimbra, Writely, gOffice, Kiko…) • Personalized homepages (Windows Live, Google IG, Protopage…)

  25. 대표적인 RIA 기술 : Ajax

  26. 서버 기술 • 서버에서 대부분의 처리가 이루어짐 • 대부분의 코드는 서버에서 실행, 데이터베이스도 서버에 존재 • 신속한 웹 개발과 적은 운용비용을 가능케 하는 환경 요구 • 신속한 웹 개발(Agile Web Development) • 스크립트형 웹 개발 언어들 • PHP, Python, Ruby • 웹 프레임워크 • Ruby on Rails(RoR), Struts, PEAR, Ajax frameworks (Dojo, Prototype, DWR, Atlas, Google Web Toolkit(GWT)) • 오픈 소스 기반 가벼운 서버 환경 • LAMP (Linux, Apache, MySQL, PHP&Python&Perl) • 리눅스 클러스터링, P2P, Grid Computing 등의 신기술

  27. Social Factors • Web 2.0은 기술도, 마케팅 용어도 아닌 사용자 중심의 트렌드 • Web 자체가 의사소통을 위한 미디어 툴이므로, 다양한 사회 분야에 큰 영향을 미치리라 예상됨 • Ex. Google이 광고 시장의 판도를 바꿔 놓음

  28. Society 2.0

  29. The Long Tail

  30. 개방 참여 관계 Summary Providers Contents mashup (web services, RSS) tagging Users social network Web as Platform

  31. Other analysis: Web 2.0 Meme Map

  32. Other analysis: Elements of Web 2.0

  33. 웹 2.0과 Open API의 위치 • API 서비스의 의미: Web 2.0에서의 플랫폼화의 가장 핵심 요소 • 기존의 웹 서비스가 새로운 서비스의 기초가 될 수 있도록 컨텐츠, 주요 기능 등을 Feeding이나 API 형식으로 제공하는 것 • 컨텐츠 Feed의 제공: 뉴스, 블로그, 상품 정보, 사진, 동영상, 북마크… • 플랫폼 서비스의 API 제공: 검색(Google, A9), 지도(Google, Yahoo), AI 알고리즘(Amazon, Yahoo) • 어플리케이션 서비스의 API 제공: calendar, word, spreadsheet, 상거래, 결제, 온라인 스토리지 • 여러 기능이 조합된 서비스가 담겨질 컨테이너 서비스의 제공(Google homepage, MS start.com) • 이론적인 웹 서비스가 아닌 실제 working하는 웹 서비스 플랫폼

  34. 참고: Mashup – 플랫폼화된 환경에서의 서비스 모델

  35. Weblication: Web-based Office

  36. Weblication: Personalized Homepage Microsoft Gadget netvibes

  37. Web 2.0 Startups Web 2.0 Startups

  38. Web 2.0대표기업 현황

  39. http://www.google.com/logos.html http://www.google.org.cn/all.php

  40. Larry Page and Sergey Brin Google • Web 2.0 기술과 문화의 선도적인 역할 • Ajax등의 RIA기술을 이용한 다양한 서비스 + Open API를 통한 개방 • Google facts • 1998년 스탠포드대 두명의 대학원생이 시작  현재 4,200명 정도 • 약 80억 개의 웹 페이지, 20억 개의 이미지 색인 • 주가 446.21달러, 시가총액 1,319억달러 (12월19일) (IBM 추월) • 2005년 상반기 총 26억 4000만 달러의 매출액 (작년 대비 97%성장) • 99%가 검색광고 매출 (53% 자사 사이트, 47% 네트워크 사이트) • 기술 기업으로서 승부 • 컨텐츠 전달을 위한 서비스 인프라를 제공하는 것을 목표 • 매력적인 구글 소프트웨어 원칙 : Don’t be evil

  41. Web as Platform Two Axes of Google Internet Googleplex Google Services

  42. 서비스 통합을 통한 시너지 효과 극대화 Google의 미래전략분석 검색의 확대를 통한 지속적인 수입창출 (거대한 데이터베이스 구축) 커뮤니티 서비스 완비로 사용자 Lock-In

  43. Google의 미래전략분석 Map과 Mobile을 향한 서비스 진화 Desktop 서비스 플랫폼 선점을 위한 노력

  44. Yahoo! • 미디어 기업을 추구 • 주로 인수합병을 통해 성장 • Inktomi, 3721.com, Overture, Alta Vista, AllTheWeb.com, Stata Labs, GeoCities, Flickr, Oddpost.com. DialPad, Konfabulator, Alibaba.com, Upcoming.org, del.icio.us • 서비스들간의 seamless integration이 앞으로 성장에 관건 • Web 2.0 기업을 향한 노력 (2005년) 3월20일 인수 Launching 3월29일 지원 4월7일 6월29일 Launching

  45. Yahoo! 인수  7월25일 인수 10월4일 10월9일 Launching 10월10일 for blogLaunching 10월12일 MSN and Yahoo to link IM 11월2일 Launching 11월4일 Launching Integrating with RSS 11월29일 Launching 12월8일 12월9일 인수  12월12일 Partnering with Movable Type

  46. Microsoft • Google의 등장으로 위기감 느끼고 Web 2.0 기업으로 변화 시도 • 빌 게이츠의 내부 이메일 (2005년 10월30일) • This coming "services wave" will be very disruptive. We have competitors who will seize on these approaches and challenge us. • CTO Ray Ozzie Memo “The Internet Services Disruption” • 신규 수익 창출원을 발굴하기 위해 MS가 온라인 광고와 서비스 시장에 진입해야 한다고 강조 • 구글과 야후, 애플을 경쟁 상대로 규정

  47. Mobile & Map Servicesmeet Web 2.0

  48. Google Mobile web, image, news, blog, base 등 검색 지역 지도와 상점 찾기 글이나 사진 등 모든 기록 업로드 온라인으로 업로드 Mobile 상품정보 검색 SMS

  49. Google Local for Mobile get directions find local store zoom in zoom out satellite