SlideShare uma empresa Scribd logo
1 de 15
SIG en dispositivos móviles
Alexandre Busquets, programador analista SIG.
SIGTE - Universitat de Girona
SIG
SIG: visualizar y gestionar datos geográficos
SIG de escritorio:
QGis
gvSIG
ArcGIS
Librerías para SIG WEB (mobile support)
OpenLayers
LeaFlet
Objetivos
Mapa como punto central de la aplicación
Gestión y visualización "in situ" de los datos geográficos y
alfanuméricos
Consulta de datos
Edición de cartografía
Edición de datos alfanuméricos
Online / Offline
Seguridad
Funcionalidades
Login
Mapa
Herramientas de navegación
– Zoom
– Desplazamiento
– Posición de Inicio
– Localización GPS
Herramientas de información
Información/identificación
Medición
Funcionalidades
Datos y leyenda
– Gestor de capas (Toc)
• Capas
• Mapa base
– Leyenda
Herramientas de edición
– Crear objeto
– Modificar objeto
Componentes
Modo online
App móvil
Servidor de
Mapas
API REST o
WFS-T
Servidor mapas
externo
Componentes
Mapa base
– Servidor de mapas (WMS) del SIG
– Servidor de mapas externo (IGN, ICC,..)
– API
• Google Maps
• Bing Maps
Edición de datos
– API REST
– WFS-T
Puntos a tener en cuenta:
– Autentificación
– Validaciones
– Imágenes y archivos
Componentes
Modo Offline
App móvil API
Base datos
Mapa
Sincronización
Componentes
Mapa base
– Tiles
• Directorio local
• Mbtiles
– Canvas
Edición de datos
– Plugin persistencia
Sistema de sincronización
Solución tecnológica
Apache Cordova + HTML5, CSS3 y Javascript
Solución híbrida
Apache Cordova
Framework gratuito y open source
HTML5, CSS3 y Javascript
Aplicaciones móviles multiplataforma: iOS, Android, Windows
Phone,...
Conjunto de APIs que permiten controlar características como
el acelerómetro, la cámara, las notificaciones, la
geolocalización,...
Solución tecnológica
Ventajas vs aplicación nativa:
– Entorno WEB. Ecosistema muy popular
– Código Javascript de proyectos consolidados
– Versión para distintos OS
Ventajas vs publicación en web:
– Aplicación empaquetada
– Api para usar elementos del sistema (Notificaciones,
LocalStorage, Cámara,...)
Librerías
Interfaz de usuario
– JqueryMobile
– Backbone
– FastClick
– OpenLayers
Servidor
API REST
– php, python, nodejs
Base de datos
– Postgres+postgis
– Oracle Spatial
Librerías
Servidor de mapas, servicios OGC (WMS, WFS)
– Geoserver
Base de datos offline
– Spatialite
Valoraciones
Resultado final bueno
Rendimiento inferior a aplicación nativa
Algunos problemas
Rendimiento del componente navegador (WebView)
Problemas aceleración GPU para SVG y CSS en OL
Las transiciones entre pantallas lentas cuando hay un mapa
Preguntas?

Mais conteúdo relacionado

Mais procurados

Soloa_Carlos_SIG
Soloa_Carlos_SIGSoloa_Carlos_SIG
Soloa_Carlos_SIG
1962_237
 
Sig (sistema de información geográfica)
Sig (sistema de información geográfica)Sig (sistema de información geográfica)
Sig (sistema de información geográfica)
Vivian Vanesa
 

Mais procurados (19)

Sistema de Informacion geografica
Sistema de Informacion geograficaSistema de Informacion geografica
Sistema de Informacion geografica
 
Diapositivas sig actualizada
Diapositivas sig actualizadaDiapositivas sig actualizada
Diapositivas sig actualizada
 
Evoulucion SIG
Evoulucion SIGEvoulucion SIG
Evoulucion SIG
 
Soloa_Carlos_SIG
Soloa_Carlos_SIGSoloa_Carlos_SIG
Soloa_Carlos_SIG
 
Diapositivas sig
Diapositivas sigDiapositivas sig
Diapositivas sig
 
Diapositivas sig
Diapositivas sigDiapositivas sig
Diapositivas sig
 
