Diseño de Aplicación Móvil

Interfaz de usuario para iOS, Android y Smart TV

iOS Android Smart TV

Bienvenido a

Tossa de Mar

ES ▼

Costa Brava

Vila Vella · Patrimonio

22°C ☀️

Explora

📶

WiFi Gratis

Puntos de acceso

🏛️

Historia

Orígenes y cultura

🏖️

Playas

Calas y entorno

🎭

Qué hacer

Agenda y rutas

🅿️

Aparcamientos

Públicos y privados

🍽️

Hostelería

Bares y restaurantes

📺

En directo

Cámaras y TV

💬

Buzón

Sugerencias

Próximos eventos

Festa Major · Vila Vella

15–18 ago · Música y cultura

Mercado medieval

Cada domingo · 10–14h

Ruta guiada Costa Brava

Sáb 10h · Inscripción en oficina

Pantalla Principal

← Volver

🏖️

Playas

8 calas y entorno

En vivo

Platja Gran

Calidad aire

Excelente

Temperatura

24°C

Ocupación

45%

En vivo

Cala Pola

Calidad aire

Buena

Temperatura

23°C

Ocupación

30%

En vivo

Cala Giverola

Calidad aire

Excelente

Temperatura

24°C

Ocupación

20%

En vivo

Cala Bona

Calidad aire

Buena

Temperatura

23°C

Ocupación

55%

Mar Menuda

Calidad aire

Excelente

Temperatura

24°C

Ocupación

35%

En vivo

Cala Llevadó

Calidad aire

Excelente

Temperatura

22°C

Ocupación

15%

Platja del Codolar

Calidad aire

Buena

Temperatura

23°C

Ocupación

60%

Playas + Sensores + Cámaras

← Volver

🅿️

Aparcamientos

Públicos y privados

Parking Municipal Centro

Gratuito

45

Libres

45 de 120 plazas

📹 Cámara📍 Ruta

Parking Platja Gran

2€/hora

12

Libres

12 de 80 plazas

📹 Cámara📡 Sensor

Parking Vila Vella

1.5€/hora

28

Libres

28 de 60 plazas

📹 Cámara📍 Ruta

Parking Passeig

2€/hora

8

Libres

8 de 80 plazas

📡 Sensor

Parking Estació

Gratuito

52

Libres

52 de 80 plazas

📍 Ruta

Aparcamientos + Sensores

← Volver

📺

En directo

Cámaras y TV

▶️
EN VIVO

TV Tossa de Mar

Canal municipal 24h

Cámaras en vivo

📹

Platja Gran

📹

Vila Vella

📹

Puerto

📹

Centro

📹

Cala Pola

📹

Parking Nord

Horarios TV

Ahora: Informatiu municipal

20:00: Agenda cultura

21:00: En directo Vila Vella

Streaming / Cámaras

🌐

Multi-idioma

Soporte completo para Español y Catalán. El contenido se gestiona en ambos idiomas desde el panel.

📡

Sensores IoT

Integración con sensores de calidad del aire, temperatura, ocupación de playas y plazas de parking.

📹

Cámaras en vivo

Streaming de cámaras municipales embebidas en las diferentes secciones de contenido.

Dashboard

Gestión de contenidos del municipio

AD

Admin

Administrador

Visitantes hoy

2,847

+12%

👥

Páginas activas

124

+3

📄

Cámaras online

6/6

100%

📹

Sugerencias

3

nuevas

💬

Gestión de Páginas (CRUD)

24 elementos

Título Categoría Idiomas Cámaras Sensores Estado Acciones
Historia de Tossa 📁 Historia 🇪🇸 🏴󠁥󠁳󠁣󠁴󠁿 📹 Vila Vella — Publicado
Platja Gran 📁 Playas 🇪🇸 🏴󠁥󠁳󠁣󠁴󠁿 📹 Platja Gran 📡 Temp, Aire, Ocup Publicado
Guía de rutas 📁 Qué hacer 🇪🇸 — — Borrador

Mostrando 1-3 de 24

Gestión de Páginas (CRUD)

24 elementos

