Tareas #8345

Pantalla 1 – Sorteo con historial breve de cada equipo

Añadido por Claudia Ale hace 3 meses. Actualizado hace alrededor de 1 mes.

Tiempo dedicado

2025-09-30: 2.00 horas — Tecnologia. Añadido por Daniel Olivera hace 2 meses
Subido a ambiente de desarrollo
Estado:En cursoFecha de inicio:2025-09-16
Prioridad:NormalFecha fin:
Asignado a:Noelia Rogantini% Realizado:

90%

Categoría:-Tiempo dedicado:2.00 horas
Versión prevista:-
App related: Tipo de funcionalidad:Nueva funcionalidad

Descripción

Esta pantalla mostrará en tiempo real el desarrollo del sorteo del Mundial 2026, incluyendo información histórica y contextual de cada selección participante:

- Partidos en mundiales
- Mundiales en los que participó del total
- Mejor posición alcanzada // Copas

Brindará datos de manera visual y clara, adaptada a distintos soportes.

La entrega y carga será inmediata durante el evento del sorteo.

mundial2026.rar (1,136 MB) Noelia Rogantini, 2025-09-30 08:11

piezahistorialselección.png (437,938 KB) Claudia Ale, 2025-10-13 12:12

sorteoWorldwide.jpg (41,521 KB) Claudia Ale, 2025-10-27 12:22

sorteoold.jpg (29,706 KB) Claudia Ale, 2025-10-27 12:22


Peticiones relacionadas

relacionada con Tareas #8355: pantalla de carga En curso 2025-10-06
relacionada con Tareas #8347: Pantalla 3 – Sedes y Estadios En curso 2025-10-28
relacionada con Tareas #8377: Calendario de partidos con historial de enfrentamientos En curso 2025-11-13

Histórico

#1 Actualizado por Claudia Ale hace 3 meses

  • Fecha de inicio cambiado 2025-09-22 por 2025-09-16

#2 Actualizado por Noelia Rogantini hace 2 meses

  • Añadido Fichero mundial2026.rar
  • Estado cambiado Nueva por En curso
  • Asignado a establecido a Daniel Olivera
  • % Realizado cambiado 0 por 50

Se realizo la maqueta del sorteo contemplando los charlado.

Todo el proyecto se subio al repositorio:

http://svn.dev.datafactory.la/websvn/listing.php?repname=piezasGenericas&path=%2Ftrunk%2FCliente%2Fmundial2026%2F

Les adjunto un zip con lo que se debe subir a la CDN (elementos estaticos, que no cambian) + los HTMLs de sorteo, solo la carpeta data es la que se actualiza (dentro esta el JSON equipos.json).
Nota: El zip es lo mismo que esta en el repositorio de mundial2026 salvo que no se sumaron archivos innecesarios

Dentro del proyecto tenemos los themes definidos y su plantilla original.

THEMES:
  • sorteo.html (Plantilla Base)
  • sorteo-sunset-orange.html
  • sorteo-arctic-blue.html
  • sorteo-crimson-steel.html
  • sorteo-datafactory.html
  • sorteo-datafactory-backup.html
  • sorteo-emerald-forest.html
  • sorteo-fifa-classic.html
  • sorteo-midnight-purple.html
  • sorteo-neon-cyber.html
  • sorteo-ocean-blue.html
  • sorteo-plantilla.html
  • sorteo-qatar-gold.html
  • sorteo-retro-vintage.html

BACKEND:
Tenemos el siguiente html para el backend, donde podrán cargar los bombos (data/equipos.js) con los equipos participantes para luego poder hacer la carga del sorteo visualmente con un drag and drop ubicando a cada equipo en el grupo correspondiente.

  • backend-datafactory.html

Dani y su equipo continuaran con el desarrollo de la funcionalidad de la pieza, cualquier duda me avisan.

Saludos

#3 Actualizado por Daniel Olivera hace 2 meses

  • Estado cambiado En curso por Cerrada
  • % Realizado cambiado 50 por 100

Se subieron los archivos
Se creo el subdominio
Se habilito el espacio web
Se configuro el webserver

Saludos.

#4 Actualizado por Noelia Rogantini hace 2 meses

#6 Actualizado por Noelia Rogantini hace 2 meses

  • Añadido relacionada con Tareas #8347: Pantalla 3 – Sedes y Estadios

