안녕하세요. 준서아빠 김대우 입니다.

이 Post는 모두 다음의 내용으로 3회에 걸쳐 진행될 예정입니다.

(1) 일반 사용자 

(2) 개발자 / IT Pro

(3) 디자이너

1. WPF/E가 무엇입니까?

WPF/E는 웹 페이지에서 동작하는 다이나믹하고 인터렉티브한 웹 응용 프로그램을 디스플레이하고 실행 하는 RIA(Rich Internet Application)기술입니다.

또한, WPF/E의 중요한 특징으로 크로스플랫폼(Cross-Platform)기술로 구현되어 XAML(eXtensible Application Markup Language) 렌더링을 통해 Windows 시스템과 Macintosh 시스템의 브라우져(IE, Firefox, Safari)위에서 실행 가능하며 현재 Windows Mobile Device(개발 중)와 타 플랫폼에도 실행될 수 있도록 계속 준비 중입니다.

WPF/E 기술의 적용 위치


IE에서 WPF/E 수행 화면


Firefox에서 WPF/E 수행 화면


Mac시스템의 Safari에서 WPF/E 수행 화면

 

2. WPF/E 단어가 의미하는 것은 무엇인가요?

WPF/E는 “코드명” 입니다. 2007년 4월 말, 미국 라스베가스에서 열리는 Microsoft의 웹 개발자/디자이너 행사인 MIX07 행사에서 공식적으로 기술명이 발표될 예정입니다. 참고로 “E”는 Everywhere의 이니셜 입니다.

 

MIX07 행사 공식 웹사이트

http://visitmix.com/

 

3. WPF/E를 지금 사용해 볼 수 있습니까?

네. 물론입니다. 현재 CTP(Community Technology Preview)중으로 WPF/E의 강력한 기능을 테스트 해 보실 수 있습니다. 정식 기술 출시는 2007년 6월에 출시를 위해 노력하고 있구요.

WPF/E는 아주 작은 Runtime만을 웹에서 설치 하시면 즉시 사용해 보실 수 있으며 크기는 약 1.1M(2007년 2월 CTP)입니다.

 

윈도우용 다운로드 사이트 : “WPF/E” (codename) Community Technology Preview for Windows (Feb 2007)



http://www.microsoft.com/downloads/details.aspx?FamilyId=E63992D3-CCF5-40B9-B98A-D16BCA57467C&displaylang=en

 

4. WPF/E 런타임을 받아서 설치했습니다. 어디에서 샘플들을 테스트 해 볼 수 있습니까?

제가 운영하는 블로그에서 샘플들에 대한 설명과 함께 WPF/E 기술을 테스트 해 보실 수 있습니다.


준서아빠가 생각하는 행복한 UX 이야기 - WPF/E 카테고리

http://www.uxkorea.net/blog_category_4.aspx

[WPF/E 데모] Page Turn Media - 책장넘기기

[WPF/E 데모] Media library - 미디어 도서관

[WPF/E 데모] Sprawl Game - 캐주얼 게임, 땅따먹기

[WPF/E 데모] Film Strip Slideshow - 필름 슬라이드 쇼

[WPF/E 데모] WPF/E Pad - WPF/E XAML 패드

[WPF/E 데모] WPF/E Piano - WPF/E 피아노

이외에도 많은 데모들이 Web상에 올라와 있으며, 참고할 좋은 데모가 있으면 블로그를 통해 알려 드리도록 하겠습니다.

또한, Microsoft 기술 커뮤니티인 Channel9 웹사이트에서도 샘플들과 테스트가 가능합니다.


Channel9 웹사이트(영문)

http://channel9.msdn.com/playground/wpfe/

 

추가적으로, 저의 블로그 UXKorea.NET은 향상된 사용자 경험과 체험을 위한 UX 기술을 논의하는 블로그 입니다. WPF/E와 관련된 다양한 동영상 강좌를 지속적으로 진행하기 위해 준비 중이니 기대해 주시길 바랍니다.

 

5. WPF/E 기술로 서비스를 제공 하려면 어떤 것이 필요하고 비용은 얼마나 드나요?

웹서버만 있으면 WPF/E를 서비스 하실 수 있습니다. 즉, 현재 웹서버를 운영 중이라면 *무료*입니다.

WPF/E 기술은 웹브라우져에서 수행되는 클라이언트 스크립트 기술입니다. 웹서버는 단순히 xaml파일만 내려보내 주는 역할을 수행하고 xaml 스크립트를 브라우져에 설치된 WPF/E런타임이 즉시 실행하게 됩니다. 

XML의 마크업 언어의 확장으로 수행되며 웹 표준 스크립트인 Javascript 및 Ajax 표준기술과 연동되어 사용 가능합니다. (WPF/E는 특정 이진파일(Binary파일) 형태가 아닌 XML 마크업 언어 표준에 따라 확장된 기술이고 웹표준 기술과 연동됩니다.)

 


  http://ajax.asp.net/

 

