SlideShare a Scribd company logo
1 of 38
Geoinquietos Cantabria


   Publicación de información geográfica en Layar
                mediante PorPOIse
                                         Santander, 15 de julio de 2011




Emilio Gómez Fernández
emiliogf@altergeosistemas.com




                          Creative Commons Reconocimiento-NoComercial 3.0 España   http://www.flickr.com/szlagor
Clientes de realidad aumentada

Layar (propietario)                                                                    http://www.layar.com




       http://www.flickr.com/photos/claudiarahanmetan   http://www.flickr.com/photos/imefakultetet
Clientes de realidad aumentada

Wikitude (propietario)                                             http://www.wikitude.com




http://www.flickr.com/photos/fstorr   http://www.flickr.com/photos/wikitude
Clientes de realidad aumentada

Mixare (libre)                       http://www.mixare.org




   http://code.google.com/p/mixare
Clientes de realidad aumentada

Kharma (libre)                                https://research.cc.gatech.edu/polaris/




      https://research.cc.gatech.edu/kharma
Porpoise

Portable Point-of-Interest Server for Layar.
Licencia libre BSD.
Se ejecuta bajo cualquier servidor PHP estándar.
Permite servir PDI a clientes Layar.
Soporta archivos XML, BD como almacenes de
 datos y archivos tabulados (← descontinuado).
Tres tipos de PDI: puntos, objetos 2D, objetos 3D.
Soporta el estándar de autoidentificación oAuth.
En 2011 el desarrollo pasa a Layar.
Instalando Porpoise

Creamos una cuenta de usuario en Layar.
http://www.layar.com
Instalando Porpoise
Descargamos Porpoise →http://code.google.com/p/porpoise
Lo descomprimimos y lo subimos al servidor.
Accedemos a: http://dominio.com/porpoise/web/porpoise.php
Si el archivo php devuelve el siguiente código JSON
  todo va bien:
{"layer":"unspecified","errorCode":20,"errorString":"Missing parameter:
    userId","hotspots":[],"nextPageKey":null,"morePages":false}

Si tira algunos de estos errores:
Error 404 → Verifica la ruta
Error 403 → Verifica los permisos
Fatal error: Cannot redeclare class HttpRequest → Abre httprequest.class.php y
  web-app.class.php y renombra la clase HttpRequest a HttpRequest1.
Instalando Porpoise
Descargamos Porpoise →http://code.google.com/p/porpoise
Lo descomprimimos y lo subimos al servidor.
Accedemos a: http://dominio.com/porpoise/web/porpoise.php
Si el archivo php devuelve el siguiente código JSON
  todo va bien:
{"layer":"unspecified","errorCode":20,"errorString":"Missing parameter:
    userId","hotspots":[],"nextPageKey":null,"morePages":false}

Si tira algunos de estos errores:
Error 404 → Verifica la ruta
Error 403 → Verifica los permisos
Fatal error: Cannot redeclare class HttpRequest → Abre httprequest.class.php y
  web-app.class.php y renombra la clase HttpRequest a HttpRequest1.
Configurando Porpoise

 Crear un usuario en Porpoise:
 Lo primero es encriptar la contraseña ya que esta no se guarda tal cual:
 http://dominio.com/porpoise/web/dashboard/crypt.php?miusuario=micontraseña

 Editamos el archivo:
  http://dominio.com/porpoise/web/dashboard/users.inc.php

 sustituyendo el código:
 $_access["default"] = '';

 por el que nos ha devuelto Porpoise, por ejemplo:
 $_access["geoinquietos"] = '$1$la9Y1ce.$ISxHGIC4SbFE9FOiiPOiQ1';
Configurando Porpoise
Crear una nueva capa AR

 Configurar con un editor de texto el archivo:
 http://dominio.com/porpoise/config/config.xml
 Aquí introduciremos:
 1) usuario y contraseña de la cuenta de desarrollador Layar.
 2) cómo se van almacenar los datos, mediante una BD y/o a través de un
    archivo XML (descomentamos los conectores seleccionados).
 Permite también configurar el protocolo OAuth de autentificación para restringir
   al acceso a capas.
Crear una nueva capa AR

                 Registramos dos capas: una basada en
                 XML y la otra en BD. El nombre debe
                 ser en minúscula, sin espacios ni
                 caracteres raros.




                         Conexión a capa XML




                         Conexión a base de datos
