Kevin Leiva
← Proyectos
02Caso de estudioKiosco · Gobierno · CMS

Tótem Independencia.

Tótem táctil de la Municipalidad de Independencia en el Mall Barrio Independencia: una pantalla vertical 4K de 43″ con trámites, beneficios y noticias, editable a cualquier hora y que sigue funcionando cuando se cae la red del mall.

Rol

Desarrollo fullstack (Awna)

Año

2026

Tótem Independencia

El problema

No es una web: es una sola pantalla en un mall, sin nadie al lado. Si un texto desborda o se cae la red, se ve roto frente a todos, y cada cambio tiene que poder publicarse desde la oficina.

La solución

01

Funciona sin conexión

Arranca desde su caché local, sincroniza con ETag y baja solo los medios que cambiaron. El contenido nuevo entra al volver a reposo, nunca mientras alguien la usa.

02

Publicar y verlo al instante

Al publicar, el panel avisa al tótem por una conexión abierta. Si se corta, sigue actualizándose solo cada 90 segundos.

03

Un panel que no deja romperla

Payload CMS en español, con borradores, versiones y vigencias. Los límites de cada texto se midieron sobre el diseño para que nada desborde.

04

Constructor visual

Páginas propias sobre un lienzo de 1080×1920 con guías de alcance (1,75 m) y aviso si un botón es más chico que 100×100 px. Los enlaces externos salen como QR.

Stack

Aplicación

Next.jsPayload CMS 3ReactPWA

Datos

PostgreSQLIndexedDBS3 compatible

Kiosco

WindowsChrome en modo kioscoWatchdog

Infra

AWS LightsailDockerCaddy
Next.jsPayload CMS 3ReactPWAPostgreSQLIndexedDBNext.jsPayload CMS 3ReactPWAPostgreSQLIndexedDBNext.jsPayload CMS 3ReactPWAPostgreSQLIndexedDBNext.jsPayload CMS 3ReactPWAPostgreSQLIndexedDB

Arquitectura

La pantalla no consulta el CMS: recibe un paquete versionado ya resuelto y lo dibuja. Las vigencias las evalúa el propio tótem con su reloj, así un aviso de las 08:00 aparece a las 08:00 aunque haya pasado la noche sin red.

1

Panel

Payload CMS

Videos, banners, avisos, noticias, programas y trámites.

Constructor visual

GrapesJS con el lienzo fijo del tótem.

2

Servidor

Paquete versionado

Con ETag: lo normal es un 304 y no transferir nada.

Aviso de cambios

Un stream que solo dice «vuelve a preguntar».

3

Tótem

Player PWA

Contenido en IndexedDB y medios por sha256.

Heartbeat

Señal de vida, desfase del reloj y la encuesta «¿Le sirvió?».

4

Equipo

Modo kiosco

Arranque automático, sin suspensión y reinicio diario.

Watchdog

Revisa el kiosco cada 5 minutos.

Pantallas

01 / 06
Reposo
01 ReposoModo atracción
Inicio
02 InicioTótem
Tarjeta Vecino
03 Tarjeta VecinoBeneficio
Talleres
04 TalleresPrograma
Permiso de circulación
05 Permiso de circulaciónTrámite
Noticia
06 NoticiaCon QR

Siguiente proyecto · 03

Ñuñoa Deportes→

Kevin Leiva · hola@simple-soluciones.com
LinkedInGitHub
© 2026