'실버라이트 설치'에 해당되는 글 3건
- 2008/02/18 서버-클라이언트의 환경 설정하기!!(1)
- 2008/02/14 실버라이트 2.0 설치하기 두번째..
- 2008/02/12 우선 설치를 해보아야지요!!
오늘은 간단한 실버라이트로 작성한 미디어 프로그램을 서버컴퓨터에 올린 후 클라이언트에서 실버라이트를 볼 수 있는 과정을 적어보겠습니다.
이 전번에 올린 실버라이트 개발 환경을 다 만들어 주셔야 됩니다. ^^ 그럼 시작할까요?
우선 구성은 이렇게 하겠습니다. 서버는 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#이라고 나와 있네요.. ^^; 왼쪽 아래쪽에 보면 포토샵에서 쓰던 마스크 뷰어 같은 스타일...흠.. 두근두근!! 하지만 아직도 뭔지 모르는 ㅠㅠ
암튼 뿌듯하네요 ^^;
Recent Comment