참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0...

26
- WebSquare 협업 제안 참를 통한 Web2.0 플랫폼 구현 - WebSquare 협업 제안 2007. 11 2007. 4. 6 ㈜인스웨이브시스템즈 김래 ([email protected])

Transcript of 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0...

Page 1: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

- WebSquare 소개 및 협업 제안

참여를 통한 Web2.0 플랫폼 구현- WebSquare 소개 및 협업 제안

2007. 11

2007. 4. 6㈜인스웨이브시스템즈

김욱래 ([email protected])

Page 2: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

ContentsContentsContentsContents ⅠⅠⅠⅠ

ⅡⅡⅡⅡ

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

WebSquare WebSquare WebSquare WebSquare 데모데모데모데모

ⅢⅢⅢⅢ

ⅣⅣⅣⅣ

ⅤⅤⅤⅤ

---- 1111 ----

Page 3: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

1. Web2.0과 Web의 플랫폼화

ContentsContentsContentsContents ⅠⅠⅠⅠ

AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

2. Web 기반 S/W의 확산

3. S/W 패러다임의 변화

ⅡⅡⅡⅡ

ⅢⅢⅢⅢ

---- 2222 ----

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

WebSquare WebSquare WebSquare WebSquare 데모데모데모데모

ⅢⅢⅢⅢ

ⅣⅣⅣⅣ

ⅤⅤⅤⅤ

Page 4: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

1.1.1.1. Web2.0Web2.0Web2.0Web2.0과과과과 WebWebWebWeb의의의의 플랫폼화플랫폼화플랫폼화플랫폼화 I.I.I.I. 플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