하지만, WPF/E의 인터렉티브 기능과 빠르고 효율적인 서비스 개발을 위해서 Microsoft Windows 서버를 적용하실 것을 적극 권장해 드리며 Windows 서버를 이용하시면 IIS 웹서버와 Windows Media 서버를 추가 비용 없이 구성 가능합니다.

IIS에서 구현되는 ASP.NET 서비스와 ASP.NET AJAX 기술, Windows Media 기술을 그대로 이용해 강력하고 최적화된 웹서비스를 빠르게 구현 가능합니다.

컨텐츠 개발 작업을 위해 개발자와 디자이너간 협업과 일관된 개발 프로세스 진행을 위해 개발자를 위한 Microsoft Visual Studio 제품과 디자이너를 위한 Microsoft Expression 제품을 권장해 드리며 일관되고 표준화된 빠른 프로젝트 진행이 가능하기 때문에 효율적인 WPF/E와 웹서비스 구현이 가능해 집니다. 

상세한 내용은 다음 Post인 개발자를 위한 WPF/E 에서 설명 드리도록 하겠습니다.

 

추가적으로, Windows 서버에 포함되어 있는 Windows Media 서버를 이용하실 경우에 서비스 가능한 스트리밍 미디어 기능 역시 WPF/E에서 100% 활용 가능합니다.

 

WPF/E 웹 서비스 방식을 간단히 부연 설명을 드리면, 서버에서는 단순히 html(ASP, ASP.NET, PHP가능) 파일을 내려 보내며, xaml 파일을 html 페이지 안에 삽입해 주시면 됩니다. – 쉽지요? ^_^

아, 당연하겠지만, 브라우져에 설치되는 WPF/E 런타임도 물론 무료입니다.

 

6. WPF/E가 제공하는 기능에 대해서 설명해 주시길 바랍니다.

(1) Windows Media 기술을 그대로 이용하는 강력하고 편리한 미디어 기술

비디오, 오디오 기술, 인터렉티브 2D 애니메이션 기술과 텍스트 기술, Vector 이미지 그래픽 기술을 사용 가능합니다. 

특히, 미디어 기능은 WPF 기술과 비교해도 손색이 없이 강력하며 다양한 웹 미디어 기술을 단 몇줄의 XAML 코드로 빠르고 효율적으로 구현 가능합니다. 

추가적으로, 동적으로 미디어 크기 조절 기능이 추가되어 광고 동영상을 손실 없이 부드럽게 동적으로 삽입 할 수 있습니다.

(2) Windows Media 기술을 응용

향상된 Windows Media 기술로 인터렉티브 비디오 기술, 오버레이(Overlays), 광고 삽입 기술을 이용 가능합니다.

(3) 크로스플랫폼, 크로스브라우져

여러 플랫폼과 브라우져에서 사용 가능하기 때문에 좀더 Reach한 고객에게 서비스를 하실 수 있습니다.

(4) 검색서비스와의 연계 기능

검색엔진에게 미디어는 말그대로 “블랙박스”입니다. 하지만, WPF/E를 이용하면 이 미디어에 여러 의미를 부여할 수 있기 때문에 검색엔진 등에 손쉽게 인덱싱 될 수 있어 좀더 많은 사용자에게 서비스가 가능합니다.

(5) 다양한 미디어 포맷과 프로토콜을 지원합니다.

현재 예정된 미디어 포맷은 WMV, WMA, MP3를 지원하며 프로토콜은 HTTP, HTTPS, MMS를 지원합니다. 코덱(Codec)이 내장되기 때문에 플랫폼이나 브라우져에 독립적으로 실행되며, WMA Pro 미디어 역시 곧 포함될 예정입니다. 추가적으로, SMPTE 표준 VC-1 코덱(HD-DVD나 블루레이에 포함된 것과 같은 코덱) 역시 추가되어 초고화질의 동영상 미디어를 WPF/E에서 서비스 가능하도록 구현될 예정입니다.

 

관련 자료 : SMPTE Releases VC-1 Standard (영문)

http://www.smpte.org/news/pr/view?item_key=a135f13b173a982bb71f1cd3ee4403671fcf2057

 

다음으로 예정된 Post는 아래와 같습니다.

Better Web, Better UX를 위한 Microsoft의 차세대 웹 전략, WPF/E를 말한다. (2) 개발자/IT Pro

 

WPF/E 기술에 대해서 관심 있으시면, 언제든지 http://www.uxkorea.net에 방문해 문의 주시면

최선을 다해 답변 드리도록 하겠습니다.

 

감사합니다.

저작권자 © 블로터 무단전재 및 재배포 금지