if(99%의노력 == while(99000){삽질()}) printf("난천재(?)");

 

Push Notification 사례겸 윈도우폰 사용을 위한 간단한 팁을 소개해드렸습니다.
WP7Applist의 데이터가 정확하다고 말씀드릴수는 없지만 현재로써는 마켓플레이스의
상황을 볼수 있는 편리한 방법중에 하나입니다.
다음 포스팅에서는 실제 Push Notification 사례들과 강좌를 좀 올려볼까 합니다. ^^

Screen을 선택하고 1편에서 미리 준비해두었던 윈도우폰7 파노라마 이미지를 추가합니다.

TextBlock-Skech를 추가해서 원하는 내용을 보여줍니다. 이곳에서는 꼭 효과를 주지 않아도 표시할 내용들을 파노라마
페이지에 보여줄 수 있습니다. 저는 간단하게 텍스트를 표시해 주었지만 잘 응용하시길 바랍니다 ^^

이제 1편에서 작성한 Screen1으로 돌아와서 버튼 클릭 시 Screen2로 넘어가게 추가해줍니다.
버튼을 선택하고 오른쪽 버튼 -> Navigate to -> Screen

위와 같이 추가하면 SketchFlow Map에는 아래와 같이 두개의 Screen이 연결된걸 확인 하실 수 있습니다.


이제 F5 또는 실행을 통해 SketchFlow를 확인해봅니다.

HelloSketchFlow.zip

이와 같이 SketchFlow는 UX기획을 위해서 웹뿐만이 아니라 모바일용으로도 충분히 사용할 수 있으며 적절한 효과 또한 가능합니다. 물론 프로젝트에 따라 다르겠지만 Presenter사례처럼 데이터 바인딩을 하지 않아도 기획의도는 충분히 보여줄 수 있다고 생각합니다. 준비된 기획으로 멋진 앱들 많이 만드시길 바랍니다 ^^

다음편은 WCF통신입니다. 수고하셨습니다. ^^

원문 : http://shyjoo.tistory.com/20

안녕하세요. 샤이쭈입니다.

저희 윈모데브 1기 스터디의 결과물인 Presenter가 곧 마켓에 공개됩니다.

좀 늦었지만 지난 세미나에서 약속 드렸던 연재 강좌를 시작하겠습니다!! ^^

이번 강좌는 UX기획편이구요. SketchFlow를 사용한 예제입니다. 짧은 따라하기 식으로 진행할 예정이며

SketchFlow관련해서는 윈도우폰7 기획용 템플릿을 한번 만들어 볼까 합니다. 아직 모르는 것도 많고 쉽진 않을 꺼 같네요;;

그럼~ UX기획편 시작하겠습니다!!

1. SketchFlow와 Windows Phone 7 UX 기획

Windows Phone UX 툴로 사용되는 Expression Blend에는 SketchFlow라는 UX기획툴이 포함되어있습니다.

현재 Phone프로젝트로는 나와 있지 않아서 아쉽게도 무료로 제공되는 Phone용 Blend에는 포함되어 있지 않지만

기존 Blend사용자들은 이런 멋진 툴을 Phone 기획용으로도 사용할 수 있습니다.

기획용이므로 윈도우폰 뿐만 아니라 다른 OS용이라 해도 크게 다르지 않으므로 적극 활용하시길 바랍니다.

또한 Phone용 프로젝트로 SketchFlow도 나와주었으면 하는 필자의 바램으로 이 글을 적어봅니다.

2. Presenter SketchFlow 사례

Presenter 초기에 UX기획은 SketchFlow로 하였으며 이곳에선 보여 줄 수 없어 링크를 따로 두었으니 확인해보길 바랍니다.

Presenter 초기 UX 기획(SketchFlow) 보기(로딩페이지에서 안넘어가면 클릭한번 해주세요 ^^;;)

아래 이미지는 SketchFlow에서 기획했던 내용(왼쪽)과 실제 프로젝트에서 Windows Phone용으로 구현한(오른쪽) 사례입니다.

Presenter 앱의 중요 두 페이지를 보여주고 있으며 왼쪽 화면에서 보시는 바와 같이 기획단계에서 페이지에 대한 노트를 포스트잇처럼 보여줄 수 있어서 웹에 올려 프로젝트 인원들의 의견을 함께 공유할 수도 있습니다.

접속 페이지

▶

▶

3. Windows Phone UX기획

MerryCode Blog에 올라온 Windows Phone 7 UX Sketch Templates를 이용하면 프린트를 해서 Windows Phone 배경위에 직접 손으로 화면을 그려서 구성해 볼 수 있습니다. 이 방법을 SketchFlow로 직접하거나 손으로 팀원들과 그린 내용을 SketchFlow로 정리하는 방법을 보여드리겠습니다.