Crear una nueva capa AR
Utilizamos el archivo XML de ejemplo que viene en
 Porpoise como plantilla para la nueva capa.

Accede al directorio ”config” y crea una copia de ”example.xml” con el nombre
  que pusiste en ”config.xml” a la capa XML.




   Copia de example.xml
Crear una nueva capa AR
¡¡Muy importante!!
Estamos almacenando la clave y contraseña de nuestra BD sin encriptar.




                                                  Plan 9 from Outer Space (1958)
                                             http://archive.org/details/Plan9FromOuterSpace1958
Crear una nueva capa AR

Hay que evitar que el archivo de configuración sea accesible a través de web:
1. Renombra o mueve el directorio ”config” a un lugar inaccesible.
2. Edita ”config.php” y modifica la constante PORPOISE_CONFIG_PATH para
   registrar este cambio.
Crear una nueva capa AR
¿Cuándo utilizar XML?

Si nuestra capa es pequeña y no contiene gran cantidad de PDI.
Si es parte de una proceso encadenado de transformación XML/XSL.
Si estamos desarrollando un prototipo.



¿Qué ventajas tiene?

Fácil de crear, sin programar.
Fácil de mantener si el número de PDI es pequeño.
No es necesario configurar nada.
Crear una nueva capa AR
¿Cuándo utilizar una base de datos?

Si el número de PDI es elevado (cientos de ellos).
Si el proyecto es grande y necesitamos un buen rendimiento.
Si el contenido es dinámico o requiere de autentificación.
Si la capa requiere un proceso complejo de selección de elementos.



¿Qué ventajas tiene?

Es más robusto y seguro que XML.
Excelente redimiento a la hora de servir capas de cientos de PDI.
Crear una nueva capa AR
Accede al dashboard de Porpoise
http://dominio.com/porpoise/web/dashboard/index.php

Valídate con el nombre y usuario que añadistes en
 users.inc.php.
Aparecerán las capas que registrastes en config.xml




                                        Capa XML


                                           Capa base datos
Crear una nueva capa AR
Archivo XML

Accede a tu capa XML.
Los parámetros de la capa los dejaremos por defecto y pulsaremos ”New POI”.
El parámetro ”Dimension” define en cuantas dimensiones estará representado el
   POI en la pantalla de Layar:
   1 (un punto, la habitual).
   2 (una imagen).
   3 (elemento en 3 dimensiones).
Escogeremos 1.
Crear una nueva capa AR
Selecciona el nuevo POI <no title> que se ha creado.
Completa los datos datos del POI:



                                          ID autoincremental del POI. No se puede modificar.
                                          Título del POI. 60 caracteres en dos líneas.
                                          Coordenadas dec. del punto (WGS84 Lat Lon).
                                          Información adicional sobre el punto.
                                          35 caracteres max./línea sin retorno de carro.

                                          Atribución.
                                          URL de una imagen del POI (redimens. 100 x 75 px).
                                          Tipo de POI para asignar un icono diferente.
                                          Evitar la indexación de POI.
                                          Mostrar el BIW reducido.
                                          Mostrar el BIW al pulsar en la pantalla.
                                          Dimensión del POI. En principio no modificar.
                                          Altitud absoluta a la que se ubica el POI.*
                                          Altitud relativa del POI respecto a la del usuario.*
                                          Permite añadir una acción al POI.
                                          Permite añadir una animación al POI.
                                           *Solo funciona con el GPS activado.
Crear una nueva capa AR



                                                                      Punto de Interés (POI)




Brief Info Widget (BIW)                                                    Título
                                                                           Línea 2
                                                                           Línea 3
             Imagen                                                        Línea 4
                                                                           Atribución




                          http://www.flickr.com/photos/bertboerland
Crear una nueva capa AR




       http://layar.pbworks.com/w/page/28473525/GetPOIs-JSON%20Response
Crear una nueva capa AR
Base de datos

Accede a tu gestor web de base de datos.
Selecciona la base de datos e importa el archivo ”database.sql” que contiene el
  script SQL para crear la estructura de tablas.
Crear una nueva capa AR
Vuelve al dashboard de Porpoise, selecciona la capa e introduce los POI uno a
  uno como hemos visto.
                        ¡¡¿Cientos de puntos a mano?!!




                                                         Panic in the Streets (1950)
                                   http://archive.org/details/PanicIntheStreets1950RichardWidmark
