블로그 이미지
정홍주
Azure에 대한 내용뿐만 아니라 새로운 트렌드로 빅데이터, BI, SharePoint, 앱 등의 내용을 다룹니다.

calendar

        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

Notice

2011.08.11 19:35 기타/Windows Phone

SketchFlow Template for Windows Phone 에 대한 내용이 CodePlex에서 제공됩니다.

ProtoType
이나 목업을 작업하기가 기본적으로는 SketchFlow에서 좀 그렇긴 한데


아래 링크를 통해 액세스 하시면 프로토 타입 만들기가 좀 편하긴 합니다.

작업하시는 분들은 참고하셔요
~

http://wp7sketchflow.codeplex.com/







신고
posted by 정홍주
2011.08.10 19:13 기타/Windows Phone

Windows Phone 개발에 대한 모든 것이 잘 정리되어 있습니다.

아래 링크를 참조하셔서 웹 캐스트 동영상, 한글 실습교재, 개발 가이드 문서 등을 참조하셔요~

http://msdn.microsoft.com/ko-kr/gg415576


신고
posted by 정홍주
2011.08.03 08:30 Microsft Azure/SQL Databases

SQL Azure 데이터 이용(5)

 

앞에서 언급한대로 WCF REST 서비스를 JSON으로 Windows Phone에서 액세스 해보도록 하겠습니다.

WCF 서비스 웹 역할을 생성하고 서비스의 OperationContract을 아래와 같이 정의했습니다.


GetProductByCategoryID 메서드는 입력 매개변수에 따라 SQL Azure의 데이터를 액세스하고 JSON을 반환하는 내용입니다. 데이터 액세스는 SQL Azure의 아래 화면의 저장 프로시저를 호출하게 됩니다.



크로스 도메인 경계에 대한 내용으로 Clientaccesspolicy.xml 을 프로젝트에 추가했습니다.

 

로컬에서 테스트하고 아래와 같이 클라우드의 프로덕션 환경으로 게시했습니다.

 

Windows Phone 프로젝트를 생성하고 ListBox를 추가하고 ItemTemplate을 아래와 같이 지정합니다.

 

MainPage.xaml.cs 에서는 Load 이벤트에서 아래처럼 JSON 을 반환하기 위해 호출하게 됩니다.


OpenReadCompleted 이벤트에서는 DataContractJsonSerializer 를 이용해서 처리합니다.


 

자 최종결과는 아래와 같습니다. SQL Azure의 데이터를 WCF 서비스 웹 역할을 통해 Windows Phone에서도 손쉽게 이용할 수 있다는 것을 알 수 있습니다.

 

클라우드의 SQL Azure를 이용할 경우 IT 자산이 불필요하며 대역폭을 사용한 만큼 비용을 지불하는 장점이 있습니다. SQL Azure를 이용해서 다양한 클라우드 응용 프로그램에서 평상시 쓰던 ADO.NET을 이용해서 SQL Azure를 손쉽게 이용할 수 있다는 것을 알아보았습니다.

 


신고
posted by 정홍주
2011.07.04 09:45 기타/Windows Phone

Windows Phone Emulator 사용하기

 Windows Phone SDK 7.1 를 설치했다면 Emulator를 사용할 수 있습니다. 간단하지만 내용을 한번 살펴보도록 하겠습니다.

1.     Emulator 로 응용 프로그램 테스트

Emulator를 통해 Windows Phone App을 테스트하려면 아래 그림처럼 선택된 화면에서 디버그 메뉴의 디버깅 시작을 클릭하면 됩니다.


그러면 아래와 같은 Emulator를 볼 수 있습니다.


중지하려면 디버그 메뉴의 디버깅 중지 메뉴를 클릭하면 됩니다. 

2.     Orientation 변경하기

Windows Phone Emulator에서 화면의 Orientation을 변경해서 응용 프로그램을 테스트할 수 있습니다. Emulator 옆의 아이콘 중에서 왼쪽으로 회전, 오른쪽으로 회전 아이콘을 클릭해서 Orientation 을 변경할 수 있습니다. 프로그램으로 해당 컨트롤 배치를 변경해줄 수 있습니다.

 

 3.     Zoom 변경하기

아래 그림의 하얀색 아이콘을 선택해서 Zoom을 조정하거나 화면에 맞게 조정이 가능합니다. 

4.      복사, 붙여넣기 사용하기

Emulator를 시작하여 TextBox 를 선택하면 키보드가 보이게 되며 값을 입력하고 특정 단어를 선택하면 복사 아이콘이 아래와 같이 보이게 되는 것을 확인할 수 있습니다.


키보드 위에 붙여넣기 아이콘이 생긴 것을 알 수 있고 다른 텍스트 박스에 붙여넣기를 할 수 있습니다.

 

