Notice»

Recent Post»

Recent Comment»

Recent Trackback»

Archive»

« 2024/3 »
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
31

 
 


Presenter로 인해 외국인 분들이 접속관련 문의를 많이 해오시는데
원격에. 영어로 설명하기도 힘들고 해서.. 
WIFI로 연결되었는지와 IP값을 확인해서 보내라고 만든 영상입니다.

Windows Phone Mango에선 WIFI 접속 정보를 이렇게 확인하실수 있습니다.

Setting->WiFi

접속 표시된(connected) 이름 탭~!
:

윈도우폰 마켓플레이스가 곧 웹으로도 오픈할 예정입니다.
하지만 현재로써는 웹에서 앱을 검색하거나 순위등을 보기 위해선 마켓플레이스 정보를 수집해서
보여주는 타사 사이트를 이용해야합니다.

그중에서 WP7Applist라는 사이트는 거의 실시간으로 앱의 정보와 리뷰, 순위까지 보여져서
필자가 자주 접속하는 사이트입니다. 참고로 이사이트에선 마켓플레이스의 전체 앱 갯수 등의 통계 또한 제공합니다.
http://www.wp7applist.com

이 사이트에서 최근 WP7Applist라는 동명의 앱을 런칭했는데요. Tile에 실시간으로 업데이트 되는
Push Notification기능과 실시간으로 앱의 순위를 볼수 있어 소개해 드릴까 합니다.

Push Notification - Live Tile

사진은 윈도우폰의 시작화면인 Live Tile들을 보여주고 있습니다. (Live Tile은 살아 움직이듯이 이미지와 정보가
스크롤되고 반전되서 사진만으론 생동감을 못보여드리는게 아쉽네요)



오렌지색 바탕의 WP7Applist를 보시면 현재 마켓플레이스의 총 앱과 현재 업데이트된것, 릴리즈된 앱의
갯수를 보여주고 있습니다. 실시간으로 업데이트 되서 Live Tile에 표시되므로 자신이 올린 앱이 얼마나 많은
앱들과 경쟁하고 있는지 알수 있겠죠? ^^ 현재 112개가 업데이트 되고 있네요.
(* 마켓플레이스에서 공식적으로 제공되는 사항은 아니므로 오차는 있을수 있습니다. )

현재 마켓플레이스의 앱갯수는 기존 어떤 플랫폼보다 빠르게 증가하고 있습니다. 이미 노키아와 블랙베리 마켓시장을
넘어서고 있으니 벌써부터 세계 3대 마켓대열로 다가서고 있네요.
(앱개발사를 운영하는 저로써는 앱개발을 못하게 말리고 싶을정도 입니다. 너무 빨리 증가해서요;;)

Push Notification은 이미 7.0에서 폰의 판매와 함께 구현할수 있는 부분이었는데요.
윈도우폰의 Tile의 장점을 살린 앱들이 망고발표와 함께 최근에 많이 나오기 시작하는것 같습니다.
망고의 출시와 함께 Local Tile 기능을 사용한 좀더 다양하고 편리한 앱들이 많이 나와주었으면 좋겠습니다. ^^

App 순위 정보

기존 WP7Applist에서 제공하던 앱의 순위 또한 앱에서 편리하게 제공합니다.
마켓플레이스에는 현재로써는 실제 순위를 볼수 있는 방법은 없습니다.
다만 목록에서 표시되는(검색시 포함) 순서로 순위를 알수 있습니다.

WP7Applist에서는 메인 파노라마에 앱의 카테고리 이미지를 현재 카테고리 1위 앱의 이미지로 보여줍니다.


카테고리를 선택하면 앱의 전체 순위를 보여주며



앱을 선택하면 앱의 전체 순위와 카테고리별 순위를 상세하게 보여줍니다.

 

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

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

1편에서는 Presenter에서 사용된 SketchFlow 사례를 잠깐 보여드리고 실제 윈도우폰7 기획을 위한 예제를 만들고 있었습니다. 이번에는 1편에 이어서 Screen을 추가하고 1번 페이지에서 버튼 클릭 시 2번 페이지로 이동하는 방법을 보여드리겠습니다.


Blend를 보면 아래와 같이 SketchFlow Map을 확인할 수 있으며 이 윈도우에서 오른쪽 버튼을 눌러
Create a Screen을 선택해서 Screen을 추가할 수 있습니다.

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

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

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

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


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


잘되셨나요? 잘 안되신 분들은 소스를 참고해 주시구요. 꼭 한번 해보시길 바랍니다.

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


접속 페이지




메인 페이지






Presenter 기획시 만들었던 사례를 보여드렸으며 직접 보시면 아시겠지만 여러가지 템플릿과 데이터 바인딩 등이 들어가서 여기서 설명 드리기는 복잡합니다. 아래에서는 일반적으로 윈도우폰7 앱을 기획하기 위한 간단한 사용하는 방법을 소개하겠습니다.



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편에서 공개하겠습니다.

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

:

안녕하세요. 99퍼센트입니다.

6월 10일 데브멘토 세미나인 실전 윈도우폰 망고 앱 디자인 & 개발에서
국내 최초로 Windows Phone의 Push Notification관련 발표를 진행하였습니다. ^^;;
http://www.devmento.co.kr/devmain/seminar/edumento_detail.jsp?dataSeq=101




제가 발표했던 Windows Phone Mango에서 Push Notification 활용의 내용은
기존 Windows Phone 7에서 Push Notification의 소개와 활용 방법, 타 플랫폼과의 간단 비교
그리고 Mango에서 추가된 기능의 소개였습니다.






Demo Download

데모에서
1. SendNotification과 2. UsingPushNotifications은 기존 Windows Phone의 일반적인 사용법을 보여드린 예제입니다. - 발표자료 12장
3.TileSample은 Mango에서 추가된 Local Tile 타일 예제입니다. - 발표자료 16장

1. SendNotification
MSDN Sample에 있는 Raw Notification,Tile Notification,Toast Notification 예제에서
각각 존재하는 클라우드 서비스(실제 Notification을 보내는 소스)를 통합해서 테스트하기 편하게 바꿔놓았습니다.
예제가 간단하므로 이예제로 소스를 설명드렸습니다. URI는 수동으로 입력됩니다.

2. UsingPushNotifications
7.0 Training Kit에 있는 Push Notification 소스입니다. MSDN 예제보다 좀 복잡해서 
MSDN 예제를 먼저 보시고 구조를 이해하신 후에 한글로 번역된 문서와 함께 보시면 이해가 쉬우실 겁니다.
이예제가 7.5 Mango용으로 나와있어서 마지막에 Mango에서 추가된 내용으로 보여드리려고 했으나
현재 7.5용 Training Cource에서는 이예제가 에러가 납니다. 관련 포스팅은 추후에 하겠습니다. 

3. TileSample
MSDN Sample에 있는 예제 그대로 입니다.
Mango에서 추가된 Local Tile 관련 예제입니다.

그리고 그날 질문 받았던 내용들이 거의 Raw Notification에 관한 내용이었으며
App과 Cloud Service와의 연결방법, Cloud Service와 MPNS와의 인증서 관련
질문도 있었습니다. 관련 내용도 추후에 포스팅하도록 하겠습니다.

: