Hermes 2 · Moderno D · React Native + Expo

App móvil de tiempos y tareas

App para que cada empleado vea sus tareas (los tickets de los hitos de sus expedientes), arranque el temporizador y registre parciales con los mismos campos que la minuta de la web: fecha, horas, minutos y descripción. Usa los colores de módulo de Moderno D: morado para tareas y tiempos, naranja para expedientes.

Mapa de navegación (Expo Router)
01 Splash 02 Login Pestañas: Hoy · Tareas · Registros · Expedientes · Perfil
Pila: 05 Detalle de tarea · 11 Detalle de expediente · 13–17 ChecklistsModal: 06 Temporizador · 08 Registrar parcialSistema: 07 Notificación en marcha
Tipografía Geist, mínimo 13 px; zonas táctiles de 44 px como mínimo; tema claro y oscuro con los tokens de hermes-moderno.css. Solo puede haber un temporizador activo a la vez, igual que en la web.
00

Icono de la app

9:41
·
·
·
·
·
Hermes
·
·
iOS · 180 px
iOS · 120 px
Android · 96 px
Notificación · 48 px
Adaptativo Android · zona segura
Monocromo / tintado
Qué hay
Pantalla de inicio con el icono en la cuadrícula y en el dock, y el icono a los tamaños de iOS, Android y notificación.
Fondo verde corporativo #123d32 con un degradado suave, la marca de 4 cuadros en blanco al 50 % del lado y el distintivo morado de temporizador, igual que Hermes Tracker. En la versión monocroma no se incluye el distintivo. Nombre bajo el icono: «Hermes».
Notas técnicas
Expo: icon.png 1024×1024 sin transparencia; adaptiveIcon.foregroundImage con la marca dentro del 66 % central y backgroundColor: #123d32; monochromeImage con la marca sola para Android 13+. Exportar desde assets/hermes-mark-blanco.svg.
01

Splash

9:41
Hermes
Hermes 2
Tiempos y tareas
DTIC Politec · v2.0
Qué hay
Fondo verde corporativo, minilogo de Hermes y barra de carga mientras se comprueba la sesión guardada.
Lógica: si hay token válido en SecureStore va a Hoy (y recupera el temporizador activo); si no, a Login. Recuperar el temporizador no depende de un proceso en segundo plano: se guarda la hora de inicio y el tiempo se recalcula al abrir.
Expo: expo-splash-screen con el mismo fondo #123d32 para que no haya salto.
02

Login

9:41
Hermes 2
Tiempos y tareas · Politec
Iniciar sesión
Usa tu usuario y contraseña de Hermes.
Recordarme¿Olvidaste la contraseña?
Entrar
o
Entrar con Face ID
© 2026 Politec Ingeniería · v2.0
Qué hay
Foto de fondo (la misma del login web) con el logo, y una hoja inferior con usuario, contraseña con botón de mostrar, «Recordarme», enlace para recuperar la contraseña, botón Entrar y acceso biométrico.
Estados: campo con foco (borde azul), error bajo el campo en rojo, botón con indicador de carga, sin conexión.
Expo: expo-local-authentication para Face ID / huella (solo si antes se ha entrado con contraseña), expo-secure-store para el token. KeyboardAvoidingView para que el teclado no tape el botón.
03

Hoy

9:41
Martes, 10 de noviembre
Hola, Salva
Registrado hoy5 h 50de 8 h
081012141618
EN MARCHAdesde las 09:10
T-0001 · 22-198-03
Redactar memoria técnica
00:42:15
Para hoyVer todas
{{ t.code }}{{ t.urg }}
{{ t.t }}
{{ t.exp }} · {{ t.time }}
{{ tb.t }}
Qué hay
Saludo y fecha; resumen del día con horas registradas frente al objetivo y la barra horaria de 08 a 18 (cada bloque es un parcial, coloreado por módulo; la línea roja es ahora); tarjeta del temporizador en marcha con pausar y parar; tareas para hoy ordenadas por urgencia y fecha límite, con botón de play.
Interacción: tocar una tarea abre 05; play arranca el temporizador (si ya hay otro, pide registrarlo antes, como en la web); tocar la tarjeta morada abre 06. Tirar hacia abajo para refrescar.
04

Mis tareas

