티스토리 뷰

반응형

테블릿에서 앱 사용이 불편하다는 피드백이 있었고, 좀더 윈도우8 에서 제공하는 기능들을 이용해서 윈도우 8에 녹아 들어가 있는 앱을 만들기 위해서 UX를 다시 만들었습니다.

* 블로터닷넷에 소개되었던 윈도우8 CP 버전 앱입니다.

1. 변경사항
* 검색 기능 : Search Charm 화면을 오픈하여, 검색어를 입력하면 됩니다.
* 환경설정 및 기타 기능 : Settings Charm 화면을 오픈하여, 선택하면 됩니다.
* 테블릿에서 사용하기 편하도록 화면 디자인 변경
* 1500-2 번과 같은 -이 들어간 숫자를 입력해서 5자리가 되는 경우에도 숫자이면 버스 목록을 조회 합니다.

2. 즐겨찾기에 추가하기

1) 첫 화면 입니다. 
검색을 하기 위해서는 Search Charm을 누르시거나 화면 오른쪽 상단이나 하단에 마우스를 가져다 놓으시면, 오른쪽에서 팝업되는 메뉴 중 Search를 선택 하시면 됩니다.

2) Search Charm을 출력한 상태 입니다.

3) 11을 입력한 후 엔터를 치면, 검색 화면으로 전환되면서 검색 결과가 보입니다.

4) 버스를 선택하면 오른쪽으로 스크롤이 되고, 버스 위치와 정류소 목록이 표시 됩니다.

5) 정류소를 클릭하면 정류소 상세가 출력됩니다.

6) 정류소 상세에서 원하는 버스를 오른쪽 마우스로 클릭해서 선택 하신 후 하단에 빈 공간에서 오른쪽 마우스 클릭 하시면 AppBar 메뉴가 출력이 됩니다.

7) Add 버튼을 클릭하면 선택된 버스가 즐겨찾기에 추가 됩니다.

8) 즐겨찾기에 추가된 모습

2. 환경설정과 기타기능

1) Settings Charm을 클릭하거나 오른쪽 상단에 마우스를 가져다 놓으면 나타나는 메뉴에서 Settings을 선택 합니다. 그러면, 아래와 같은 메뉴가 출력됩니다. 환경설정, 도움말, 앱정보는 기존과 동일한 내용입니다.

2) Permissions은 앱이 기본적으로 어떤 권한을 가지고 있는지를 표시하는 것으로, 윈도우에서 기본으로 제공하는 것입니다.

3. 이제 메트로 UI를 즐기시면 됩니다.

 

 


4. 설치파일
** 개발자 라이센스 & 설치방법
http://kaki104.tistory.com/entry/Getting-a-developer-license-for-Windows-8-Consumer-Preview

** 설치파일 : 빌드일자 2012-04-02

 

검색 화면의 디자인 변경 및 오류 수정

 

 

BusInfo2.0W8_1.0.0.15_AnyCPU_Test.zip
다운로드

 

5. 윈도우폰 버전 안내 페이지 (윈도우 폰 버전 -> 윈도우8 버전 순으로 나온 것입니다.)
 http://kaki104.tistory.com/79

 

 

 

 

 

 

반응형
댓글