Sig (sistema de información geográfica)
Sig (sistema de información geográfica)Sig (sistema de información geográfica)
Sig (sistema de información geográfica)
 
PF2 introduccion a los GIS y a sus componentes
PF2 introduccion a los GIS y a sus componentesPF2 introduccion a los GIS y a sus componentes
PF2 introduccion a los GIS y a sus componentes
 
Sig
SigSig
Sig
 
Antecedentes de los SIG
Antecedentes de los SIGAntecedentes de los SIG
Antecedentes de los SIG
 
Diseño Carto Web
Diseño Carto WebDiseño Carto Web
Diseño Carto Web
 
Sistemas de información geográfica
Sistemas de información geográficaSistemas de información geográfica
Sistemas de información geográfica
 
001 gps sig_intro
001 gps sig_intro001 gps sig_intro
001 gps sig_intro
 
Fundamentos de un SIG e introducción a las Geodatabase
Fundamentos de un SIG e introducción a las GeodatabaseFundamentos de un SIG e introducción a las Geodatabase
Fundamentos de un SIG e introducción a las Geodatabase
 
Sistema de Información Geográfica
Sistema de Información GeográficaSistema de Información Geográfica
Sistema de Información Geográfica
 
Sig
SigSig
Sig
 
Las sig
Las sigLas sig
Las sig
 
Sig aby
Sig abySig aby
Sig aby
 
Tema 2 de optativa
Tema 2 de optativaTema 2 de optativa
Tema 2 de optativa
 

Semelhante a SIG en dispositivos móviles - GEOwebinar UNIGIS

Curso doctorado.ppt
Curso doctorado.pptCurso doctorado.ppt
Curso doctorado.ppt
eherediaa
 

Semelhante a SIG en dispositivos móviles - GEOwebinar UNIGIS (20)

Publicación de datos geográficos en Internet
Publicación de datos geográficos en InternetPublicación de datos geográficos en Internet
Publicación de datos geográficos en Internet
 
ESRI - Cómo acercar la funcionalidad geográfica a toda la organización
ESRI - Cómo acercar la funcionalidad geográfica a toda la organización ESRI - Cómo acercar la funcionalidad geográfica a toda la organización
ESRI - Cómo acercar la funcionalidad geográfica a toda la organización
 
Introducción a los sistemas de información Geografica.pdf
Introducción a los sistemas de información Geografica.pdfIntroducción a los sistemas de información Geografica.pdf
Introducción a los sistemas de información Geografica.pdf
 
Webinar Aplicaciones GIS
Webinar Aplicaciones GISWebinar Aplicaciones GIS
Webinar Aplicaciones GIS
 
2013 06 arc_gis_como_plataforma-canarias
2013 06 arc_gis_como_plataforma-canarias2013 06 arc_gis_como_plataforma-canarias
2013 06 arc_gis_como_plataforma-canarias
 
Panorama SIG Libre 2014
Panorama SIG Libre 2014Panorama SIG Libre 2014
Panorama SIG Libre 2014
 
Arcgis basico
Arcgis basico Arcgis basico
Arcgis basico
 
Sig en linea
Sig en lineaSig en linea
Sig en linea
 
Apps de campo: La potencia del GIS llevada al campo
Apps de campo: La potencia del GIS llevada al campoApps de campo: La potencia del GIS llevada al campo
Apps de campo: La potencia del GIS llevada al campo
 
Sig
SigSig
Sig
 
Sistemas de Información Geográfica Libres - Flisol 2016
Sistemas de Información Geográfica Libres - Flisol 2016Sistemas de Información Geográfica Libres - Flisol 2016
Sistemas de Información Geográfica Libres - Flisol 2016
 
Kevin Bidon-Chanal - La Plataforma ArcGIS
Kevin Bidon-Chanal - La Plataforma ArcGIS Kevin Bidon-Chanal - La Plataforma ArcGIS
Kevin Bidon-Chanal - La Plataforma ArcGIS
 
Curso doctorado.ppt
Curso doctorado.pptCurso doctorado.ppt
Curso doctorado.ppt
 
Presentación SIG - BI.ppt
Presentación SIG - BI.pptPresentación SIG - BI.ppt
Presentación SIG - BI.ppt
 