5.     Accelerometer 사용하기

Emulator 옆의 아이콘 창의 맨 아래 아이콘을 클릭하면 아래와 같은 Additional Tools 창을 볼 수 있습니다.

 

중앙의 분홍색 점을 이용해서 이리 저리 이동합니다. 해당 데이터를 기록하여 응용 프로그램과 연동하여 테스트 가능합니다.



6.     Location 사용하기

Additional Tools 창에서 Location 탭을 눌러서 Bing 맵을 통한 지리적 위치에 대한 내용을 테스트할 수 있습니다.  검색창에 “Seoul”을 입력하고 Zoom 을 변경하여 포인트를 찍을 수 있습니다. 그 외 Live 버튼과 Recorded Data 등을 활용할 수 있습니다.



쉽고 가장 기본적인 Windows Phone Emulator에 대한 내용을 알아보았습니다.

신고

'기타 > Windows Phone' 카테고리의 다른 글

Windows Phone 7 앱 시리즈  (0) 2011.08.10
Silverlight for Windows Phone Toolkit  (0) 2011.07.07
Windows Phone Emulator 사용하기  (0) 2011.07.04
Windows Phone SDK 7.1 Beta2  (0) 2011.06.30
Windows Phone "Mango" Training Course  (0) 2011.05.27
Windows Phone Developer Tools 7.1 Beta  (0) 2011.05.25
posted by 정홍주
2011.06.30 12:17 기타/Windows Phone

Windows Phone SDK 7.1 Beta2

Windows Phone Developer Tools의 새로운 버전이 나왔습니다. 그리고

Windows Phone Developer Tools의 이름이 Windows Phone SDK로 변경되었네요.

기존 Beta 도구를 제거하시고 다시 설치해주시면 됩니다.

BTS의 폴더이름은 “transfers”였는데 “shared/transfers” 등으로 변경 되었네요.

변경된 사항과 도구는 아래 주소를 통해 액세스 가능합니다.

 http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=26648

 

신고
posted by 정홍주
2011.06.15 08:22 Microsft Azure

TechEd 2011 에서 공개되었는데 지금에야 포스팅을 합니다. Windows Phone 에도 ACS를 통해 인증을 구현하는 내용이 보였는데 아주 손쉽게 구성할 수 있도록 Toolkit이 제공되었습니다.
아래 사이트를 참조하시면 됩니다
.

http://watoolkitwp7.codeplex.com/



기능은 아래와 같습니다.

l  Push Notification (Windows Phone 7, iOS)

l  SQL Membership 인증

l  ACS 인증

l  Windows Azure Storage(Table, Blob, Queue), 액세스 제어

l  기타

 

추가 자세한 사항은 별도로 다루어볼까 합니다.

신고
posted by 정홍주
2011.05.27 13:24 기타/Windows Phone

아래 사이트에서 Windows Phone "Mango" Training Course를 살펴보실수 있습니다.~

http://msdn.microsoft.com/en-us/wp7mangotrainingcourse

신고
posted by 정홍주
2011.05.25 13:44 기타/Windows Phone

Windows Phone Developer Tools 7.1 Beta

Windows Phone Mango 에 대한 내용이 새롭게 출시되었습니다.

개발관련 새로운 내용은 아래 사이트를 참고해보십시오.

http://msdn.microsoft.com/en-us/library/ff637516(v=VS.92).aspx 

Windows Phone Developer Tools는 아래 사이트에서 다운로드 가능합니다.

http://www.microsoft.com/downloads/en/details.aspx?FamilyID=77586864-ab15-40e1-bc38-713a95a56a05&displaylang=en 

 Visual Studio 2010이 설치되어 있다면 Service Pack 1을 먼저 설치해야만 합니다.

실행파일을 다운로드 받아 실행해서 설치를 시작합니다. 

설치가 완료되었으며 VS 2010에서 Windows Phone 프로젝트를 살펴볼 수 있습니다.

Visual Basic으로도 개발이 가능하다는 것을 알 수 있으며 프로젝트 템플릿이 다양하게 나타나는 것을 확인 가능합니다. 

개발에 대한 구체적인 내용은 이후 블로그에서 다루어보도록 하겠습니다.

신고
posted by 정홍주
2011.05.16 08:30 기타/Windows Phone

Expression Blend for Windows Phone - Hello World(2)

이어서 커스텀 버튼에 애니메이션을 추가해보도록 합니다. 애니메이션은 Visual State Manager로 지정합니다. Expression Blend 4에서 Object and Timeline의 내용이 ClickMeButton Edit Template에 위치되어 있지 않다면 ClickMeButton 오른쪽 클릭해서 Edit Template에서 Edit Current를 선택합니다.

