Guía de Operación y Desarrollo · CCOO Sección Sindical

Perfil: Visitante Público

Cómo interactuar con la web sindical

Si eres un visitante externo o estás buscando afiliarte al sindicato de CCOO en HJ Colmenarejo, tus acciones en la web pública consisten principalmente en informarte y solicitar tus credenciales.

1

Solicitar acceso al Área Privada
Haz clic en el botón "Área afiliados" en la esquina superior de la web. Selecciona la pestaña "Solicitar acceso", rellena tus datos (Nombre, Correo, DNI) y envía. Se preparará un correo de solicitud automática.
2

Registrarte en la Newsletter autorizada
Introduce tu nombre, email y marca qué tipo de avisos deseas recibir (Noticias, Archivos o Vídeos). Acepta el consentimiento obligatorio y pulsa "Solicitar alta". Su estado pasará a "Pendiente" en el panel local.
3

Consultar el canal oficial
Si tienes alguna duda antes del registro oficial, puedes hacer clic en el enlace de correo directo para escribir a ccoo.hjcolmenarejo@gmail.com.

Ver Landing Pública Formulario de Newsletter

Simulador de Solicitud

Prueba local

Prueba a registrar un correo simulado de newsletter para ver cómo se guarda en estado pendiente en la memoria del navegador:

Registro en memoria (localStorage):

💡 Tu correo ha sido guardado como pendiente. El Propietario tendrá que aprobarlo para recibir comunicados.

Perfil: Afiliado Verificado

Tu espacio privado seguro

Una vez que el administrador valida tu solicitud, puedes entrar en el área privada y gozar de información prioritaria y exclusiva para el sector de transporte de viajeros.

1

Iniciar Sesión
Usa tu DNI o tu email registrado en el modal de entrada del Área Afiliados. En modo local, cualquier contraseña de más de 8 caracteres te permitirá acceder temporalmente.
2

Consultar Noticias y Documentación
En el panel izquierdo del área privada verás las categorías simplificadas: Info/Noticias (comunicados), Documentación (actas, cuadrantes y sentencias en PDF) e Instalar App.
3

Instalar la App PWA en tu móvil
Ve a la sección "Instalar App". Si usas iPhone (Safari), pulsa "Compartir" y selecciona "Añadir a pantalla de inicio". El icono de tu móvil tendrá el logo original del sindicato.

Abrir Área Privada Simular Acceso con PIN

Instalación de App

Visualizador PWA

17:08

Pantalla de inicio móvil simulada

Safari

Teléfono

¿Añadir "CCOO" a la pantalla de inicio?

Perfil: Propietario / Administrador

Gestión y control de la sección sindical

Como propietario o gestor del sindicato, tienes el control absoluto de las altas, importaciones de datos, envío de comunicados colectivos y pruebas diagnósticas.

1

Aprobar Newsletter y Afiliados
Accede a admin.html. Introduce el PIN de administrador local (2026) o entra a través de la simulación. Podrás ver en tiempo real qué registros de la newsletter o solicitudes de afiliación están pendientes de aprobación.
2

Importación de datos masivos
Si posees una base de afiliados histórica en formato CSV o JSON, puedes subirla en la pestaña "Afiliados" de tu panel de administración. El importador normaliza los nombres, correos y DNIs, evitando duplicados en memoria.
3

Preparar Campañas y Avisar por Correo
Configura notificaciones urgentes o archivos nuevos. Al hacer clic en "Preparar email a aprobados" o "Preparar campaña", se abrirá tu cliente de correo (Mail.app, Outlook, Gmail) preconfigurando los destinatarios en Copia Oculta (BCC) usando la dirección oficial del remitente ccoo.hjcolmenarejo@gmail.com.

Abrir Panel Propietario Guía de Pruebas (.md) Esquema CSV (.md)

Control de Aprobaciones

Simulador Admin

Gestiona las solicitudes de alta simuladas y observa cómo cambia su estado:

Aprobados para campaña: 0 Pendientes: 0

Perfil: Desarrollador / Técnico

Detalles de Desarrollo y Paso a Producción

La plataforma está construida utilizando tecnologías limpias de frontend (HTML5, Javascript Vanilla, CSS3). En este rol se detallan las variables del sistema y los pasos técnicos para el despliegue final en producción.

// ESTRUCTURA DE ARCHIVOS DE LA PLATAFORMA - index.html : Landing page pública (acceso afiliados, newsletter) - admin.html : Panel propietario para gestión de localStorage, importación de CSV/JSON - dashboard.html : Área privada con categorías (Noticias, Documentación, PWA) - guia.html : Este centro interactivo de ayuda segmentado por roles - index.css : Definición de variables CSS globales y sistema visual premium - manifest.json : Manifiesto PWA para landing - manifest-admin.json: Manifiesto PWA para administrador - manifest-afiliados.json: Manifiesto PWA para afiliados - sw.js : Service Worker de caché para habilitar el modo offline // CLAVES DE MEMORIA LOCAL (LOCALSTORAGE) - 'ccoo_pending_access' : Lista de afiliados y solicitudes locales - 'ccoo_newsletter_subscribers': Suscriptores registrados a la newsletter - 'ccoo_content_items' : Historial de actualizaciones publicadas en pruebas - 'ccoo_notifications' : Historial de avisos y notificaciones locales - 'admin_mode' : Booleano para activar privilegios en dashboard.html

✓

Despliegue a Producción (Requisitos)
1. Autenticación Segura: Sustituir los PINs en frontend (2026 en admin.html y 7589 en dashboard.html) por autenticación de backend (ej. Supabase Auth, Firebase, OAuth2).
2. Persistencia de Datos: Cambiar localStorage por base de datos PostgreSQL, Supabase, MySQL u otra.
3. Servicio de Correo: Conectar las llamadas mailto: y EmailJS a un proveedor de correo transaccional real (Resend, SendGrid o Mailgun) que garantice el cumplimiento del RGPD.

Inspector de Sistema

Memoria en vivo

Inspecciona el estado de la persistencia local de tu navegador actual:

Cargando variables...

Guía de Operación e Información por Roles