Presentación Sistemas de información geográfico
Presentación Sistemas de información geográficoPresentación Sistemas de información geográfico
Presentación Sistemas de información geográfico
 
Seminario ArcGIS Desktop 10: La Pieza Clave del SIG
Seminario ArcGIS Desktop 10: La Pieza Clave del SIGSeminario ArcGIS Desktop 10: La Pieza Clave del SIG
Seminario ArcGIS Desktop 10: La Pieza Clave del SIG
 
Conceptos básicos de SIG
Conceptos básicos de SIGConceptos básicos de SIG
Conceptos básicos de SIG
 
Día Esri en Granada, Marzo 2014: ArcGIS- La Plataforma Esri para la gestión d...
Día Esri en Granada, Marzo 2014: ArcGIS- La Plataforma Esri para la gestión d...Día Esri en Granada, Marzo 2014: ArcGIS- La Plataforma Esri para la gestión d...
Día Esri en Granada, Marzo 2014: ArcGIS- La Plataforma Esri para la gestión d...
 
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGISLidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
Lidar, Mobile Mapping, UAVs, Indoor/BIM en ArcGIS
 
20130813 arcgis-webinar
20130813 arcgis-webinar20130813 arcgis-webinar
20130813 arcgis-webinar
 

Mais de Servei de SIG i Teledetecció (SIGTE), Universitat de Girona

Mais de Servei de SIG i Teledetecció (SIGTE), Universitat de Girona (10)

Introducción SIG [Máster Smart Cities UdG]
Introducción SIG [Máster Smart Cities UdG]Introducción SIG [Máster Smart Cities UdG]
Introducción SIG [Máster Smart Cities UdG]
 
Vlc Routing
Vlc RoutingVlc Routing
Vlc Routing
 
Things to do with OpenStreetMap
Things to do with OpenStreetMapThings to do with OpenStreetMap
Things to do with OpenStreetMap
 
Tendències en Tecnologies de la GeoInformació al servei del sector turístic
Tendències en Tecnologies de la GeoInformació al servei del sector turístic Tendències en Tecnologies de la GeoInformació al servei del sector turístic
Tendències en Tecnologies de la GeoInformació al servei del sector turístic
 
Geoinformacion colaborativa y en comunidad
Geoinformacion colaborativa y en comunidadGeoinformacion colaborativa y en comunidad
Geoinformacion colaborativa y en comunidad
 
Jornadas SIG Libre, un motor de proyectos e ideas... desde la Universidad
Jornadas SIG Libre, un motor de proyectos e ideas... desde la UniversidadJornadas SIG Libre, un motor de proyectos e ideas... desde la Universidad
Jornadas SIG Libre, un motor de proyectos e ideas... desde la Universidad
 
SIG y Educacion
SIG y EducacionSIG y Educacion
SIG y Educacion
 
LEGENDiary
LEGENDiaryLEGENDiary
LEGENDiary
 
La gestión transparente tiene forma de mapa
La gestión transparente tiene forma de mapaLa gestión transparente tiene forma de mapa
La gestión transparente tiene forma de mapa
 
Apps amb component GEO
Apps amb component GEOApps amb component GEO
Apps amb component GEO
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (11)

EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 

