Ticketera + Selector de butacas
Prototipo de plano de butacas interactivo para la venta de entradas de una institución de artes escénicas: se elige el asiento sobre un plano a escala, con precio y total en vivo, en claro/oscuro y pensado para móvil.
Ticketera de una institución de artes escénicas, encargado a través de una agencia. Reproduce el plano real de la sala a escala para que el público seleccione sus ubicaciones sobre el mapa, y no desde una lista.
Cada butaca es un elemento del plano SVG: se selecciona y deselecciona, las no disponibles quedan bloqueadas y cada zona muestra su etiqueta de sector. La selección alimenta en vivo una lista con el precio por butaca y el total acumulado, lista para pasar al paso de reserva.
Está pensado para producción, no solo para mostrar: el tema claro/oscuro se aplica antes del primer render para evitar el parpadeo, y en móvil cada butaca tiene una zona tappable extendida para que elegir un asiento pequeño con el dedo no sea una lotería. Todo vive en un único archivo HTML/CSS/JS autocontenido, sin dependencias, fácil de incrustar en la ticketera existente.
Cada fecha es programada con sus valores ajustando los valores de las secciones de platea y la correspondiente conexion con la pasarela de pago para la reserva, marcando el asiento como ocupado instantáneamente.
d