Página elección-institución (ej. Catalunya)

[juan]

Datos elecciones:

• Nombre largo
• Nombre corto
• vanity (comun para todos los idiomas)
• texto descripción
• Año
• Instituciones asociadas (ej. Parlament Cataluña, Congreso + Senado, ...)
• Fecha elección
• Característica si es circunscripción provincial o municipal
• About: texto tamaño máximo igual que políticos o partidos
• Imagen
• Enlaces

+ dar de alta en BBDD las provincias españolas (relacionadas con las CCAA)

Contenido página

• Título página = "[circunscripción si alguna:][nombre largo elección] [año] [dd/mmmm]". Ej. "Elecciones al Parlamento de Cataluña 2010. 28 de mayo" para la general "Girona: Elecciones al Parlamento de Cataluña 2010. 28 de mayo" con circunscripción
• Texto descripción
• Fecha
• Enlaces
• Lista circonscripciones (si provincias). Si municipios, ya veremos con enlaces a página de cada pareja [elección-provincia]
• Resultado actual de esta elección según votos voota: lista partidos con escaño, número escaños, 1 barita | por escaño (visualización) + mención a cuántos escaños son la mayoría (ej. "Mayoría = 71")
• Calculo escaños para cada partido = cuántos políticos de este partido están en el top X de su circunscripción (X = escaños circunscripción)
• Fotograma de los políticos con escaño (top 35 por partido, en orden de votos positivos descendentes) + "Más X más" (ver proto)
• Tamaño de la foto del político en el Fotograma: 19x19
• Tamaño de las fotos:
• Extracto de políticos y partidos (pendiente comentar)

Url:

• principal: voota.es/elecciones/vanity/[año] y voota.cat/eleccions/[año] ej. voota.es/elecciones/Cat/2010
• circunscripción: voota.es/eleccion/nombre-corto/[año]/[circunscripción] ej. voota.es/eleccion/Cataluña/2010/Girona

Meta title: "[circunscripción si alguna:][nombre largo elección] [año]". Ej. "Elecciones al Parlamento de Cataluña 2010" para la general "Girona: Elecciones al Parlamento de Cataluña 2010" con circunscripción

Meta description: "[nombre largo elección. [dd/mmmm en letras]: listas [circunscripción], partidos, candidatos, previsión de escaños, votos de los usuarios, ..."

[juan]

He adjuntado una primera versión de la primera página de las elecciones, pero no tengo demasiado claro si esta debería ser la página de entrada. Me he basado en el boceto que definimos en la primera reunión sobre el tema.

Preguntas: - Al pinchar sobre un partido llevaríamos a otra página donde enseñaríamos la lista oficial vs lista voota? O la incluimos también en esta página inicial?

- Habría paginación? Anterior y siguiente para ir paginando sobre las elecciones al parlamento en las distintas provincias?

- Al pichar sobre un partido, llevaríamos a la top lista de políticos para estas elecciones?

Cuando podais contadme un poco.

Gracias!

[juan]

Nada que decir? No creo... :)

[frans]

Replying to juan:

Nada que decir? No creo... :)

sorry, lo miro este viernes

[juan]

2º intento. El acceso a las circunscripciones se haría desde el lateral. Creo que podría crecer bastante en vertical para municipios, no os parece?

Lo que no sé es cómo dar acceso a la página de listas desde aquí... Alguna idea? Esta propuesta se me está haciendo bastante complicadilla. Perdonad que os dé tanto la tabarra.

[juan]

Chicos, cuando tengais un hueco no os olvideis de mi. Esta parte aún no la tengo bien cogida y me vendría muy bien vuestra opinión para poder tenerlo bien cogido el día que nos pongamos con esto...

Ánimo!

[juan]

A ver qué os parece. Subo también en los tickets correspondientes lo que toca a listas, home y página de partido, vale? Dadme feedback por favor!

[carlos]

Me gusta bastante como está quedando, Juan.

Cosillas que se me ocurren:

• Supongo que es así, pero el reparto de escaños no lo haría teniendo en cuenta el número de votos positivos (como parece indicar el texto que aparece en el proto, que dice "Escaños según los votos positivos en Voota"), sino el balance de votos positivos - votos negativos.

• En la página del partido, cuando se acceda desde la página de elecciones, yo repetiría los políticos de ese partido para las elecciones seleccionadas, esta vez con nombre y apellidos en lugar de sólo el avatar.

[frans]

