[펌]웹 3.0 키워드:「추천」과「개인화」

ITWeb/스크랩 2008. 2. 20. 18:21

저는 개인적으로 web2.0 조차도 아직 자리를 매김하지 못했다고 생각 하고 있습니다.
그런데 벌써 web3.0 의 키워드가 나왔군요.
(사실 web3.0 이라는 말은 나온지 좀 되었죠. ^^* 팀 오라일리 아자씨가 2006년에 web2.0 summit 에서 거론했던걸로 기억 함돠.)

- web2.0 키워드
개방, 참여, 공유

- web3.0 키워드
추천, 개인화

한국에서의 진정한 web2.0 의 성공한 서비스는 어떤걸까요?
성공의 기준이 너무나 다르기 때문에 딱히 이 서비스가 성공했어요 라고 말하기 힘들겠내요..
하지만 실험적인 web2.0 서비스들이 많이 나오고 또 시도되어 져야 웹 생태계가 발전 할 수 있는게 아닐까 생각도 해봅니다.
도전하지 않으면 얻는 것도 없을테니까요.. ^^*

ref. http://www.zdnet.co.kr/news/internet/etc/0,39031281,39166091,00.htm

웹 3.0 키워드:「추천」과「개인화」

Josh Catone ( Others )   2008/02/20  
웹 3.0
영국신문 가디언의 사이트에 4일(현지시간)에 게재된 기사에서 글쓴이인 제미나 키스(Jemina Kiss)는 웹 3.0은 추천을 가리키는 것이 될 것이라고 시사했다.

그는 “만약 웹 2.0을 ‘상호작용’이라고 요약한다면 웹 3.0은 추천과 개인화가 될 것이다”라고 썼다. 키스는 라스트닷에프엠(Last.fm)과 페이스북의 지침을 예로 들어 개인화 된 추천서비스가 새로운 음악이나 제품, 레스토랑 등의 정보를 우리에게 가져오는 웹의 장래성을 그리고 있다.

이것은 마케팅 담당자의 꿈이며 우리 사이트가 과거에 제안한 정의에서도 그렇게 멀지 않다.

우리는 지금까지 웹 3.0에 대해서 써 오고 있으며 최근 몇 년에 걸쳐 몇 번이나 정의를 내리는 것을 시도해 왔다. 지금까지의 거의 모든 기사의 공통테마들 중의 하나인 웹 3.0으로 시만텍 웹(the Semantic Web)의 비전은 끊으려야 끊을 수 없는 관계에 있는 것이다.

