Notice»

Recent Post»

Recent Comment»

Recent Trackback»

Archive»

« 2025/1 »
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

 
 

1. 타일(Tile)

타일은 시작화면에 표시되는 앱의 얼굴이며 사용자가 앱을 실행 할 수 있는 시작 점이다. 타 모바일 플랫폼의 아이콘에는 배지라고 하는 숫자 정도만 표시 가능한 것에 비해 윈도우8의 타일에는 숫자 뿐 아니라 앱의 상태나 이미지, 텍스트 등의 정보를 사용자에게 서비스 할 수 있어 라이브 타일이라고 표현한다. 앱의 컨텐츠에 따라 타일을 여러 개 추가해서 정보를 실시간 표시하고 해당 페이지로 직접 실행할 수도 있다.

일의 크기별 종류에는 정사각형(Squre)과 와이드(Wide)가 있다. 앱에서 정사각형 타일은 기본으로 포함되어야 하며 와이드 타일은 옵션사항이다. 두 가지 타일 모두 라이브로 업데이트가 가능하다. 타일의 적용 가능한 이미지와 사이즈는 따로 정리하도록 하겠다.

 

 

 

 

 

<그림1> 정사각형

 <그림2> 와이드

 

< 1> 타일의 구성요소

요소

설명

이름(Name)

타일의 왼쪽 아래에 표시되며 그림 1와 같이 표시된다. 기본 타일(default tile)에는 앱 이름만 표시 할 수 있다. 길이는 13자 이하를 권장하고 있으며 이름이 길경우는 줄임 표시된다.

로고(Logo)

타일의 왼쪽 아래에 표시되며 그림 2와 같이 표시된다. 앱 실행 중에 앱 이름 또는 로고를 선택해서 표시 할 수 있다.

배지(Badge)

타일의 오른쪽 아래에 표시되며 그림 1과 같이 숫자(Numeric)를 표시하거나 그림 2와 같이 시스템에 미리 정해진 문자(Glyph)를 선택해서 표시할 수 있다.

텍스트와 이미지

템플릿 종류에 따라 여러 개의 텍스트와 이미지가 사용될 수 있다.

 

그림 1은 기본 타일에 숫자 배지가 표시되었으며 그림 2는 템플릿을 이용해서 이미지와 텍스트를 표시하고 왼쪽 아래에 로고, 오른쪽 아래에 문자 배지를 표시했다. 윈도우의 설정에 따라 배지의 위치가 왼쪽에 표시 될 수 있다.

 

1.1 기본 타일(default tile) 설정

앱에 기본으로 포함되는 타일 설정은 앱 매니페스트(package.appxmanifest) 파일의 Application UI 탭에서 한다. 기본 타일은 첫 번째 타일 알림을 통해 타일이 업데이트될 때까지 표시되며 표시할 알림이 없을 때마다 기본 타일이 표시된다.

 

  

 

 <그림3> 앱 매니페스트 파일의 기본 타일 설정

 

< 2> 기본 타일 설정

속성

설명

Logo

정사각형 기본 타일 이미지

Wide logo

와이드 기본 타일 이미지

Small logo

검색 및 앱 전체목록, 시작화면의 시멘틱 줌 상태에서 보이는 작은 이미지 등에 사용되며 타일의 왼쪽 아래에 표시되는 로고에서도 사용된다.

Short name

타일의 왼쪽 아래에 앱의 이름을 표시 할 수 있으나 앱의 이름이 길 경우는 짧은 이름을 명시하여 보여줄 수 있다.

Show name

기본 타일에 앱의 이름을 표시할 수 있는 설정이며 정사각형 또는 와이드 일때만 표시하거나 두 가지 모두에 표시 유무를 선택할 수 있다.

Foreground text

타일에 보여지는 앱 이름의 색상을 정하는 것으로 Dark Light를 선택할 수 있다.

Background color