9:41
Mis tareas
Buscar tarea o expediente
Pendientes · 5En curso · 1Hechas
Todas{{ u.t }}
{{ g.code }}{{ g.name }}
{{ t.code }}{{ t.urg }}{{ t.due }}
{{ t.t }}
{{ t.hito }}
{{ t.time }}
{{ tb.t }}
Qué hay
Buscador, pestañas Pendientes / En curso / Hechas con contador, filtro por urgencia con los mismos colores que la web y tareas agrupadas por expediente. Cada tarjeta lleva código, urgencia, fecha límite (en rojo si vence en 2 días o menos), hito, progreso del tiempo registrado frente al estimado y botón de play.
Filtros extra (botón arriba a la derecha): emisor, expediente, rango de fechas y «solo tareas con tiempo estimado».
RN: SectionList (una sección por expediente) y paginación al hacer scroll.
05

Detalle de tarea

9:41
Tareas
T-0001ALTAPOR HACER
Redactar memoria técnica
Expediente
22-198-03 · Reforma CT HORNILLO
Hito
H-01 · Redacción de proyecto
Emisor · Responsable
JBC · SZC (tú)
Fecha límite
12/11/2026 · en 2 días
Estimado
8 h
Registrado
3 h 20
Restante
4 h 40
Registros de tiempo2
09/11/2026 · 2 h 10 min
Estructura de la memoria y antecedentes
06/11/2026 · 1 h 10 min
Recopilación de datos del CT existente
Iniciar temporizador
Qué hay
La misma cabecera que la ficha web: icono morado, código, urgencia y estado, título. Debajo: expediente (abre 11), hito, emisor y responsable, fecha límite; indicadores de estimado, registrado y restante; lista de parciales (tocar uno abre 08 en modo edición; deslizar a la izquierda para borrarlo, con confirmación).
Barra inferior fija: «Iniciar temporizador» (pasa a «Pausar / Parar» si está en marcha) y «+» para registrar un parcial manual sin temporizador. En «…»: marcar como resuelta, ver descripción y comentarios, abrir en la web.
06

Temporizador

9:41
EN MARCHA
T-0001 · 22-198-03 · H-01
Redactar memoria técnica
Reforma CT HORNILLO
01:12:08
Iniciado a las 09:10
4 h 32 de 8 h estimadas
Pausar
Parar y registrar
Sigue contando aunque cierres la app o bloquees el móvil. Te avisaremos si pasa de 4 horas sin pausa.
Qué hay
Pantalla completa (modal) en morado oscuro: tarea, expediente e hito; reloj grande con anillo de progreso respecto al tiempo estimado restante; hora de inicio; botones Pausar / Reanudar y «Parar y registrar», que abre 08 con el tiempo ya calculado.
Lógica: el estado es {tarea, inicio, acumulado, pausado}; se guarda en local y en el servidor para que la web y el móvil muestren el mismo temporizador. Deslizar hacia abajo minimiza a la tarjeta de 03.
Expo: expo-keep-awake opcional; expo-haptics al pausar y al parar.
07

Notificación en marcha

martes, 10 de noviembre
9:41
Hermes 2ahora
Temporizador en marcha
T-0001 · Redactar memoria técnica
01:12
PausarParar
Recordatorio · 17:30
Hoy llevas 5 h 50 registradas. ¿Te falta algo?
Qué hay
Notificación persistente mientras el temporizador está en marcha, con el tiempo y acciones Pausar / Parar sin abrir la app. «Parar» abre la app directamente en 08. Recordatorio diario configurable desde Perfil si no se ha llegado al objetivo de horas.
Expo: expo-notifications con categorías de acciones. En iOS se puede ampliar con una Live Activity (requiere módulo nativo / development build); en Android, notificación de tipo ongoing con cronómetro.
08

Registrar parcial

Registrar parcial
Se guarda como minuta de la tarea.
T-0001 Redactar memoria técnica
22-198-03 · Reforma CT HORNILLO · H-01
Temporizador: 01:12:08 (redondeado al minuto)
+15 min+30 min+1 h
Añadir parcial
Seguir contandoDescartar tiempo
Qué hay
Hoja inferior con los campos de la minuta de Hermes: Fecha, Horas, Minutos y Descripción. Tras parar el temporizador llega con el tiempo ya relleno; los botones − / + y los atajos (+15 min, +30 min, +1 h) evitan el teclado. Acciones: Añadir parcial, Seguir contando (vuelve al temporizador) y Descartar tiempo (con confirmación).
Reutilización: la misma hoja sirve para registrar a mano (botón «+» de 05 y de 09) y para editar un registro existente (título «Editar parcial» y botón Eliminar).
Validación: el tiempo debe ser mayor que 0 y la fecha no puede ser futura. Sin conexión se guarda en cola y se sincroniza después.
09

Registros

9:41
Registros
Noviembre 2026
Semana 9 – 15 nov · 13 h 35 de 40 h
{{ d.w }}{{ d.n }}{{ d.t }}
Martes 105 h 50 · 3 registros
{{ r.code }}{{ r.exp }}
{{ r.t }}
{{ r.desc }}
{{ r.dur }}
T-0012
Visita de replanteo
1 h 30
EditarBorrar
{{ tb.t }}
Qué hay
Selector de mes (abre un selector de mes y año, como en el calendario de la web), tira semanal con el total de cada día (verde si llega a 8 h, ámbar si se queda corto) y hoy marcado; total de la semana frente al objetivo; parciales del día elegido con su tarea, expediente, descripción y duración.
Interacción: deslizar un registro muestra Editar y Borrar; tocarlo abre 08 en modo edición. El botón «+» abre 08 para un registro manual con la fecha del día seleccionado. Deslizar la tira cambia de semana.
10

Mis expedientes

9:41
Expedientes
Código, nombre o cliente
Con tareas míasFavoritos
{{ e.code }}{{ e.st }}
{{ e.name }}
{{ e.cli }} · {{ e.mine }}
{{ tb.t }}
Qué hay
Expedientes en los que el empleado tiene tareas (o es técnico o jefe de sección), con buscador y pestaña de favoritos sincronizada con la web. Cada fila: código naranja, estado con el color de la web, favorito, nombre, cliente y número de tareas abiertas del usuario.
Alcance: solo consulta. Crear o editar expedientes sigue en la web.
11

Detalle de expediente

9:41
Expedientes
22-198-03PROYECTO
Reforma CT HORNILLO
i-DE Redes Eléctricas · Águilas
Llamar Cómo llegar Documentos
Avance del expediente33 %
Tus horas: 3 h 20Equipo: 7 h 30 de 15 h 30
Mis tareas aquí
T-0001ALTA
Redactar memoria técnica
T-0004MEDIA
Solicitud de licencia al Ayuntamiento
Hitos
H-01 · Redacción de proyecto1 / 3
H-02 · Tramitación ante organismos0 / 1
{{ tb.t }}
Qué hay
Cabecera en el naranja suave de expedientes con código, estado, nombre, cliente y población, y estrella de favorito. Accesos rápidos: llamar al contacto del cliente, cómo llegar (abre Mapas con la dirección de la obra) y documentos (solo lectura). Avance, tus horas frente a las del equipo, tus tareas en ese expediente con play, e hitos con tareas resueltas / totales.
Expo: Linking para tel: y mapas; expo-web-browser para abrir PDFs.
12

Perfil y ajustes

9:41
SZ
Salva Zapata Casales
SZC · Técnico · DTIC
Esta semana
13 h 35
Tareas abiertas
5
PREFERENCIAS
Tema
ClaroOscuroSistema
Notificaciones
Recordatorio diario17:30
Objetivo de horas al día8 h
Entrar con Face ID
Abrir Hermes en la web
Cerrar sesión
Versión 2.0.0 (12) · Sincronizado hace 1 min
{{ tb.t }}
Qué hay
Datos del empleado, horas de la semana y tareas abiertas; tema (claro, oscuro o el del sistema), notificaciones, recordatorio diario, objetivo de horas, acceso biométrico, enlace a la web y cerrar sesión (borra el token y avisa si hay un temporizador en marcha).
Sincronización: indicador de última sincronización; si hay registros pendientes sin conexión se muestra un aviso ámbar con «Reintentar».
13

Checklists del expediente

