지난 주 금요일(9월4일) "제 3회 미래 웹 기술 포럼"에 참석했었습니다.

포럼 주제는 각 브라우저 벤더들의 데스크탑 브라우저(Browser update라는 이름으로)와 모바일 브라우저에 대한 내용이었습니다.
Webkit 기반의 브라우저 벤더가 빠진 상황에서 Opera, MS, Mozilla재단에서 발표가 있었으며, 각 벤더들이 관심있게 보고 있는 거의 비슷하다는 느낌이었습니다. 포럼 내용이 저에게는 상당히 만족스러웠으나, Webkit 기반의 브라우저가 빠져있어서 아쉬웠습니다.^^

우선 각 벤더들의 내용을 정리하자면,


 
MS에서는 IE8에 대해서 크게 웹표준, 웹접근성, 웹보안이라는 주제에 대해서 MS 박중석님이 이야기를 풀어나갔습니다.
HTML4.01, CSS2.1를 준수하며 ACID2를 통과했으며, ACID3에서 낮은 점수를 받은 이유에 대해서는 개발 초기에 고려하지 않았던 항목들이 ACID3에 포함되어 있기 때문이라고 합니다. MS도 웹 표준의 중요성을 아주 잘 알고 있으며, 이를 준수하려고 노력한다고 합니다. 그외 웹접근성에 대해서는 커서 브라우징, Adaptive Zoom, ARIA지원등에 대해서도 발표하였습니다. 자세한 내용 및 발표 자료는 발표자님의 블로그를 참고하시길 바랍니다.
MS 의 모바일 브라우저(IE6)에 대해서는 MS 서진호님의  발표가 있었는데, 크게 눈에 띄는 것이 UX와 Widget이었습니다. Minimap, Icon Bar형태, Full Screen toggle icon, Zoom slide, All-in-one 검색(즐겨찾기, 히스토리, 자동철자, 검색창 검색을 한번에..)등의 UX가 적용되었다고 합니다. 또한 HomeScreen에 플러그인 형태 지원 및 위젯도 지원한다고 합니다. Widget은 W3C(Ajax,HTML,CSS)를 준수하여 개발할 수 있으며 Market place에서 판매 가능하다고 합니다.

        
 Mozilla 재단에서는 Firefox에 대해서 윤석찬님이 발표를 하셨는데, FF는 현재 Speed, UX, Security, Customization등을 주력으로 개발하고 있다고 합니다. 올해 출시 예정인 FF 3.6은 JS엔진(JIT등의 개선)등을 통해 성능개선을 목표로 하고 있다고 합니다. HTML5에 대해서도 상당한 관심을 가지고 있었으며, Video및 Geolocation등에 대해서도 발표가 있었습니다. 관련되 내용은 http://hacks.mozilla.org을 참고하시길 바랍니다. 또한 이젠 더이상 XPCOM기반의 plugin을 개발할 수 없으며, NPAPI(NPRuntime)기반으로 개발해야 한다고 합니다.

 모바일 브라우저에 대해서는 모질라재단의 프로젝트인 Fennec에 대해서 삼성전자의 허준회님의 발표가 있었습니다. 브라우저 내부의 기술적인 내용이 많았으며 기존 모바일 브라우저와는 차별화된 새로운 UI 제공하고, Weave(Mobile 단말과 PC등에서 북마크, 탭등을 sync) 연동 기능 탑재했다고 합니다. 적용 플랫폼으로는 linux(maemo/LiMo), Windows Mobile, Symbian이 있으며, OMTP의 Bondi와 유사한 Device API에 대한 내용도 있었습니다.

 Opera 에서는 얼마전에 출시된 Opera 10에 대해서 Opera 신혁석님의 발표가 있었으며, 제 블로그에서도 언급됐던 opera unite기술 및 Opera turbo기술에 대한 내용도 있었습니다. Opera의 모바일 브라우저에 대해서는 Opera Mobile 9.7에 대해서 opera 조만영님이 발표했으며, HW가속이용 (OpenGL ES이용가능),Opera Turbo 기술 탑재, Google Gears, 렌더링 엔진(Presto 2.2 탑재) 향상으로 25% 성능이 향상되었다고 하며, Widget(W3C 표준 준수)에 대한 내용도 발표했습니다.

 오페라나 모질라에서는 HTML5를 적극 수용하고 확산시키려고 하는 느낌을 받았으며, 오페라와 MS는 W3C의 위젯플랫폼을 확산시키려고 하는 느낌을 받았습니다. 또한 모든 브라우저 벤더들이 iPod touch/iPhone이후 사용자 경험(UX)에 상당히 많은 관심을 가지고 있는 것으로 보입니다.

 현재까지 각 브라우저 벤더들의 관심사가 성능과 웹표준이었다면, 성능은 여전히 중요하지만 이제 어느 정도 비슷해졌기 때문에 더이상의 장점이 될 수 없으며, 웹표준 준수도 어느 정도 정착되었기 때문에 더이상의 장점이 될 수는 없을 것입니다. 물론 성능이나 웹표준은 여전히 중요하지만, 이제는 다른 측면에서 브라우저가 변화될 것입니다.

제 생각에는 키워드는 2012년 spec이 완료 예정인 HTML5, UX, Widget의 3개라고 생각합니다. 플랫폼이 모바일 단말, IPTV, 데스크탑 PC등 어느 것이 되던지간에 3개가 핵심이 될것이라고 생각합니다. 여러분들의 생각은 어떤가요?

* 추가 내용(2009.0910)
포럼 발표자료는 http://futureweb.tistory.com/14를 참고하시길 바랍니다.

 

오늘은 조금은 생소한 Visual Seach에 대해서 소개하려고 합니다. 

우선 이름부터 재미있는 검색엔진 "seachme"를 소개합니다.