#7 Actualizado por Claudia Ale hace 2 meses

  • Estado cambiado Cerrada por En curso
  • Asignado a cambiado Daniel Olivera por Noelia Rogantini

Ajustes post Feedback Sorteo Mundial

  • Header: reemplazar la palabra "FIFA", debido a problemas de copyright, por la palabra Mundial​ 2026

*​ ​Reemplazar el logo de "Data Factory" en el espacio publicitario por uno genérico o rotativo para indicar que ​e​s un espacio personalizable para el cliente, asegurando que no se percibiera como un crédito propio

  • Nombres de equipos: revisar que el diseño funcione en todos los tamaños, sobre todo con nombres de equipos largos como Estados Unidos

#8 Actualizado por Claudia Ale hace 2 meses

Dejo captura de los datos de historial que se deben incluir al clickear en cada selección

- en la selección que jugó Mundiales anteriores, debe aparecer un guión si no fue ni campeón ni subcampeón

- en las selecciones debutantes (ej Jordania) debe aparecer la leyenda Debut en Copa del Mundo en lugar de Debut "año" y Noe revisará cómo manejamos el resto de los datos en el Mundial de Qatar.
Ranking FIFA seguro debe estar. El resto no va a tener información

- Tener en cuenta que la cantidad de partidos ganados, empatados y perdidos quedan dentro de la pieza de historial y no en los Grupos como en ediciones pasadas

#9 Actualizado por Noelia Rogantini hace alrededor de 1 mes

Claudia Ale escribió:

Esta pantalla mostrará en tiempo real el desarrollo del sorteo del Mundial 2026, incluyendo información histórica y contextual de cada selección participante:

- Partidos en mundiales
- Mundiales en los que participó del total
- Mejor posición alcanzada // Copas

Brindará datos de manera visual y clara, adaptada a distintos soportes.

La entrega y carga será inmediata durante el evento del sorteo.

Agrego ticket donde Pedro Bello colaboro con los themes. https://tickets.datafactory.la/scp/tickets.php?id=58066&hist=1

#10 Actualizado por Noelia Rogantini hace alrededor de 1 mes

  • % Realizado cambiado 100 por 90

Se realizaron los cambios.
Subo al repositorio los cambios, tambien actualizo para que se vea en https://mundial.datafactory.la/

Cambios aplicados:
1- Se arreglan modal de cada equipo con datos de historial de equipos al hacer click tanto para los equipos con datos como para los equipos debutantes
2- Se quita la palabra FIFA
3- Se agrega un banner genérico principal y footer
4- Se arreglan estilos y estructura html de backend-datafactory.html
5- Se pasan a tricode los nombres de equipos que aparecen en sorteo.html (Grupos)

#11 Actualizado por Claudia Ale hace alrededor de 1 mes

Analizar y definir el comportamiento visual y de interacción más adecuado para la visualización de los grupos en mobile, evitando una tira excesivamente larga o que afecte la jerarquía de la página.

Se habló en la reunión Ampliada de la posibilidad de aplicar un colaps similar a cómo se ven hoy los módulos que no tienen equipos cargados.

#12 Actualizado por Noelia Rogantini hace alrededor de 1 mes

Se agrega funcionalidad de colapsar grupos en mobile.

http://svn.dev.datafactory.la/websvn/revision.php?repname=piezasGenericas&path=%2Ftrunk%2FCliente%2Fmundial2026%2F&rev=12964&peg=12964

Se puede visualizar aca en OLD hasta que se suba bien al proyecto final de vue

https://worldcup2026.datafactory.la/old/sorteo.html

Gracias
Saludos

#13 Actualizado por Claudia Ale hace alrededor de 1 mes

Paso detalles de estilos

- En Worldwide cuando paso a Oscuro no se lee Mundial 2026 ni se ve el fondo, pero en Old se ok (van capturas de ambas)

- En los siguiente thems, falta el botón claro/oscuro

https://worldcup2026.datafactory.la/old/sorteo-crimson-steel.html
https://worldcup2026.datafactory.la/old/sorteo-emerald-forest.html
https://worldcup2026.datafactory.la/old/sorteo-sunset-orange.html
https://worldcup2026.datafactory.la/old/sorteo-arctic-blue.html

#14 Actualizado por Noelia Rogantini hace alrededor de 1 mes

  • Añadido relacionada con Tareas #8377: Calendario de partidos con historial de enfrentamientos

Exportar a: Atom PDF