Crear una nueva capa AR
                    ¡¡Calma, calma, que no panda el cúnico!!
Vuelve al gestor web de bases de datos y accede a la bd.
Abre la estructura de la tabla 'POI' y apunta el nombre, orden y tipo de campo.
Crear una nueva capa AR
Créate un archivo CSV mediante una hoja de cálculo o un GIS con la lista de
  POI. Las columnas deben coincidir con la estructura de la tabla de la bd.
Recuerda que el sistema de coordenadas debe ser EPSG:4326
Crear una nueva capa AR
Carga los datos en la tabla POI importando el CSV en el gestor web de la base
  de datos.
Crear una nueva capa AR
Consejos:
Revisar las coordenadas en el CSV y sustituir coma por punto antes de importar
Campos terminados por | (pipe).
No delimitar los campos por comillas (”).
Configurar la capa en Layar

Crea una cuenta de desarrollador en Layar.
http://www.layar.com/development/
Configurar la capa en Layar

Registra la capa en Layar.
Configurar la capa en Layar

Configurar la capa en Layar:
  Definir el bounding box de la capa (coverage).
Configurar la capa en Layar
 Señalar un rango de búsqueda de puntos (filters).
Configurar la capa en Layar

 Redactar un descripción detallada de la capa y definir etiquetas. Subir una
   imagen o icono que la identifique (listing & indexing).
Configurar la capa en Layar
Finalmente testear la capa y solicitar su publicación (aprobación ca. 5 días).
Se puede probar sin publicar desde el cliente Layar en Capas → Desarrollador
Configurar la capa en Layar




                          A !
                    O N
                 C I
              U N
         ¡F
Configurar la capa en Layar
Es posible acceder a unas estadísticas sencillas de consultas de la capa por los
  usuarios.
Emilio Gómez Fernández




http://es.linkedin.com/in/egofer     http://twitter.com/egofer



http://www.slideshare.net/egofer




                                                                 Plan 9 from Outer Space (1958)
                                                          http://archive.org/details/Plan9FromOuterSpace1958

More Related Content

Similar to Publicación de información geográfica en Layar mediante PorPOIse

Introducción a Android y conexión con SharePoint
Introducción a Android y conexión con SharePointIntroducción a Android y conexión con SharePoint
Introducción a Android y conexión con SharePointAlbert Lozano Ciller
 
Formato de ficheros ejecutables formato pe
Formato de ficheros ejecutables  formato pe Formato de ficheros ejecutables  formato pe
Formato de ficheros ejecutables formato pe valerot
 
Formato de ficheros ejecutables formato pe
Formato de ficheros ejecutables  formato pe Formato de ficheros ejecutables  formato pe
Formato de ficheros ejecutables formato pe valerot
 
Manual reportes jsp
Manual reportes jspManual reportes jsp
Manual reportes jspjujuju12
 
Taller Realidad Aumentada pamplona 29 mayo 2015
Taller Realidad Aumentada pamplona 29 mayo 2015Taller Realidad Aumentada pamplona 29 mayo 2015
Taller Realidad Aumentada pamplona 29 mayo 2015Manuel Alonso Rosa
 
UDA-Componentes RUP. Migas
UDA-Componentes RUP. MigasUDA-Componentes RUP. Migas
UDA-Componentes RUP. MigasAnder Martinez
 
CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010Comunidad SharePoint
 
Creaciondeinfocubos
CreaciondeinfocubosCreaciondeinfocubos
Creaciondeinfocubosfrank_edw
 
Fundamentos del Visual Basic Ricardo Castillo
Fundamentos del Visual Basic Ricardo Castillo Fundamentos del Visual Basic Ricardo Castillo
Fundamentos del Visual Basic Ricardo Castillo Ricardo Castillo
 
Html4 imagnes
Html4 imagnesHtml4 imagnes
Html4 imagnescinco81
 
Business Objects XI - Ejercicios
Business Objects XI - EjerciciosBusiness Objects XI - Ejercicios
Business Objects XI - Ejerciciosanibal goicochea
 
Reportes En J Developer Parte 1 Y 2
Reportes En J Developer   Parte 1 Y 2Reportes En J Developer   Parte 1 Y 2
Reportes En J Developer Parte 1 Y 2Steven Gomez
 

