16
MS 미미 미미미 미 , IE Mobile, Widget and GeoLocation Jinho Seo (@synabreu) Mobile/Embedded Developer Evangelist Microsoft Korea http://blogs.msdn.com/jinhoseo

20090904 Future Web Camp2009

Embed Size (px)

DESCRIPTION

글로벌 웹 포럼

Citation preview

Page 1: 20090904 Future Web Camp2009

MS 미래 모바일 웹 , IE Mobile, Widget and GeoLocation

Jinho Seo (@synabreu)Mobile/Embedded Developer EvangelistMicrosoft Koreahttp://blogs.msdn.com/jinhoseo

Page 2: 20090904 Future Web Camp2009

Agenda

마이크로소프트 미래의 모바일 웹 환경 새로운 모바일 웹으로의 여행 모바일 리치 미디어의 즐거움 W3C 표준에 준수하는 모바일 위젯 프레임워크 Tag 와 Location 의 절묘한 만남 , GoMap 결론

Page 3: 20090904 Future Web Camp2009

미래의 모바일 웹 환경

Live Search Widgets Framework

New Internet Explorer Mobile

Page 4: 20090904 Future Web Camp2009

모바일 웹 브라우저이란 ?

Mobile Optimized

Full BrowsingNew User

ExperienceWindows Mobile 6.1.4Windows Mobile 6.1 Windows Mobile 6.5

Page 5: 20090904 Future Web Camp2009

Demo: A Tour of the New Experience

Microsoft Confidential5

Page 6: 20090904 Future Web Camp2009

Right from the Start, A Fresh Look

New Address Bar & Icon Bar

Full Screen (No Icon Bar)

• 터치에 친숙한 아이콘• UI 프레임 ( 아이콘 & 주소 창 ) 이 자동적으로 사라짐

• 풀 스크린으로 부터 쉽게 UI • 주소바에 통합된 상태바

• (Reading view 대신 ) 페이지 요약 오픈

Page 7: 20090904 Future Web Camp2009

Small Screen? No Problem.

• 스크롤 동안 모든 페이지 위의 “ Mini map” • 브라우저에서 터치 하는 것은 OS 터치하는 것• 위 / 아래 읽기하도록 스마트 패팅 지원• 스크롤 바 없음

• 연속적인 확대를 통한 줌 슬라이드 • 페이지 개요 및 기본 리딩 뷰 사이에 토글을 할 수 있는 더블 탭 • 슬라이더는 왼쪽 / 오른손을 자유자재로 사용할 수 있도록 지원

Page 8: 20090904 Future Web Camp2009

For Your Reading Pleasure

Portrait

Landscape

• 컨텐츠를 활용한 공간을 최대한 크게 보게끔 조정 • 가로 / 세로 크기를 변경할 수 있도록 스마트 텍스트 래핑• 한 손가락으로 위 / 아래로 스크롤링 “ Pan locking”

Page 9: 20090904 Future Web Camp2009

Attractive and Easy to Use

• 사용자에게 친숙한 로고 기반 아이콘• 더 쉽게 관리 – 더 이상 메뉴를 사용하지 않음 , 아이콘 교체• 터치에 친숙하게 공간 활용• PC 로 즐겨찾기를 항상 친숙함

Old Address Bar (6.1.4)

• 터치에 친숙한 주소바 사용• 즐겨찾기 , 히스토리 , 자동 철자 및 검색창을 한꺼번에 모은 “ all-in-one” 사용자 경험

New Address Bar (6.5)New Favorites (6.5)

Page 10: 20090904 Future Web Camp2009

Helping to Manage Data Consumption

• 메인 메뉴에서 새로운 “ Exit” 버튼• 만일 브라우저가 백그라운드로 돌아가면 데이터 연결을 멈춤 ( 캐쉬 기능 )• 모바일 인터넷 사용자에게 “ pay-as-you-go” 데이터 계획

• “mobile” 또는 “ desktop” 형태의 브라우저 보기• 컨텐트 프로바이더는 어떤 종류의 페이지 타입이든지 간에 모바일 웹 구성

Page 11: 20090904 Future Web Camp2009

My Web Now through Home Screen

•홈 스크린 화면에서 빠르게 브라우저 접속을 위한 플러그 - 인 제공• 즐겨 찾기의 빠른 “ flick” 기능 사용• 사용자에 의해 선택된 모든 즐겨찾기 구성• 로고 - 기반 아이콘 – 비주얼하게 나타나고 쉽게 재인식• 쉽게 추가 및 삭제 기능

Page 12: 20090904 Future Web Camp2009

My Web Now through Widgets

• 사용자와 눈으로 비주얼하게 보고 직접 액세스 가능• Internet Explorer Mobile 6 엔진 (AJAX, HTML, CSS supported) 기반으로 표준 W3C 준수 , 개발 시간 단축 및 용이성 좋음• 기본적으로 weather, stock, search 위젯 포함• 개발자가 사용자에게 Windows Marketplace for Mobile 을 통해 직접 판매

Page 13: 20090904 Future Web Camp2009

Demo : Widget

Microsoft Confidential13

Page 14: 20090904 Future Web Camp2009

Figure 3 –GPS enabled handset shipments as a % of all handset shipments by region, ABI Research 2008

Figure 1 – LBS revenue by application, ABI Research 2008 Figure 2 – LBS users worldwide by application, ABI Research 2008

GeoLocation – Industry Trends

Takeaways:

• Market opportunity for LBS applications is real, especially in the enterprise and consumer navigation application space as shown in Figure 1 and Figure 2.

• 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.

• 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.

Page 15: 20090904 Future Web Camp2009

GeoLocation - Consumer Scenarios

Non-social/Myself Social/with Others

Asynchronous

Real-time

Content (What) / Interaction(Who)

Tim

e (

Wh

en

)

1CREATE

1CONSUME

2,5

3

42.5

HEAVY WEIGHT REQUIREMENTS

Scenario Category

User Action and Scenario Categorization FrameworkUser Scenario Geo-tag Photos 1

When I take a photo from mobile device. it will include location specific information automatically.

Snap & Share 2Include location with content (psm and photos) that I share with my network from my mobile device.

Friends’ Footprint 3I can see my friends shared content sorted by proximity to my current location.

Friends’ Meet Up Alert 5Ask my friends if they are around and get an meet up alert if they are near my location and would like to meet up.

Geo-Smart Trigger 4Switch my settings (PSM, Profile, auto-notification) when I am around different location.

Page 16: 20090904 Future Web Camp2009

Demo : Microsoft GoMap

http://www.youtube.com/watch?v=vOeHU0lQvNk

http://www.youtube.com/watch?v=vOeHU0lQvNk