¿Cómo programaríais esto vosotros, expertos del diseño web?

Hola a todos.

Veréis, un amigo entrenador necesita una web para formar un torneo de fútbol y me ha estado preguntando cómo se podría hacer y la verdad que me ha parecido interesante el asunto, y como no tengo ni idea de las opciones que existen para crear lo que necesita, lo pregunto por aquí a los usuarios expertos a ver si podéis echarnos un cable.

La web recibiría las inscripciones de los equipos interesados en participar en el torneo, alojándose su información de registro en una base de datos, y la web tendría que ir formando en tiempo real los emparejamientos del torneo, o sea, esto:

Imagen

El proceso sería: llego a la web, me inscribo como Equipo A. El árbol de eliminatorias, que se encuentra en otra sección de la web y es accesible en todo momento y se muestra como en la foto anterior, automáticamente se actualiza poniendo al Equipo A en un cuadro de la primera fase.

Llega otro usuario a la web y se inscribe como el Equipo B, de la misma manera, el árbol se actualiza y coloca al Equipo B en un cuadro de la primera fase.

El árbol crece tanto como usuarios se registren y hasta que acabe el periodo de inscripción. Como puede ser bastante grande, había pensado en que se pudiera ver e interactuar con él de una forma parecida a como funciona esta web:

http://htwins.net/scale2/lang.html

Que se pudiera hacer zoom con el ratón para poder verlo desde arriba del todo o acercarlo al máximo, al mismo tiempo que te puedes mover con las flechas del ratón por él.

Como veréis yo estoy muy perdido y no tengo ni idea de cómo podría hacer todo esto. Podrías darme algunas pistas o consejos sobre qué usar y cómo empezar a meterle mano para que vaya leyendo y recopilando información?

Sería posible también que el árbol realizara los emparejamientos de manera aleatoria? O sea, no por orden de llegada, esto es, si los dos primeros equipos registrados son el Equipo A y el Equipo B, que no acaben jugando la primera fase entre ellos, si no que tomen una posición aleatoria en los cuadros que forman la primera fase del torneo, hasta acabar todos los equipos participantes emparejados entre todos (para que ninguno se quede por ahí en una posición aleatoria y no tenga rival, claro)

Agradezco cualquier información de ayuda.

Muchas gracias y un saludo!
hombre, pues a mi modo de ver tendrías que separar la parte de inscripciones de la de el árbol. porque no puedes generar posiciones aleatorias sin saber cuántos inscritos hay. Es decir, al inscribirse, que se guarde en una base de datos, pero hasta que no se cierre el plazo, no pondría el árbol generado. Y ese árbol debería ser una especie de sorteo, aunque sea mediante un script o algo que lea de la base de datos, pero que luego escriba su posición en dicho árbol.
EDIT: te aconsejo php, mysql y jquery, pero bueno, si sabes algo de programación web, creo que eso lo tenías claro.
Pues como te aconseja el compañero, un formulario de inscripción que inserte las candidaturas en una Bbdd mysql y le asigne un número único (es fácil y lo hace la propia Bbdd)

Una vez finalizado el periodo, un script que genere números aleatorios entre el mínimo y máximo asignados y empareje. Los emparejamientos los metería en otra tabla.
Gracias por las respuestas. Y el tema de que se genere la tabla de emparejamientos y se pueda hacer zoom y tal al estilo de la web que pongo de ejemplo?
y si uasa alguna web de menejo de equipos tipo teampolis?

http://www.teamopolis.com/
Con un poco de PHP y MySQL puedes hacer toda la parte de programación y almacenar datos.

La visualización, HTML5, Ajax o Flash.
5 respuestas