Similar to Publicación de información geográfica en Layar mediante PorPOIse (20)

Introducción a Android y conexión con SharePoint
Introducción a Android y conexión con SharePointIntroducción a Android y conexión con SharePoint
Introducción a Android y conexión con SharePoint
 
Formato de ficheros ejecutables formato pe
Formato de ficheros ejecutables  formato pe Formato de ficheros ejecutables  formato pe
Formato de ficheros ejecutables formato pe
 
Formato de ficheros ejecutables formato pe
Formato de ficheros ejecutables  formato pe Formato de ficheros ejecutables  formato pe
Formato de ficheros ejecutables formato pe
 
Manual reportes jsp
Manual reportes jspManual reportes jsp
Manual reportes jsp
 
Vb access
Vb accessVb access
Vb access
 
Vb access
Vb accessVb access
Vb access
 
Vb access
Vb accessVb access
Vb access
 
Vb access
Vb accessVb access
Vb access
 
Taller Realidad Aumentada pamplona 29 mayo 2015
Taller Realidad Aumentada pamplona 29 mayo 2015Taller Realidad Aumentada pamplona 29 mayo 2015
Taller Realidad Aumentada pamplona 29 mayo 2015
 
UDA-Componentes RUP. Migas
UDA-Componentes RUP. MigasUDA-Componentes RUP. Migas
UDA-Componentes RUP. Migas
 
Novedades de aries
Novedades de ariesNovedades de aries
Novedades de aries
 
CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010
 
Creaciondeinfocubos
CreaciondeinfocubosCreaciondeinfocubos
Creaciondeinfocubos
 
Elemento 1
Elemento 1Elemento 1
Elemento 1
 
Elemento 1
Elemento 1Elemento 1
Elemento 1
 
Fundamentos del Visual Basic Ricardo Castillo
Fundamentos del Visual Basic Ricardo Castillo Fundamentos del Visual Basic Ricardo Castillo
Fundamentos del Visual Basic Ricardo Castillo
 
Html4 imagnes
Html4 imagnesHtml4 imagnes
Html4 imagnes
 
Business Objects XI - Ejercicios
Business Objects XI - EjerciciosBusiness Objects XI - Ejercicios
Business Objects XI - Ejercicios
 
Base de datos aby
Base de datos abyBase de datos aby
Base de datos aby
 
Reportes En J Developer Parte 1 Y 2
Reportes En J Developer   Parte 1 Y 2Reportes En J Developer   Parte 1 Y 2
Reportes En J Developer Parte 1 Y 2
 

Recently uploaded

El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel tallerValentinaTabares11
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 

Recently uploaded (20)

El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel taller
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 

