Enviar pesquisa
Carregar
HTML5 Geolocation API
•
Transferir como PPTX, PDF
•
0 gostou
•
2,181 visualizações
Департамент Стратегических Технологий
Seguir
Presentation from HTML5 Camp, UXnext for designers, developers and UX professionals
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 29
Baixar agora
Recomendados
Geolocation for Web - Geohash, GeoIP & HTML5 Geolocation
Geolocation for Web - Geohash, GeoIP & HTML5 Geolocation
manuelberger
Html geolocation
Html geolocation
Yeh Yung-Hsin
Geolocation
Geolocation
Kristoffer Snabb
W3C Geolocation
W3C Geolocation
Andy Pemberton
Geo Signature
Geo Signature
Coldbeans Software
Spot Expert for hyper local content
Spot Expert for hyper local content
Coldbeans Software
SDN&NFV: новые горизонты
SDN&NFV: новые горизонты
ARCCN
SAYMON at Chaos Construction Conference, 26 Aug 2017
SAYMON at Chaos Construction Conference, 26 Aug 2017
KONSTANTIN_MIKHAILOV
Recomendados
Geolocation for Web - Geohash, GeoIP & HTML5 Geolocation
Geolocation for Web - Geohash, GeoIP & HTML5 Geolocation
manuelberger
Html geolocation
Html geolocation
Yeh Yung-Hsin
Geolocation
Geolocation
Kristoffer Snabb
W3C Geolocation
W3C Geolocation
Andy Pemberton
Geo Signature
Geo Signature
Coldbeans Software
Spot Expert for hyper local content
Spot Expert for hyper local content
Coldbeans Software
SDN&NFV: новые горизонты
SDN&NFV: новые горизонты
ARCCN
SAYMON at Chaos Construction Conference, 26 Aug 2017
SAYMON at Chaos Construction Conference, 26 Aug 2017
KONSTANTIN_MIKHAILOV
Конкурентные бизнес-модели IoT & 5G
Конкурентные бизнес-модели IoT & 5G
Sergey Zhdanov
Positive Hack Days 2011 - Russian Hackers
Positive Hack Days 2011 - Russian Hackers
qqlan
Аналитика поведения клиентов с решением Cisco Connected Mobile Experiences
Аналитика поведения клиентов с решением Cisco Connected Mobile Experiences
Cisco Russia
Skolkovo cluster IT
Skolkovo cluster IT
Sergey Khodakov
Виртуализация в сетях мобильной связи
Виртуализация в сетях мобильной связи
Cisco Russia
Микросервисы в .NET Core
Микросервисы в .NET Core
Andrew Gubskiy
Виртуализация в сетях мобильной связи
Виртуализация в сетях мобильной связи
Cisco Russia
Как использовать LISP в кампусных сетях?
Как использовать LISP в кампусных сетях?
Cisco Russia
Wild microservices and imaginary DevOps
Wild microservices and imaginary DevOps
Кирилл Толкачёв
Microsoft SWIT 2012 in Kyiv, Ukraine
Microsoft SWIT 2012 in Kyiv, Ukraine
Департамент Стратегических Технологий
JavaScript как объектно-ориентированный язык программирования
JavaScript как объектно-ориентированный язык программирования
Департамент Стратегических Технологий
HTML for smart TV
HTML for smart TV
Департамент Стратегических Технологий
Semantic Grid. Layout of the future
Semantic Grid. Layout of the future
Департамент Стратегических Технологий
Progressive Enhancement
Progressive Enhancement
Департамент Стратегических Технологий
Hard Rock Design
Hard Rock Design
Департамент Стратегических Технологий
Способы структурирования данных и виды навигации сложных сайтов СМИ
Способы структурирования данных и виды навигации сложных сайтов СМИ
Департамент Стратегических Технологий
CSS3 Animations
CSS3 Animations
Департамент Стратегических Технологий
Responsive Web design. Что это и как использовать
Responsive Web design. Что это и как использовать
Департамент Стратегических Технологий
Инфографика
Инфографика
Департамент Стратегических Технологий
Проектирование Интерфейсов
Проектирование Интерфейсов
Департамент Стратегических Технологий
ECMAScript 5: Новое в JavaScript
ECMAScript 5: Новое в JavaScript
Департамент Стратегических Технологий
Разработка SaaS решений на платформе Windows Azure, Azure University
Разработка SaaS решений на платформе Windows Azure, Azure University
Департамент Стратегических Технологий
Mais conteúdo relacionado
Semelhante a HTML5 Geolocation API
Конкурентные бизнес-модели IoT & 5G
Конкурентные бизнес-модели IoT & 5G
Sergey Zhdanov
Positive Hack Days 2011 - Russian Hackers
Positive Hack Days 2011 - Russian Hackers
qqlan
Аналитика поведения клиентов с решением Cisco Connected Mobile Experiences
Аналитика поведения клиентов с решением Cisco Connected Mobile Experiences
Cisco Russia
Skolkovo cluster IT
Skolkovo cluster IT
Sergey Khodakov
Виртуализация в сетях мобильной связи
Виртуализация в сетях мобильной связи
Cisco Russia
Микросервисы в .NET Core
Микросервисы в .NET Core
Andrew Gubskiy
Виртуализация в сетях мобильной связи
Виртуализация в сетях мобильной связи
Cisco Russia
Как использовать LISP в кампусных сетях?
Как использовать LISP в кампусных сетях?
Cisco Russia
Wild microservices and imaginary DevOps
Wild microservices and imaginary DevOps
Кирилл Толкачёв
Semelhante a HTML5 Geolocation API
(9)
Конкурентные бизнес-модели IoT & 5G
Конкурентные бизнес-модели IoT & 5G
Positive Hack Days 2011 - Russian Hackers
Positive Hack Days 2011 - Russian Hackers
Аналитика поведения клиентов с решением Cisco Connected Mobile Experiences
Аналитика поведения клиентов с решением Cisco Connected Mobile Experiences
Skolkovo cluster IT
Skolkovo cluster IT
Виртуализация в сетях мобильной связи
Виртуализация в сетях мобильной связи
Микросервисы в .NET Core
Микросервисы в .NET Core
Виртуализация в сетях мобильной связи
Виртуализация в сетях мобильной связи
Как использовать LISP в кампусных сетях?
Как использовать LISP в кампусных сетях?
Wild microservices and imaginary DevOps
Wild microservices and imaginary DevOps
Mais de Департамент Стратегических Технологий
Microsoft SWIT 2012 in Kyiv, Ukraine
Microsoft SWIT 2012 in Kyiv, Ukraine
Департамент Стратегических Технологий
JavaScript как объектно-ориентированный язык программирования
JavaScript как объектно-ориентированный язык программирования
Департамент Стратегических Технологий
HTML for smart TV
HTML for smart TV
Департамент Стратегических Технологий
Semantic Grid. Layout of the future
Semantic Grid. Layout of the future
Департамент Стратегических Технологий
Progressive Enhancement
Progressive Enhancement
Департамент Стратегических Технологий
Hard Rock Design
Hard Rock Design
Департамент Стратегических Технологий
Способы структурирования данных и виды навигации сложных сайтов СМИ
Способы структурирования данных и виды навигации сложных сайтов СМИ
Департамент Стратегических Технологий
CSS3 Animations
CSS3 Animations
Департамент Стратегических Технологий
Responsive Web design. Что это и как использовать
Responsive Web design. Что это и как использовать
Департамент Стратегических Технологий
Инфографика
Инфографика
Департамент Стратегических Технологий
Проектирование Интерфейсов
Проектирование Интерфейсов
Департамент Стратегических Технологий
ECMAScript 5: Новое в JavaScript
ECMAScript 5: Новое в JavaScript
Департамент Стратегических Технологий
Разработка SaaS решений на платформе Windows Azure, Azure University
Разработка SaaS решений на платформе Windows Azure, Azure University
Департамент Стратегических Технологий
Архитектура облачных приложений. Типовые шаблоны, Azure University
Архитектура облачных приложений. Типовые шаблоны, Azure University
Департамент Стратегических Технологий
Технический обзор платформы Windows Azure. Демонстрация, Azure University
Технический обзор платформы Windows Azure. Демонстрация, Azure University
Департамент Стратегических Технологий
Сценарии применения Windows Azure, Azure University
Сценарии применения Windows Azure, Azure University
Департамент Стратегических Технологий
Облачные сервисы Майкрософт и возможности для партнеров, Azure University
Облачные сервисы Майкрософт и возможности для партнеров, Azure University
Департамент Стратегических Технологий
Что нового в CSS3
Что нового в CSS3
Департамент Стратегических Технологий
Обзор IE9 developer tools
Обзор IE9 developer tools
Департамент Стратегических Технологий
Pinned Sites
Pinned Sites
Департамент Стратегических Технологий
Mais de Департамент Стратегических Технологий
(20)
Microsoft SWIT 2012 in Kyiv, Ukraine
Microsoft SWIT 2012 in Kyiv, Ukraine
JavaScript как объектно-ориентированный язык программирования
JavaScript как объектно-ориентированный язык программирования
HTML for smart TV
HTML for smart TV
Semantic Grid. Layout of the future
Semantic Grid. Layout of the future
Progressive Enhancement
Progressive Enhancement
Hard Rock Design
Hard Rock Design
Способы структурирования данных и виды навигации сложных сайтов СМИ
Способы структурирования данных и виды навигации сложных сайтов СМИ
CSS3 Animations
CSS3 Animations
Responsive Web design. Что это и как использовать
Responsive Web design. Что это и как использовать
Инфографика
Инфографика
Проектирование Интерфейсов
Проектирование Интерфейсов
ECMAScript 5: Новое в JavaScript
ECMAScript 5: Новое в JavaScript
Разработка SaaS решений на платформе Windows Azure, Azure University
Разработка SaaS решений на платформе Windows Azure, Azure University
Архитектура облачных приложений. Типовые шаблоны, Azure University
Архитектура облачных приложений. Типовые шаблоны, Azure University
Технический обзор платформы Windows Azure. Демонстрация, Azure University
Технический обзор платформы Windows Azure. Демонстрация, Azure University
Сценарии применения Windows Azure, Azure University
Сценарии применения Windows Azure, Azure University
Облачные сервисы Майкрософт и возможности для партнеров, Azure University
Облачные сервисы Майкрософт и возможности для партнеров, Azure University
Что нового в CSS3
Что нового в CSS3
Обзор IE9 developer tools
Обзор IE9 developer tools
Pinned Sites
Pinned Sites
HTML5 Geolocation API
1.
HTML5 Geolocation API
Никита Лукьянец Департамент стратегических технологий Microsoftnikital@microsoft.com@nikiluk, Twitter
2.
О чем пойдёт
речь? К чему нам HTML5 Что значит “локально” Use Cases Пару простых примеров
3.
геолокация семантика l.storage,
l.db
4.
5.
геолокация
6.
Что значит локально?
7.
Локация:Контекст и Релевантность
8.
Что определяет местность?
9.
Что определяет местность?
Киев | Kyiv |Київ |Kiew
10.
Что определяет местность?
11.
Что определяет местность?
12.
C чего начать?
13.
2 базовых метода:
IP Триангуляция GPS Wi-Fi Вышка
14.
IP геолокация
15.
Поставщики: MaxMind- http://www.maxmind.com
Quova- http://www.quova.com IPligence- http://www.ipilgence.com IP2Location - http://www.ip2location.com
16.
Триангуляция WiFi ~
20 м GPS ~ 10 м Вышка сотовой связи ~ 1 км
17.
Короткий ответ: Гибрид
18.
W3C Geolocation API
navigator.geolocation.getCurrentPosition(function(pos){ //show map at (pos.coords.latitude, pos.coords.longitude) });
19.
Пример№1 http://lukianets.com/uxnext/helloworld.html
20.
W3C Geolocation API
Latest Published Version: http://www.w3.org/TR/geolocation-API/ Latest Editor's Draft: http://dev.w3.org/geo/api/spec-source.html
21.
Объекты Position и
Coordinates interface Position { readonly attribute Coordinates coords; readonly attribute DOMTimeStamptimestamp; }; interface Coordinates { readonly attribute double latitude; readonly attribute double longitude; readonly attribute double altitude; readonly attribute double accuracy; readonly attribute double altitudeAccuracy; readonly attribute double heading; readonly attribute double speed; };
22.
+ callback function
showMap(pos) { //show map at pos.coords.latitude, pos.coords.longitude } function showError(err) { alert(err.message + ‘, ’ + err.code); } navigator.geolocation.getCurrentPosition(showMap, showError);
23.
Пример№2 http://lukianets.com/uxnext/bing.html
24.
+ Объект ошибки
локации interface PositionError { const unsigned short UNKNOWN_ERROR = 0; const unsigned short PERMISSION_DENIED = 1; const unsigned short POSITION_UNAVAILABLE = 2; const unsigned short TIMEOUT = 3; readonly unsigned short code; readonlyDOMStringmessage; };
25.
+ Опции interface
PositionOptions{ attribute booleanenableHighAccuracy; attribute long timeout; attribute long maximumAge; };
26.
Всё вместе function
showMap(pos) { //show map at pos.coords.latitude, pos.coords.longitude } function showError(err) { alert(err.message + ‘, ’ + err.code); } navigator.geolocation.getCurrentPosition(showMap, showError, {enableHighAccuracy:true, maximumAge:300000, timeout:0});
27.
Слежение! function moveMap(pos)
{ //update map to pos.coords.latitude, pos.coords.longitude } function showError(err) { alert(err.message + ‘, ’ + err.code); } // Track location with periodic updates watchId = navigator.geolocation.watchPosition(moveMap, showError); function stopTracking() { navigator.geolocation.clearWatch(watchId); }
28.
Резюме Геолокация =
релевантность Гибридное решение может быть дешевле HTML5 => мобильный веб
29.
? Никита Лукьянецnikital@microsoft.comtwitter.com/nikiluk
Baixar agora