Manual de Usuario

FotoGPS.app

Plataforma de recogida de datos en campo
con fotografia geoposicionada

📷
Fotos GPS
Captura geoposicionada con marca de agua UTM
🌐
Mapas
Visualizacion con ortofoto, KML y navegacion
📊
Informes
PDF, CSV, ZIP y GPX por infraestructura
🔒
Offline
Trabaja sin conexion, sincroniza al volver
Gestion y seguimiento fotografico de cortafuegos e infraestructuras forestales
INFOCAMPO — Plataforma SaaS Multi-empresa
Leer manual

1. Introduccion

1.1 Que es FotoGPS.app

FotoGPS.app (INFOCAMPO) es una plataforma SaaS (Software as a Service) disenada para la recogida de datos en campo mediante fotografia geoposicionada. Permite a equipos de trabajo capturar fotos con marca de agua GPS, gestionar infraestructuras, generar informes y supervisar el progreso de inspecciones desde cualquier dispositivo.

1.2 Tecnologia utilizada

ComponenteTecnologia
BackendPHP 8.1+ con PDO (sin framework)
Base de datosMySQL 8.0+
FrontendJavaScript ES6+, Bootstrap 5.3.3
MapasLeaflet 1.9.4 con OpenStreetMap
GPSAPI de geolocalizacion del navegador (ETRS89/WGS84)
CoordenadasConversion automatica a UTM
CamaraAPI MediaDevices del navegador (camara trasera del movil)
Marca de aguaRenderizado en Canvas HTML5 en tiempo real
Almacenamiento de fotosCloudinary (nube) con fallback local
Generacion PDFDOMPDF (via Composer)
Soporte offlineService Workers + IndexedDB
InstalableProgressive Web App (PWA)

1.3 Que puede hacer la aplicacion

Para operadores de campo

Para administradores

1.4 Roles de usuario

RolAccesoPanel
AdminGestion completa de la empresaPanel de administracion
SupervisorAcceso de consulta al panel adminPanel de administracion
OperadorCaptura de fotos en campoApp de campo (movil)

2. Acceso a la plataforma

