[Windows 8] English Premier League in Windows 8 Store Style

2012년 9월 15/16일 이렇게 이틀에 걸쳐서 서울시립대학교에서 Windows 8 해커톤을 실시하였습니다. 저는 학생 개발자 그룹의 일원으로 참가를 했었습니다.

사실 이 행사의 목적은 꼭 이틀에 걸쳐서 앱을 꼭 만드는 것이 아니라 조금더 학생 개발자와 일반 개발자들이 Windows 8에 대한 관심을 가지고 어떻게 보면 개발 생태계를 조성해나가는 과정에서 실시된 것이라 할 수 있었습니다. 물론 이 앱을 만드는데 있어서 도움을 주는 각 분야의 멘토분들도 계셨고요.

 

저도 조금이라도 온 시간이 아깝지 않게 하기 위해서 앱을 만드는데 시간을 투자했습니다. 그런데 확실히 코드에 대한 이해나 알고리즘을 잘 알지 못하니까 자신이 만들고자 하는 것에 있어서도 구현이 조금 어렵더군요.( 참고로 html을 Windows 8 에서 Parse 해오는 것을 응용해보려고 했었는데 생각치않게 라이브러리 문제가 발생합니다.) 그래서 그냥 기본적으로 있는 템플릿에 SampleData의 Path만 수정해서 현재 만들고 있는게 있습니다. 그게 바로 English Premier League입니다.

 

 

현재는 프로토타입이며 Split App이라는 템플릿을 사용했습니다. 원래는 아래와 같이 나오는게 정상이죠.

 

 

어떻게 하면 위와 같은 단순한 템플릿에 그림이 들어가고 화려하게 되었을까요? 그 비밀은 프로젝트안에 있는 SampleDataSource를 참고하시면 됩니다. 물론 그 외에도 시각적으로 부드럽게 보이기 위해서는 Expression blend같은 툴의 도움이 필요하겠습니다. 물론 Split App에는 기본적으로 Windows 8 Store Style에서만 제공하는 SnapView 기능을 제공합니다.

 

<팀선택 화면에서의 Snap View> 

 

<선수선택 화면에서의 Snap View> 

그리고 지금 선택된 화면에 따라서 팀의 주 경기장으로 배경이 바뀝니다. 물론 다른 팀을 선택하면 그 이미지로 배경이 바뀌겠지요. 

 

<선수 설명에 대한 Snap View>

 

사실 이번 앱에서는 한계가 있습니다. 바로 모든 이미지들이 Local로 저장되어 있기 때문에 기본적으로 웹과의 데이터 교환을 중시한 스토어 앱과는 사실 맞지 않습니다. 반대로 그 한계가 장점이 될 수 있습니다. 가령 인터넷이 끊긴 상태라도 계속 이미지들을 볼 수 있다는 것이지요.

 그래서 저도 일단 프로토타입에서 발전시켜 나갈 것은 선수에 관련된 image들을 검색 api등을 사용해서 실시간으로 보여주게 할 겁니다. 그러면 웹과의 교환도 중시되면서 데이터의 유지가 지속되리라 생각합니다.