MS 미래 모바일 웹,IE Mobile, Widget and GeoLocation<br />Jinho Seo (@synabreu)<br />Mobile/Embedded Developer Evangelist<br />Mi...
Agenda<br />마이크로소프트 미래의 모바일 웹 환경<br />새로운 모바일 웹으로의 여행<br />모바일 리치 미디어의 즐거움<br />W3C표준에 준수하는 모바일 위젯 프레임워크<br />Tag 와 Locati...
미래의 모바일 웹 환경<br />New Internet Explorer Mobile<br />Live Search<br />Widgets Framework<br />
모바일 웹 브라우저이란?<br />New User Experience<br />Mobile Optimized<br />Full Browsing<br />Windows Mobile 6.1.4<br />Windows Mob...
Demo: A Tour of the New Experience<br />Microsoft Confidential<br />5<br />
Right from the Start, A Fresh Look<br />New Address Bar & Icon Bar<br />Full Screen (No Icon Bar)<br /><ul><li>터치에 친숙한 아이콘
 UI 프레임(아이콘 & 주소 창)이 자동적으로 사라짐
풀 스크린으로 부터 쉽게 UI
주소바에 통합된 상태바
 (Reading view 대신) 페이지 요약 오픈</li></li></ul><li>Small Screen? No Problem.<br /><ul><li>연속적인 확대를 통한 줌 슬라이드
페이지 개요 및 기본 리딩 뷰 사이에 토글을 할 수 있는 더블 탭
슬라이더는 왼쪽/오른손을 자유자재로 사용할 수 있도록 지원
스크롤 동안 모든 페이지 위의 “Mini map”
브라우저에서 터치 하는 것은 OS 터치하는 것
위/아래 읽기하도록 스마트 패팅 지원
스크롤 바 없음</li></li></ul><li>For Your Reading Pleasure<br />Landscape<br />Portrait <br /><ul><li>컨텐츠를 활용한 공간을 최대한 크게 보게끔 조정
Upcoming SlideShare
Loading in...5
×

20090904 Future Web Camp2009

1,386

Published on

글로벌 웹 포럼

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,386
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
43
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