타일의 배경색을 지정해 주는 것으로 타일 위의 로고나 이미지와 어울리는 색을 W3DC 색 문자열(:”#FFFFFF”)로 입력 한다. 배경색은 앱의 모든 대화 상자의 버튼 색과 윈도우 스토어의 앱 설명 페이지에도 반영되므로 다른 앱과의 차별화 요소로 쓰인다.

 

위 설정에서 Logo Small Logo는 필수 사항이고 Wide Logo는 선택사항이다. Wide Logo를 지정해야 와이드 타일을 시작화면에 표시할 수 있고 라이브로 업데이트가 가능하다. 또한 윈도우 스토어에서 앱을 설치 시 기본으로 와이드 타일이 보이고 사용자의 선택에 의해 정사각형 타일로 변경할 수 있는 기능들이 제공된다.

--------------------------------------------------------------------------------------------------------------

로고에 대한 추가 설명

기본 타일에서 로고라는 표현이 여러 곳에서 사용되는데 앱을 대표하는 브랜드로써 기존 윈도우에서 사용되던 아이콘과 같이 앱을 대표하는 이미지라는 표현으로 쓰인다. 프로젝트 설정에서 Logo, Wide logo가 각각 정사각형, 와이드 기본 타일에 사용되는 이미지 이다. 그리고 타일의 왼쪽 아래에 표시할 수 있는 로고에 Small logo 이미지가 표시된다. 기본 타일 외에 타일의 설명에서 나오는 로고는 대부분 왼쪽 아래에 표시되는 로고를 말한다.

--------------------------------------------------------------------------------------------------------------

 

 

:

 

윈도우폰8 스토어에서 기존 7.1SDK를 사용한 앱이 실행이 제대로 안되고 죽는경우가 있다고 들었다.

어떤 앱들은 마이크로소프트(마켓플레이스)로 부터 연락을 받아 수정을 하기도 했다고 들었다.

 

몇일전에 구매한 위의 상황을 직접 겪게 되었는데 결론부터 얘기하자면

윈도우폰8 기기에 기존 개발하던 윈도우폰 7.1 앱을 설치했는데 앱이 실행되자마자 죽는다면

소스파일을 열고 앱 매니페스트 파일부터 확인해보자.

(앱 매니페스트 파일은 아래 MSDN 링크 확인)

 

Windows Phone의 앱 매니페스트 파일

http://msdn.microsoft.com/ko-kr/library/windowsphone/develop/ff769509(v=vs.105).aspx#BKMK_CAPABILITIESelement

 

7.1 SDK를 사용한 앱 소스를 컴파일했을때 아래와 같은 에러가 발생한다면

Installation of the application failed. Run time error has occurred. Fix the Capabilities in WMAppManifest.xml file.

 

8에서는 필요가 없어진 7.1(또는 7.0)CAPABILITIES 항목이 명시되어 있어서 에러가 발생한 것이다.

(필자가 발견한 항목은 ID_CAP_NETWORKING_ADMIN인데 MSDN에도 명시가 안되어 있는걸로 보아 7.1이전에

초기에 사용되던 항목인것 같기도 하다. 프로젝트가 초기 7.0 나왔을때 진행하였으므로..)

 

아래 링크를 확인해보고 매니페스트 파일을 수정하면 된다.

 

Windows Phone의 앱 기능 및 하드웨어 요구 사항

http://msdn.microsoft.com/ko-kr/library/windowsphone/develop/jj206936(v=vs.105).aspx

 

필자의 경우는 앱 매니페스트의 소스(xml)파일에서 항목을 다 지워버리고 실행해보니 문제 없이 실행이 되었다.

이후에 프로젝트의 UI창에서 필요한 항목을 체크해서 에러를 수정하였다.

 

 

:

제 53차 APPIN 모임
2012년 9월 20일(목) 19:30~21:30 KAIST 멀티미디어센터 102호

<
앱인(APPIN)의 의미>

앱 센터 지원본부에서 인맥을 연결시켜주는 개발자 네트워크 모임으로 전문가와 실력자를 모시고 최신 정보와 기술 그리고 Q&A 시간 등으로 다양한 분야의 사람들과 네트워킹을 할 수 있는 장입니다.

강의만 듣는 게 아니라 정보와 더불어 많은 사람들을 알게 되고 맨토도 만날 수 있는

만남의 장입니다.  이 기회를 통해 멋진 인연들을 만나시길 바랍니다^^

 

앱인 모임 진행 순서>

  1. 19:00 ~ 19:30 강연 준비 및 아이스 브레이킹

  2. 19:30 ~ 21:00 앱인 모임 강연 시작 (자신이나 회사 소개 및 네트워킹)

  3. 21:00 ~ 21:30 Q&A시간 다양한 질문을 할수 있는 쌍방향 커뮤니케이션의 장

  4. 21:00 ~ 네트워킹 시간 (명함 필참)

<장소>
서울시 강남구 도곡동 카이스트 102호

 

강의주제윈도우 8 모바일 앱스토어 동향

Tile Notification을 통한 살아 있는 앱 만들기

주신영 ㈜스마트쉐어 대표이사


실전 윈도우폰 망고  디자인 & 개발
코드네임 ’망고업데이트윈도우폰  개발 A to Z
 강연의 강사는 현재 WinMoDev 부시삽으로 활동하고 있으며 편리한 공유서비스를 개발 중인 SmartShare CEO입니다. Presenter라는 파워포인트 제어앱과 Techdays Korea 마켓플레이스에 런칭했으며 원격제어 앱시리즈와 효율적인 개인 데이터 관리 서비스를 개발 중입니다. 앞으로 우리나라 개발자들에게 유리 할수  있는 윈도우에 대해 이야기 해보고 젊은ceo로서 허심탄회한 이야기들을 서로 나누어 보겠습니다.

 

 

행사링크 : http://appcenter.kr/?p=956

:

 

어느 순간 부터 Windows8 마켓에서 앱이 설치 안되면서

"Why didn't this app install?"라는 메세지가 나온다.

 

검색해보니 시스템 시간을 바꿔보라고 나와서 적용해보니 설치가 잘된다.

 

http://answers.microsoft.com/en-us/windows/forum/windows_8-windows_store/apps-stop-installing-at-about-75/a37c641f-f804-40ac-a342-df8877ea1668

 

:

Windows8 VS11 버그 DEP0600

프로그래밍/Windows 10 | 2012. 4. 11. 23:08 | Posted by 99%

간단 코드 샘플을 받아 테스트중 프로젝트가 에러가 발생한다.

 

Error 1 Error : DEP0600 : The following unexpected error occurred during deployment:

Illegal characters in path.

at System.IO.Path.CheckInvalidPathChars(String path, Boolean checkAdditional)

at System.IO.Path.Combine(String path1, String path2)

at Microsoft.VisualStudio.ImmersiveProjectServices.Shared.AppxLayoutManager.CheckPackageLayoutState(DeployPackageName deployPackageName, String location)

at Microsoft.VisualStudio.ImmersiveProjectServices.Shared.LocalDeployJob.GetLayoutState(DeployPackageName deployName, Boolean hasFrameworkDependencies)

at Microsoft.VisualStudio.ImmersiveProjectServices.Shared.RegisterAppxLayout.Start(Boolean forceNewLayout, Boolean forceRegistration, NetworkLoopbackState desiredNetworkLoopbackState, Boolean refreshLayoutOnly, String& packageMoniker, String& firstUserAppID, Exception& deployException) AnimationLibrary


 

일단 VS11 버그 이며 다음 RTM에서 수정된다고 한다.

 

두가지로 해결 할 수 있다.

 

1. 이미 설치된 앱을 삭제한다.

 

2. 삭제해도 안될 경우는


package.appxmanifest 파일을 열어 Packaging탭에서 Package Name을 보면 상황에 따라 다를 수 있으나

 

Microsoft.SDKSamples.프로젝트이름.JS

 

위 프로젝트 이름이 빠져있거나 이상한 이름으로 되어 있을 경우 현재 프로젝트명으로 수정하면 된다.

:



기본 그대로! 한글,한국으로 바꾸지 말것. -> 한글키보드 자판이 안보임;;
.net 3.5 sp1 ->Update
Visual Studio 2010 -> Sql express sp1 제대로 깔림
Visual Studio 2010 sp1

Slate7 드라이버
안깔릴는 드라이버는 속성에서 윈도우7 호환으로 변경후 하면됨
http://www.samsung.com/sec/consumer/it/slate-pc/slate-pc/XQ700T1A-A51-support

:

Mango Training Course에 있는 Weather Service Push notifications 실습시 주의해야 될사항

서비스에서 Self Hosting을 사용하므로 관리자 모드로 Visual Studio를 실행해야 됩니다.

실습1 - Task1.
 7번 
 RegistrationService 클래스 추가시 Service 폴더에서 추가(Add) 하지 않으면 namespace가 달라져서 서비스가 제대로 동작 못함(버그 없음)
 32번
기존 using 아래에 아래 소스 추가하기(Service 이름 잘못됨)

using System.Collections.ObjectModel;
using System.IO;
using System.Xml;
using WPPushNotification.ServerSideWeatherSimulator.Service; // Service이름 잘못됨
using WindowsPhone.Recipes.Push.Messasges;
 33번 - 버그!
private RawPushNotificationMessage rawPushNotificationMessage = new RawPushNotificationMessage();
위 코드를 아래처럼 인자값을 넣어서 처리해야 WCF Rest서비스가 제대로 테스트 됩니다.
private RawPushNotificationMessage rawPushNotificationMessage = new RawPushNotificationMessage(MessageSendPriority.High);

실습2 -
Task1. 
WPPushNotification.ServerSideWeatherSimulator 프로젝트에서  문서에는 Private variables 영역에 아래 코드가 빠짐
 private TilePushNotificationMessage tilePushNotificationMessage = new TilePushNotificationMessage(MessageSendPriority.High);
 private ToastPushNotificationMessage toastPushNotificationMessage = new ToastPushNotificationMessage(MessageSendPriority.High);
:


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

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

Setting->WiFi

접속 표시된(connected) 이름 탭~!
:
지난 6월 10일에 있었던 실전 윈도우폰 망고 앱 디자인 & 개발 컨퍼런스의 내용이 데브멘토에 전부 올라와서 링크를 정리해 보았습니다. 맨 아래 쪽에 각 강사님들의 해당 강좌 링크를 올렸구요. 링크로 이동하시면 동영상과 함께 발표자료를 보실수 있습니다.




일 시 : 2011년 6월 10일(금) 10:30 ~ 17:30


행사정보 : http://devmento.co.kr/devmain/seminar/edumento_program.jsp?dataSeq=101



서진호 부장(마이크로소프트)
실전 윈도우폰 망고 앱 디자인 & 개발(1)
실전 윈도우폰 망고 앱 디자인 & 개발(2)

실전 윈도우폰 망고 앱 디자인 & 개발(3)

박현철 CTO(BlueFish System)
Windows Phone Mango 아키텍처-멀티태스킹(1)
Windows Phone Mango 아키텍처-멀티태스킹(2)

이희덕(HHDD Studio)
Windows Phone Mango 아키텍처-BTS 및 Agent(1)
Windows Phone Mango 아키텍처-BTS 및 Agent(2)

주신영 CEO(SmartShare)
Windows Phone Mango에서 Push Notification 활용(1)
Windows Phone Mango에서 Push Notification 활용(2)
자료(블로그): http://bit1010.tistory.com/224

선수현 (주)엠서클
Expression Blend 4로 윈도우폰 앱 디자인하기(1)
Expression Blend 4로 윈도우폰 앱 디자인하기(2)

:

지난 4월 30일에 있었던 N스크린과 윈도우폰7 개발자 컨퍼런스의 내용이
데브멘토에 전부 올라와서 링크를 정리해 보았습니다.
맨 아래 쪽에 각 강사님들의 해당 강좌 링크를 올렸구요.
링크로 이동하시면 동영상과 함께 발표자료를 보실수 있습니다.

 



일 시 : 2011년 4월 30일(토) 10:00 ~ 17:00


김영욱 차장
스마트 시대의 N-Screen과 개발자
Parallel과 Serial N-Screen 그리고 인터페이스
XBOX Kinect 사례와 N스크린 개발 전략
자료(블로그) : http://winkey.tistory.com/512

이길복 CTO
웹앱에서 모바일앱까지
실버라이트 프로젝트 및 HTML5와 실버라이트의 유사성

김동훈 선임연구원
스마트폰 게임을 데스크톱과 게임기로
XNA 개요 및 XNA를 이용한 게임 개발

서진호 부장
초보자를 위한 Windows Phone7 앱 개발
Windows Phone7 앱 개발 처음부터 끝까지
자료(블로그) : http://blogs.msdn.com/b/jinhoseo/archive/2011/05/12/7-59-7.aspx

정진희
윈도우폰7 사용자 인터페이스와 가이드라인
Expression Blend을 이용한 윈도우폰7 앱 디자인
자료(블로그) : http://blog.jinhee.net/210

박현철 CTO
윈도우폰7 마켓 플레이스 등록 절차 및 앱 배포
윈도우폰 마켓플레이스에서 수익 창출 Tip

: