1. Windows Mobile 6.5.3 DTK탐구생활 모바일UX 개발 중심으로!!! 박현철 책임연구원 (lunaness@bluefishsys.com) 윈도우 모바일 솔루션 개발 BlueFish System (http://www.bluefishsys.com)

2. Hello Lunaness~! 박현철 BlueFish System 책임 연구원 블로그: http://lunanesslab.tistory.com 커뮤니티: http://www.winmodev.net 트위터: http://www.twitter.com/BF_Lunaness 네이버WinMoDev카페 스텝 WinMoDev : http://www.winmodev.net Windows Mobile Project Petit Diary M-Alarm Etc…

3. 세상의 중심에서 모바일UX를 외치다!!!

4. 모바일 UX는 선택이 아닌 필수 User eXperience

5. Apple - iPhone UX 사용하기 쉬운 직관적인 인터페이스 아이콘 + 위젯으로 한눈에 정보 전달 제공 OpenGL ES를 이용한 부드러운 화면전환

6. Samsung – Haptic UI 2.0 편리하고 재미있는 위젯 제공 일반 폰처럼 사용하기 쉬운 UI 재배치 가능

7. HTC – Touch Sense UI 한 손으로 제어가 가능한 편리한 UI 부드러운 화면 전환과 에니메이션 제공 UI를 통한 접근성 향상

8. 과거의 Windows Mobile 6.1 UI PC에서의 UI를 그대로 이어 받음 스타일러스가 반드시 필요함 손으로 동작하는 환경에 최적화 되지 않음

9. Windows Mobile 6.5.3“Maldives”

10. 쉬워진 사용 정전식터치페널 지원 멀티 터치 지원 스타일러스가 필요 없는 터치 컨트롤 일관성 있는 동작 방법 “수평 스크롤 바”로 교체된 탭 기존 어플리케이션 확대보기(돋보기) 기능 제공 간소화 된 OOBE(Out-Of-Box Experience) 시작화면 아이콘 DRAG & DROP

11. 향상된 브라우저 성능 페이지 읽기 속도 감소 메모리 관리 개선 부드러운 PAN & FLICK 제스처 기능 ZOOM & ROTATION 속도 향상

12. 품질 및 소비자 만족 UPDATED RUNTIME TOOLS (.NET CF 3.5, SQL CE 3.1) 아랍어 문서 읽기/쓰기 지원가능 WATSON 오류 보고 기능 향상 IN MARKET DEVICE TESTING INITIATIVE

13. 터치 컨트롤 확대된 터치 컨트롤로 정확도 향상 BEFORE AFTER

14. 일관된 동작 방법 터치형 타일 컨트롤 BEFORE AFTER

15. 일관된 동작 방법 터치형 타일 컨트롤 BEFORE AFTER

16. Zoom 기능 추가 확대기능은 예전 프로그램의 호환성을 제공

17. 17 Windows Mobile 6.5.3Developer Tool Kit

18. Windows Mobile 6.5.3 추가된 기능 Windows Mobile 6.5.3 DTK 설치 Windows Mobile 6 SDK가 설치되어 있어야 한다 기존 버전의 SDK는 변경하지 않고 나란히 존재한다 Windows Mobile 6.5.3 문서 제공 “F1”키를 통해서 검색 가능 (VS2005) Windows Mobile Classic 미 포함 Managed Mapping Framework 제공 MS Bing Map API 제공

19. Windows Mobile 6.5.3 DTK 추가된 기능 Widget Project Type 제공 Windows Mobile 6.5.3 에뮬레이터 제공 기존의 인증서 갱신 (2009년 -> 2015년) Cellualar Emulator 미 제공 Windows Mobile 6 SDK에서 제공 됨 xHopper추가 Windows Mobile 6.5용 Hopper 개정판 스트레스 입력을 시뮬레이션 하는 소프트웨어 테스트 도구

20. Development Notes Widget 개발은 VS2005 Professional 이상 VS2008의 주의 사항 “F1 도움말” -VS2008 미 지원 (VS2005 지원) Windows Mobile 6.5.3 DTK 설치된 위치에서 도움말 확인 Smart Device Project - WM 6.5.3 템플릿이 없음 ☞ 프로젝트 생성 후 플랫폼 변경으로 WM6.5.3으로 변경 가능 ※ WM 6.5.3 템플릿은 VS2005에서 지원 에뮬레이터에 항상 .NET CF를 설치하는 경우 .NET CF 2.0 SP2 설치 필요 (http://www.microsoft.com/downloads/details.aspx?FamilyID=aea55f2f-07b5-4a8c-8a44-b4e1b196d5c0&displaylang=en)

21. Gesture API 21

22. Gesture APIs DTK 에서는 C/C++만, 코드 갤러리에 C#용 http://code.msdn.microsoft.com/gestureswm 동작원리 제스처는 마우스 메시지가 아니다. WM_GESTURE 메시지 (GESTUREINFO 구조체 포함) 기본 제스처 Tap, Double Tap, Hold, Flick(Scroll), Pan 컨트롤에서의 터치 제스처 지원 ListView및 ListBox (콤보 박스 포함) WebView및 TreeView, Tab (왼쪽에서 오른쪽으로 스크롤링) Managed Wrapper GestureRecognizer PhysicsEngine AutoGestureContext

23. GID_BEGIN GID_END GID_PAN GID_SCROLL Gesture IDs GID_HOLD GID_SELECT GID_ DOUBLESELECT GID_LAST Touch Gesture 동작 원리

24. Managed Wrapper GestureRecognizer TargetControl Gesture를 감지할 타겟 컨트롤 지정된 컨트롤에서 발생되는 Gesture이벤트에 따라 동작한다 gestureRecognizer.TargetControl = pnlBackground; gestureRecognizer.Begin += newSystem.EventHandler<GestureEventArgs>(gestureRecognizer_Begin); gestureRecognizer.End += newSystem.EventHandler<GestureEventArgs>(gestureRecognizer_End); gestureRecognizer.Pan += newSystem.EventHandler<GestureEventArgs>(gestureRecognizer_Pan); gestureRecognizer.Scroll += newSystem.EventHandler<GestureScrollEventArgs>(gestureRecognizer_Scroll); gestureRecognizer.Hold += newSystem.EventHandler<GestureEventArgs>(gestureRecognizer_Hold); gestureRecognizer.Select += newSystem.EventHandler<GestureEventArgs>(gestureRecognizer_Select); gestureRecognizer.DoubleSelect += newSystem.EventHandler<GestureEventArgs>(gestureRecognizer_DoubleSelect);

25. Demo 관리형 제스처 샘플

26. Physics Engine

27. Physics Engine 자연스러운 스크롤링 가능 스크롤링시Rubber-Band 효과 제공 Animation point의 스트림 생성 ※ 참고 : http://msdn.microsoft.com/en-us/magazine/dvdarchive/ee309880.aspx

28. Managed Wrapper PhysicsEngine ExtentControl 물리엔진을 통해서 움직일 대상 움직인 방향과 속도에 의해서 스크롤링 동작을 하게 된다 ViewportControl ExtentControl이 보여지는 영역 AutoGestureContext 자동적인 제스처 핸들링 및 OwnerAnimate이벤트 핸들러 physicsAnimation.ExtentControl = picViewer; physicsAnimation.ViewportControl = pnlBackground; physicsAnimation.Angle = e.Angle; physicsAnimation.Velocity = e.Velocity; physicsAnimation.Start(); physicsAnimation.End();

29. Demo 관리형 물리엔진 샘플