Into the new world

회사에서 컴퓨터 2대를 쓰고 있는데

하나는 XP(한글)
하나는 Vista(영문) 입니다

Silverlight 2 beta 2가 나오자마자 XP에 설치하려다가 실패 -_- (영문판을 받아버려서 -_-)

구글링을 통해 온갖 정보 습득 후 XP에 재시도(생각해보니 상당히 이상한 방법이었어여.. 인스톨 파일을 분석하고 어쩌다가 에러나면 작업관리자에서 강제종료후 저쩌라는)

근데 또 실패!

그래서 그냥 윈도우 지우고 겨우겨우 설치했습니다.

 이제 문제는 Vista!!
이번엔 아는 분들의 도움을 받아 설치 순서 및 한글버전 다운로드 후 설치시도

그런데 또실패!!? -_- (듣보잡 에러와 함께)

또 구글링 해보니까 언어가 안맞을 경우 이런 현상이 발생한다고 하더라구염

제 Vista 환경은 영문(-_-) 비쥬얼은 한글인데.. 처음 시도해서 실패한 방법이 실버라이트 2 Beta 2 한글 버전으로 설치했을 경우니까.. 아!! 영문 실버라이트로 설치하면 되겠구나!!
라는 생각과 함께 재설치 ㄱㄱ






그런데................................................



또 실패 -_-;;

 이것저것 발표자료를 찾아보던 중에

 http://www.visifire.com/ 라는 사이트를 발견하게 되었습니다.

 차트 컴포넌트를 제작, 배포하는 사이트입니다.

 깔끔하고, 다양한 옵션들을 제공합니다. 무엇보다도 마음에 드는건 오픈소스라 조금만 살펴본다면 입맛에 맞게 수정까지 가능하다는 점이네욤.

 사용법은 정말 간단합니다.

  정적인 데이터 및 기본 모양 형식을 그대로 사용하실 계획이면
   http://www.visifire.com/silverlight_chart_designer.php 

 위의 링크에 가셔서 제공되는 옵션을 통해 제작하신 후 ViewHtml 혹은 Viexml 모드를 통해 xaml 혹은 html을 저장합니다.

 그후에,
   http://www.visifire.com/download_silverlight_charts.php 에 가셔서
 Visifire for embedding into Webpages 페이지의 기본 모듈을 웹서버에 적용하신 후 저장하신 xaml 혹은 html 파일을 웹서버에 올리시면 됩니다. (어떻게 보면 더 복잡한 방법이 되었을 수도 있네요.)

 만약 동적인 데이터를 이용하실 계획이시라면 다운로드 링크에 가신뒤
 Visifire for Silverlight Applications 메뉴에서 Silverlight Application을 다운 받습니다.

 압축을 풀면 dll 2개가 제공됩니다.

Visifire.Charts , Visfire.Commons

 이 두개의 dll를 실버라이트 프로젝트에 참조 하신후

using Visifire.Commons;
using Visifire.Charts; 

을 해주시면 기본적인 준비는 완료됩니다.

-- visfire의 가이드를 참고하였습니다.
페이지 로드시에 차트가 보여지게 하기 위해선 public Page()에서 메소드를 호출해야 합니다.
(CreateChart());

public void CreateChart()
{
    LayoutRoot.Children.Clear();
    // 차트 객체 생성
    Chart myChart = new Chart();

    myChart.Height = 400;
    myChart.Width = 300;

    // 기본적으로 Visifire 마크가 찍히는데 사실 눈에 좀 거슬리므로 지우도록 합니다.
    myChart.Watermark = false;
    // 로드시의 애니메이션을 정합니다. 현재 Type1~5까지 있습니다.
    myChart.AnimationType = "Type3";    

     //챠트에 포함될 데이터 입니다.
    DataSeries dataSeries = new DataSeries();
    //챠트 타입입니다.
    //타입을 string으로 직접 받는다는 게 그리 썩 좋아 보이지는 않습니다.
    //제공되는 타입은 아래와 같습니다.
    //     public enum ChartTypes {Bar, Column, Pie, Line, Area, Point,
    //                       StackedColumn, StackedColumn100,
    //                       StackedArea, StackedArea100,StackedBar,
    //                          StackedBar100,Doughnut,Bubble   }
    dataSeries.RenderAs = "LINE";  
   
    // 데이터를 임의로 넣습니다.
    Random ran = new Random();
    for (int loopIndex = 0; loopIndex < 5; loopIndex++)
    {
          DataPoint dataPoint = new DataPoint();
          dataPoint.YValue = ran.Next(1, 10000000);
          //툴팁 부분입니다.
          dataPoint.ToolTipText = "데이터" + loopIndex.ToString();
          dataSeries.Children.Add(dataPoint);
    }
}

요정도 작성하신뒤 컴파일하시면 나름 괜찮은 Line 차트가 나옵니다. ㅋ

아직 베타인데 이것저것 나오는것 보니 매우 신기하네요. 열심히 공부해야겠습니다.

VS2008에서 현재 제공되는 SDK를 설치 후, 프로젝트를 생성하면 아래와 같은 이미지가  나옵니다.

새로운 솔루션형태로 제작된다면 아쉽게도 3번째 옵션 Link this Silverlight control into an exisiting Website 은 활성화되지 않습니다. 3번째 옵션의 활성화를 위해서는 현재 열려있는 솔루션 내에 웹사이트가 오픈되어 있을 경우 활성화 됩니다.

 뭐 활성화 안되는 애는 제외하고

 1. Add a new Web to the solution for hosting the control
 2. Generate an HTML test page to host Silverlight within this project

를 살펴보도록 하겠습니다

먼저 첫번째 옵션인 Add a new Web to the solution for hosting the control 을 보면 약간 특이한 사항이 있습니다. 바로 아래쪽에 제공되는 추가 옵션 입니다.

 Project type 에는 Web Site와 Web Application 을 선택할 수 있고, Name에는 Project type에 해당하는 프로젝트의 이름을 지정할 수 있습니다.

 딱 보면, 첫번째 옵션은 Silverlight 프로젝트 그리고 ASP.NET 프로젝트를 동시에 생성하는 것을 알 수있습니다. 자연스럽게 Silverlight 프로젝트는 ASP.NET 프로젝트에 포함되는 형태로 제작됩니다.

그렇다면 두번째 제공되는 옵션을 살펴보면 순수한 실버라이트 프로젝트만 제작됩니다. 그렇다고해서 라이브러리 처럼 테스트용 페이지를 따로 제작할 필요는 없습니다. 프로젝트 내에서 테스트용 페이지를 제공합니다.

좀 더 명확하게 알아야 할 필요가 있어서 정리를 해보았습니다.