2.1 Inicio de sesion

  1. Accede a la URL de la plataforma (ej: https://fotogps.app)
  2. Introduce tu email o telefono y tu contrasena
  3. Pulsa Acceder
  4. Segun tu rol, seras redirigido al panel correspondiente:
    • Operadores: Pantalla de toma de datos
    • Administradores/Supervisores: Panel de administracion
Nota: La contrasena es sensible a mayusculas/minusculas. Si no puedes acceder, contacta con tu administrador.

2.2 Cerrar sesion


3. Manual del Operador de Campo

3.1 Instalar la app en el movil (recomendado)

FotoGPS.app es una Progressive Web App (PWA) que se puede instalar como una app nativa:

Android (Chrome):

  1. Abre la web en Chrome
  2. Aparecera un banner morado con el boton Instalar
  3. Pulsa Instalar y confirma
  4. La app aparecera en tu pantalla de inicio

iPhone (Safari):

  1. Abre la web en Safari
  2. Pulsa el icono de compartir (cuadrado con flecha)
  3. Desplazate y selecciona Anadir a pantalla de inicio
  4. Confirma el nombre y pulsa Anadir
Instalar la app permite acceso rapido y pantalla completa sin barra del navegador.

3.2 Pantalla principal: Ficha de Visita

Al acceder como operador, veras la pantalla de Ficha de Visita. Esta es tu centro de trabajo.

Indicador de conexion

Seleccion de ubicacion (si esta habilitado)

  1. Provincia: Selecciona la provincia donde trabajas. Filtra las infraestructuras disponibles.
  2. Municipio: Se actualiza automaticamente segun la provincia seleccionada.
  3. Monte: (Opcional) Filtra por monte o zona forestal.

Buscar o crear infraestructura

  1. Escribe en el campo de busqueda el nombre o codigo de la infraestructura
  2. Apareceran las opciones que coincidan
  3. Pulsa sobre una para seleccionarla
  4. Si no existe, escribe el nombre completo y pulsa "+ Crear: [nombre]" para crearla en tu ubicacion GPS actual
Una vez seleccionada, aparecera resaltada con su nombre y codigo. Pulsa la X para deseleccionarla.

Campos del formulario

Segun la configuracion de tu empresa, podras ver:

3.3 Captura de fotos

Modo Aleatorio (Fotos libres)

  1. Selecciona una infraestructura
  2. Pulsa el boton Fotos Aleatorias
  3. Se abrira la camara trasera del movil
  4. Encuadra la foto
  5. Pulsa el boton circular (disparador) en la parte inferior
  6. Revisa la foto en la pantalla de previsualizacion
  7. Pulsa Aceptar para guardar o Repetir para volver a sacar la foto

Modo Comparativo (con ghost/fantasma)

Este modo permite sacar fotos en la misma posicion exacta que la visita anterior, superponiendo la foto antigua como guia transparente.

  1. Selecciona una infraestructura
  2. Pulsa el boton Fotos Comparativas
  3. Se abrira la camara con un panel para cargar la foto anterior
  4. Selecciona la foto anterior de la lista de miniaturas
  5. Aparecera una imagen semi-transparente superpuesta sobre la camara en vivo
  6. Usa el control deslizante de opacidad (icono del ojo) para ajustar la transparencia del fantasma
  7. Alinea tu encuadre con la foto anterior
  8. Pulsa el disparador
  9. Revisa y acepta la foto
Las fotos comparativas se numeran como W1, W2, W3... (waypoints). Cada una guarda las coordenadas GPS para posterior descarga en formato GPX.

Pantalla de previsualizacion

Despues de capturar una foto, veras la previsualizacion con la marca de agua aplicada. Tienes tres opciones:

Anotaciones en fotos

Permite senalar puntos de interes o incidencias directamente sobre la foto:

  1. Pulsa Anotar en la pantalla de previsualizacion
  2. Toca el punto de la foto que quieres senalar
  3. Aparecera un circulo rojo en ese punto
  4. Escribe una descripcion en el campo de texto (ej: "Grieta en poste")
  5. Ajusta el tamano del circulo con el control deslizante
  6. Pulsa Aceptar para guardar la foto con la anotacion

3.4 Galeria de fotos de la visita

En la parte inferior de la pantalla principal aparece la seccion "Fotos de esta visita" con miniaturas de todas las fotos tomadas:

3.5 Finalizar visita

Cuando hayas terminado de tomar fotos:

  1. Pulsa el boton Finalizar visita (rojo, parte inferior)
  2. Se guardara la visita con todas las fotos, observaciones y datos del formulario
  3. Se reiniciaran todos los campos para empezar una nueva visita
Si necesitas registrar una visita sin tomar fotos (por ejemplo, si no puedes acceder a la infraestructura), usa el boton Guardar visita sin foto.

3.6 Mapa de Visitas

Pulsa el boton Mapa de Visitas para ver un mapa interactivo con:

Capas del mapa

En la esquina superior izquierda puedes cambiar el tipo de mapa:

Buscar en el mapa

Pulsa el icono de busqueda para filtrar infraestructuras por nombre o codigo.

Navegar hasta una infraestructura

  1. Pulsa sobre una infraestructura en el mapa
  2. En el panel de detalle, pulsa "Ir a esta ubicacion"
  3. Se activara el modo navegacion:
    • Veras la distancia en tiempo real hasta el destino
    • Una linea roja discontinua conecta tu posicion con el objetivo
    • Avisos sonoros de proximidad:
      • 1 pitido a mas de 20m
      • 2 pitidos entre 10-20m
      • 3 pitidos a menos de 5m
    • El color del indicador cambia: gris (lejos) > amarillo (cerca) > azul (muy cerca) > verde (llegaste)
  4. Pulsa Detener para desactivar la navegacion

Tomar fotos desde el mapa

Desde el panel de detalle de una infraestructura, puedes pulsar Foto o Comparativa para abrir directamente la camara para esa infraestructura.

3.7 Mis Visitas

Pulsa Mis Visitas para ver el historial de tus registros anteriores:

3.8 Trabajo sin conexion (modo offline)

FotoGPS.app funciona sin conexion a internet:

  1. Captura de fotos: Las fotos se guardan localmente en el dispositivo
  2. Indicador: Aparece una barra inferior mostrando "X fotos pendientes"
  3. Sincronizacion automatica: Cuando recuperes conexion, las fotos se suben automaticamente
  4. Sincronizacion manual: Pulsa el boton Sincronizar en la barra de pendientes
  5. Precarga de fotos: Antes de ir a zona sin cobertura, puedes precargar las fotos comparativas de una infraestructura con el boton "Precargar fotos offline"
Importante: No borres los datos del navegador mientras tengas fotos pendientes de sincronizar. Si alguna foto falla al subir, se reintentara automaticamente.

3.9 Marca de agua en las fotos

Cada foto capturada incluye automaticamente una marca de agua con informacion configurable por el administrador:

ElementoEjemploConfigurable
Fecha y hora12 mar 2026 11:50:18Si
Coordenadas UTM30S 499752 4196518Si
Orientacion173 SSi
UbicacionCazorla, Jaen 23470Si
PaisEspanaSi
Brujula graficaRosa de los vientos con flechaSi
Codigo infraestructuraTORRE-A42Si (opcional)
SituacionANTES / DURANTE / DESPUESSi (opcional)
Tipo de fotoFOT ALE / FOT COMSi (opcional)
Mini-mapaMapa con marcador de ubicacionSi (opcional)

4. Manual del Administrador

4.1 Panel de administracion: vista general

Al acceder como administrador, veras el Dashboard con un resumen de la actividad de tu empresa.

Barra de navegacion

La barra superior incluye:

El menu lateral incluye las siguientes secciones:

SeccionDescripcion
DashboardResumen de estadisticas y actividad
InfraestructurasTimeline de inspecciones por infraestructura
FotosGaleria de fotos
MapaMapa interactivo de todos los registros
InformesGeneracion de informes
TrabajosGestion de tipos de trabajo
UnidadesGestion de unidades de obra
UsuariosGestion de operadores, supervisores y admins
CamposConstructor de campos de formulario dinamicos
CapasGestion de capas GeoJSON de infraestructuras
PuntosGestion de puntos personalizados en el mapa
AjustesConfiguracion de la empresa

4.2 Dashboard

El dashboard muestra:

Tarjetas de estadisticas

Grafico de actividad (14 dias)

Grafico de barras apiladas mostrando la actividad diaria por situacion:

Ultimas inspecciones

Lista de los 10 registros mas recientes con: nombre de infraestructura y codigo, situacion (badge de color), operador y fecha/hora.

Registros en curso

Tarjetas con los registros en fase "Durante" mas recientes, mostrando infraestructura, operador, fecha y observaciones.

Accesos rapidos

Botones para acceder rapidamente a: Infraestructuras, Usuarios, Mapa y Gestion de infraestructuras.

4.3 Infraestructuras (Timeline de inspecciones)

Vista detallada del historial de inspecciones por infraestructura.

Panel izquierdo: Lista de infraestructuras

Muestra todas las infraestructuras activas. Cada una muestra: codigo (azul), nombre, punto de color segun ultimo estado y numero de inspecciones. Pulsa una para cargar su timeline.

Panel derecho: Timeline de la infraestructura seleccionada

Cabecera

Muestra el nombre, codigo, coordenadas GPS, tipo y botones de accion:

BotonFuncion
CompararVista de fotos comparativas lado a lado
CSVExportar inspecciones a archivo CSV
ZIPDescargar todas las fotos en un archivo ZIP
GPXDescargar waypoints GPS de fotos comparativas
PDFGenerar informe PDF de la infraestructura

Filtros

Modos de vista

Visor de fotos (Lightbox)

Al pulsar una foto se abre un visor a pantalla completa con: imagen grande, metadatos (fecha, situacion, operador, observaciones), flechas de navegacion, boton de descarga, boton para abrir en nueva ventana, contador de posicion, cierre con X/clic fuera/tecla Escape y navegacion con flechas del teclado.

4.4 Gestion de Infraestructuras

Pagina CRUD completa para gestionar infraestructuras.

Crear nueva infraestructura

Pulsa Nueva Infraestructura para abrir el formulario:

CampoDescripcion
Nombre*Nombre de la infraestructura (obligatorio)
Codigo unicoIdentificador unico (auto-generado si se deja vacio)
TipoClasificacion (torre, poste, etc.)
ProvinciaProvincia
MunicipioMunicipio
MonteMonte o zona forestal
LatitudCoordenada GPS (7 decimales)
LongitudCoordenada GPS (7 decimales)
DescripcionTexto descriptivo opcional

Opciones para establecer coordenadas:

Importar infraestructuras

Tres modos de importacion masiva:

  1. Importar Excel: Sube un archivo CSV/XLSX con columnas: nombre, lat_teorica, lon_teorica (y opcionalmente: codigo_unico, tipo, provincia, municipio, monte, descripcion)
  2. Importar KML: Sube un archivo KML con puntos georeferenciados. Los nombres y coordenadas se extraen automaticamente.
  3. KML + Excel: Combinacion donde el KML aporta las coordenadas y el Excel aporta los datos detallados. Se emparejan por nombre.

Tarjetas de infraestructura

Cada infraestructura se muestra como tarjeta con:

Exportar

Exportar CSV: Descarga todas las infraestructuras en formato CSV compatible con Excel.

4.5 Gestion de Usuarios

Crear usuario

Pulsa Nuevo Usuario y completa:

CampoDescripcion
Nombre completo*Nombre del usuario
EmailEmail (opcional si tiene telefono)
TelefonoTelefono (opcional si tiene email)
Rol*Operador / Supervisor / Administrador
Contrasena*Minimo 12 caracteres

Al crear un operador, se genera automaticamente un enlace de acceso directo que puedes copiar y enviar al operador por WhatsApp o SMS.

Tabla de usuarios

Muestra todos los usuarios con: nombre, email, telefono, rol (badge de color), estado (Activo/Inactivo), enlace de acceso (para operadores), ultimo login, y acciones: Cambiar contrasena, Activar/Desactivar, Eliminar.

Estadisticas

4.6 Mapa Interactivo

Mapa a pantalla completa con todas las fotos geoposicionadas y las infraestructuras de la empresa.

Filtros (barra superior)

En movil, los filtros se ocultan y se acceden mediante el boton de embudo en la esquina inferior derecha.

Estadisticas del mapa

Pastillas de colores en la esquina superior derecha mostrando: total de fotos, fotos comparativas, aleatorias, fotos antes, durante, despues e infraestructuras unicas con fotos.

Marcadores

Capas

4.7 Informes PDF

Para generar un informe PDF de una infraestructura:

  1. Ve a la seccion Infraestructuras (timeline)
  2. Selecciona una infraestructura
  3. Pulsa el boton PDF
  4. Se abrira una nueva pestana con el informe en formato imprimible
  5. Pulsa Imprimir (o Ctrl+P) y selecciona "Guardar como PDF"

El informe incluye: datos de la infraestructura (codigo, nombre, empresa, tipo), resumen estadistico (total inspecciones, desglose por situacion y tipo de foto), fotos comparativas agrupadas por visita, fotos aleatorias con sus metadatos, y cada foto con imagen, fecha/hora, coordenadas GPS, situacion, operador y observaciones.

4.8 Descarga masiva de fotos (ZIP)

  1. Ve a Infraestructuras y selecciona una
  2. Pulsa el boton ZIP
  3. Se descargara un archivo ZIP con todas las fotos

El archivo ZIP: nombre CODIGO_fotos_YYYYMMDD.zip, cada foto nombrada como CODIGO_FECHA_SITUACION_001.jpg. Limite de seguridad: maximo 500 fotos por descarga.

4.9 Exportacion CSV

  1. Ve a Infraestructuras y selecciona una
  2. Pulsa el boton CSV
  3. Se descargara un archivo CSV compatible con Excel

El CSV incluye: fecha, situacion, operador, coordenadas GPS, tipo de foto, nombre de archivo, observaciones y campos dinamicos.

4.10 Exportacion GPX (Waypoints)

  1. Ve a Infraestructuras y selecciona una
  2. Pulsa el boton GPX
  3. Se descargara un archivo GPX con los puntos de cada foto comparativa

El archivo GPX es compatible con software de GPS y cartografia (Google Earth, QGIS, Garmin, etc.) y contiene: nombre del waypoint (CODIGO_W1, CODIGO_W2...), coordenadas, fecha y metadatos.

4.11 Unidades de Obra

Gestiona las categorias de unidades de obra que los operadores seleccionan al tomar fotos.

Crear unidad de obra

Acciones

Editar, Activar/Desactivar, Eliminar

4.12 Ajustes de Empresa

Pagina de configuracion dividida en tres secciones:

Formato de nombre de fotos

OpcionFormatoEjemplo
1Codigo + NINF-001_001
2Codigo + Situacion + NINF-001_Antes_001
3Codigo + Situacion + Tipo + NINF-001_Antes_Aleatoria_001

Se muestra una previsualizacion en tiempo real del formato seleccionado.

Campos visibles para el operador

Activa o desactiva las opciones que ven los operadores en su app:

OpcionDescripcion
EmpresaMuestra el nombre de la empresa en el formulario
Infraestructura (info detalle)Muestra detalles adicionales (tipo, coordenadas)
Situacion de la obraMuestra selector Antes / Durante / Despues
Mapa de localizacionMuestra boton de mapa interactivo
Capas de infraestructurasPermite ver capas GeoJSON en el mapa del operador

Si activas el mapa, puedes configurar la escala de zoom:

Marca de agua en fotos

Configura que informacion aparece superpuesta en cada foto capturada.

Tamano del texto:

Informacion base (activada por defecto):

Informacion adicional (desactivada por defecto):

4.13 Campos de Formulario Dinamicos

Permite crear campos personalizados que aparecen en el formulario del operador.

Tipos de campo disponibles

TipoDescripcionEjemplo
Texto cortoCampo de texto de una lineaNombre del tecnico
NumeroCampo numericoTemperatura ambiente
DesplegableLista de opciones predefinidasMaterial (Acero/Madera/Hormigon)
Casilla Si/NoCheckboxAcceso con vehiculo
Texto largoArea de texto multilineaDescripcion detallada
FechaSelector de fechaFecha de instalacion

Gestion de campos

Importar/Exportar

Vista previa

En la columna derecha se muestra una previsualizacion de como vera el operador los campos en su formulario.


5. Preguntas frecuentes

Las fotos que tomo sin conexion, se pierden?
No. Se guardan localmente en el dispositivo y se sincronizan automaticamente cuando recuperes conexion a internet. Mientras tanto, veras un indicador de "fotos pendientes".
Puedo usar la app en iPhone?
Si. Funciona en Safari en iPhone. Puedes instalarla desde el menu "Compartir > Anadir a pantalla de inicio".
Que precision tiene el GPS?
La precision depende del dispositivo y las condiciones. En exterior con buena senal suele ser de 3-10 metros. Las coordenadas se muestran en formato UTM ETRS89.
Puedo cambiar la situacion de una foto despues de tomarla?
Si. Desde "Mis Visitas", pulsa sobre la foto y podras editar la situacion, unidad de obra y observaciones.
Cuantas fotos puedo descargar en el ZIP?
El limite por descarga es de 500 fotos. Si una infraestructura tiene mas, se descargaran las 500 mas recientes.
Que formato tienen los archivos GPX?
Los archivos GPX contienen waypoints con coordenadas WGS84, compatibles con Google Earth, QGIS, Garmin y otros programas de cartografia.
El ghost/fantasma funciona sin conexion?
Si, si previamente has pulsado "Precargar fotos offline" para esa infraestructura. Las fotos se almacenan localmente para uso sin conexion.
Que navegadores son compatibles?
Chrome (Android), Safari (iOS), Edge y Firefox recientes. Se recomienda Chrome en Android para la mejor experiencia.