una duda: ¿dónde voy si pincho en "Barcelona"?. En principio voy otra página (elección - circunscripción:  http://trac.voota.org/ticket/434) pero necesitaría ver el proto de aquella página para entender mejor ésta (página elección). Txs

+ comentarios sobre el proto:

• Destacaría la fecha de la elección
• ¿Qué pasa si hago clic en la cajita que aparece cuando paso el ratón encima de una foto de un político? ¿enlace en la foto a la ficha del político? ¿no haría falta incluir el nombre del político con enlace a su página? ¿quitamos el subrayado azul en los números de votos a favor o en contra?
• ¿Fotos miniatura en color me imagino (como en el ranking), o en ByN?
• ¿cuántos pixeles tienen las miniaturas? (apuntar en la descripción abajo)

[juan]

Replying to frans:

una duda: ¿dónde voy si pincho en "Barcelona"?. En principio voy otra página (elección - circunscripción:  http://trac.voota.org/ticket/434) pero necesitaría ver el proto de aquella página para entender mejor ésta (página elección). Txs

Lo que comentamos en la última reuníón que es implemente hacía un "refresh" sobre la misma página pero cambiando url, recuerdas? Para mi lo único que cambiaría serían meta's, H1 y el estado del en enlace que indica donde estás, lógicamente.

+ comentarios sobre el proto: * Destacaría la fecha de la elección

Cierto. Lo incluyo.

* ¿Qué pasa si hago clic en la cajita que aparece cuando paso el ratón encima de una foto de un político? ¿enlace en la foto a la ficha del político? ¿no haría falta incluir el nombre del político con enlace a su página? ¿quitamos el subrayado azul en los números de votos a favor o en contra?

En primer lugar necesitaría saber si Sergio está de acuerdo con este elemento, porque prefiero pensar con tiempo qué alternativas puedo sugerir (Sergio echa un cable, please). En cualquier caso si picnhas en la foto navegas a ficha de político. El subrayado azul en los números era precisamente para poder ir directamente a los comentarios del político (dando en positivos o en negativos). Pero pensándolo bien igual es mejor hacerlo desde un único sitio (la foto del político en el fotograma. Falta definir entonces si se puede aplicar al tooltip que propongo, con ese ok propongo una mejora, vale?

* ¿Fotos miniatura en color me imagino (como en el ranking), o en ByN?

Yo prefiero en color, es más visual, no? Y ahora mismo no hay nada unificado en cuanto esto. En unos casos mostramos en color (ficha de político) y en otros en ByN. En mi opinión debería ser TODO en ByN, como acordamos al principio (menos propuestas, claro). Si unificamos antes de lanzar Elecciones entonces por coherencia el gráfico también tendrá que ser en ByN.

* ¿cuántos pixeles tienen las miniaturas? (apuntar en la descripción abajo)

Hecho. Ya está en descripción.

[frans]

Sergio: ¿nos dices algo sobre el tooltip?

Color: mientras no tenemos habitilitada la opción color / ByN propongo seguir con color para los rankings y miniaturas y ByN para ficha político (como ahora)

Meta title y description actualizados.

[sergio]

Sorry por la tardanza. Lo del tooltip no lo veo nada claro. No conozco niguna forma "estandar" de hacerlo pero toca investigar un poco. Mientras, conoces alguna web que tenga algo parecido?

[sergio]

Bueno, creado módulo y plantilla. modules > eleccion

Carlos te lo paso para que empieces con la maquetación cuando puedas. La plantilla es showSuccess.php y se accede por /eleccion/<id> de momento. Puedes crear una eleccion desde el admin (ya está habilitado un formulario muy básico para crearlas).

[juan]

Qué tal esto?  http://www.nickstakenburg.com/projects/prototip2/

[sergio]

que chula, que pena que sea prototype :-(

Lo ideal sería encontrar una para jquery ... sigo buscando

[sergio]

Que tal esta?

 http://craigsworks.com/projects/qtip/demos/

[sergio]

sería ideal porque ya lo estamos usando para otras cosas :)

[carlos]

Eo. Os habéis adelantado :-)

Con qtip (que ya lo estamos usando para la tooltip de las propuestas) podemos sacar unas tooltips medianamente personalizadas.

[sergio]

Frans, entiendo que hay que traducir el nombre largo y la descripción.

El nombre corto no, verdad? verdad? (acordarse que traducir la vanity es una fuente inagotable de problemas)

[frans]

Replying to sergio:

Frans, entiendo que hay que traducir el nombre largo y la descripción. El nombre corto no, verdad? verdad? (acordarse que traducir la vanity es una fuente inagotable de problemas)

ok con vanity sin traducir (qué remedio, si lo pides así ;), pero deja nombre corto tarducible por fa' (distinto de la vanity). Txs.

[frans]

modifico url: "/elecciones/" en lugar de "/eleccion/", y "/eleccions/" en CA

[juan]

Prototipo actualizado. En esta página es un cambio menor: simplemente añadir la fecha de la elección en el H1.

En función de lo que tengamos a nivel de tooltip, vemos cómo cerramos ese detalle, ok?

[carlos]

Proto listo a falta de ajustar algunos estilos para IE, y añadir URLs para los votos positivos y negativos de un político en el tooltip (¿dónde apuntan?). Pero ya puede empezar a integrarse. Se lo paso a Sergio mientras tanto.

[carlos]

Sergio, cuando acabes la integración, me lo pasas para que recuerde arreglar los estilos para IE.

[sergio]

Juan, hay que poner el nombre de los políticos en alguna parte si no, no se sabe quienes son. Además hay algunos sin foto (ver adjunto).

[juan]

Cierto. Añadido. Algunos detalles:

• Aumentamos la caja para que entren más caracteres del nombre. Lo pondría en una sola línea (texto normal, bold). Lo que no entre lo truncamos, puede ser?

* En los dos enlaces he añadido "56 a favor" y "12 en contra", para compensar un poco el aumento de la caja.

Ok?

[frans]

Replying to juan:

Cierto. Añadido. Algunos detalles:

emn principio me parece bien + falta el nuevo adjunto ¿no?

[juan]

A falta del nuevo adjunto, efectivamente. Que se me había olvidado incluir :)

[frans]

Replying to juan:

A falta del nuevo adjunto, efectivamente. Que se me había olvidado incluir :)

