'ria'에 해당되는 글 1건

  1. 2008.10.09 Microsoft UX/RIA Partner Workshop 2008.10.8
기술중심의 세미나를 생각하고 참여하였지만 간략한 소개 중심의 세션 발표들이라
약간 아쉬운 생각이 많이 들었지만
몇몇 세션 발표자 분들의 관록의 얘기는 하이라이트 이지 않을까.



1.     Microsoft UX/RIA의 비즈니스 모델

è  RIA가 시장에서 줄 수 있는 비즈니스 가치를 설명하고 RIA 구현에 필요한 웹 지향 아키텍처와 리치 비즈니스 애플리케이션의 기술적 의미

 

기존의 Flash 클라이언트들에게 Microsoft Silverlight Technology를 어떻게 이해 시킬 것인가.

단가싸움으로 승복시킬 것인가?

실버라이트만의 Win-Scenario를 이해시켜야 한다.

 

대용량의 데이터들을 모두 RIA 로 처리할 수는 없다. 80%를 웹으로 처리하고 20%를 데스크톱으로 처리한다 할 때 Flash는 가능한가? 실버라이트는 닷넷 포터블 셋이기에 데스크톱으로의 전환에 두려움이 없다. WCF라는 기술로 통신 구분을 분리하여 개발할 수 있다. RIA 개발에 있어 뒷단의 두려움을 갖지 말자.(UX 플랫폼 ecosystem의 다면적 확장성 -> +WPF, Surface, Silverlight Mobile, XML, …etc)

 

최근에는 Ajax, RIA, Desktop을 묶어 Business Scenario를 표현한다. 그래서 이제 단순 RIA가 아닌 RBA(Rich Business Application)으로 흐름이 넘어가고 있다.

Biz Architecture를 먼저 구상해보자. 무슨 역할을 할 것이며, 무슨 영역을 구성할 것인가? 리얼타임 시스템인가? MOSS 인가? ERP 앞단을 구성할 것인가? 그리고 나서 System Architecture 즉 전체 시스템을 잡고 Software Architecture로서 어떻게 개발할지 생각하자.


2.     에이전시/개발 파트너를 위한 마이크로소프트 활용법

è  현재 실버라이트/WPF를 사용하고 있는 파트너들을 간략하게 소개하고, 마이크로소프트의 UX 기술을 자사의 RIA 비즈니스에 접목하기 위한 준비와 마이크로소프트의 협력 모델에 대해 소개

 

이전의 사이트들이 Creative-Driven 이나 Tech-Driven 이였다면 이제는 People-Driven으로 시선을 돌려야 할 때 이다.


http://news.sbs.co.kr/nview/nview_index.jsp

사이트에 대한 예시로 영상 하단에 일반적으로 우리가 사이트에서 볼 수 있는 메뉴 네비게이션을 시각화 하여 사용자에게 직관적으로 보여준다.

관련 영상을 클릭하면 우리가 텍스트 중심의 뉴스서비스에서 보아온 관련 뉴스 링크처럼 지금 사용자가 보고 있는 뉴스에 대한 관련 영상이 나타나고 마우스 오버 시 해당 영상이 플레이 되어 사용자들의 불필요한 클릭을 줄일 수 있다.

HOT Channel을 클릭하면 관련 영상들이 작은 Thumbnail 8개씩 나타나고 영상을 보려고 클릭하지 않고도 마우스 오버만으로 해당 영상을 간략히 볼 수 있다.

내가 본 영상 역시 윈도우 비스타의 에어로 기능처럼 편하게 다시 볼 수 있다.

 

3.     미디어 시나리오 A~Z

è  서비스를 제공하는 호스트웨이 담당자와 미디어 관련 솔루션을 구현한 훈스닷넷의 사례를 통해서 Silverlight를 사용한 미디어 시나리오 전체를 살펴본다.

 

Windows Server 2008 WMS 9.5에서 새롭게 나온 IIS7 - Bit Rate Throttling 기능

: 스트리밍 영상을 사용자가 볼 때 진행 프로그래스 바에 현재 진행중인 위치와 다운되고 있는 프로그래스를 볼 수 있다. 만약에 사용자가 해당 영상의 1/3만 보고 닫는다면 (다운로드는 완료된 상태) 2/3에 대한 낭비가 생긴다. 1:1 연결일 경우는 중요하지 않지만 많은 유저가 연결 신청을 하였다면 유저 수만큼의 네트워크 트래픽 낭비가 발생할 것이다.

Bit Rate Throttling 는 현재 플레이 되고 있는 위치를 파악하고 설정한 퍼센트만큼 유지하면서 다운 속도를 조절하게 됨으로 낭비를 줄일 수 있다.(프로그래시브 다운로드 조절)

 

UCCLight 프로젝트

: 사용자가 다양한 포맷의 동영상을 올리게 되면 인 코딩 서버에서 스트리밍을 제공할 포맷으로 변환하고 사용자는 다른 유저가 올린 영상을 스트리밍 방식으로 볼 수 있다.

  

4.     Silverlight를 이용한 원격 데이터 연결과 디스플레이 처리

è  Silverlight는 다양한 웹 표준방식의 연결과 Socket 통신을 지원

è  Silverlight 예제를 통해 어떻게 원격지의 데이터에 연결하고 이를 다양한 형태로 디스플레이 가능한지 알아보자.

 

HTTP/HTTPS Network

: WebClient

: HTTP Classes

REST(GET/POST), Asynchronous

 

Demo

: TMSLocator

   Naver Map API + GPS Information, TMS Information

   실버라이트 내에서 네이버 지도를 구현하고 각 화물 차량의 위치를 실시간으로 보여준다

   좌측에는 각 화물 차량의 정보에 대한 리스트가 출력되고 각 화물 차량을 클릭하면 세부 정보가 나타난다.

: Deep Zoom Chat

   실버라이트의 딥 줌과 WCF 소켓 통신을 이용하여 방을 만든 방장이 해당 이미지를 딥 줌 기능을 통해 확대, 축소, 이동한 이미지 모습을 방에 들어온 유저들도 같이 적용하여 보면서 채팅을 할 수 있다.

 

Security Policies

: Site-of-origin

: Cross Domain

실버라이트는 다른 도메인, 다른 프로토콜, 다른 포트에서 접근 하는 것을 허용하지 않는다. 현재 플래시는 로컬 위치에 crossdomain.xml 이라는 파일을 통해 허용할 도메인과 차단한 도메인을 설정할 수 있는데 실버라이트 역시 clientaccesspolicy.xml 파일로서 위와 같은 설정을 할 수 있다.

http://www.amazon.com/crossdomain.xml

http://www.microsoft.com/clientaccesspolicy.xml

위 사이트를 접속해서 내용을 보면 아마존 사이트, 마이크로소프트 사이트가 용하고 있는 도메인을 확인 할 수 있다.

 

5.     Virtual Earth Silverlight 2

è  2D, 3D 및 버드 아이 모드를 지원하는 웹 기반의 글로벌 지도 서비스인 Virtual Earth 소개

 

기능

: 2D, 3D 형태의 지도보기, 일반지도, 항공사진, 경사사진 서비스 제공

: 세계 주요 지역을 3D City로 모델링

: 1-Click direction to Destination -> 출발지와 도착지를 설정하면 최단 길이 경로와 최간 시간 경로를 지도상에 알려준다. (현재 미국만 서비스)

: 실시간 교통 정보 -> 라인의 색으로 현재 교통 정보 상황을 제공 (현재 미국만 서비스)

: 3D Map Tour (http://3DMapTour.com) -> 사용자에게 3D 지도 서비스와 함께 여행 추천 지를 실제 사진과 텍스트와 함께 제공한다. 여행지와 여행지간 이동 시 날아가는 듯한 효과를 주었다.

 

Virtual Earth + Silverlight 2

: Silverlight 의 딥 줌 기능과 Virtual Earth를 결합하여 지도를 마치 하나의 이미지처럼 자유자재로 이동, 확대, 축소가 가능하다. 딥 줌의 기능상 한계로 2D 이미지만을 표현한다.



Posted by glycerine
,