왼쪽 상단의 States 탭을 선택합니다.

States Unfocused를 선택하고 Border 컨트롤의 BorderBrush 속성의 고급 속성에서 Opacity 값을 0으로 아래와 같이 지정합니다.

States에서 Pressed 를 선택하고 Transform Translate X, Y 2씩 증가시킵니다.



Banner Text에 애니메이션을 추가해보도록 합니다. Object and Timeline의 아래 아이콘을 클릭해서 Object and Timeline를 빠져나갑니다.


Object and Timeline의 오른쪽 메뉴의 “+” 를 클릭하고 New 메뉴를 선택합니다.

이름은 AnimateBanner로 지정합니다.


애니메이션 작업 영역으로 이동하기 위해서는 F6을 클릭하면 됩니다. 다시 돌아가려면 F6을 클릭하면 됩니다.


 
Object and Timeline
에서 BannerTextBlock을 선택하고 노란색 막대를 “1” 의 위치로 이동합니다.


Transform scale 속성의 X “-1” 로 지정합니다.

다시 노란색 막대를 “2”로 이동시키고 Transform Scale X“1”로 변경합니다.

Play 버튼으로 애니메이션 결과를 테스트할 수 있습니다.

노란색 막대의 처음에 위치한 부분을 클릭합니다.


속성 창에서 Easing Function을 지정할 것입니다. “Cube InOut”을 선택합니다.

프로젝트를 저장하고 VS 2010으로 이동합니다. 다시 로드하겠냐는 창에서는 예를 선택합니다.

MainPage.xaml의 변경된 사항을 확인하고 MainPage.xaml.cs로 이동합니다.

버튼의 클릭 이벤트에 아래와 같은 코드를 추가해서 애니메이션을 시작하게 합니다.

private void ClickMeButton_Click(object sender, RoutedEventArgs e)

{

BannerTextBlock.Text = MessageTextBox.Text;

MessageTextBox.Text = String.Empty;

this.AnimateBanner.Begin();

}

 

프로젝트를 빌드하고 실행해서 결과를 확인합니다.

“Cube InOut” 애니메이션에 대한 내용을 확인할 수 있습니다.


이상으로 Expression Blend를 이용한 Windows Phone Application의 레이아웃, 색상, 속성, 상태, 애니메이션에 대한 내용을 알아보았습니다.

신고
posted by 정홍주
2011.05.09 08:30 기타/Windows Phone

 

 Expression Blend for Windows Phone- Hello World(1)

앞에서 VS 2010을 통한 Windows Phone에 대한 내용을 알아보았는데 여기서는
Expression Blend 4 for Windows Phone
에서 Windows Phone Application Project 에 애니메이션 등을 추가하는 내용에 대한 부분을 알아봅니다. 본 내용은 Windows Phone 7 Training Kit의 내용을 참조했습니다.

VS 2010의 솔루션 탐색기에서 MainPage.xaml을 오른쪽 클릭하여 Expression Blend에서 열기를 클릭합니다.

 

  그럼 동일한 프로젝트를 VS 2010 Expression Blend 4 에서 동시에 열게 됩니다.

  

Object and Timeline 에서 ClickMeButton을 오른쪽 클릭하여 Edit Template에서  “Create Empty” 를 선택합니다

  

ControlTemplate Resource 생성 창에서는 이름을 FancyButton으로 지정하고 OK 를 선택합니다. 

  

Object and Timeline Grid를 오른쪽 클릭해서 Border 컨트롤로 변경합니다. 

  

Border 컨트롤을 선택하고 오른쪽 속성 창에서 아래와 같이 속성 값을 설정합니다.

  

Brush 속성에서는 Gradient Brush를 선택하고 왼쪽의 값은 #FFADADAD, 오른쪽의 값은 #FF0A0A0A 로 지정합니다. 

  

BorderBrush 속성은 #FFC0C0C0로 지정합니다. 

  

Asset 탭에서 ContentPresenter를 검색해서 더블클릭하고 컨트롤을 추가합니다. 

  

ContentPresenter 컨트롤을 선택하고 오른쪽 속성창에서 중앙 정렬을 선택해서 Center에 표시되게 되게 합니다. 

  

프로젝트를 저장하고 빌드해서 실행해보면 아래와 같이 커스텀 버튼이 나타나는 것을 알 수 있습니다. 

 

Expression Blend를 통해 손쉽게 레이아웃과 색상, 속성 등을 수정할 수 있다는 것을 알아보았습니다. 내용이 길어 다음 내용에서 상태와 애니메이션에 대한 내용을 알아보도록 하겠습니다.

 

 

신고
posted by 정홍주
prev 1 2 next

티스토리 툴바