por mi ok, con una duda: creo que no tenemos permalink para opiniones a favor / en contra de un político (creo que es la misma url con filtro sobre las opiniones). ¿enlazamos el nombre del político a la página del político o dejamos los enlaces sobre los votos + y - y creamos permalink para ésto? (sugiero lo primero)

[juan]

Es más sencillo lo primero, sí. Pero entonces no quitaríamos como enlaces los "72 a favor" y "12 en contra", no? Sólo dejaríamos enlazable en nombre del político desde el título, no?

[frans]

Replying to juan:

Es más sencillo lo primero, sí. Pero entonces no quitaríamos como enlaces los "72 a favor" y "12 en contra", no? Sólo dejaríamos enlazable en nombre del político desde el título, no?

sí, sería sólo con enlace en el nombre del político (de momento no tenemos páginas / url's para enlazar "72 a favor" o "12 en contra")

[sergio]

Carlos, te lo paso para que incluyas los últimos cambios de maquetación (tooltip y últimos comentarios de Juan y Frans)

[carlos]

Juan, tengo una duda: En el proto veo que del texto del tooltip, lo que está enlazado son los vootos al político, y el nombre aparece sin enlazar. Pero por lo que comentáis más arriba, como no hay URL a vootos a favor / en contra de un político (sino que lo que tenemos es un filtro), al final enlazamos el nombre del político, y dejamos sin enlazar los vootos (o sea, al revés que en el proto). ¿Es así, o he entendido algo mal?

[frans]

"Mayoría: x" no es correcto (hablamos de Mayoría absoluta), pero tampoco está claro qué aporta ésto > mejor lo quitamos. Txs

[juan]

Has entendido bien. Al final enlazamos solamente el nombre del político y no enlazamos los vootos. Justo al contrario de lo que indicaba en el proto. Perdón por no haberlo actualizado.

[juan]

Una cosilla más, la tooltip no se parece en nada a la del proto. Hay alguna manera de que se parezca un poco? Si no es posible, por lo menos podiamos quitarle la "cuña" azul y dejarlo todo en blanco, puede ser?

Otro detalle, Podemos hacer clicables los iconos de a favor y en contra que se cargan dentro de la tooltip?

[carlos]

Me temo que el aspecto de la tooltip no es mucho más controlable con el plugin propuesto, que es el que estábamos usando ya para otras tooltips (qtip). En lo único en que se diferencia del proto es que esta tooltip no tiene sombras, y la flecha que apunta al contenido al que hace referencia está rellena.

Estamos usando el plugin qtip, el cual nos facilita mucho la programación de las tooltips, y cuyos ejemplos de uso puedes ver aquí:  http://craigsworks.com/projects/qtip/demos/

Este mismo plugin para las tooltips es el que estamos usando para las del ranking de propuestas, sólo que en aquellas no estamos usando flechita (aunque se podría añadir una en cualquiera de las esquinas de la tooltip).

Podemos construirnos nuestro propio plugin para generar las tooltips con el aspecto deseado, pero es algo que creo que se sale de nuestra política de "usar algo estándar", ¿no? Lo mismo nos pasó con el combobox, que al final hemos tirado para atrás y hemos acabado usando el plugin autocomplete de jQuery.

En cuanto a lo de hacer clicables los iconos de a favor / en contra... ¿para que funcionen igual que los del voto múltiple de las páginas de ranking, no? Ok, lo hablo con Sergio.

[carlos]

Ya está hablado, le paso el ticket a Sergio para que añada el enlace al nombre del político.

[sergio]

Listo para probar.

Juan, no hemos enlazado las manos. No me parece muy necesario y es, potencialmente, un desarrollo un poco complejo. Si piensas que es importante, propongo abrir un ticket nuevo solo para esto y lo discutimos para el siguiente ml, ¿yeah?

[frans]

gracias, mis correcciones:

• nº escaños incorrecto en  http://dummy.voota.es/elecciones/cat/2010 (no cuadra con fotos "(y 23 más)"
• RCat tiene 0 escaños y 1 foto de 1 candidato (probablemente sea el mismo problema que el punto anterior)
• creo que sería mejor que "Lista de PP" no salte én 2 líneas (¿podemos ampliar la anchura de esta columna?)

por mi parte creo que es todo. Reabro ticket + paso reporter = Juan para que lo revise él también.

[juan]

Dos cosillas:

• A mi lo de hacer clicables las manos me parece importante. Ese icono es clicable en toda el web, menos en esta página. Si no lo hacemos enlazable entonces mejor que no aparezca el icono. Con el texto "a favor" y "en contra" será suficiente.

• Enlaces externos: por qué en esta página tiene otra apariencia ese módulo? Aparece con bullets e identado. También me parece que está más desplazado hacia dentro que en otras partes de Voota.

• No podemos quitar al menos ese color en la punta de la tooltip?

• Podemos evitar que los literales "Lista de [partido]" salten a dos líneas en el listado de circunscripciones? O sólo me pasa a mi?

[carlos]

Replying to juan:

* A mi lo de hacer clicables las manos me parece importante. Ese icono es clicable en toda el web, menos en esta página. Si no lo hacemos enlazable entonces mejor que no aparezca el icono. Con el texto "a favor" y "en contra" será suficiente.

Bueno, hay muchos más sitios donde no es clickable, como por ejemplo en las opiniones de los usuarios cuando lo usamos para indicar si votó a favor o en contra, o en los totales de los rankings donde lo usamos para indicar de forma abreviada que son votos a favor o en contra. Aunque estoy de acuerdo en que si un elemento es clickable, debería tener un aspecto diferente para no confundirlo con el que no lo es. Tal vez las manos clickables deberían ser de hecho botones, ¿no?

* Enlaces externos: por qué en esta página tiene otra apariencia ese módulo? Aparece con bullets e identado. También me parece que está más desplazado hacia dentro que en otras partes de Voota.

Fallo mío, no estoy sobreescribiendo los estilos de esa lista desordenada. Lo cambio.

* No podemos quitar al menos ese color en la punta de la tooltip?

Me temo que no :-( La punta se colorea forzosamente del mismo color que el borde. La única forma que hay es quitando el borde de toda la caja, o quitar la punta por completo. Pero a mí me parece que es más útil que aparezca a que no lo haga, ¿no?

* Podemos evitar que los literales "Lista de [partido]" salten a dos líneas en el listado de circunscripciones? O sólo me pasa a mi?

Eso ya lo ha comentado Frans en el comentario justo antes del tuyo, en el último punto. Estaba pendiente de que llegase a este ticket. Voy a por ello.

[carlos]

Arreglado:

• Estilos de enlaces externos
• Ancho de "lista de [partido]"

Le paso el ticket a Sergio a petición suya, para corregir los otros dos puntos relacionados con el backend.

[frans]

propongo añadir una fila más con el total de escaños (donde teníamos previsto poner "mayoría" podríamos poner "Total: xx" (sorry por la idea de última hora)

[frans]

otro detalle: incluir el año en el título: "Elecciones al Parlamento de Cataluña. 2 de octubre 2010." (ahora falta "2010")

+ añadir total (comment arriba)

[sergio]

Frans, pongo 2 de octubre de 2010 con el "de" antes del año. Es más correcto, ok?

[frans]

Replying to sergio:

Frans, pongo 2 de octubre de 2010 con el "de" antes del año. Es más correcto, ok?

ok, txs

+ falta fila "Total"

[sergio]

Total añadido.