� Web 2.0Web 2.0Web 2.0Web 2.0“웹은 애플리케이션들이 만들어지고 제공되고 돌아가도록 하는 새로운 아키텍처이자, 사람들이만나고 참여하며 콘텐츠와 애플리케이션의 소비와 생산이 함께 이루어지는 커뮤니티, 그리고비즈니스 프로세스와 가치전달방식의 변화로써 열린 생태계에서 상호작용과 외부성의 효과를극대화하는 비즈니스의 장” (Gartner, 2005.12 'Findings from the 'Emerging Trends and 극대화하는 비즈니스의 장” (Gartner, 2005.12 'Findings from the 'Emerging Trends and Technologies' research meeting)

� 풍부한풍부한풍부한풍부한 유저유저유저유저 인터페이스인터페이스인터페이스인터페이스((((플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 웹웹웹웹))))• Ajax로 대표되는 Rich Internet Application의 발전

• 아마존의 다이아몬드 검색, 구글 맵, 네이버 검색어 추천

� 집단집단집단집단 지성의지성의지성의지성의 적극적극적극적극 활용활용활용활용(Folksonomy, (Folksonomy, (Folksonomy, (Folksonomy, 태깅태깅태깅태깅))))• 사람들에 의한 분류법(Folk + order + nomos)’ 신조어

• 위키피디어, 아마존의 북 리뷰, 구글의 페이지 랭크

� 롱롱롱롱 테일테일테일테일(long tail)(long tail)(long tail)(long tail)•

---- 3333 ----

• 파레토의 법칙의 역발상 (80:20의 법칙)

• 구글의 애드센스, 애플의 음악 다운로드 사이트, 아이튠스

� 매쉬업매쉬업매쉬업매쉬업(mash(mash(mash(mash----up)up)up)up)• Open-API를 조합하여 전혀 다른 서비스를 개발하는 모델, 플랫폼 협업

• Amazon Light4, Book Burro, 네이버 OpenApi, Google APIs

� 정보정보정보정보 전달전달전달전달 방식의방식의방식의방식의 변화변화변화변화(RSS)(RSS)(RSS)(RSS)• RSS 기술 접목을 통한 데이터 교환 방식의 전환

Page 5: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

� 웹의웹의웹의웹의 플랫폼화플랫폼화플랫폼화플랫폼화, , , , 플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 웹웹웹웹• 웹의 변화가 가능했던 것은 웹에서 사용자가 원하는 것을 할 수 있는 환경이 구성되었기

때문 – Interactive User Interface

• 개인과 기업용 시장의 다양한 S/W들이 서비스의 형태로 웹을 통해 제공

I.I.I.I. 플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb1.1.1.1. Web2.0Web2.0Web2.0Web2.0과과과과 WebWebWebWeb의의의의 플랫폼화플랫폼화플랫폼화플랫폼화

• 개인과 기업용 시장의 다양한 S/W들이 서비스의 형태로 웹을 통해 제공

웹 기반 S/W의 웹에서 구글의 Docs&Spreadsheets와 Picasa로 문서와 사진을 편집하고 자신이만든 블로그에 올릴 수 있다. 즉 PC에서 가능한 모든 작업들이 Web이라는 환경 즉 Web 플랫폼에서 가능해지고 있다.

세일즈포스닷컴은 기업용 애플리케이션을 SaaS (Software as a Service) 형태로 제공

• 웹 기반 S/W는 특정 사업자의 플랫폼으로부터 자유로운 애플리케이션을 제공하며인터넷이라는 공개된 공간을 통하여 사용자와 개발자가 만나고 공유하고 참여함으로써새로운 가치를 제공할 수 있는 환경을 제공

---- 4444 ----

Mash-up, Open API, Open Source, Wiki

웹이 단순한 정보 전달의 매체에서 하나의 플랫폼으로 변화

Page 6: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

• 검색을 기반으로 한 광고 수익 모델에서 출발

• 라이틀리 인수와 Docs&Spreadsheet 출시, Google Apps for Your Domain 출시, 잣스팟과 iRows 등의 인수합병을 통해 기업용 웹 기반 S/W 서비스사업으로 수익 기반의 확대 시도

분류 서비스

2.2.2.2. Web Web Web Web 기반기반기반기반 S/WS/WS/WS/W의의의의 확산확산확산확산 I.I.I.I. 플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

분류 서비스

Desktop 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

Web Application

Advertising Adsense, Adwords, Analytics, Click-to-Call, Grants, Website Optimizer

Aggregation Personalized Home, Reader

Communication & Publishing

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

Development APIs, Code, Code Search, Co-op, Related Links, Webmaster Tools

Mapping Maps, Mars, Moon, Ride Finder, Transit

---- 5555 ----

Web ApplicationMapping Maps, Mars, Moon, Ride Finder, Transit

Search 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

Page 7: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

• 2005.010 “웹 기반 서비스”를 중심 전략으로 내세운 라이브 전략 발표

• 윈도우 라이브

- 라이브메신저, 라이브메일, 라이브서치, 라이브로컬, 라이브모바일

I.I.I.I. 플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb2.2.2.2. Web Web Web Web 기반기반기반기반 S/WS/WS/WS/W의의의의 확산확산확산확산

- 라이브메신저, 라이브메일, 라이브서치, 라이브로컬, 라이브모바일

- 라이브닷컴 (live.com)

개인화된 포털서비스, 인터넷사용자들이 ‘Gadget’이라 불리는 일종의웹 기반의 애플리케이션을 공유하며, 이를 사용자가 마음대로 배치하여손쉽게 ‘자신만의 포털’을 구성

- 데스크탑 애플리케이션과 SaaS 애플리케이션의 통합을 염두 (Windows 사이드바, Windows Vista Gadget )

• 오피스라이브

Windows Live

---- 6666 ----

• 오피스라이브

- 오피스라이브 베이직, 오피스라이브 에센셜, 오피스라이브 프리미엄

- 고객관리, 프로젝트관리, 판매/마케팅관리, 직원관리, 경영관리 등으로구성

Page 8: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

• 기업용 SW시장에서 웹을 기반을 소프트웨어를 서비스로 제공하는

SaaS사업자

• SaaS기업으로 2006년에만 172,000명의 유료고객(Subscriber)과6600개의 기업고객 유치. 영업이익률은 80%.

I.I.I.I. 플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb2.2.2.2. Web Web Web Web 기반기반기반기반 S/WS/WS/WS/W의의의의 확산확산확산확산

6600개의 기업고객 유치. 영업이익률은 80%.

• Sales Force Automation(SFA), Marketing Automation, Customer Service and Support Automation의 세 가지 서비스로 구성

• AppExchange - 비즈니스 어플리케이션들이 공유될 수 있는 온라인마켓플레이스

• Apex – 웹 애플리케이션 개발 툴

사용자로 하여금 높은 수준의 Customize가 가능한 환경을 제공하여개발자를 참여시킴으로써 수많은 개발자를 거느리는 것과 같은 효과를

---- 7777 ----

개발자를 참여시킴으로써 수많은 개발자를 거느리는 것과 같은 효과를얻을 수 있으며 이를 통해 특정 업계나 특정 지역에 특화된 솔루션개발도 용이해질 것임

• 세일즈포스닷컴의 성공은 패키지 위주의 SW유통방식이 웹을 기반으로 하는서비스 방식으로 전환될 가능성을 보여주며 SaaS 시장의 잠재력을 보여주는 사례

Page 9: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

3.3.3.3. S/W S/W S/W S/W 패러다임의패러다임의패러다임의패러다임의 변화변화변화변화

� 웹웹웹웹 플랫폼과플랫폼과플랫폼과플랫폼과 S/W S/W S/W S/W 패러다임의패러다임의패러다임의패러다임의 변화변화변화변화

• S/W와 정보 생산 방식의 변화 – 개방과 협업으로

•표준기술/Open Source를 통한 개방성 확보

I.I.I.I. 플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

•서비스간 협업에 의한 새로운 S/W 서비스 생산 (Mash-up)

•다수의 참여에 의한 개발 모델의 확산 (Wiki)

• S/W 사용 방식의 변화 – OS플랫폼에서 웹 공간으로

•마이크로소프트(MS)가 OS플랫폼을 기반으로 하는 S/W 기업이라면 구글은 웹을기반으로 하는 S/W 사업자

• Package S/W에서 웹 S/W Service로 변화

---- 8888 ----

• S/W 유통 구조의 변화 – 패키지에서 서비스로

• S/W의 새로운 유통 및 수익 모델로서 SaaS의 급격한 부각

•기업용 솔루션 시장에서 웹기반 서비스 확대

•솔루션 서비스의 Market Place 사업 확장

Page 10: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제ContentsContentsContentsContents ⅠⅠⅠⅠ

ⅡⅡⅡⅡ

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquareⅢⅢⅢⅢ

1. 웹 플랫폼화의 핵심 Ajax 기술

2. Ajax의 적용의 기술적 이슈

3. 기술적 이슈의 해결 방안

---- 9999 ----

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

WebSquare WebSquare WebSquare WebSquare 데모데모데모데모

ⅢⅢⅢⅢ

ⅣⅣⅣⅣ

ⅤⅤⅤⅤ

Page 11: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

1.1.1.1. 웹웹웹웹 플랫폼화의플랫폼화의플랫폼화의플랫폼화의 핵심핵심핵심핵심 Ajax Ajax Ajax Ajax 기술기술기술기술

� WhatWhatWhatWhat’s Ajax?s Ajax?s Ajax?s Ajax?

• Asynchronous Javascript And XML

• 새로운 기술이 아니라 현존 하는 기술의 효율적 사용

• ActiveX나 플래시 등의 플러그인 없이도 Interactive한 웹 페이지 작성

II.II.II.II. AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

• ActiveX나 플래시 등의 플러그인 없이도 Interactive한 웹 페이지 작성

• 설치, 배포 및 Reload가 필요 없는 웹 페이지 구현

• XMLHttpRequest와 자바 스크립트를 이용한 비 동기 데이터 교환

• 종속된 벤더가 없고 유료 소프트웨어가 없이도 개발 가능함

• UI 처리를 각 PC에 분산, 수신하는 데이터 양을 줄일 수 있음

• 다양한 OS, Web브라우저에서 동작

전통적인 웹 처리 방식 Ajax 웹 처리 방식

---- 10101010 ----

Page 12: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

Google Suggest, Google Map, Google Writely, 네이버 검색어 자동완성, Flicker, Backbase 등 대부분의 Web 2.0 서비스가 Ajax 기반으로 개발 됨.

II.II.II.II. AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제1.1.1.1. 웹웹웹웹 플랫폼화의플랫폼화의플랫폼화의플랫폼화의 핵심핵심핵심핵심 Ajax Ajax Ajax Ajax 기술기술기술기술

Ajax는 Web2.0을 위한RIA기술의 핵심

---- 11111111 ----

Page 13: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

2.2.2.2. AjaxAjaxAjaxAjax의의의의 적용의적용의적용의적용의 기술적기술적기술적기술적 이슈이슈이슈이슈

� 복잡한복잡한복잡한복잡한 개발개발개발개발 환경환경환경환경 및및및및 낮은낮은낮은낮은 생산성생산성생산성생산성• JavaScript 와 XML의 랭귀지 구조로 구조화된 엔진이나 개발도구 부재

• 모듈화가 어려워 코드의 재 사용률이 떨어져서 개발생산성 / 품질 저하

• 애플리케이션에 대한 통제 및 추적 관리가 어려워져 유지보수 비용을 증대

II.II.II.II. AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

• 애플리케이션에 대한 통제 및 추적 관리가 어려워져 유지보수 비용을 증대

� 기업기업기업기업 환경환경환경환경 적용의적용의적용의적용의 어려움어려움어려움어려움• Web 2.0 개념을 자사의 서비스에 접목하고자 하는 기업들의 요구 증대

• 안정성과 성능에 대한 우려 상존, 새로운 신기술의 도입을 꺼리는 경향

� 자바스크립트의자바스크립트의자바스크립트의자바스크립트의 남용남용남용남용

• JavaScript는 다양한 화면 구성 및 업무 처리를 위해 자의적인 확장 가능

• JavaScript의 불명료한 문법 구조로 인해 오류 가능성

---- 12121212 ----

• JavaScript의 불명료한 문법 구조로 인해 오류 가능성

• HTML 태그와 혼재된 과도한 JavaScript는 소스 코드의 가독성 저하와 개발 지연 양산

• 복잡하고 많은 양의 JavaScript 코드는 Web 애플리케이션의 성능 저하 유발

� Web 2.0Web 2.0Web 2.0Web 2.0기반기반기반기반 악성악성악성악성 코드코드코드코드 확산확산확산확산

• JavaScript는 악성코드에 쉽게 노출될 수 있는 문제점 상존

Page 14: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

3.3.3.3. 기술적기술적기술적기술적 이슈의이슈의이슈의이슈의 해결해결해결해결 방안방안방안방안

II.II.II.II. AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

� 표준표준표준표준 기술기술기술기술 기반의기반의기반의기반의 신뢰성신뢰성신뢰성신뢰성 있는있는있는있는 Ajax Ajax Ajax Ajax 엔진엔진엔진엔진

� 재사용재사용재사용재사용 가능한가능한가능한가능한 컴포넌트컴포넌트컴포넌트컴포넌트 구조구조구조구조

� 생산성생산성생산성생산성 향상을향상을향상을향상을 위한위한위한위한 통합통합통합통합 개발개발개발개발 환경환경환경환경

표준 기술 기반의

구조화된 Ajax 엔진과

통합 개발 도구

---- 13131313 ----

� 확장확장확장확장 가능한가능한가능한가능한 플랫폼플랫폼플랫폼플랫폼 구조구조구조구조

Page 15: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

ContentsContentsContentsContents ⅠⅠⅠⅠ

ⅡⅡⅡⅡ

ⅢⅢⅢⅢ 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquareⅢⅢⅢⅢ

1. 웹 2.0 개발 플랫폼 - WebSquare

2. Ajax 엔진과 통합 개발 도구

3. WebSquare 적용 범위

---- 14141414 ----

참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

WebSquare WebSquare WebSquare WebSquare 데모데모데모데모

ⅣⅣⅣⅣ

ⅤⅤⅤⅤ

Page 16: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

1.1.1.1. 웹웹웹웹 2.0 2.0 2.0 2.0 개발개발개발개발 플랫폼플랫폼플랫폼플랫폼 ---- WebSquareWebSquareWebSquareWebSquare

� 세계 최초의 웹 2.0 통합 개발 플랫폼 - WebSquare� 웹 2.0을 위한 웹 애플리케이션 플랫폼

� 차세대 웹 기반 S/W 개발을 위한 통합 개발 도구

III.III.III.III. 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: : : : WebSquareWebSquareWebSquareWebSquare

� WebSquare 특징

� W3C가 차세대 Web Form 표준으로 제정한 XForms Specification을 구현한 Engine

� 개방과 협업을 위한 Mash-up, Cross Browsing 지원 (Explorer, Firefox, Opera etc)

� 재 사용 가능한 Component와 Component 확장을 위한 Plug-in 구조

� WYSIWYG 방식의 편리한 개발 도구 및 테스트, 디버그 등의 개발 지원 도구

---- 15151515 ----

WYSIWYG WYSIWYG WYSIWYG WYSIWYG 기반의기반의기반의기반의통합통합통합통합 개발개발개발개발 도구도구도구도구

XFoms XFoms XFoms XFoms 기반의기반의기반의기반의Ajax Ajax Ajax Ajax 처리처리처리처리 엔진엔진엔진엔진

Page 17: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

Web 2.0 응용 프로그램 UI 개발도구

Plug-In개발도구

플랫폼 개발 도구

2.2.2.2. Ajax Ajax Ajax Ajax 엔진과엔진과엔진과엔진과 통합통합통합통합 개발개발개발개발 도구도구도구도구 III.III.III.III. 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: : : : WebSquareWebSquareWebSquareWebSquare

UI Plug-in

Plug-In Engine

모니 통

Form

Button,Text ...

GridMenu Toolbar

Chart

Bar, line...

TabTreeview

WYSIWYGEditor

Debugger

Wizard

코드자동완성

XML Editor

Compiler

ComponentEditor

Debugger

---- 16161616 ----

Engine

Ajax Engine 니터링&로깅

통신

� XMLHTTP� SOAP� REST� XML

UI Style / Skin Manager

Data Manager / Debugger

문법 검사기

EventBuilder

DeployManager

LicenseManager

Page 18: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

엔진 개발도구 Plug-in

2.2.2.2. Ajax Ajax Ajax Ajax 엔진과엔진과엔진과엔진과 통합통합통합통합 개발개발개발개발 도구도구도구도구 III.III.III.III. 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: : : : WebSquareWebSquareWebSquareWebSquare

•Plug-in Rendering Engine •WYSIWYG 방식의 통합 개발•Event-Driven 개발 방식의 강

---- 17171717 ----

제공

•다양한 기본 Plug-in 제공

•플랫폼 확장을 위한 Plug-in 표

준 제공

•통합 Plug-in 개발 도구 제공

환경 제공

•Event-Driven 처리 구현을 위

한 신속 개발 도구

•Drag & Drop 방식의 개발 인

터페이스 제공

력한 UI구현

•재사용 가능한 컴포넌트 구조

•확장 가능한 Plug-in 구조

•Cross-Browsing, Mash-up

Page 19: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

Web 2.0 Paradigm ShiftApplication 기반의기반의기반의기반의변화변화변화변화

SaaS (Software as a Service)

비즈니스비즈니스비즈니스비즈니스형태의형태의형태의형태의변화변화변화변화

3.3.3.3. WebSquare WebSquare WebSquare WebSquare 적용적용적용적용 범위범위범위범위 III.III.III.III. 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: : : : WebSquareWebSquareWebSquareWebSquare

- Long-Tail

-수익모델의변화

고객고객고객고객/사용자의사용자의사용자의사용자의변화변화변화변화

- Last Mail

- UCC/RSS

Interactive

xInternet

- Executable Internet

- Dynamic Application

- A-Synchronizing

- Extended Internet

RIA (Rich Internet Application)

SOA (Service Oriented Architecture)

---- 18181818 ----

Open Standard

- Open Source & Open API

- Extended Internet

- Standardization (XML, J2EE…)

플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의웹웹웹웹

Page 20: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

Web 2.0 Enterprise Networking

� SaaS

� Mash-up &

Web 2.0 Enterprise Portal

3.3.3.3. WebSquare WebSquare WebSquare WebSquare 적용적용적용적용 범위범위범위범위 III.III.III.III. 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: : : : WebSquareWebSquareWebSquareWebSquare

Dynamic DataExchanging on Internet

Web 2.0 Enterprise Portal

� Enterprise 2.0

� Integrated

WebServicesRIA Application

���� Form oriented App

���� Formal C/S App

���� Active X/Applet

����Web ReportingActive component

---- 19191919 ----

����Web Reporting

� Grid Component

� Chart Component

Active component

Page 21: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

ContentsContentsContentsContents ⅠⅠⅠⅠ

ⅡⅡⅡⅡ

ⅢⅢⅢⅢ 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

ⅢⅢⅢⅢ

1. Plug-in을 통한 플랫폼 확장

2. 참여를 위한 WebSquare 커뮤니티

ⅣⅣⅣⅣ

---- 20202020 ----

WebSquare WebSquare WebSquare WebSquare 데모데모데모데모

3. 협업을 위한 플랫폼 확장 사업 모델

ⅤⅤⅤⅤ

Page 22: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

1.1.1.1. PlugPlugPlugPlug----inininin을을을을 통한통한통한통한 플랫폼플랫폼플랫폼플랫폼 확장확장확장확장 IV.IV.IV.IV. 참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

종류종류종류종류 내용내용내용내용

기본기본기본기본

PlugPlugPlugPlug----inininin

XForms User Interface control

(예) input, textarea, secret, button,

checkbox ,radio, combo, Select Box, PlugPlugPlugPlug----inininin checkbox ,radio, combo, Select Box,

file upload, image, table, output

확장확장확장확장

PlugPlugPlugPlug----inininin

기본 Plug-in으로는 구현하기 힘든 UI

Component로 프로그램을 기존 C/S나 X-

Internet과 동일하게 구성할 수 있도록 지원

(예) chart (bar, line, pie, combination)

Grid, tree, menu, toolbar, tab, popup,

calendar, window

---- 21212121 ----

calendar, window

3rd Party 3rd Party 3rd Party 3rd Party

PlugPlugPlugPlug----inininin

제 3의 업체에서 표준 SPEC을 준수하여 제

작한 UI Component

사용자사용자사용자사용자

PlugPlugPlugPlug----inininin

일반 사용자가 필요에 의해 직접 기존

Plug-in을 확장하거나 새로 개발한 Plug-in

Page 23: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

�Non-commercial 사용자를 위한 Free

2.2.2.2. 참여를참여를참여를참여를 위한위한위한위한 WebSquare WebSquare WebSquare WebSquare 커뮤니티커뮤니티커뮤니티커뮤니티

� 사용자 참여와 협업을 통한 새로운 S/W 사업 모델 제시

IV.IV.IV.IV. 참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

�Non-commercial 사용자를 위한 Free

Download

�Plug-in 개발 Spec 공개

�3rd Party Plug-in Marketplace

�Wiki를 통한 개발자 지원

�공동 개발을 위한 공개 프로젝트 지원

---- 22222222 ----

�공동 개발을 위한 공개 프로젝트 지원

�사용자 블로그 지원

�제품 정보 및 기술 지원

Designer Developer Developer

Page 24: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

3.3.3.3. 협업을협업을협업을협업을 위한위한위한위한 플랫폼플랫폼플랫폼플랫폼 확장확장확장확장 사업사업사업사업 모델모델모델모델

�WebSquare Eco System

IV.IV.IV.IV. 참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

확장확장확장확장PlugPlugPlugPlug----inininin

기본기본기본기본PlugPlugPlugPlug----inininin

사용자사용자사용자사용자 PlugPlugPlugPlug----inininin

---- 23232323 ----

개발자개발자개발자개발자 오픈소스커뮤니티오픈소스커뮤니티오픈소스커뮤니티오픈소스커뮤니티

Page 25: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)

플랫폼으로서의플랫폼으로서의플랫폼으로서의플랫폼으로서의 WebWebWebWeb

AJAX AJAX AJAX AJAX 적용과적용과적용과적용과 과제과제과제과제

웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

ContentsContentsContentsContents ⅠⅠⅠⅠ

ⅡⅡⅡⅡ

ⅢⅢⅢⅢ 웹웹웹웹 2.0 2.0 2.0 2.0 플랫폼플랫폼플랫폼플랫폼: WebSquare: WebSquare: WebSquare: WebSquare

참여와참여와참여와참여와 협업을협업을협업을협업을 통한통한통한통한 사업모델사업모델사업모델사업모델

WebSquare WebSquare WebSquare WebSquare 데모데모데모데모

ⅢⅢⅢⅢ

1. 오픈API를 이용한 매쉬업 개발 사례

ⅣⅣⅣⅣ

ⅤⅤⅤⅤ

---- 24242424 ----

1. 오픈API를 이용한 매쉬업 개발 사례

2. 기업용 UI 개발 사례

Page 26: 참여를 통한 Web2.0 플랫폼 구현-WebSquare 소개 및협업 제안 참여를 통한 Web2.0 플랫폼 구현 2007. 11 2007. 4. 6 인스웨이브시스템즈 김욱래 (wlkim@inswave.com)