Título Categoría Estado Acciones
Historia de Tossa📁 HistoriaPublicado
Platja Gran📁 PlayasPublicado
Guía de rutas📁 Qué hacerBorrador

Mostrando 1-3 de 24

Categorías

📁

Historia

8 páginas

🏖️

Playas

8 páginas

🅿️

Aparcamientos

1 página

🎭

Qué hacer

18 páginas

🍽️

Hostelería

45 entradas

Puntos WiFi

📶

Oficina de Turismo

Plaça d’Espanya · Gratuito

Activo
📶

Platja Gran

Zona playa · Gratuito

Activo
📶

Vila Vella

Muralla · Gratuito

Activo

Aparcamientos

Parking Municipal Centro

450 plazas · Gratuito

45

libres

Parking Platja Mar Menuda

120 plazas

12

libres

Hostelería

NombreTipoAcciones
Can SophiaRestaurante
Bar La MarBar
Hotel DianaAlojamiento

Qué hacer

🎭

Festa Major · Vila Vella

15–18 ago · Música y cultura

🏰

Mercado medieval

Cada domingo · 10–14h

🥾

Ruta guiada Costa Brava

Sáb 10h

Cámaras

Vista en vivo

Platja Gran

En línea

Activa
Vista en vivo

Vila Vella

En línea

Activa

Sensores

📡

Platja Gran – Temperatura / Aire / Ocupación

Última lectura: hace 2 min

OK
📡

Cala Pola – Temperatura / Aire / Ocupación

Última lectura: hace 1 min

OK
📺

Streaming

Configuración de emisión en directo y horarios.

📢

Publicidad

Gestionar banners y espacios publicitarios en la app.

Publicaciones

Novedades verano 2025

Publicado el 20/06/2025

Horarios playas y socorristas

Publicado el 15/06/2025

Buzón de sugerencias

3 mensajes nuevos

Más sombra en Platja Gran

Nuevo

Sugerencia de más parasoles en la zona norte...

30/01/2025

Información aparcamientos

Leído

¿Podrían actualizar los parkings en tiempo real?

28/01/2025

Arquitectura del Sistema

Estructura dinámica por secciones

📱

iOS

Swift / RN

📱

Android

Kotlin / RN

📺

Smart TV

Web App

🖥️

Admin

React / Vue

↓
API REST
⚡

Backend API

Node.js / Laravel / Django

🔐 Auth JWT
🌐 i18n ES/CA
↓
🗄️

PostgreSQL

Base de datos

📂

S3

Storage

⚡

Redis

Cache

Servicios externos

📹

Streaming

📡

IoT

🗺️

Mapas

🔔

Push

📋 JSON de configuración dinámica

{
  "app": { "id": "tossa-de-mar", "version": "1.0" },
  "sections": [
    { "id": "wifi", "type": "map_list", "title": { "es": "WiFi", "ca": "WiFi" } },
    { "id": "beaches", "type": "cards_sensors", "features": ["cameras", "sensors"] }
  ]
}

Modelo de Datos

Estructura multiidioma con relaciones N:M

Primary Key
Foreign Key
_es/_ca= Multiidioma
📄

Páginas

idUUID
category_idFK
title_es/caVARCHAR
content_es/caTEXT
📁

Categorías

idUUID
parent_idFK?
name_es/caVARCHAR
typeENUM
📹

Cámaras

idUUID
name_es/caVARCHAR
stream_urlVARCHAR
lat/lngDECIMAL
📡

Sensores

idUUID
name_es/caVARCHAR
typeENUM
api_endpointVARCHAR
🅿️

Aparcamientos

idUUID
category_idFK
total_spacesINT
🍽️

Hostelería

idUUID
category_idFK
name, addressVARCHAR
📶

WiFi Points

idUUID
ssidVARCHAR
lat/lngDECIMAL
🎭

Qué hacer

idUUID
category_idFK
route_geojsonJSON

Tablas de Relación (N:M) - Permite vincular cámaras y sensores a cualquier contenido

pages↔cameras
pages↔sensors
parkings↔sensors
activities↔cameras