20090904 Future Web Camp2009

  1. 1. MS 미래 모바일 웹,IE Mobile, Widget and GeoLocation<br />Jinho Seo (@synabreu)<br />Mobile/Embedded Developer Evangelist<br />Microsoft Korea<br />http://blogs.msdn.com/jinhoseo<br />
  2. 2. Agenda<br />마이크로소프트 미래의 모바일 웹 환경<br />새로운 모바일 웹으로의 여행<br />모바일 리치 미디어의 즐거움<br />W3C표준에 준수하는 모바일 위젯 프레임워크<br />Tag 와 Location의 절묘한 만남, GoMap<br />결론<br />
  3. 3. 미래의 모바일 웹 환경<br />New Internet Explorer Mobile<br />Live Search<br />Widgets Framework<br />
  4. 4. 모바일 웹 브라우저이란?<br />New User Experience<br />Mobile Optimized<br />Full Browsing<br />Windows Mobile 6.1.4<br />Windows Mobile 6.1<br />Windows Mobile 6.5<br />
  5. 5. Demo: A Tour of the New Experience<br />Microsoft Confidential<br />5<br />
  6. 6. Right from the Start, A Fresh Look<br />New Address Bar & Icon Bar<br />Full Screen (No Icon Bar)<br /><ul><li>터치에 친숙한 아이콘
  7. 7. UI 프레임(아이콘 & 주소 창)이 자동적으로 사라짐
  8. 8. 풀 스크린으로 부터 쉽게 UI
  9. 9. 주소바에 통합된 상태바
  10. 10. (Reading view 대신) 페이지 요약 오픈</li></li></ul><li>Small Screen? No Problem.<br /><ul><li>연속적인 확대를 통한 줌 슬라이드
  11. 11. 페이지 개요 및 기본 리딩 뷰 사이에 토글을 할 수 있는 더블 탭
  12. 12. 슬라이더는 왼쪽/오른손을 자유자재로 사용할 수 있도록 지원
  13. 13. 스크롤 동안 모든 페이지 위의 “Mini map”
  14. 14. 브라우저에서 터치 하는 것은 OS 터치하는 것
  15. 15. 위/아래 읽기하도록 스마트 패팅 지원
  16. 16. 스크롤 바 없음</li></li></ul><li>For Your Reading Pleasure<br />Landscape<br />Portrait <br /><ul><li>컨텐츠를 활용한 공간을 최대한 크게 보게끔 조정
  17. 17. 가로/세로 크기를 변경할 수 있도록 스마트 텍스트 래핑
  18. 18. 한 손가락으로 위/아래로 스크롤링 “Pan locking”</li></li></ul><li>Attractive and Easy to Use<br />Old Address Bar (6.1.4)<br />New Address Bar (6.5)<br />New Favorites (6.5)<br /><ul><li>사용자에게 친숙한 로고 기반 아이콘
  19. 19. 더 쉽게 관리 – 더 이상 메뉴를 사용하지 않음, 아이콘 교체
  20. 20. 터치에 친숙하게 공간 활용
  21. 21. PC로 즐겨찾기를 항상 친숙함
  22. 22. 터치에 친숙한 주소바 사용
  23. 23. 즐겨찾기, 히스토리, 자동 철자 및 검색창을 한꺼번에 모은 “all-in-one” 사용자 경험</li></li></ul><li>Helping to Manage Data Consumption<br /><ul><li>메인 메뉴에서 새로운 “Exit” 버튼
  24. 24. 만일 브라우저가 백그라운드로 돌아가면 데이터 연결을 멈춤(캐쉬 기능)
  25. 25. 모바일 인터넷 사용자에게 “pay-as-you-go” 데이터 계획
  26. 26. “mobile” 또는 “desktop” 형태의 브라우저 보기
  27. 27. 컨텐트 프로바이더는 어떤 종류의 페이지 타입이든지 간에 모바일 웹 구성</li></li></ul><li>My Web Now through Home Screen<br /><ul><li>홈 스크린 화면에서 빠르게 브라우저 접속을 위한 플러그-인 제공
  28. 28. 즐겨 찾기의 빠른 “flick” 기능 사용
  29. 29. 사용자에 의해 선택된 모든 즐겨찾기 구성
  30. 30. 로고-기반 아이콘 – 비주얼하게 나타나고 쉽게 재인식
  31. 31. 쉽게 추가 및 삭제 기능</li></li></ul><li>My Web Now through Widgets<br /><ul><li>사용자와 눈으로 비주얼하게 보고 직접 액세스 가능
  32. 32. Internet Explorer Mobile 6 엔진 (AJAX, HTML, CSS supported) 기반으로 표준 W3C 준수, 개발 시간 단축 및 용이성 좋음
  33. 33. 기본적으로 weather, stock, search 위젯 포함
  34. 34. 개발자가 사용자에게 Windows Marketplace for Mobile 을 통해 직접 판매</li></li></ul><li>Demo : Widget<br />Microsoft Confidential<br />13<br />
  35. 35. GeoLocation – Industry Trends<br />Figure 2 – LBS users worldwide by application, ABI Research 2008<br />Figure 1 – LBS revenue by application, ABI Research 2008<br />Takeaways:<br /><ul><li> Market opportunity for LBS applications is real, especially in the enterprise and consumer navigation application space as shown in Figure 1 and Figure 2.
  36. 36. Industry movements such as Nokia’s acquisition of Navteq for $8.1 billion and Google’s extension of it’s location service to mobile platforms, including its own Android, underscore the seriousness of this opportunity.
  37. 37. Despite this opportunity, only 25% of devices will ship with an in-built GPS chip in 2010. Therefore, there cannot be sole dependence on in-built GPS chips in order for location-based applications to light up.</li></ul>Figure 3 –GPS enabled handset shipments as a % of all handset shipments by region, ABI Research 2008<br />
  38. 38. GeoLocation - Consumer Scenarios<br />User Action and Scenario Categorization Framework<br />User Scenario <br />Scenario Category<br />2.5<br />2,5<br />4<br />Real-time<br />HEAVY WEIGHT REQUIREMENTS<br />1CREATE<br /><ul><li>Geo-tag Photos
  39. 39. Snap & Share
  40. 40. Friends’ Footprint
  41. 41. Friends’ Meet Up Alert
  42. 42. Geo-Smart Trigger</li></ul>4<br />2<br />3<br />5<br />1<br />Time (When) <br />1CONSUME<br />3<br />Asynchronous<br />When I take a photo from mobile device. it will include location specific information automatically.<br />Include location with content (psm and photos) that I share with my network from my mobile device.<br />I can see my friends shared content sorted by proximity to my current location.<br />Ask my friends if they are around and get an meet up alert if they are near my location and would like to meet up.<br />Switch my settings (PSM, Profile, auto-notification) when I am around different location. <br />Social/with Others<br />Non-social/Myself<br />Content (What) / Interaction(Who)<br />
  43. 43. Demo : Microsoft GoMap<br />http://www.youtube.com/watch?v=vOeHU0lQvNk<br />http://www.youtube.com/watch?v=vOeHU0lQvNk<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×