참여를통한 Web2.0 플랫폼구현 - WebSquare 소개및협업제안 2007. 11 인스웨이브시스템즈 김욱래 (wlkim@inswave.com) 2007. 4. 6
Contents Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ 플랫폼으로서의 Web AJAX 적용과과제웹 2.0 플랫폼 : WebSquare 참여와협업을통한사업모델 WebSquare 데모 - 1 -
Contents Ⅰ 플랫폼으로서의 Web 1. Web2.0과 Web의플랫폼화 2. Web 기반 S/W의확산 3. S/W 패러다임의변화 Ⅱ Ⅲ Ⅳ Ⅴ AJAX 적용과과제웹 2.0 플랫폼 : WebSquare 참여와협업을통한사업모델 WebSquare 데모 - 2 -
I. 1. Web2.0 과 Web 의플랫폼화 Web 2.0 I. 플랫폼으로서의 Web 웹은애플리케이션들이만들어지고제공되고돌아가도록하는새로운아키텍처이자, 사람들이만나고참여하며콘텐츠와애플리케이션의소비와생산이함께이루어지는커뮤니티, 그리고비즈니스프로세스와가치전달방식의변화로써열린생태계에서상호작용과외부성의효과를극대화하는비즈니스의장 (Gartner, 2005.12 'Findings from the 'Emerging Trends and Technologies' research meeting) 풍부한유저인터페이스 ( 플랫폼으로서의웹 ) Ajax 로대표되는 Rich Internet Application 의발전 아마존의다이아몬드검색, 구글맵, 네이버검색어추천 집단지성의적극활용 (Folksonomy, 태깅 ) 사람들에의한분류법 (Folk + order + nomos) 신조어 위키피디어, 아마존의북리뷰, 구글의페이지랭크 롱테일 (long tail) 파레토의법칙의역발상 (80:20의법칙 ) 구글의애드센스, 애플의음악다운로드사이트, 아이튠스 매쉬업 (mash-up) Open-API 를조합하여전혀다른서비스를개발하는모델, 플랫폼협업 Amazon Light4, Book Burro, 네이버 OpenApi, Google APIs 정보전달방식의변화 (RSS) RSS 기술접목을통한데이터교환방식의전환 - 3 -
1. Web2.0 과 Web 의플랫폼화 I. 플랫폼으로서의 Web 웹의플랫폼화, 플랫폼으로서의웹 웹의변화가가능했던것은웹에서사용자가원하는것을할수있는환경이구성되었기때문 Interactive User Interface 개인과기업용시장의다양한 S/W 들이서비스의형태로웹을통해제공 웹기반 S/W 의웹에서구글의 Docs&Spreadsheets 와 Picasa 로문서와사진을편집하고자신이만든블로그에올릴수있다. 즉 PC 에서가능한모든작업들이 Web 이라는환경즉 Web 플랫폼에서가능해지고있다. 세일즈포스닷컴은기업용애플리케이션을 SaaS (Software as a Service) 형태로제공 웹기반 S/W 는특정사업자의플랫폼으로부터자유로운애플리케이션을제공하며인터넷이라는공개된공간을통하여사용자와개발자가만나고공유하고참여함으로써새로운가치를제공할수있는환경을제공 Mash-up, Open API, Open Source, Wiki 웹이단순한정보전달의매체에서하나의플랫폼으로변화 - 4 -
2. Web 기반 S/W 의확산 I. 플랫폼으로서의 Web 확산 검색을기반으로한광고수익모델에서출발 라이틀리인수와 Docs&Spreadsheet 출시, Google Apps for Your Domain 출시, 잣스팟과 irows 등의인수합병을통해기업용웹기반 S/W 서비스사업으로수익기반의확대시도 분류 Desktop Application Web Application 기존제품 기타 서비스 Blogger Web Comments, Browser Sync, Dashboard Widgets for Macs, Desktop Search, Earth, Gmail Notifier, Hellow, Notifier for Mac, Google Pac, Picasa, Send to Phone, Sketchup, Talk, Toolbar, Video Plyer, Web Accelerator Advertising Aggregation Communication & Publishing Development Mapping Search Adsense, Adwords, Analytics, Click-to-Call, Grants, Website Optimizer Personalized Home, Reader Apps for Your Domain(Gmail, Calendar, Talks, Page Creator), Apps for Education, Blogger, Docs & Spreadsheet, Dodgeball, Joga Bonito, JotSpot, Measure Map, Notebook, Orkut, Picasa Web Albums, YouTube APIs, Code, Code Search, Co-op, Related Links, Webmaster Tools Maps, Mars, Moon, Ride Finder, Transit 3D Warehouse, Accessible Search, Alerts, Answers, Base, Blog Search, Bookmarks, Book Search, Catalog, Checkout, Directory, Finance, Froogle, Groups, Image Labeler, Image Search, Mobile, Music Trends, Language Tools, News, News Archive Search, Personalized Search, Scholar, SearchMash, Sets, SMS, Special Searches, Suggest, Trends, Video, Web Search, Zeitgeist Local, Print, Spreadsheets, Writely, Google X Labs, Store - 5 -
2. Web 기반 S/W 의확산 I. 플랫폼으로서의 Web Windows Live 2005.010 웹기반서비스 를중심전략으로내세운라이브전략발표 윈도우라이브 - 라이브메신저, 라이브메일, 라이브서치, 라이브로컬, 라이브모바일 - 라이브닷컴 (live.com) 개인화된포털서비스, 인터넷사용자들이 Gadget 이라불리는일종의웹기반의애플리케이션을공유하며, 이를사용자가마음대로배치하여손쉽게 자신만의포털 을구성 - 데스크탑애플리케이션과 SaaS 애플리케이션의통합을염두 (Windows 사이드바, Windows Vista Gadget ) 오피스라이브 - 오피스라이브베이직, 오피스라이브에센셜, 오피스라이브프리미엄 - 고객관리, 프로젝트관리, 판매 / 마케팅관리, 직원관리, 경영관리등으로구성 - 6 -
2. Web 기반 S/W 의확산 I. 플랫폼으로서의 Web 기업용 SW시장에서웹을기반을소프트웨어를서비스로제공하는 SaaS사업자 SaaS기업으로 2006년에만 172,000명의유료고객 (Subscriber) 과 6600 개의기업고객유치. 영업이익률은 80%. Sales Force Automation(SFA), Marketing Automation, Customer Service and Support Automation 의세가지서비스로구성 AppExchange - 비즈니스어플리케이션들이공유될수있는온라인마켓플레이스 Apex 웹애플리케이션개발툴 사용자로하여금높은수준의 Customize가가능한환경을제공하여개발자를참여시킴으로써수많은개발자를거느리는것과같은효과를얻을수있으며이를통해특정업계나특정지역에특화된솔루션개발도용이해질것임 세일즈포스닷컴의성공은패키지위주의 SW유통방식이웹을기반으로하는서비스방식으로전환될가능성을보여주며 SaaS 시장의잠재력을보여주는사례 - 7 -
3. S/W 패러다임의변화 I. 플랫폼으로서의 Web 웹플랫폼과 S/W 패러다임의변화 S/W와정보생산방식의변화 개방과협업으로 표준기술 /Open Source를통한개방성확보 서비스간협업에의한새로운 S/W 서비스생산 (Mash-up) 다수의참여에의한개발모델의확산 (Wiki) S/W 사용방식의변화 OS 플랫폼에서웹공간으로 마이크로소프트 (MS) 가 OS 플랫폼을기반으로하는 S/W 기업이라면구글은웹을기반으로하는 S/W 사업자 Package S/W 에서웹 S/W Service 로변화 S/W 유통구조의변화 패키지에서서비스로 S/W 의새로운유통및수익모델로서 SaaS 의급격한부각 기업용솔루션시장에서웹기반서비스확대 솔루션서비스의 Market Place 사업확장 - 8 -
Contents Ⅰ Ⅱ 플랫폼으로서의 Web AJAX 적용과과제 1. 웹플랫폼화의핵심 Ajax 기술 2. Ajax의적용의기술적이슈 3. 기술적이슈의해결방안 Ⅲ Ⅳ Ⅴ 웹 2.0 플랫폼 : WebSquare 참여와협업을통한사업모델 WebSquare 데모 - 9 -
1. 웹플랫폼화의핵심 Ajax 기술 II. AJAX 적용과과제 What s Ajax? Asynchronous Javascript And XML 새로운기술이아니라현존하는기술의효율적사용 ActiveX 나플래시등의플러그인없이도 Interactive 한웹페이지작성 설치, 배포및 Reload 가필요없는웹페이지구현 XMLHttpRequest 와자바스크립트를이용한비동기데이터교환 종속된벤더가없고유료소프트웨어가없이도개발가능함 UI 처리를각 PC 에분산, 수신하는데이터양을줄일수있음 다양한 OS, Web 브라우저에서동작 전통적인웹처리방식 Ajax 웹처리방식 - 10 -
1. 웹플랫폼화의핵심 Ajax 기술 II. AJAX 적용과과제 Google Suggest, Google Map, Google Writely, 네이버검색어자동완성, Flicker, Backbase 등대부분의 Web 2.0 서비스가 Ajax 기반으로개발됨. Ajax 는 Web2.0 을위한 RIA 기술의핵심 - 11 -
2. Ajax 의적용의기술적이슈 II. AJAX 적용과과제 복잡한개발환경및낮은생산성 JavaScript 와 XML의랭귀지구조로구조화된엔진이나개발도구부재 모듈화가어려워코드의재사용률이떨어져서개발생산성 / 품질저하 애플리케이션에대한통제및추적관리가어려워져유지보수비용을증대 기업환경적용의어려움 Web 2.0 개념을자사의서비스에접목하고자하는기업들의요구증대 안정성과성능에대한우려상존, 새로운신기술의도입을꺼리는경향 자바스크립트의남용 JavaScript는다양한화면구성및업무처리를위해자의적인확장가능 JavaScript 의불명료한문법구조로인해오류가능성 HTML 태그와혼재된과도한 JavaScript 는소스코드의가독성저하와개발지연양산 복잡하고많은양의 JavaScript 코드는 Web 애플리케이션의성능저하유발 Web 2.0 기반악성코드확산 JavaScript 는악성코드에쉽게노출될수있는문제점상존 - 12 -
3. 기술적이슈의해결방안 II. AJAX 적용과과제 표준기술기반의신뢰성있는 Ajax 엔진 재사용가능한컴포넌트구조 생산성향상을위한통합개발환경 확장가능한플랫폼구조 표준기술기반의 구조화된 Ajax 엔진과 통합개발도구 - 13 -
Contents Ⅰ 플랫폼으로서의 Web Ⅱ AJAX 적용과과제 Ⅲ 웹 2.0 플랫폼 : WebSquare 1. 웹 2.0 개발플랫폼 - WebSquare 2. Ajax 엔진과통합개발도구 3. WebSquare 적용범위 Ⅳ Ⅴ 참여와협업을통한사업모델 WebSquare 데모 - 14 -
1. 웹 2.0 개발플랫폼 - WebSquare III. 웹 2.0 플랫폼 : WebSquare 세계최초의웹 2.0 통합개발플랫폼 - WebSquare 웹 2.0 을위한웹애플리케이션플랫폼 차세대웹기반 S/W 개발을위한통합개발도구 WebSquare 특징 W3C 가차세대 Web Form 표준으로제정한 XForms Specification 을구현한 Engine 개방과협업을위한 Mash-up, Cross Browsing 지원 (Explorer, Firefox, Opera etc) 재사용가능한 Component 와 Component 확장을위한 Plug-in 구조 WYSIWYG 방식의편리한개발도구및테스트, 디버그등의개발지원도구 XFoms 기반의 Ajax 처리엔진 WYSIWYG 기반의통합개발도구 - 15 -
2. Ajax 엔진과통합개발도구 III. 웹 2.0 플랫폼 : WebSquare 플랫폼 개발도구 Web 2.0 응용프로그램 UI 개발도구 Plug-In 개발도구 UI Plug-in Form Button, Text... Grid Menu Toolbar Chart Bar, line... Tab Treeview WYSIWYG Editor Wizard XML Editor Component Editor Debugger Compiler Plug-In Engine Engine Ajax Engine UI Style / Skin Manager Data Manager / Debugger 모니터링 & 로깅 통신 XMLHTTP SOAP REST XML 코드자동완성 문법검사기 Event Builder Debugger Deploy Manager License Manager - 16 -
2. Ajax 엔진과통합개발도구 III. 웹 2.0 플랫폼 : WebSquare 엔진개발도구 Plug-in Event-Driven 개발방식의강력한 UI구현 재사용가능한컴포넌트구조 확장가능한 Plug-in 구조 Cross-Browsing, Mash-up WYSIWYG 방식의통합개발환경제공 Event-Driven 처리구현을위한신속개발도구 Drag & Drop 방식의개발인터페이스제공 Plug-in Rendering Engine 제공 다양한기본 Plug-in 제공 플랫폼확장을위한 Plug-in 표준제공 통합 Plug-in 개발도구제공 - 17 -
III. 웹 2.0 플랫폼: 플랫폼: WebSquare 3. WebSquare 적용 범위 Web 2.0 Paradigm Shift Application 기반의 변화 SaaS (Software as a Service) 비즈니스 형태의 변화 - 수익모델의 변화 - Long-Tail RIA (Rich Internet Application) SOA (Service Oriented Architecture) 고객/사용자의 고객 사용자의 변화 Interactive - Dynamic Application - A-Synchronizing - UCC/RSS xinternet - Last Mail - Executable Internet - Extended Internet Open Standard 플랫폼으로서의 웹 - Open Source & Open API - Standardization (XML, J2EE ) - 18 -
3. WebSquare 적용범위 III. 웹 2.0 플랫폼 : WebSquare Web 2.0 Enterprise Networking Active component RIA Application Web 2.0 Enterprise Portal Form oriented App Formal C/S App Active X/Applet Web Reporting Enterprise 2.0 Integrated WebServices SaaS Mash-up & Dynamic Data Exchanging on Internet Grid Component Chart Component - 19 -
Contents Ⅰ 플랫폼으로서의 Web Ⅱ AJAX 적용과과제 Ⅲ 웹 2.0 플랫폼 : WebSquare Ⅳ 참여와협업을통한사업모델 1. Plug-in 을통한플랫폼확장 2. 참여를위한 WebSquare 커뮤니티 3. 협업을위한플랫폼확장사업모델 Ⅴ WebSquare 데모 - 20 -
1. Plug-in 을통한플랫폼확장 IV. 참여와협업을통한사업모델 종류 내용 XForms User Interface control 기본 Plug-in ( 예 ) input, textarea, secret, button, checkbox,radio, combo, Select Box, file upload, image, table, output 기본 Plug-in 으로는구현하기힘든 UI Component 로프로그램을기존 C/S 나 X- 확장 Plug-in 3rd Party Plug-in 사용자 Plug-in Internet과동일하게구성할수있도록지원 ( 예 ) chart (bar, line, pie, combination) Grid, tree, menu, toolbar, tab, popup, calendar, window 제 3의업체에서표준 SPEC을준수하여제작한 UI Component 일반사용자가필요에의해직접기존 Plug-in을확장하거나새로개발한 Plug-in - 21 -
2. 참여를위한 WebSquare 커뮤니티 IV. 참여와협업을통한사업모델 사용자참여와협업을통한새로운 S/W 사업모델제시 Non-commercial 사용자를위한 Free Download Plug-in 개발 Spec 공개 3rd Party Plug-in Marketplace Wiki를통한개발자지원 공동개발을위한공개프로젝트지원 사용자블로그지원 제품정보및기술지원 Designer Developer Developer - 22 -
3. 협업을위한플랫폼확장사업모델 IV. 참여와협업을통한사업모델 WebSquare Eco System 기본 Plug-in 확장 Plug-in 사용자 Plug-in - 23 - 개발자 오픈소스커뮤니티
Contents Ⅰ 플랫폼으로서의 Web Ⅱ AJAX 적용과과제 Ⅲ 웹 2.0 플랫폼 : WebSquare Ⅳ 참여와협업을통한사업모델 Ⅴ WebSquare 데모 1. 오픈 API 를이용한매쉬업개발사례 2. 기업용 UI 개발사례 - 24 -