'실버라이트'에 해당되는 글 4건
- 2008/02/18 서버-클라이언트의 환경 설정하기!!(1)
- 2008/02/14 실버라이트 2.0 설치하기 두번째..
- 2008/02/12 우선 설치를 해보아야지요!!
- 2008/02/04 실버라이트 2.0에 대해..(3)
오늘은 간단한 실버라이트로 작성한 미디어 프로그램을 서버컴퓨터에 올린 후 클라이언트에서 실버라이트를 볼 수 있는 과정을 적어보겠습니다.
이 전번에 올린 실버라이트 개발 환경을 다 만들어 주셔야 됩니다. ^^ 그럼 시작할까요?
우선 구성은 이렇게 하겠습니다. 서버는 IIS를 사용하고 개발은 .NET 2008에서 코딩하고 익스프레스 블렌드로 UI를 만들겠습니다.
우선 IIS를 설치해야 되는데요.. IIS설치는 다음과 같습니다.
윈도우 XP라면 제 컴퓨터에서는 <제어판>-<프로그램 추가/제거>를 누르면
위와 같은 화면이 나오는데요 왼쪽 탭중에 Windows 구성 요소 추가/제거를 누릅니다.
그럼 위와 같은 그림이 나오는데요 IIS클릭하고 다음을 누르면 Windows XP CD를 삽입하라고 나옵니다. 안내의 따라서 설치를 하면 IIS는 설치가 완료되었습니다. ^^
설치 후 웹 브라우저를 키고 http://localhost 또는 http://207.0.0.1 을 쳐보시면 IIS안내 페이지가 나오는데요.. 이렇게 되면 잘 설치가 되었고 서버가 실행중이라는 것 입니다.
만약 페이지 오류가 뜬다면 다음과 같이 확인해 보세요 ^^ 저도 여기서 많이 고생했다는...
1. 서버실행하기!!
<제어판>-<성능 및 유지 관리>-<관리도구>-<인터넷 정보 서비스>를 누릅니다.
위와 같은 화면이 나오는데 빨간 네모쳐진 부분에 플레이 버튼이 회색인지 보세요.. 만약 아니라면 클릭하시면 서버가 실행되면서 회색으로 빠뀌게 됩니다.
이제 서버는 설치가 되었으니 서버에 올릴 프로그램을 만들어 보겠습니다.
크게 순서는 상관이 없지만 .Net 2008에서 시작하겠습니다.
새 프로젝트를 만들고 C# 프로젝트에 Silverlight Project를 만듭니다.
자... UI는 아무래도 Expression Blend를 사용하는게 낫겠죠? ^^ 그럼 실행~ 고고~
블렌드에서 OpenProject를 선택합니다. 그리고 .NET 2008에서 만든 프로젝트 폴더에 솔루션 파일을 열어 줍니다.
지금 이 포스트는 블렌드 사용법을 적는 포스트가 아니라 서버-클라이언트 환경 구축의 한 방편을 설명 하는 것이기 때문에 블렌드로 UI제작하는 방법은 설명하지 않겠습니다.
저는 간단한 동영상을 플레이 하는 실버라이트 프로그램을 만들었습니다.
^^; 프로그램을 너무 허접하게 해서.. 실버라이트에 누를 끼치는 건 아닌지... 각설하고!
UI가 되었습니다. 이제 다시 .NET 2008로 갑니다.
2008에는 이미 플레이어에 대한 이벤트나 URL이 설정되었다고 가정합니다.
우선 빌드를 합니다. 성공적이라면 새프로젝트를 주가해 줘야합니다.
<파일>-<추가>-<새프로젝트>
위와 같이 웹 서비스 응용프로그램을 추가합니다.
이제부터가 이 포스트의 핵십입니다. ^^
웹서비스 프로젝트에서 마우스 오른쪽 버튼 클릭해서 실버라이트를 링크 시킵니다.
그럼 어떤 프로젝트를 링크 시킬건지가 나오게 되는데 선택하여 클릭해주면 완료!
정상적으로 지금까지 수행 하셨다면 dll파일과 xaml 파일이 자동으로 옮겨 지신 화면을 보고 계실겁니다. 다음과 같이 말이죠!
이 후에는 실버라이트 프로젝트에 Silverlight.js와 Html파일과 그에 속한 Html.js 파일을 웹 서비스로 옮겨 줍니다.
자.. 이제 마지막 작업입니다. 만약 IIS설정에서 가상 디렉토리를 변경하셨다면 그 폴더로 아니라면 C:\Inetpub\wwwroot 폴더로 갑니다. 여러가지 파일이 있습니다. 이 곳은 IIS에 별다른 설정을 안하셨다면 웹 서버 가상 디렉토리가 됩니다.
IIS 설정에서 초기 페이지를 무엇으로 할 수 있는지 설정할 수 있는데 저는 index.html로 설정 했습니다. 이곳에 다음과 같은 파일을 옮겨야 합니다. 웹 프로젝트 폴더 안에 있는 파일 입니다!!!!!
1. html파일 (저는 프로젝트명.html)
2. js파일 두개(저는 프로젝트명.html.js 와 Silverlight.js)
3. XAML파일 (저는 Page.xaml 이었습니다.)
4. ClientBin폴더(이 폴더안에 dll파일은 필수로 같이 옮기세요!!)
지금 까지의 과정을 마치셨다면.. 결과 화면을 볼 수 있습니다.
http://localhost/시작파일명 이나 http://자신의IP주소 를 치시면 됩니다.
자신의 IP를 모를때에는 <시작>-<실행>에서 cmd 엔터 치시면 콘솔 모드로 가는데 여기서
ipconfig /all 엔터 치시면 자신의 네트워크 정보가 나옵니다. ^^;
제가 7시간을 이유를 몰랐던.. 오류가 있을 수 있습니다. 어라? 내 컴퓨터에서는 잘보이는데 왜 다른사람은 안보이지?? 자신의 IP주소를 쳐서 프로그램이 정상 작동 한다면 다른 사람이 잘 못된 것입니다.
실버라이트는 서버 기반이아니라 클라이언트 기반이기 때문에 서비스를 원하는 쪽에 Runtime이 설치 되어 있어야 정상 작동합니다.
MicroSoft나 Silverlight 홈페이지에서 다운 받을 수 있는데 만약 제가 올린 스펙으로 설치 하셨다면 1.0을 설치하셔도 다른 사람이 볼 수 없습니다. 받는 쪽에서 반드시 1.1 Alpha Runtime을 설치해야 되거든요.. 그래서 링크 하겠습니다. ^^
http://www.microsoft.com/silverlight/license-win-dev.aspx
위에 링크된 사이트에서 약관에 동의를 하시면 바로 1.1 알파 런타임을 다운 받으실 수 있습니다.
제가 만든 간단한...재생만 1번되는..^^ 링크해볼게요..
참고로 동영상은 제 블로그 링크되어있는 아름냥이 만든거에요..
여기 까지 읽으시느라 수고 많으셨고 즐거운 하루 되세요 ^^
만약 12일에 제 글을 보고 실버라이트 2.0 환경을 다운받아 설치하셨다면.. 죄송합니다.
당시 제가 올린 다운로드 경로는 실버라이트 1.0입니다. ㅠㅠ
지금은 다시 바꿔 놓았습니다.
위에 그림과 같이 새 프로젝트를 선택했을 때 WPF를 위한 프로젝트 두 가지와 실버라이트를 위한 프로젝트 두가지가 보이면 실버라이트 2.0 체험을 위한 설치가 성공적으로 된 것입니다.
저같은 경우엔 달랑 한가지만 나왔었는데 그 이유는 2가지가 있습니다.
1. Expression Blend 2 가 아닐 수 있습니다.
2. Silverlight 1.1 Tools for Visual Studio 2008을 설치 안했을 경우입니다.
위와 같이 닷넷에서도 실버라이트 프로젝트를 선택할 수 가 있습니다.
이제 실버라이트 프로젝트를 해야되는데...
실버라이트 1.0 Site 는 자바스크립트 기반의 실버라이트 1.0 프로젝트이다.
(.NET "Orcas")를 선택하면 실버라이트 2.0(내부적으로는 1.1)을 위한 프로젝트이다.
익스프레션 블렌드는 UI를 미려하게 디자인 할 수 있는 디자인 툴이라고 한다면 소스 코드를 코딩할 수 있는 개발 툴은 비쥬얼 스튜디오 2008을 선택할 수 있다. 물론 메모장과 Microsoft SilverLight SDK만 가지고도 개발은 할 수 있지만 이 것은 산을 만들기위해 직접 돌과 흙을 나르는 것과 같다.
.Net Framework 3.5를 기준으로 하는 실버라이트 2.0이기 때문에 비쥬얼 스튜디오 2008의 선택은 다른 여지가 없을 정도이다.
여기서 알아두어야 할 것은 실버라이트 2.0의 닷넷 프레임 워크와 WPF에서 사용하는 닷 넷 프레임 워크는 완전히 다른 것이라는 점이다. WPF에서는 완전한 형태의 닷넷 프레임워크인 반면에 실버라이트에서 사용하는 닷넷 프레임워크는 3.5의 기능들을 중심으로 중요한 기능들 위주로 별도로 가볍게 구현한 닷넷 프레임워크라는 것이다.
실버라이트용 닷넷 프레임워크는 웹상에서 실행되고 있지만 운영체제나 브라우저에 상관없이 실행 되는 것을 목표로 개발 되었기 때문에 특별히 크로스 플랫폼용 닷넷 프레임워크라고 부르기도 한다.
지금 현재 실버라이트 2.0은 아직 정식 제품이 나와 있지 않다. 대신 비슷하게 맛을 볼 수 있는 실버라이트 1.1 Refresh Alpha 버전을 이용할 수 있다. 지금 닷넷 기술을 이용하는 실버라이트 2.0을 사용하기 위한 조합은 이렇게 추천한다.
0 Windows XP Service Pack 2 이상의 운영체계(필수)
0 Visual Studio Team System 2008 베타 2 Team Suite
http://www.microsoft.com/downloads/details.aspx?familyid=428C076F-E3EF-4290-9FF4-F6FD8F180B7D&displaylang=ko
0 Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2008
http://www.microsoft.com/downloads/details.aspx?FamilyId=25144C27-6514-4AD4-8BCB-E2E051416E03&displaylang=en
0 Expression Blend (December ver)
http://www.microsoft.com/downloads/details.aspx?FamilyID=65177e23-c116-475a-9057-5a5071a379f6&DisplayLang=en
다른 것은 그냥 다운 받을 수 있으나 블렌드의 경우 평가판이기 때문에 회원가입이 되어야하고 따로 정보를 입력해야 다운로드 받을 수 있습니다.
위의 4가지는 필수 입니다. 이외 다음 두 프로그램을 설치하면 좋습니다.
0 Microsoft Expression Encoder
0 Microsoft Expression Design
http://www.microsoft.com/korea/expression/products/download_studio.aspx
개인적으로 다운 받는데..2시간이 걸리네요... 인내심을 기르고!! 다운 완료!!
자.. 이제 준비가 되었으니 설치를 해볼까요?
우선 VS 2008부터 설치해보겠습니다.
2008설치 파일은 ISO파일로 되어있습니다.
저 같은 경우는 Virtual Demon을 사용하는데요..
2008설치에서 어려운 부분은 없습니다. 그냥 설치 누르고 다음 버튼 누르면 끝이 납니다. ^^;
그럼... 좀 시간이 긴 설치 기간을 거치면 2008설치가 완료 되었습니다. ^^
2008은 기본적으로 .NET Framework 3.5를 설치하는군요...
참고로 저는... 다운이 있었습니다. ㅠㅠ 리소스가 없었는지...
재부팅 후 다시 설치를 진행하니 잘되더군요!!! 핫!! 어찌되었든 2008 설치 완료!!
닷넷만 오래 걸릴 뿐이지 나머지는 금방 금방 됩니다 ^^
오늘 하루 다 보냈네요 ㅠㅠ 아..닷넷... 내일은 직접 해봐야지요 ^^
참참!! 첫 실행화면!! 짜쟌~
로드 되는 중에 한 학생이.. 뭘 하는 걸까?... 어쨌든 잠시후..
Expression Blend를 실행 해보았습니다..두둥!
이젠 뭘 해야 되는지..참 예제소스좀 볼까요? ^^;
그랜드 피아노란 예제입니다... 오오!! 디자인..하지만 소리는 안나네요 ㅡㅡ;;
실행하는데 좀 걸렸습니다. ㅋㅋ 단축키는 F5누르면 실행되요~
프로젝트를 보다보니.. 흠..
보시면 알겠지만.. 가운데는 레이아웃을 보여주는 거 갖구여.. 오른쪽 상단에 .NET에 클래스뷰어 같은
스타일.. 무엇보다 위에 C#이라고 나와 있네요.. ^^; 왼쪽 아래쪽에 보면 포토샵에서 쓰던 마스크 뷰어 같은 스타일...흠.. 두근두근!! 하지만 아직도 뭔지 모르는 ㅠㅠ
암튼 뿌듯하네요 ^^;
사실 실버라이트가 뭔지 잘 몰랐습니다.
2008년 웹 개발 기술에 대해 살펴보다가 알게 되었죠 ^^
자자 시작합시다..
우선 실버라이트란 차세대 웹을 위한 미디어 경험과 RIA(Rich Internet Application)를 제공하는 크로스 플랫폼, 크로스 브라우저를 지원하는 플러그인이라고 할 수 있습니다. 어렵죠?? ^^;
==실버라이트 1.0==
실버라이트 1.0은 완성도나 기능적인 면 이외에 여러가지 면이 베타같은 정식버전이라는 말이 많습니다. 기본적으로 버튼이나 텍스트 박스 조차 만들 수 없었지만 MS는 RIA시장을 선점하고 있는 다른 여러업체에 도전장을 내밀었다는 의미에 제품입니다. 하지만 선전포고 역할은 정말 톡톡히 해냈다고 평가 되고 있습니다. 국내나 외국에는 이미 실버라이트의 정보로 넘쳐나고 iSBS나 MNet 같은 업체들도 부분적으로 도입하였기 때문입니다.
기존의 RIA시장을 독식하고 있던 Adobe사는 다소 난처한 경우지만 RIA시장을 즐기는 이용자나 개발자들은 다소 즐거운 소식일 수 밖에 없었습니다. 또한 HD급 화질을 제공하는 RIA기술은 지금까지는 실버라이트가 유일한 대안이었습니다.
하지만 이 버전에서는 자바스크립트만 지원이 되었습니다. 장점이라고는 WMV/VC1/WMA/MP3가 모두 지원되는 모델로서 중간에 별도의 엔코딩을 하지 않고 바로 동영상을 볼 수 있으며 운영체제나 윈도우미디어로부터 자유로운 점이 있었습니다. 하지만 개발자들이 디버깅하기 귀찮아하는 자바 스크립트를 이용한 개발은 개발자들과 거리감을 두게 되었습니다.
이후 1.1을 기다리던 사람들에게 난데 없이.. 차기버전 2.0이 나오게 되었습니다. 하지만 너무 큰 변화로 1.1이 아닌 2.0이 될 수 밖에 없었죠!!
==실버라이트 2.0==
실버라이트 2.0이 1.1이 아닌 2.0이 될 수 밖에 없는 이유를 지금부터 이야기 해볼게요~
(말투가 갑자기 바꼈군요.. 제 블로그니..제 맘대로.. ^^;)
1. 실버라이트용 CLR(Common Language Runtime) 제공
=>CLR은 닷넷기반의 프로그래밍 언어로 개발된 프로그램을 실행시키는 역할을 하는 실행 기반입니다. 2.0에서 부터 별도의 CLR이 제공되면서 자바스크립트가 아닌 C#이나 혹은 루비/파이썬/VB.NET을 이용할 수 있게 되었습니다.
2. 미디어와 관련된 DRM을 제공하고 서버 측에서 데이터를 가져오기 위한 웹서비스 제공
=>사실 아직 잘 모르는 부분이지만 웹서비스의 지원은 개발자에게 천군만마를 얻는 것과 같다고 합니다. AJAX를 이용할 수도 있지만 보편적이고 일반적으로 선호하는 것이 웹서비스를 이용하는 것이기 때문이죠.. 그리고 DRM을 제공해주는데 DRM은 쉽게 말하면 컨텐츠를 보호하기 위한 자체 락이라고 생각하면 됩니다. 2.0부터 DRM을 제공하면서 상업적으로 널리 쓰이게 될 것입니다.
3. 플랫폼으로부터 자유로움
=> 2.0은 MS역사상 처음으로 다양한 플랫폼을 지원합니다. 크로스 플랫폼, 크로스 브라우저를 지원하지요... 지금 Windows와 MAC을 공식적으로 지원하고 있고 Linux도 지원하게 될 것이라고 말하고 있습니다. 또한 익스플로러, 파이어폭스, 사파리, 오페라의 4대 브라우저도 모두 지원합니다. 향후 임베디드기기까지 지원이 예정되어 있습니다.
이 외에 WPF UI Framework/ 풍부한 컨트롤/ 풍부한 네트웍 기능 제공/ 풍부한 기반 클래스 라이브러리의 지원등 여러가지 장점이 있으나 필자에 실력이 부족한 관계로 향후 업데이트 하겠습니다. ㅠㅠ
<그림 1. 실버라이트 2.0 아키텍쳐>
<그림 2. 실버라이트 2.0 개발환경을 한 눈에>
지금 실버라이트 2.0은 정식제품이 나와 있지 않습니다. 대신 비슷하게 맛을 볼 수 있는 실버라이트 1.1 Refresh Alpha 버전을 이용할 수 있습니다. 지금 닷넷 기술을 이용하는 실버라이트 2.0을 사용하기 위한 조합은 다음과 같이 추천합니다.
-Windows XP Service Pack 2 이상의 OS(필수)
-Microsoft Visual Studio 2008 한글 베타2(필수)
-Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2008(필수)
-Microsoft Expression Blend 2 September Preview(필수)
-Microsoft Expression Encodder
-Microsoft Expression Design
<<참고한 사이트 입니다.>>
1. http://blog.daum.net/younwoomom/6192808
2. Micro SoftWare 08/01호
2008년 웹 개발 기술에 대해 살펴보다가 알게 되었죠 ^^
자자 시작합시다..
우선 실버라이트란 차세대 웹을 위한 미디어 경험과 RIA(Rich Internet Application)를 제공하는 크로스 플랫폼, 크로스 브라우저를 지원하는 플러그인이라고 할 수 있습니다. 어렵죠?? ^^;
==실버라이트 1.0==
실버라이트 1.0은 완성도나 기능적인 면 이외에 여러가지 면이 베타같은 정식버전이라는 말이 많습니다. 기본적으로 버튼이나 텍스트 박스 조차 만들 수 없었지만 MS는 RIA시장을 선점하고 있는 다른 여러업체에 도전장을 내밀었다는 의미에 제품입니다. 하지만 선전포고 역할은 정말 톡톡히 해냈다고 평가 되고 있습니다. 국내나 외국에는 이미 실버라이트의 정보로 넘쳐나고 iSBS나 MNet 같은 업체들도 부분적으로 도입하였기 때문입니다.
기존의 RIA시장을 독식하고 있던 Adobe사는 다소 난처한 경우지만 RIA시장을 즐기는 이용자나 개발자들은 다소 즐거운 소식일 수 밖에 없었습니다. 또한 HD급 화질을 제공하는 RIA기술은 지금까지는 실버라이트가 유일한 대안이었습니다.
하지만 이 버전에서는 자바스크립트만 지원이 되었습니다. 장점이라고는 WMV/VC1/WMA/MP3가 모두 지원되는 모델로서 중간에 별도의 엔코딩을 하지 않고 바로 동영상을 볼 수 있으며 운영체제나 윈도우미디어로부터 자유로운 점이 있었습니다. 하지만 개발자들이 디버깅하기 귀찮아하는 자바 스크립트를 이용한 개발은 개발자들과 거리감을 두게 되었습니다.
이후 1.1을 기다리던 사람들에게 난데 없이.. 차기버전 2.0이 나오게 되었습니다. 하지만 너무 큰 변화로 1.1이 아닌 2.0이 될 수 밖에 없었죠!!
==실버라이트 2.0==
실버라이트 2.0이 1.1이 아닌 2.0이 될 수 밖에 없는 이유를 지금부터 이야기 해볼게요~
(말투가 갑자기 바꼈군요.. 제 블로그니..제 맘대로.. ^^;)
1. 실버라이트용 CLR(Common Language Runtime) 제공
=>CLR은 닷넷기반의 프로그래밍 언어로 개발된 프로그램을 실행시키는 역할을 하는 실행 기반입니다. 2.0에서 부터 별도의 CLR이 제공되면서 자바스크립트가 아닌 C#이나 혹은 루비/파이썬/VB.NET을 이용할 수 있게 되었습니다.
2. 미디어와 관련된 DRM을 제공하고 서버 측에서 데이터를 가져오기 위한 웹서비스 제공
=>사실 아직 잘 모르는 부분이지만 웹서비스의 지원은 개발자에게 천군만마를 얻는 것과 같다고 합니다. AJAX를 이용할 수도 있지만 보편적이고 일반적으로 선호하는 것이 웹서비스를 이용하는 것이기 때문이죠.. 그리고 DRM을 제공해주는데 DRM은 쉽게 말하면 컨텐츠를 보호하기 위한 자체 락이라고 생각하면 됩니다. 2.0부터 DRM을 제공하면서 상업적으로 널리 쓰이게 될 것입니다.
3. 플랫폼으로부터 자유로움
=> 2.0은 MS역사상 처음으로 다양한 플랫폼을 지원합니다. 크로스 플랫폼, 크로스 브라우저를 지원하지요... 지금 Windows와 MAC을 공식적으로 지원하고 있고 Linux도 지원하게 될 것이라고 말하고 있습니다. 또한 익스플로러, 파이어폭스, 사파리, 오페라의 4대 브라우저도 모두 지원합니다. 향후 임베디드기기까지 지원이 예정되어 있습니다.
이 외에 WPF UI Framework/ 풍부한 컨트롤/ 풍부한 네트웍 기능 제공/ 풍부한 기반 클래스 라이브러리의 지원등 여러가지 장점이 있으나 필자에 실력이 부족한 관계로 향후 업데이트 하겠습니다. ㅠㅠ
실버라이트 2.0 아키텍쳐
실버라이트 2.0 개발환경
<그림 2. 실버라이트 2.0 개발환경을 한 눈에>
지금 실버라이트 2.0은 정식제품이 나와 있지 않습니다. 대신 비슷하게 맛을 볼 수 있는 실버라이트 1.1 Refresh Alpha 버전을 이용할 수 있습니다. 지금 닷넷 기술을 이용하는 실버라이트 2.0을 사용하기 위한 조합은 다음과 같이 추천합니다.
-Windows XP Service Pack 2 이상의 OS(필수)
-Microsoft Visual Studio 2008 한글 베타2(필수)
-Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2008(필수)
-Microsoft Expression Blend 2 September Preview(필수)
-Microsoft Expression Encodder
-Microsoft Expression Design
<<참고한 사이트 입니다.>>
1. http://blog.daum.net/younwoomom/6192808
2. Micro SoftWare 08/01호
Recent Comment