먼저 Blend에서는 웹에서 직접 또는 캡쳐 프로그램으로 캡쳐해서 붙여 넣거나 이미지 파일에서 불러오기

또는 파워포인트 등에서 불러오기가 가능 하므로 아래와 같은 이미지를 준비해야 됩니다.

이미지가 준비 되었으면 SketchFlow 프로젝트를 만들겠습니다.

Blend를 실행시켜서 New Project -> Sliverlight -> Silverlight SketchFlow Application을 선택하고

적절하게 프로젝트 Name을 입력합니다.

생성된 프로젝트에는 흰색의 xaml 페이지가 보이며

이곳에 아까 준비한 이미지를 캡쳐해서 붙여넣기나 파일 메뉴를 통해 Import해옵니다.

폰이미지 위에 표시할 내용을 Textblock으로 추가하겠습니다.

왼쪽 Tools 윈도우에서 BasicTextBlock-Sketch를 선택하고 내용을 입력합니다. 폰트도 적당히 키워줍니다.

Tools 윈도우 -> Button-Sketch을 선택해서 버튼도 추가해보겠습니다.

여기에 기획의도를 보여주기 위한 노트를 추가하겠습니다.

Asset 윈도우나 Tools 윈도우의 >>(Asset)을 선택해서 Styles -> Sketch Styles -> Note-Sketch로 노트를 추가합니다.

다음 부분은 2편으로 넘기겠습니다. SketchFlow소스는 2편에서 공개하겠습니다.

그럼 프리젠터 따라잡기~! 기대해주세요~ ^^;;

스터디 프로젝트 팀원들과 공유하려고 만들었는데 간단하지만 생각보다
WCF자료가 많이 없는 것 같아 몇가지 Windows Phone7 통신관련 내용과 함께 정리해봅니다.

Windows Phone 7 통신 방법

이번 RTM(9월15일)에는 소켓(TCP)가 네임스페이스만 존재하며 실제 구현이 빠져있습니다.

다음 서비스팩 정도에선 실제 구현될꺼 같다는 소식을 듣긴 했지만 곧 출시되는 윈도우폰에선
일반적인 소켓통신을 할 수가 없습니다. (블루투스는 제외)

윈폰7에선 기본 통신 방법으로 WCF가 사용되며 현재까진 basicHttpBinding만을 지원합니다.

어쩌면 실버라이트를 기본 개발로 하고 있는 윈폰7의 처음 버젼에선 당연한 결과일 수도 있습니다.

실버라이트의 기본 통신방법이 WCF이며 3버젼까지는 TCP도 몇개의 포트만을 지원했습니다.

4부터는 Port가 전부 사용 가능하므로 윈폰도 곧 전부 사용이 가능하겠죠.

WCF도 많은 부분이 추가되서 유연성과 확장성으로 WP7을 빛나게 해줄거라고 믿습니다. ^^

WCF의 자세한 내용은 아래 링크를 통해 확인하세요.

훈스 닷넷 WCF 강좌

Using WCF in .NET Compact Framework

Creating a Windows Phone 7 Application consuming data using a WCF Service

아. 추가로 소켓서버를 구현해야 되는(윈폰쪽으로 데이터를 보내야하는) 경우 현재 윈폰7에선
Push Notifications으로 처리해야 됩니다. 이부분도 WCF로 구현되며 TrainingKit에 있으니 확인해보시면

될 것 같습니다. 본인도 공부중입니다. ㅎ

기회가 되면 그 부분까지 간단하게 예제를 만들어 보겠습니다.

WCF로 PC(Host)에서 WP7(Client)로 텍스트와 이미지 보내기 1

 

PC에서 Host구성하고 Windows Phone 7에서 Client로 데이터를 받는 동영상 두개이며

Clinet에서 Host에 접속해서 텍스트와 이미지를 화면에 출력합니다.

 

WCFHost_99.zip

WCF Host는 ASP.NET 프로젝트를 이용했으며 WCF 서비스 응용프로그램으로 선택 하셔도 됩니다.

 

WCF Host 동영상 순서

1. ASP.NET 프로젝트 생성

2. WCF 서비스 추가

3. 텍스트, 이미지 보내는 OperationContract 추가

4. 보낼 이미지 추가 및 실제 코딩

WCF Host from 99% on Vimeo.

아래 마인드맵은 계속 추가로 정리하겠음.

Windows Phone 7 기본 네임스페이스는
Microsoft와 System으로 시작하는군요.

Windows Phone Development - Class Library Reference(MSDN)
http://msdn.microsoft.com/en-us/library/ff626516(v=VS.92).aspx