Better Web, Better UX를 위한 MS의 차세대 웹전략 ＇Silverlight＇를 말한다(2) 개발자 - 2
2007-04-17 준서아빠
[지난 Post 및 소개 글]
Better Web, Better UX를 위한 Microsoft의 차세대 웹 전략, Silverlight(코드명 "WPF/E")를 말한다. (1) 일반
http://www.uxkorea.net/blog_post_17.aspx
Better Web, Better UX를 위한 Microsoft의 차세대 웹 전략, Silverlight(코드명 ＂WPF/E＂)를 말한다. (2) 개발자 - 1
http://www.uxkorea.net/blog_post_21.aspx
LIGHT UP THE WEB!!! Silverlight 소개
http://www.uxkorea.net/blog_post_20.aspx
Microsoft Silverlight 웹사이트
http://www.microsoft.com/silverlight
4. Silverlight 솔루션을 개발하는 방법을 보여 주십시오.
Hello World 대신 Silverlit의 강력한 미디어 기능을 400% 활용한 Hello Media를 하자는 약속 기억 나시죠? 왜 400%인지 아래 동영상으로 개발 방법에 대해서 소개해 드리도록 하겠습니다.
<<<비디오 캐스트 보러가기>>>
비디오 캐스트 전체 코드 다운로드
http://www.uxkorea.net/Lab/Hello_Media.zip
코드를 실행하시는 방법은 아래의 내용을 참고 하시길 바랍니다. ^_^
비디오 캐스트에서 설명 드린 내용
1) Silverlight 프로젝트 템플릿 소개 및 프로젝트 구조 설명
2) Silverlight 개체에 대한 시작, 중지, 잠시멈춤 기능 구현을 통해 속성, 메소드 및 이벤트 구현 방안
3) 강력한 미디어 기능 구현.
프로그레시브 모드로 다운로드 되면서 동영상이 플레이 되고, 4개의 동영상을 동시에 플레이.
미디어 기능 소개, 미디어 오버레이 기능 소개.
4) 웹 표준 기술인 Javascript 기술과의 연동 = AJAX 기술과의 연동, 향후 광고 비지니스, 기존 웹 기술과의 손쉬운 통합이 가능한 예제를 제시
5. Silverlight 개발 작업을 진행 하려면 어떻게 해야 하나요?
1) Silverlight 다운로드 및 설치
Silverlight 윈도우용 다운로드 사이트 : Silverlight Community Technology Preview for Windows (Feb 2007)
현재 CTP(Community Technology Preview)중으로 Silverlight의 강력한 기능을 테스트 해 보실 수 있습니다. Silverlight는 아주 작은 Runtime만을 웹에서 설치 하시면 즉시 사용해 보실 수 있으며 크기는 약 1.1M(2007년 2월 CTP)입니다.
다운로드 : Silverlight Community Technology Preview for Windows (Feb 2007)
http://www.microsoft.com/downloads/details.aspx?FamilyId=E63992D3-CCF5-40B9-B98A-D16BCA57467C&displaylang=en
2) Silverlight SDK, Visual Studio Silverlight 프로젝트 Template 설치
Silverlight SDK 설치
다운로드 : Silverlight SDK - Software Development Kit (SDK) Community Technology Preview (Feb 2007)
http://www.microsoft.com/downloads/details.aspx?FamilyID=c744cbb8-d4d9-4bf9-ad5c-eef36e064911&displaylang=en
Visual Studio 2005에서 Silverlight 프로젝트 템플릿 설치
SDK를 설치 하신 후 Visual Studio 2005 SP1을 설치 합니다.
이어서 시작버튼 -> 프로그램 -> WPF/E(Silverlignt) SDK 메뉴의 Tool 메뉴를 보시면 "Install WPFE VS Template"이 있으며 클릭하시면 Visual Studio 에서 사용 가능한 template이 설치 됩니다.
코드는 1개의 Silverlight ActiveX를 포함할 수 있는 HTML파일과 XAML 파일로 구성되며 JS폴더에는 eventhandler.js, aghost.js(SilverlightHost.js로 곧 변경될 것입니다.) 파일이 구성되어 있습니다.
3) aghost.js 및 프로젝트 템플릿 설명
Silverlight 프로젝트 및 aghost.js 파일에 대한 상세한 설명은 다음 Link를 참고 하시길 바랍니다.
Taeyo님의 Silverlight 강좌 - 프로젝트 템플릿 & aghost 설명
6. Silverlight 개발 Post를 마치면서...
Better Web, Better UX를 위한 Microsoft의 차세대 웹 전략, Silverlight는 이제 CTP가 시작 되었습니다. 현재 Silverlight을 대하는 업계의 반응으로 볼때 공식으로 Silverlight가 발표 되면 더욱 재미있는 웹 세상이 열릴것으로 기대 되네요. ^_^
다음 Post들을 통해 더 쉽고 재미있는 Silverlight 이야기를 전달해 드리도록 하겠습니다.
감사합니다.