9:41
22-198-03
Checklists
Reforma CT HORNILLO · 2 subexpedientes
Completos
2
En curso
1
Pendientes
2
00-00 · SUBEXPEDIENTE GENERAL
Recepción de CT
REC · 14/24 · 9 fotos
EN CURSO
Proyecto CT i-DE
Proyecto · PDF · 2 planos
COMPLETO
Seguridad y salud
CSS · sin registrar
PENDIENTE
01-00 · LSMT 20 kV
Alta tensión subterránea
AT · sin registrar
PENDIENTE
Obra civil CT y CS
OC · PDF · 6 fotos
COMPLETO
Añadir checklist a un subexpediente
Qué hay
Desde la ficha del expediente (11) o el menú «⋯» de una tarea. Checklists agrupados por subexpediente, como en Hermes, con su tipo, avance, fotos y estado (completo, en curso, pendiente).
Lógica: son los aplicables por el tipo de subexpediente más los añadidos a mano; «Añadir checklist» solo ofrece los que no están ya en ese subexpediente.
14

Checklist en campo

9:41
Checklists
EN CURSO22-198-03 · 00-00
Recepción de CT
14/24
Envolvente · 6/8Aparamenta · 5/7Tierras · 3/9
1.4
Puertas y rejillas de ventilación en buen estado
OKNO OKN/A
1.5
Señalización de riesgo eléctrico visible
OKNO OKN/A
Falta la placa de riesgo eléctrico en la puerta de acceso de peatones. Avisado a la contrata.
1.6
Alumbrado interior y de emergencia operativo
OKNO OKN/A
Fotos (9)Revisar y enviar
Qué hay
Puntos de control agrupados por apartado, con OK / NO OK / N/A de un toque, observación, miniaturas y botones de cámara y dictado por punto. El punto activo se resalta y la barra muestra el avance.
Lógica: todo se guarda en el móvil al momento y funciona sin cobertura. Los puntos salen de la plantilla del checklist; si el checklist aún no tiene puntos, la pantalla queda en notas y fotos generales.
15

Cámara

9:41
Recepción de CT · punto 1.5
Señalización de riesgo eléctrico visible
10/11/2026 12:21 · SZC
37.4061, −1.5832 · ±6 m
22-198-03 · REC · 1.5
VÍDEOFOTODOCUMENTO
Listo · 2
Qué hay
Cámara a pantalla completa ligada al punto: muestra el punto en curso, marca de agua con fecha, técnico, coordenadas GPS y expediente, ráfaga de varias fotos con miniaturas que se pueden quitar, y modo documento para escanear albaranes o actas.
Lógica: «Lápiz» permite anotar (flechas, círculos) sobre la foto antes de guardarla. Las fotos se comprimen a 2 MP y se suben a la carpeta «fotografias» del checklist.
16

Dictado por voz

9:41
Recepción de CT
Dictando en 1.6 · Alumbrado interior y de emergencia
El alumbrado interior funciona correctamente. La luminaria de emergencia junto a las celdas no enciende al cortar la alimentación, hay que sustituir la batería antes de la puesta en
DETECTADO
Resultado: NO OKAcción: sustituir batería
00:18 · Español
Qué hay
Dictado sobre el punto activo con transcripción en directo. Al terminar, la app propone el resultado y la acción detectados («no enciende» → NO OK, «sustituir batería» → acción), que el técnico confirma o corrige.
Lógica: reconocimiento de voz del sistema (iOS/Android) en español, también sin conexión; se guarda el audio y el texto. Las propuestas son solo sugerencias: nunca se marca un resultado sin confirmación.
17

Revisar y enviar

9:41
Recepción de CT
Revisar y enviar
OK19
NO OK3
No aplica2
Fotografías11
Notas de voz transcritas4
3 puntos NO OK. Se crearán como observaciones del checklist y podrás convertirlos en tareas del hito H-03 Dirección de obra.
Generar el PDF del checklist
Registrar 1 h 10 en T-0042 · Recepción CT
Firma del técnico
S. Zapata
Sin cobertura: se enviará al recuperar la conexión
Enviar a Hermes
Qué hay
Resumen de resultados, fotos y notas; aviso de los puntos NO OK, opción de generar el PDF del checklist, registrar el tiempo en la tarea asociada y firma del técnico.
Lógica: al enviar se crea o reemplaza el PDF del checklist del subexpediente, se suben fotos y notas y se registra el parcial. Sin cobertura queda en la cola de sincronización.