2007년 4월 우리는 독자들을 위해 웹 3.0 정의에 관한 콘테스트를 실시했다. 그 중에서 우리가 마음에 들었던 것은 로버트 오브라이언(Robert O'Brien)의 정의로 ‘분산화된 비동기의 나’라고 하는 것이었다.

오브라이언은 “웹 1.0은 집중화된 그들, 웹 2.0은 분산된 우리, 그리고 웹 3.0은 분산화된 나”라고 쓰고 있다. 그는 “(웹 3.0은) 세계에 참가하고 싶지 않을 때의 나에 관한 것이며 자신의 환경에 누구를 집어 넣을까를 보다 제어하고 싶을 때의 나에 대한 것이다. 나의 주의가 누군가에게 퍼지고, 자신이 주의를 기울이는 것은 무엇인가, 그리고 자신을 누구에게 주의를 보이게 할까라는 것에까지 미친다. 그것은 나에게 있어서 보다 효율적인 커뮤니케이션이다”라고 말했다.

오브라이언의 이해는 기본적으로 키스의 이해와 같은 개인화와 추천이다. 그리고 그것은 시만텍 웹이 제공한다고 약속하고 있는 것이기도 하다.

시만텍 웹의 비전을 소비자에게 판매하는 가장 간단한 방법은 그들의 생활을 편하게 해 준다는 이야기를 하는 것이다. 기계가 인간의 말을 이해해 사용자의 주목 데이터(attention data)에 관한 지식을 이용할 수 있다면 우리가 언제 무엇을 바라고 있을지를 알고 있는 웹을 만들 수 있다.

리드라이트웹의 기고가인 슈라마나 미트라는 2007년 2월에 이 블로그에서 웹 3.0은 개인화에 배경(context)이 추가된 것이 될 것이라고 말했다. 미트라는 “마이야후(MyYahoo) 팀에 의한 개인화의 시도는 너무 만족할 수 없는 한정적인 것에 머무르고 있지만 그들은 출발 지점이 되는 배경을 가지지 않아 불리했다”고 지적했다.

그는 “내가 예상하는 웹 3.0에는 구성요소가 다수 존재한다. 예를 들면 영화(넷플릭스)나 음악(아이튠즈), 요리/음식, 일하는 여성, 홀어버이 등의 배경으로부터 몸체(trunk)가 되는 부분이 나온다. 그리고 그 배경들의 모임에 의해 소비자가 필요로 하는 전체 집합을 이끌어내는 웹 3.0의 공식을 만들어낼 수 있다”고 말했다.

바꾸어 말하면 웹 3.0은 자신이 갖고 싶을 때에 갖고 싶은 정보를 (적절한 배경으로) 제공해 주는 것이다.

물론 인터넷의 버저닝(versioning)은 어처구니없는 것이며 아마도 계속해야 하는 것이 아닐지도 모른다. 그러나 이것은 앞날을 생각해 다음으로 등장하는 것을 예상하는 방법으로는 재미있는 방식일 것이다. @

관련기사 :
다가오는「Web 3.0」시대 - 웹의 과거, 현재, 그리고 미래
웹 3.0에 기대할 수 있는 모든 것「웹사이드 스토리」


검색결과 :
http://kr.blog.search.yahoo.com/search/comm?p=web3.0
:

[펌]"기존 HTML 한계를 극복할 유일한 수단은 RIA"

ITWeb/스크랩 2008. 2. 20. 18:12

ref. http://itviewpoint.com/tt/index.php?pl=3875
서명덕 기자님의 블로그에서 퍼왔습니다.


RIA 세미나에서 발표에 나선 김창훈 KRG 연구원 / 서명덕 기자


어도비 RIA 개발자 무료 세미나에 200여명 성황
“투자 수익율 높은 IT기술…전문 인력 대거 몰려”


“데이터 비주얼 등의 측면에서 (웹 문서 기술의 근간인) HTML의 한계를 극복할 유일한 대안은 RIA입니다.”

김창훈 KRG 연구원은 19일 오후 한국어도비시스템즈 주최로 삼성동 코엑스에서 열린 ‘누가 RIA 개발자인가(Who are RIA Developers?)’ 행사에서 기조 강연을 통해 “HTML(HyperText Markup Language)을 대체할 수 있는 유일한 대안이 ‘RIA(Rich Internet Application)’가 될 것”이라고 강조했다. RIA를 통해 전 세계 인터넷 사용자 인터페이스(UI)의 혁신을 예고하고 있는 것이다.

◆어도비 플렉스3-AIR 정식출시 임박… RIA 열기 고조

RIA란 HTML로 구현하는 기존 웹사이트보다 더 풍부한(rich)한 UI를 제공할 수 있는 차세대 웹 환경을 일컫는 기술이다. 기존 웹페이지에서 볼 수 없었던 데스크톱 소프트웨어 수준의 웹 멀티미디어 환경을 자유롭게 구축할 수 있다는 점에서 전 세계적으로도 관심을 받고 있다.

RIA 기술은 오는 25일 ‘플렉스 3’와 ‘AIR(어도비 통합 런타임)’ 공식 발표를 앞두고 있는 어도비(http://www.adobeflex.co.kr)가 국내 시장을 주도하고 있는 가운데, 마이크로소프트(MS)와 투비소프트 등도 신기술을 대거 내놓으며 추격을 위한 고삐를 바짝 죄고 있는 상태다. 특히 지난해부터 RIA 관련 기술에 대한 관심이 크게 늘어나면서 “RIA 기술은 비즈니스 효율과 투자수익율(ROI)이 높다”는 평가를 받고 있기도 하다.

이날 어도비가 마련한 개발자 행사 역시 오는 25일 신제품 공식 발표와 다음 달 18일 국내 공식 출시 행사를 앞두고 RIA에 대한 개발자들의 궁금증을 사전에 풀어주기 위해 마련한 자리였다. 행사 시작하기 30여분 전부터 200여석 규모의 행사장은 가득 찼으며, 일부 자리를 차지하지 못한 개발자들은 뒤편에서 서서 강의에 귀를 기울였다.

옥상훈 한국어도비 차장은 발표에서 “어떻게 하면 개발자로서 경쟁력 갖출 수 있는지를 알 수 있는 기회가 될 것”이라며 “RIA 전문 인력의 필요성이 증대되고 있다”고 역설했다. 그는 “RIA 하나만 제대로 알고 있다면 앞으로 몇 년 동안은 먹고 살 걱정을 더는 셈”이라고 농담 반 진담을 건네기도 해 좌중을 웃음바다로 만들었다.

19일 오후 열린 한국어도비 RIA 세미나에는 웹 개발자 200여명이 대거 몰려 최근 RIA에 대한 관심을 나타냈다. / 서명덕 기자


◆기업들, RIA 기술 만족도 80%에 달해

이날 발표에 나선 김창훈 KRG(http://www.krgweb.com) 연구원은 “RIA가 기업 시장에서 가장 중요한 환경으로 자리 잡고 있다”며 “시장조사기관 가트너 역시 ‘2010년까지 웹 애플리케이션의 60%가 RIA로 구축될 것’이라고 예상할 정도”라고 말했다.

김 연구원은 “RIA는 데이터 비주얼 등의 측면에서 볼 때 HTML 한계를 극복할 유일한 대안”이라며 “특히 분석 데이터 영역에서도 화려하게 시장에 등장하고 있다”고 평가했다.

그는 이날 글로벌 IT 기업 매니저들을 대상한 조사 결과를 함께 발표했다. 자료에 따르면 RIA 구축 계획을 묻는 질문에 72%가 이미 RIA를 개발했거나 1년 내 개발할 예정인 것으로 나타났다.

구축한 이유로는 ‘데이터비주얼 개선이 가장 큰 효과’라는 응답이 25%로 가장 많았다. 또한 실제로 이미 도입한 기업들을 대상으로 RIA의 사업 효율에 대해 질문했더니 70%가 대체적으로 만족스럽다는 반응을 보였다. 김 연구원은 “보통 새로운 IT 기술인 경우 만족도가 ‘40% 미만’인 경우가 많다는 점을 감안할 때 매우 높은 수치”라고 평가했다.

이날 김 연구원은 “RIA가 실제 투자 수익률이 높은 기술”이라는 점을 여러 차례 강조했다. RIA를 도입한 미국의 한 호텔 예약 웹사이트의 경우 연간 수익률이 185%~1300% 까지 폭증했다. 특히 RIA를 구축 한 후 예약 비율은 30%까지 늘어났고, 예약 취소율도 크게 줄어들었다.

향후 기업들의 주요 RIA 구축 방향으로는 ‘사용자 웹 경험 개선’이 46.5%를 차지했다. ‘RIA 구현에 대해 어떤 평가를 내리고 있나’는 질문에 ‘다소 성공적(60%)’과 ‘매우 성공적(20%)’이라고 답했다. 기술 만족도가 80%에 이르는 것이다.

RIA를 구현하기 위한 기반 기술은 어도비가 62.4%로 과반이 넘었고, 그 뒤로 한국MS 18.5%, 투비소프트 12.7% 등 순이었다.

그는 “이번 조사 결과 RIA가 기업용 시스템 구현의 필수 기술이라는 인식이 높아지고 있다”며 “IT가 단순한 기술 지원 도구로서 괴리된 것이 아니라, 사이트 운영자들이 사업 영향력에 관심을 갖게 하는 계기가 됐다”고 평가했다. 그는 또 “RIA는 단순한 웹 기술이 아닌 비즈니스 목표를 구현하기 위한 전략적인 도구”라고 덧붙였다.

한국어도비에서 운영하는 RIA 기반 기술 '플렉스' 공식 홈페이지 / 서명덕 기자


◆“고객은 붓이 아니라 그림을 원한다” 개발자들에게 충고

이어 진행된 플렉스 3와 AIR 개발자 가이드 발표에서 옥상훈 한국어도비 차장은 “인터넷 서비스를 개선하기 위한 ‘플렉스 3’는 ▲개발자와 디자이너의 협업, ▲향상된 데이터 처리 콤포넌트, ▲진화된 개발 플랫폼, ▲데스크톱 RIA 애플리케이션 개발 등의 특징을 가지고 있다”고 설명했다.

그는 또 “데스크톱용 RIA를 개발하기 위한 ‘AIR’의 경우 운영체제 환경과 상관없이 상호 호환될 수 있는 엔진을 탑재하고 있고, 데스크톱 요소를 대거 추가했기 때문에 플렉스와 함께 차세대 인터넷 소프트웨어를 개발하는데 유용한 환경이 될 수 있다”고 자평했다.

옥상훈 차장은 발표 후반부에 “RIA 개발자들은 ABCD를 알아야 한다”고 했다. ABCD란 구조(‘A’rchitecture), 미적 감각(‘B’eauty), 컨설팅(‘C’onsulting), 개발(‘D’eveloping)이 바로 그것이다. 그는 “기술은 수단일 뿐 목적이 되어서는 안된다”며 “고객은 그림을 원하지 붓을 원하지는 않는다”고 조언했다. 그는 또 “플렉스 개발자는 디자이너와의 협업 방식을 늘 고민해야 한다”며 “늘 사용자들을 불편하지 않게 배려하고, 보다 명확하게 개선하며, 보다 신속하게 처리될 수 있는 환경을 구축하는 컨설팅 감각도 필요하다”고 말했다.

한편, 개발자를 대상으로 한 이번 행사는 오는 21일 IT관리자 및 웹 디자이너를 위한 RIA 세미나로 이어진다.

인터넷뉴스부 서명덕 기자

이날 발표자료 원문

- RIA 개발자 세미나_세션 2_Flex3_RIA_Dev_옥상훈.pdf (2,042.90 KB)
- RIA 개발자 세미나_세션 3_최성훈.pdf (248.56 KB)
- RIA 개발자 세미나_세션 4_이정웅.pdf (1,178.93 KB)
- RIA 개발자 세미나_세션 5_정선우.pdf (1,262.33 KB)

이후 일정 > 2월 25일 플렉스 3 및 AIR 글로벌 런칭, 3월 18일 국내 정식 행사, 3월~4월 AIR 기반 '어도비 미디어 플레이어(AMP)' 출시 예정....
- http://labs.adobe.com/technologies/mediaplayer/

공식 블로그도 정보가 많네요.
- http://www.adobeflex.co.kr/iwt/blog/blog.php?tn=flex

플렉스 체험관
- http://www.adobeflex.co.kr/experience/

플렉스/AIR 자료실
- http://www.adobeflex.co.kr/pds/down.html

-----------------

참고 - 이번 한국어도비 RIA 세미나 세 가지 행사

대상 : 웹 개발자
장소 : 코엑스 컨퍼런스홀 402호
일시 : 19일(화), 오후 1시
내용 : 웹 개발자들을 위한 시장 동향 소개 / 차세대 웹 개발자가 되기 위한 필수 가이드 / Flex 개발자와 디자이너의 협업 / Flex와 AIR의 시너지 및 기능적 차이, AIR 구현 사례 등을 소개
참석 문의 : adobe@purplepig.co.kr / 02-541-6968 / 등록 마감
둘. IT관리자를 위한 RIA 세미나

대상 : 기업 IT 매니저
장소 : 그랜드인터컨티넨탈 호델 지하 1층
일시 : 21일(목) 오전 10시 30분
내용 : 집중분석, RIA 시장의 Trend를 선점하라 / CEO가 바라본 IT 신기술 도입과 RIA가 몰고 올 세상에 대해/ Adobe에서 제안하는 RIA 구현을 위한 포인트
참석 문의 : adobe@purplepig.co.kr / 02-541-6968 / 등록 중
셋. 웹 디자이너를 위한 RIA 세미나

대상 : 웹 디자이너
장소 : 그랜드인터컨티넨탈 호델 지하 1층
일시 : 21일(목) 오후 3시
내용 : 집중분석, RIA 시장의 Trend를 선점하라 / What is UX? Who are RIA Designers? / Flex와 CS3의 손 쉬운 통합방안, Flash의 모션을 Flex에서 표현하다
참석 문의 : adobe@purplepig.co.kr / 02-541-6968 / 등록 중

:

브러쉬(brush) - 맥주무한대

Legacy 2008. 2. 20. 18:03
삼성동 그랜드 인터콘티낸탈 1층 블러쉬(blush)

P080130006

그랜드 인터콘티낸탈 1층에 있는 블러쉬 라는 바 인데요. 저녁 6시부터 9시까지 tax 포함한 가격 3만원에 맥주 또는 와인 무한대 그리고 안주는 무한대는 아니고 한번 나오는데 스낵류로 괜찮습니다. ^^*

2008년 1월 30일의 사진입니다.

P080130006

P080130005
P080130004

P080130003
P080130002

P080130001

:

JavaScript 강좌 references.

ITWeb/개발일반 2008. 2. 20. 17:52
 
W3C
YUI
    yahoo.com YUI JavaScript ENG
ECMA
:

JavaScript Tips

ITWeb/개발일반 2008. 2. 20. 17:48

 
Semicolon insertion
-When the compiler sees an error, it attempts to replace a nearby linefeed with a semicolon and try again.
-This should alarm you.
-It can mask errors.
-Always use the full, correct forms, including semicolons.
Comma
-Good: [1, 2, 3]
-Bad:  [1, 2, 3,]

 
Required block
-Good:
§if (a) {
§    b();
§}
-Bad:
§if (a) b();
== and !=
-Bad
§if (a == null) { ... }
-Good:
§if (a === null) { ... }
§if (!a) { ... }

 
Common subexpression removal
Loop invariant removal
for (var i = 0; i < divs.length; i += 1) {
    divs[i].style.color = "black";
    divs[i].style.border = thickness + 'px solid blue';
    divs[i].style.backgroundColor = "white";
}

----->
 
var border = thickness + 'px solid blue',
    nrDivs = divs.length;
for (var i = 0; i < nrDivs; i += 1) {
    var ds = divs[i].style;
    ds.color = "black";
    ds.border = border;
    ds.backgroundColor = "white";
}

 
Strings
-Concatenation with +
§Each operation allocates memory
foo = a + b;
-Concatenate with array.join('')
§The contents of an array are concatenated into a single string
-Comparison
§a) foo = a + b; vs b) foo = [a, b].join('');
a)  <  b)
§a) foo = 'a' + 'b'; vs b) foo = ['a', 'b'].join('');
a)  >  b)


 
-Place <script src> tags as close to the bottom of the body as possible. (Also, place CSS <link> as high in the head as possible.)
-Minify and gzip script files.
-Reduce the number of script files as much as possible.
<script></script>
<!--  // -->
§Hack for Mosaic and Navigator 1.0.
language=javascript
§Deprecated.
src=URL
§Highly recommended.
§Don't put code on pages.
type=text/javascript
§Ignored.

 
document.write
-Allows JavaScript to produce HTML text.
-Before onload: Inserts HTML text into the document.
-After onload: Uses HTML text to replace the current document.
-Not recommended.

 
name
-Identifies values in form data
-Identifies a window/frame
id
-Uniquely identifies an element


 
document.all
-Microsoft feature, rejected by W3C and most other browsers.
-It acts as a function or array for accessing elements by position, name, or id.
-Avoid it.


 
Manipulating elements
-Old
§if (my_image.complete) {
§    my_image.src = superurl;
§}
-New
§if (my_image.getAttribute('complete')) {
§    my_image.setAttribute('src', superurl);
§}


 
Element id 통한 접근
var oElement = null;
if ( document.getElementById ) {
oElement = document.getElementById(ID);
} else if ( document.layers ) {
oElement = document.layers[ID];
} else if ( document.all ) {
oElement = document.all[ID];
}


 
var oHttp = false;
var aMsxmlType = [
'MSXML2.XMLHTTP.5.0',
'MSXML2.XMLHTTP.4.0',
'MSXML2.XMLHTTP.3.0',
'MSXML2.XMLHTTP',
'Microsoft.XMLHTTP'
];
if ( window.XMLHttpRequest ) {
try {
oHttp = new XMLHttpRequest();
} catch(e) {
oHttp = false;
}
} else if ( window.ActiveXObject ) {
for ( i=0; i<this.aMsxmlType.length; i++ ) {
try {
oHttp = new ActiveXObject(this.aMsxmlType[i]);
if ( oHttp ) {
break;
}
} catch(e) {
oHttp = false;
}
}
}

 
JavaScritp XMLDOM
var oXmlDoc = null;
if ( window.ActiveXObject ) {
oXmlDoc = new ActiveXObject("Microsoft.XMLDOM");
} else if ( document.implementation && document.implementation.createDocument ) {
oXmlDoc = document.implementation.createDocument("", "", null);
}
IE/FF (xml file)
§Using XMLDOMObject. getElementsByTagName(..)
FF (xml string)
§var oDomParser=new DOMParser();
§var oDoc = oDomParser.parseFromString(XMLSTRING,"text/xml");


: