Better Web, Better UX를 위한 MS의 차세대 웹전략 ＇Silverlight＇를 말한다(2) 개발자 - 1
2007-04-17 준서아빠
지난 Post에서 약속 드린 대로 이번 Post에서는 Microsoft 최고의 RIA 솔루션인, Silverlight 기술을 이용해 개발하는 방법에 대해서 간단히 소개 드리도록 하겠습니다.
[지난 Post 및 소개 글]
Better Web, Better UX를 위한 Microsoft의 차세대 웹 전략, Silverlight(코드명 "WPF/E")를 말한다. (1) 일반
http://www.uxkorea.net/blog_post_17.aspx
LIGHT UP THE WEB!!! Silverlight 소개
http://www.uxkorea.net/blog_post_20.aspx
Microsoft Silverlight 웹사이트
http://www.microsoft.com/silverlight
1. 이 Post는 개발자를 위한 Post인데 뭘 보여 주실 건가요?
먼저, 개발자가 반드시 참고 하셔야 할 Silverlight 기반 기술에 대해서 "개발자스럽게" 설명 드리고 바로 이어서 Silverlight을 이용해 미디어 기능을 400% 향상시킨 웹 미디어 플레이어 구현하는 과정을 소개해 드리도록 하겠습니다.
보통은 이런 소개에서 Hello world를 프린트 하는 샘플을 쓰지만... 그 정도로 Silverlight을 설명 드리기엔 Silverlight 기술이 아깝습니다. UCC로 불리는 웹 미디어 플레이어 구현하는 샘플을 보여 드리도록 하겠습니다. - 보시면 얼마나 쉬운지 알 수 있습니다.
준서아빠가 약속 드릴 수 있는 건, Silverlight 개발이 얼마나 쉽고 직관적인지, 강력한 미디어 을 얼마나 손쉽게 구현 가능한지, 그리고 Silverlight 개발 방법에 대한 기본적인 내용을 Post를 통해 이해 하실 수 있을 것입니다.
2. Silverlight 개발을 말씀 주셨는데, 첫번째 Post로 미루어 볼때, Silverlight 솔루션 개발은 모두 다 디자이너가 하는 작업이 아닌가요?
디자이너의 역할, 개발자의 역할.
Silverlight 솔루션 구현에서 디자이너의 역할
제안해 드리는 최선의 방안으로, 디자이너는 Microsoft Expression Studio 제품을 통해 Silverlight을 디자인 하게 되는 방안이 최선이라고 감히 말씀 드리고 싶습니다.
특히, Expression 제품 기능에 추가될 Silverlight 프로젝트를 이용하시면 마치, Visual Studio처럼 손쉽게 마우스 드래그로 동영상, MP3, 버튼, 이미지 등을 손쉽게 올려 놓으시고 디자인이 가능하며 디자이너가 생성한 Silverlight 프로젝트는 Visual Studio와 완전히 통합 가능한 프로젝트로 생성됩니다.
Silverlight 솔루션 구현에서 개발자의 역할
개발자의 역할은 디자이너가 완성한 Silverlight 디자인에 속성(Property) 제어, 메소드(Method)제어 작업을 수행하고 가장 중요한 기존의 웹 솔루션과 통합하는 작업을 진행 하게 되며 물론 이 작업은 Microsoft의 통합 개발 환경인 Visual Studio로 진행 가능합니다.
즉, 디자인 작업과 개발 작업이 더이상 분리된 작업이 아니며 Microsoft Expression Studio와 Visual Studio를 이용하시면 솔루션 구축 프로세스 단일화 작업 가능, 개발시간 단축, 통합된 기업용 솔루션 구축 가능합니다.
3. Microsoft에서 제안하는 사용자 경험과 체험의 확장 기술인 UX(User Experience) 기술로 Silverlight 기술과 WPF 기술, WPF를 브라우저에서 구현하는 XBAP 기술의 차이점을 "개발자 측면"에서 말씀 주세요.
WPF 기술
WPF 기술은 Microsoft가 제안해 드리는 최고의, 그리고 궁극의 사용자 경험과 체험을 위한 .NET Framework 3.0의 기술 입니다. WPF는 "클라이언트 응용 프로그램"이며 .NET Framework 3.0 위에서 실행됩니다.
XBAP 기술
XBAP은 인터넷 익스플로러 웹 브라우저에서 실행되어 웹 응용 프로그램처럼 보이나 실제로는 "클라이언트 응용 프로그램"이며, 인터넷 익스플로러 위에서 .NET Framework 3.0 기술을 통해 실행됩니다.
"궁금합니다!!! 클라이언트 응용 프로그램인데 OTTO 데모나 Times Reader 데모를 보면 웹의 데이터와 동기화도 하고 실행 도중에 비동기적으로 웹의 이미지나 미디어를 보여주기도 하던데요...?"
WPF 클라이언트 프로그램은 최신 플랫폼의 기술과 기능을 100% 활용 가능하도록 구현된 어플리케이션입니다. 최근의 추세인 컨버젼스 및 여러 WPF 데모로 볼 때 웹과 클라이언트의 경계가 점차 허물어 지는 유형을 보이며 사용자에게 극도로 화려하고 다양한 UX를 제공하고 있습니다.
화려하고 다양한 UX = 시간 + 비용?
그렇지 않습니다. 기존의 방법이 아닌 Microsoft Expression 제품과 Visual Studio 제품을 이용하시면 기존의 복잡하고 구현이 어려웠던 이러한 개발작업을 쉽고 효율적으로, 빠른 시간 안에, 더 적은 비용으로 수행 하실 수 있습니다.(실제 구현 사례들은 다음 Post정도에서 기획해 보도록 하겠습니다.)
Silverlight 기술
Silverlight 기술은 "웹 브라우저"에 설치되는 "런타임"을 기반으로 "웹 브라우저"에서 크로스 플랫폼, 크로스 브라우저로 실행되는 RIA(Rich Internet Application) 기술입니다.
이 Post의 주인공이기도 하지요. ^_^
참고로... AJAX 기술
AJAX는 표준 웹 기본 기술을 동적으로 표시해 사용자의 경험과 체험을 향상 시키는 기술입니다.(그러나, 브라우저 확장 기능이 아닙니다.)
4. Silverlight 솔루션을 개발하는 방법을 보여 주십시오.
내용이 많이 길어졌네요. 이어지는 개발자 Post에서는 Video Cast를 통해 상세히~ 설명 드리도록 하겠습니다. 다음 Post도 기대해 주세요. ^_^
감사합니다.