검색엔진이지만, 검색 정확도 및 알고리즘에 대해서는 정확히 알 수 없으므로 이 글에서는 제외합니다.

첫 화면은 전에 소개한 cuil과 유사한 블랙톤에 세련되고 단순한 디자인.

참고로 Serachme는 Flash로 제작된 서비스이며, RIA(Rich Internet Application)라고 보시면 될 것 같습니다.

요즘에는 국내 검색 포탈 사이트와는 다르게 깔끔함이 돋보이는 사이트들이 직관적인 UI제공과 심플한 디자인으로 사용자들의 마음을 사로잡는 것 같습니다.

아.. 아직은 beta 서비스입니다.

HTC로 검색한 결과입니다. 검색된 페이지들을 스크린샷 형태로 3D형태로 나열된 layout이 눈이 들어옵니다. 이런 3D효과들은 Amazon이나 PicLens와 같은 서비스들에서 많이 이용되고 있습니다. 앞으로의 visual한 대세는 3D animation이 아닐까 싶습니다. 페이지 하단의 스크롤 바 또는 스크린샷을 클릭하면 3D animation 효과를 내면서 해당 페이지가 중앙으로 이동합니다.

아래 그림과 같이  검색된 스크린샷에서는 검색어에 대해서 하이라이트 표시가 되어 출력됩니다. 전 이 기능이 마음에 드네요.

 화면의 화단에 보면 작은 버튼이 있는 데 이 버튼을 클릭하면 아래 그림과 같이 Text위주의 검색결과도 동시에 볼수 있습니다. 마우스의 휠이나 방향키등으로도 검색결과를 이동할 수 있습니다.

 

다른 특이한 기능의 stack이라는 기능입니다. 화면 좌측상단에 stack이라는 메뉴가 있는데, 이 메뉴는 사용자의 검색 키워드를 통해서 특정 검색결과를 저장하는 기능을 가지고 있습니다. 등록하는 키워드는 사용자가 변경할 수도 있으며, 검색결과에 대해서 그룹핑도 가능합니다. 아래 그림을 참고하시길 바랍니다.

Stack에서 추가하는 방법은 검색결과의 스크린샷의 하단 메뉴에 보면 "Add to new stack"가 있는데, 이를 통해서 추가하는 방법이 있고, 아니면 아래처럼 스크린샷을 드래그하여 stack 메뉴에 올려 놓으면 자동으로 추가되는 방법이 있어 손쉽게 추가할 수 있다.

기타 설정을 위해서 아래와 같이 preferences 메뉴도 제공한다.

또 다른 점은 검색어를 한 글자씩 입력하다보면 검색어 따라서 카테고리가  동적으로 변경되는 UX도 제공하여 좀더 편하고 빠른 접근을 할 수 있으며, 참고로 아래는 HTC에 대한 카테고리이다.

 

 이번에는 국산 검색엔진인 Qrobo를 소개합니다. Qrobo는 시멘틱 웹 기반의 검색엔진으로 얼마전에 공개해 큰 화제를 불러일으켰던 검색엔진이다. 아직까지 제대로 사용을 못해봐서 검색에 대한 내용은 나중으로 미루고, 얼마전에 Qrobo visual이라는 서비스를 베타 버전으로 런칭했다.(참고로 현재 Qrobo서비스도 베타버전이다)

이 서비스 역시 Flash기반의 RIA이다.

Qrobo visual의 첫화면 역시 기존 검색 포탈과는 다르게 심플해서 직관적인 UX를 제공한다. 구글처럼 달랑 검색 창하나만...^^

역시 HTC를 검색해 봤다.(검색어로 HTC를 자주 쓰는 이유는 요즘 관심가는 단말기들을 많이 만들고 있어서 자주 찾아보고 있다)

searchme와 유사한 형태의 layout을 보여 주고 있다. 검색창이 상단에 위치하고 있으며, 아래로는 카테고리가 나열되어 있다. 검색결과도 searchme와 유사한 형태로 3D 형태로 보여주고 있다.

 

Searchme와는 약간의 차이가 있는데 그중 하나가 아래와 같이 검색결과를 스크린샷과 Text로 혼합해서 보여준다는 것이다. 나열된 검색결과를 클릭하면 아래와 같은 화면이 출력되는 데, 이 화면에서 스크린샷과 Text를 동시에 보여주고 있는 것이 차별점이라고 생각한다. serchme와 같은 경우는 이런 기능이 없고, 스크린샷에서의 text는 작아서 잘 보이지때문에 직접 그 페이지로 이동하여 검색 결과를 확인해야 하는 데, Qrobo는 클릭만으로 빠르게 텍스트 정보를 보여준다는 점이 다르다고 하겠다. 다만, 불편한 점이 해당 페이지에서의 탈출하는 방법이 close버튼을 클릭하는 방법밖에 없다는 것이 조금 아쉽다. 다른 편한 방법도 있을 거 같은데... 아무튼 Qrobo가 Google과 같은 최고의 검색엔진으로 발전하길 기원한다. 홧팅!

Viewzi라는 검색엔진도 있는 데, 아직 사용을 못해봐서 본 글에서는 제외하였다. 하지만, 지금 소개한 검색엔진들보다 다양한 형태의 검색결과를 다양한 형태의 UI로 제공하는 것이 특징으로 검색결과를 시간에 따라서 나열하여 보여주는등 독특한 UI가 많다.

위에서 살펴본 서비스들 모두가 RIA기반으로 Flash를 이용하고 있다는 점을 주목하고 싶다. UI는 flah나 silverlight가 대세가 되는 시대인가?

viewzi: http://www.viewzi.com

Qrobo : http://www.qrobo.com/

Qrobo visual : http://www.qrobo.com/visual/

Searchme : http://www.serachme.com