Publicación de información geográfica en Layar mediante PorPOIse

  • 1. Geoinquietos Cantabria Publicación de información geográfica en Layar mediante PorPOIse Santander, 15 de julio de 2011 Emilio Gómez Fernández emiliogf@altergeosistemas.com Creative Commons Reconocimiento-NoComercial 3.0 España http://www.flickr.com/szlagor
  • 2. Clientes de realidad aumentada Layar (propietario) http://www.layar.com http://www.flickr.com/photos/claudiarahanmetan http://www.flickr.com/photos/imefakultetet
  • 3. Clientes de realidad aumentada Wikitude (propietario) http://www.wikitude.com http://www.flickr.com/photos/fstorr http://www.flickr.com/photos/wikitude
  • 4. Clientes de realidad aumentada Mixare (libre) http://www.mixare.org http://code.google.com/p/mixare
  • 5. Clientes de realidad aumentada Kharma (libre) https://research.cc.gatech.edu/polaris/ https://research.cc.gatech.edu/kharma
  • 6. Porpoise Portable Point-of-Interest Server for Layar. Licencia libre BSD. Se ejecuta bajo cualquier servidor PHP estándar. Permite servir PDI a clientes Layar. Soporta archivos XML, BD como almacenes de datos y archivos tabulados (← descontinuado). Tres tipos de PDI: puntos, objetos 2D, objetos 3D. Soporta el estándar de autoidentificación oAuth. En 2011 el desarrollo pasa a Layar.
  • 7. Instalando Porpoise Creamos una cuenta de usuario en Layar. http://www.layar.com
  • 8. Instalando Porpoise Descargamos Porpoise →http://code.google.com/p/porpoise Lo descomprimimos y lo subimos al servidor. Accedemos a: http://dominio.com/porpoise/web/porpoise.php Si el archivo php devuelve el siguiente código JSON todo va bien: {"layer":"unspecified","errorCode":20,"errorString":"Missing parameter: userId","hotspots":[],"nextPageKey":null,"morePages":false} Si tira algunos de estos errores: Error 404 → Verifica la ruta Error 403 → Verifica los permisos Fatal error: Cannot redeclare class HttpRequest → Abre httprequest.class.php y web-app.class.php y renombra la clase HttpRequest a HttpRequest1.
  • 9. Instalando Porpoise Descargamos Porpoise →http://code.google.com/p/porpoise Lo descomprimimos y lo subimos al servidor. Accedemos a: http://dominio.com/porpoise/web/porpoise.php Si el archivo php devuelve el siguiente código JSON todo va bien: {"layer":"unspecified","errorCode":20,"errorString":"Missing parameter: userId","hotspots":[],"nextPageKey":null,"morePages":false} Si tira algunos de estos errores: Error 404 → Verifica la ruta Error 403 → Verifica los permisos Fatal error: Cannot redeclare class HttpRequest → Abre httprequest.class.php y web-app.class.php y renombra la clase HttpRequest a HttpRequest1.
  • 10. Configurando Porpoise Crear un usuario en Porpoise: Lo primero es encriptar la contraseña ya que esta no se guarda tal cual: http://dominio.com/porpoise/web/dashboard/crypt.php?miusuario=micontraseña Editamos el archivo: http://dominio.com/porpoise/web/dashboard/users.inc.php sustituyendo el código: $_access["default"] = ''; por el que nos ha devuelto Porpoise, por ejemplo: $_access["geoinquietos"] = '$1$la9Y1ce.$ISxHGIC4SbFE9FOiiPOiQ1';
  • 12. Crear una nueva capa AR Configurar con un editor de texto el archivo: http://dominio.com/porpoise/config/config.xml Aquí introduciremos: 1) usuario y contraseña de la cuenta de desarrollador Layar. 2) cómo se van almacenar los datos, mediante una BD y/o a través de un archivo XML (descomentamos los conectores seleccionados). Permite también configurar el protocolo OAuth de autentificación para restringir al acceso a capas.
  • 13. Crear una nueva capa AR Registramos dos capas: una basada en XML y la otra en BD. El nombre debe ser en minúscula, sin espacios ni caracteres raros. Conexión a capa XML Conexión a base de datos
  • 14. Crear una nueva capa AR Utilizamos el archivo XML de ejemplo que viene en Porpoise como plantilla para la nueva capa. Accede al directorio ”config” y crea una copia de ”example.xml” con el nombre que pusiste en ”config.xml” a la capa XML. Copia de example.xml
  • 15. Crear una nueva capa AR ¡¡Muy importante!! Estamos almacenando la clave y contraseña de nuestra BD sin encriptar. Plan 9 from Outer Space (1958) http://archive.org/details/Plan9FromOuterSpace1958
  • 16. Crear una nueva capa AR Hay que evitar que el archivo de configuración sea accesible a través de web: 1. Renombra o mueve el directorio ”config” a un lugar inaccesible. 2. Edita ”config.php” y modifica la constante PORPOISE_CONFIG_PATH para registrar este cambio.
  • 17. Crear una nueva capa AR ¿Cuándo utilizar XML? Si nuestra capa es pequeña y no contiene gran cantidad de PDI. Si es parte de una proceso encadenado de transformación XML/XSL. Si estamos desarrollando un prototipo. ¿Qué ventajas tiene? Fácil de crear, sin programar. Fácil de mantener si el número de PDI es pequeño. No es necesario configurar nada.
  • 18. Crear una nueva capa AR ¿Cuándo utilizar una base de datos? Si el número de PDI es elevado (cientos de ellos). Si el proyecto es grande y necesitamos un buen rendimiento. Si el contenido es dinámico o requiere de autentificación. Si la capa requiere un proceso complejo de selección de elementos. ¿Qué ventajas tiene? Es más robusto y seguro que XML. Excelente redimiento a la hora de servir capas de cientos de PDI.
  • 19. Crear una nueva capa AR Accede al dashboard de Porpoise http://dominio.com/porpoise/web/dashboard/index.php Valídate con el nombre y usuario que añadistes en users.inc.php. Aparecerán las capas que registrastes en config.xml Capa XML Capa base datos
  • 20. Crear una nueva capa AR Archivo XML Accede a tu capa XML. Los parámetros de la capa los dejaremos por defecto y pulsaremos ”New POI”. El parámetro ”Dimension” define en cuantas dimensiones estará representado el POI en la pantalla de Layar: 1 (un punto, la habitual). 2 (una imagen). 3 (elemento en 3 dimensiones). Escogeremos 1.
  • 21. Crear una nueva capa AR Selecciona el nuevo POI <no title> que se ha creado. Completa los datos datos del POI: ID autoincremental del POI. No se puede modificar. Título del POI. 60 caracteres en dos líneas. Coordenadas dec. del punto (WGS84 Lat Lon). Información adicional sobre el punto. 35 caracteres max./línea sin retorno de carro. Atribución. URL de una imagen del POI (redimens. 100 x 75 px). Tipo de POI para asignar un icono diferente. Evitar la indexación de POI. Mostrar el BIW reducido. Mostrar el BIW al pulsar en la pantalla. Dimensión del POI. En principio no modificar. Altitud absoluta a la que se ubica el POI.* Altitud relativa del POI respecto a la del usuario.* Permite añadir una acción al POI. Permite añadir una animación al POI. *Solo funciona con el GPS activado.
  • 22. Crear una nueva capa AR Punto de Interés (POI) Brief Info Widget (BIW) Título Línea 2 Línea 3 Imagen Línea 4 Atribución http://www.flickr.com/photos/bertboerland
  • 23. Crear una nueva capa AR http://layar.pbworks.com/w/page/28473525/GetPOIs-JSON%20Response
  • 24. Crear una nueva capa AR Base de datos Accede a tu gestor web de base de datos. Selecciona la base de datos e importa el archivo ”database.sql” que contiene el script SQL para crear la estructura de tablas.
  • 25. Crear una nueva capa AR Vuelve al dashboard de Porpoise, selecciona la capa e introduce los POI uno a uno como hemos visto. ¡¡¿Cientos de puntos a mano?!! Panic in the Streets (1950) http://archive.org/details/PanicIntheStreets1950RichardWidmark
  • 26. Crear una nueva capa AR ¡¡Calma, calma, que no panda el cúnico!! Vuelve al gestor web de bases de datos y accede a la bd. Abre la estructura de la tabla 'POI' y apunta el nombre, orden y tipo de campo.
  • 27. Crear una nueva capa AR Créate un archivo CSV mediante una hoja de cálculo o un GIS con la lista de POI. Las columnas deben coincidir con la estructura de la tabla de la bd. Recuerda que el sistema de coordenadas debe ser EPSG:4326
  • 28. Crear una nueva capa AR Carga los datos en la tabla POI importando el CSV en el gestor web de la base de datos.
  • 29. Crear una nueva capa AR Consejos: Revisar las coordenadas en el CSV y sustituir coma por punto antes de importar Campos terminados por | (pipe). No delimitar los campos por comillas (”).
  • 30. Configurar la capa en Layar Crea una cuenta de desarrollador en Layar. http://www.layar.com/development/
  • 31. Configurar la capa en Layar Registra la capa en Layar.
  • 32. Configurar la capa en Layar Configurar la capa en Layar: Definir el bounding box de la capa (coverage).
  • 33. Configurar la capa en Layar Señalar un rango de búsqueda de puntos (filters).
  • 34. Configurar la capa en Layar Redactar un descripción detallada de la capa y definir etiquetas. Subir una imagen o icono que la identifique (listing & indexing).
  • 35. Configurar la capa en Layar Finalmente testear la capa y solicitar su publicación (aprobación ca. 5 días). Se puede probar sin publicar desde el cliente Layar en Capas → Desarrollador
  • 36. Configurar la capa en Layar A ! O N C I U N ¡F
  • 37. Configurar la capa en Layar Es posible acceder a unas estadísticas sencillas de consultas de la capa por los usuarios.
  • 38. Emilio Gómez Fernández http://es.linkedin.com/in/egofer http://twitter.com/egofer http://www.slideshare.net/egofer Plan 9 from Outer Space (1958) http://archive.org/details/Plan9FromOuterSpace1958