SIG en dispositivos móviles - GEOwebinar UNIGIS

  • 1. SIG en dispositivos móviles Alexandre Busquets, programador analista SIG. SIGTE - Universitat de Girona
  • 2. SIG SIG: visualizar y gestionar datos geográficos SIG de escritorio: QGis gvSIG ArcGIS Librerías para SIG WEB (mobile support) OpenLayers LeaFlet
  • 3. Objetivos Mapa como punto central de la aplicación Gestión y visualización "in situ" de los datos geográficos y alfanuméricos Consulta de datos Edición de cartografía Edición de datos alfanuméricos Online / Offline Seguridad
  • 4. Funcionalidades Login Mapa Herramientas de navegación – Zoom – Desplazamiento – Posición de Inicio – Localización GPS Herramientas de información Información/identificación Medición
  • 5. Funcionalidades Datos y leyenda – Gestor de capas (Toc) • Capas • Mapa base – Leyenda Herramientas de edición – Crear objeto – Modificar objeto
  • 6. Componentes Modo online App móvil Servidor de Mapas API REST o WFS-T Servidor mapas externo
  • 7. Componentes Mapa base – Servidor de mapas (WMS) del SIG – Servidor de mapas externo (IGN, ICC,..) – API • Google Maps • Bing Maps Edición de datos – API REST – WFS-T Puntos a tener en cuenta: – Autentificación – Validaciones – Imágenes y archivos
  • 8. Componentes Modo Offline App móvil API Base datos Mapa Sincronización
  • 9. Componentes Mapa base – Tiles • Directorio local • Mbtiles – Canvas Edición de datos – Plugin persistencia Sistema de sincronización
  • 10. Solución tecnológica Apache Cordova + HTML5, CSS3 y Javascript Solución híbrida Apache Cordova Framework gratuito y open source HTML5, CSS3 y Javascript Aplicaciones móviles multiplataforma: iOS, Android, Windows Phone,... Conjunto de APIs que permiten controlar características como el acelerómetro, la cámara, las notificaciones, la geolocalización,...
  • 11. Solución tecnológica Ventajas vs aplicación nativa: – Entorno WEB. Ecosistema muy popular – Código Javascript de proyectos consolidados – Versión para distintos OS Ventajas vs publicación en web: – Aplicación empaquetada – Api para usar elementos del sistema (Notificaciones, LocalStorage, Cámara,...)
  • 12. Librerías Interfaz de usuario – JqueryMobile – Backbone – FastClick – OpenLayers Servidor API REST – php, python, nodejs Base de datos – Postgres+postgis – Oracle Spatial
  • 13. Librerías Servidor de mapas, servicios OGC (WMS, WFS) – Geoserver Base de datos offline – Spatialite
  • 14. Valoraciones Resultado final bueno Rendimiento inferior a aplicación nativa Algunos problemas Rendimiento del componente navegador (WebView) Problemas aceleración GPU para SVG y CSS en OL Las transiciones entre pantallas lentas cuando hay un mapa

Notas do Editor

  1. Hola a todos, En la siguiente xarla veremos un caso real de desarrollo de aplicación web para móviles. La aplicación que expondré se trata de "Parques de y Jardines de Figueres". La aplicación si bien está muy terminada aún se encuentra en fase de desarrollo.
  2. Login Existen 2 roles de usuario: Lectura Lectura/escriptura Mapa Mapa punto central de la aplicación. Herramientas de navegación: Zoom (evento touch con dos dedos a la vez.) Separa o unir dos dedos Desplazamiento (evento touch), movemos el dedo por la pantalla. Posición de Inicio. Posición GPS. Herramientas de información: Información/identificación. Medición. Datos y leyenda: Toc (Fuentes de datos) Capas Tapa base Capas de soporte a la edición Leyenda Herramientas de edición Crear objeto (Fotografia) Modificar objeto (Espai verd)
  3. Login Existen 2 roles de usuario: Lectura Lectura/escriptura Mapa Mapa punto central de la aplicación. Herramientas de navegación: Zoom (evento touch con dos dedos a la vez.) Separa o unir dos dedos Desplazamiento (evento touch), movemos el dedo por la pantalla. Posición de Inicio. Posición GPS. Herramientas de información: Información/identificación. Medición. Datos y leyenda: Toc (Fuentes de datos) Capas Tapa base Capas de soporte a la edición Leyenda Herramientas de edición Crear objeto (Fotografia) Modificar objeto (Espai verd)
  4. Además, podemos incluir código nativo.
  5. JqueryMobile (bàsicamente para la tematización) requirejs Para tener nuestor código ordenado y separado en varios archivos. Correspondientes a Backbone Nos ha permitido implementar el patron modelo-vista -control y tener todo organizado en classes Backbone-Forms Para crear los formualrios a partir de la definición de una clase Openlayers 2.13.1 FastClick (delay de 300 m cuando hacemos click)
  6. JqueryMobile (bàsicamente para la tematización) requirejs Para tener nuestor código ordenado y separado en varios archivos. Correspondientes a Backbone Nos ha permitido implementar el patron modelo-vista -control y tener todo organizado en classes Backbone-Forms Para crear los formualrios a partir de la definición de una clase Openlayers 2.13.1 FastClick (delay de 300 m cuando hacemos click)