E-S

Bienvenidos a la nueva E-S, más visual, innovadora, funcional y participativa

Más de cien mil líneas de código y un año de trabajo, han dado como resultado la nueva versión de la web que ahora tienes ante tus ojos | Descubre y comenta con el equipo la #eurometamorfosis de eurovision-spain.com
Óscar A. M. (Dep. técnico) · Fuente: Redacción | Departamento técnico y grafismos
Publicado el día 02 de enero de 2015
sin_ano_30122014_033432_logo_eurovisionspain
eurovision-spain.com (eurovision-spain)

Bienvenidos a la nueva E-S, más visual, innovadora, funcional y participativa

Pocos días después de que eurovision-spain.com haya celebrado su décimo cuarto aniversario, el equipo que conforma esta web está encantado de poder presentaos la que será nuestra nueva casa por mucho tiempo. Ha sido necesario un trabajo de varios meses para reconstruir la web por completo, escribiendo todas y cada una de las líneas de código desde cero, lo que supone a todos los efectos que la eurovision-spain.com que tienes en tu pantalla sea una nueva web, construida pensando en ti, que nos visitas cada día y que te mereces mucho más que una plantilla prediseñada. Los artífices de este ingente trabajo han sido Óscar Abilleira Muñiz y Manuel Jesús Rivero Fernández, miembros del Departamento técnico y de grafismo de la web.

Además, esta revolución en el diseño de eurovision-spain.com también ha implicado una mejora del CMS (Content management system) propio, lo que permite ofrecer muchos servicios que de otro modo serían imposibles. Acompáñanos en esta visita por la nueva eurovision-spain.com. Esperemos que esté a la altura de lo que te mereces. ¿Comenzamos?

UNA IMAGEN QUE VALE MÁS QUE MIL PALABRAS

Como no podía ser de otro modo en una web dedicada a un espectáculo tan visual como el Festival de Eurovisión, la imagen tiene un papel relevante en la nueva eurovision-spain.com. Pero no nos hemos conformado sólo con eso. Además, las hemos situado como el elemento más importante de todas las páginas de la web. De este modo, la cabecera de cada página contará con una gran imagen diferente, de modo que cada nuevo contenido que visites suponga una experiencia diferenciada del resto. Además, esta imagen cuenta con una leve animación que la va desplazando verticalmente para mostrar todo su contenido.

En las noticias, la imagen de referencia es incluida como gran imagen en la cabecera animada, acompañada de los datos informativos de la misma. Este esquema se repite en muchas secciones de la web.

Ya sea en las noticias, páginas de historia o columnas de opinión, las imágenes y los vídeos se muestran a todo lo ancho del cuerpo del texto, para facilitar su visualización y complementar la información que se incluye en los diferentes textos.

RÁPIDA, LIMPIA, FUNCIONAL Y ELEGANTE

Como puedes comprobar, hemos optado por un diseño limpio y claro, donde se combina el contenido con elementos gráficos sencillos pero altamente funcionales, siguiendo la tendencia actual en el diseño de contenidos web. Por esa razón, te encontrás con grandes iconos e imágenes que te darán acceso a diferentes contenidos de la web. Por ejemplo, pulsando sobre el nombre y logo de la web en la esquina superior izquierda volverás a la portada de la web en cualquier momento.

Pero no nos hemos limitado sólo a un cambio estético sino que también hemos construido la nueva eurovision-spain.com para que su carga sea más rápida y funcione de un modo mucho más ágil, razón por la que en varias secciones de la web ya no será necesario recargar toda la página para cagar nuevos contenidos. Podrás notar esto en los comentarios, al ordenar las listas de participantes, en la galería multimedia, etc.

Durante la fase de diseño y desarrollo, se ha buscado que sea lo más funcional posible cambiando diferentes elementos para hacerlos más sencillos de utilizar e intuitivos. Esperamos vuestros comentarios a este respecto.

La velocidad de carga de la web mejorará a medida que vayas entrando en ella y que los nuevos contenidos e imágenes de la web se vayan almacenando en la caché de tu navegador. En unos días la experiencia de carga será la óptima.

NUEVO MENÚ DESLIZANTE: ENCUENTRA LO QUE BUSCAS RÁPIDAMENTE

Uno de los elementos más llamativos de nuestro nuevo diseño es, sin duda, el menú deslizante, que permite acceder con muy pocos clicks al contenido que se desee. Se ha organizado por colores en función de las diferentes categorías, de modo que sea más sencillo de localizar. Dentro de cada uno, además de las respectivas secciones de la web, encontrarás un panel lateral con acceso directo a ciertos contenidos relevantes de dicha cateogoría para que los tengas a mano en todo momento.

Además, este menú cuenta con una animación y cierto grado de transparencia para darle un aspecto y funcionamiento acorde al resto del diseño de la web.

Recuerda que puedes cambiar entre los diferentes paneles del menú sin cerrarlos previamente y que si deseas cerrarlo tan sólo has de pulsar sobre el mismo icono o el botón de cerrar.

TU PERFIL ES AHORA TU PÁGINA PERSONAL

La página de perfil que ya tenías en nuestro anterior diseño, ahora se ha convertido en tu página personal. Todos los visitantes de la web podrán acceder y crear su propio perfil personal. En él, además de mostrar todas las columnas que ya hayas publicado, puedes compartir tus redes sociales, tu estado y emoticono (sincronizado con la app para smartphones), tus datos personales e incluir una imagen de cabecera. 

Para acceder a tu página personal tan sólo tienes que pulsar sobre tu avatar en el menú flotante que aparecerá y tendrás acceso a las funciones más frecuentes de gestión de tu perfil. Estas funciones también estarán disponibles desde la página personal. No te olvides, si así lo deseas, de personalizarla con tu cabecera, avatar, redes sociales y datos personales, para que los demás visitantes puedan conocerte.

Podrás acceder a la página de cualquier usuario de la web, haciendo click sobre su avatar en cualquier página de la web en la que te encuentres. Del mismo modo, verás el perfil de usuario de todo el equipo de eurovision-spain.com, autores de las noticias, pulsando sobre su icono y nombre en cada artículo.

Como hasta ahora, desde tu página personal, puedes seguir creando borradores de columnas y enviarlas como propuesta para su consideración al equipo de administración de la web, pero ahora el proceso es mucho más simple e intuitivo.

Recuerda que esta nueva web permite avatars de mayor tamaño, por lo que recomendamos los volváis a subir para que no se vean pixelados en el caso de que los tengáis subidos con el anterior sistema.

RESPONSIVE DESIGN: ADAPTADA A CUALQUIER TAMAÑO DE PANTALLA

Como sigues eurovision-spain.com en diferentes soportes, hemos diseñados la nueva web bajo la premisa del “responsive desing”, es decir, el diseño se adapta al tamaño y resolución de la pantalla en la que se visualiza. De este modo, la web se adapta para una cómoda lectura tanto desde la pequeña pantalla de un smartphone hasta desde un enorme monitor. Puedes hacer la prueba reduciendo el tamaño de la ventana del navegador para ver como se va modificando.

Recuerda que para smartphones recomendamos que utilices nuestra app, disponible para android, ios y windows phone 8, ya que desde ella podrás acceder a servicios adicionales y recibirás notificaciones con cada nueva noticia.

COMENTA, VALORA Y VOTA

Los cambios en la nueva eurovision-spain.com no se reducen sólo a cambios estéticos y de funcionamiento, sino que también incluyen algunas novedades que esperamos sean de tu agrado. Uno de los cambios más importantes es la inclusión de un sistema de valoración de comentarios. Ahora puedes valorar positiva o negativamente los comentarios publicados (una vez por comentario), y ver la lista de comentarios ordenada tanto por orden de publicación como por la valoración de los visitantes de la web.


Además, también puedes dejar tus comentarios en cada una de las ediciones del festival, y no sólo en las fichas de cada participante, donde podrás dejar tus impresiones en general sobre el mismo.

El cómputo de votos positivos y negativos de los comentarios se realiza de forma automática cada hora por lo que hasta que pase ese tiempo, o se autorice algún comentario en dicha noticia, no se verán reflejados en el cómputo total de los mismos.

SINCRONIZADA AL SEGUNDO CON LA APP

Si ya eres usuario de nuestra app para smartphones, habrás comprobado que ciertos servicios estaban ya sincronizados con la web, de modo que los cambios en uno afectaban al otro. En esta reconstrucción de la web se ha incrementado el número de servicios sincronizados, entre ellos todos los relacionados con los datos de perfil y la zona fans de la app.

Recuerda que puedes descargarla en tu smartphone android, ios y windows phone 8 desde los respectivos mercados.

LA MAYOR BASE DE DATOS HISTÓRICA DE LA RED SOBRE EUROVISIÓN

Como ya sabrás, eurovision-spain.com cuenta con la base de datos histórica sobre el Festival de Eurovisión más extensa de la red, potenciada en este nuevo diseño dando un papel relevante a los buscadores históricos avanzados. Con un sólo click puedes conocer cuantas veces un país ha recibido votos de otro, en que cantidad así como los ranking estadísticos de posiciones por país a lo largo de la historia y cientos de datos más.

Cada uno de los vídeos publicados en la sección de historia cuenta con un servicio de alerta en caso de fallo. Agradecemos tu colaboración reportándonos los vídeos que ya no están operativos, ya que procederemos a cambiarlos lo antes posible.

ÚTIL HASTA EN LOS PEQUEÑOS DETALLES


El equipo de eurovision-spain.com ha trabajado en el diseño de la web hasta en el más mínimo detalle, haciéndola funcional, incluso en los pequeños detalles. A continuación, te ofrecemos un listado de los mismos:


– BUSCADOR WEB: En la parte superior derecha, encontrás siempre un buscador desplegable, desde el que encontrarás fácilmente cualquier contenido que necesites: noticias, datos históricos y usuarios registrados en la web…
– LOCALIZADOR: Debajo de la cabecera, encontrás un icono con puntos, que una vez pulsado despliega la ruta en la que te encuentras en la web, con accesos directos a las secciones.
– AMPLIAR IMÁGENES: En las imágenes de cabecera, así como con otras imágenes de la web, se incluye un icono que permite ampliar la imagen para verla completa en una ventana emergente.
– ORDENA LOS LISTADOS DE PARTICIPANTES: Pulsando sobre el nombre de la categoría, en cada tabla de participantes, puedes ordenar los resultados por puntos, posición, país, cantante, canción o puesto de salida.
– ETIQUETAS Y HASHTAG EN LAS NOTICIAS: Debajo del titular encontrás las etiquetas marcadas para la noticia, como hasta ahora, pero además incluiremos los hashtags relacionados con la misma de modo que, pulsando sobre ellos, sean redirigidos directamente a su página en twitter.
– CALENDARIO DE PORTADA: Además de incluir un listado de eventos, pulsando sobre el icono del calendrio puedes acceder a un calendario deslizante en el que podrás ir navegando entre los disintos meses, para visualizar los eventos marcados en cada uno.
– GEOLOCALIZACIÓN DE LAS SEDES: Llega a la web un servicio ya disponible en la app. En cada edición puedes pulsar el icono del mapa y te llevará a la localización en Google maps en la que tuvo lugar la edición del festival en la que te encuentres.
– ACCEDE A LAS PÁGINAS DE LOS VISITANTES: Tan sólo pulsando en cualquier avatar en la web, accederás a la página personal del usuario.
– IMAGEN DE CABECERA DE PORTADA: Se cambia periódicamente para ofrecer diferentes imágenes acordes a los sucesos eurovisivos de la época. En estos momentos estamos mostrando imágenes de Austria, el país anfitrión.

CÓMO HEMOS CAMBIADO

Muchas cosas han sucedido en estos 14 años. Si quieres recordar todos los cambios que ha sufrido eurovision-spain.com y conocer la historia de esta web, puedes visitar nuestra sección de historia.

UN AÑO DE PROCESO CREATIVO EN IMÁGENES:

Te mostramos lo que nunca te enseñamos, algunos de los innumerables bocetos e ideas sobre las que hemos trabajado a lo largo de este año, y que han dado lugar a la nueva eurovision-spain.com. Muchos de ellos fueron superados y algunas ideas cambiadas radicalmente, pero todos y cada uno de ellos han contribuido a configurar el actual diseño de eurovision-spain.com.
[galeria]01-01-15_bocetos_diseno_web[/galeria]

LA TECNOLOGÍA QUE HAY DETRÁS

Para hacer posible eurovision-spain.com, utilizamos la combinación de los siguientes lenguajes de programación y servicios: html5, php, javascript, jquery, ajax y mysql. Por su parte, la app para smartphones emplea html5, jquery mobile, jquery y ajax, compiladas con el servicio build.phonegap.com.
Todos los contenidos de eurovision-spain.com (tanto la web, como la app) se encuentran albergados en un servidor dedicado con un procesador Intel Xeon E3-1240 y 16 GB de RAM DDR3 de uso exclusivo.

Recuerda que puedes dejar tus comentarios y sugerencias o hacernos llegar posibles fallos que detectes bien comentando esta noticia o usando nuestros correos de contacto en la parte inferior de la web.
Si bien es posible que te reconozca ya como logueado, te recomendamos que vuelvas a iniciar sesión con tu usuarioy contraseña.
Varios usuarios nos estáis comunicando que las banderas no se han actualizado todas, se trata de un problema con la caché antigua de la web guardada en vuestro navegador, que conserva aún las imágenes de las banderas usadas en el anterior didseño. Os recomendamos que o bien actualiceis la web varias veces hasta que carguen normalmente o directamente borreis los archivos temporales (cache) de vuestro navegador para forzar la carga de los nuevos.

Conversación

6
TOP
0
13/01/2015

Un trabajo excelente! es la web más moderna, útil, eficaz... que he visto en mi vida! un diseño increíble, lo de la imagen de cabecera en movimiento le da un toque alucinante. Por otros 14.000 años más!!! Felicidades!!!

2
TOP
0
05/01/2015

Muchísimas felicidades a todo el equipo. Gracias por superaros, aunque ya érais de 10. Por muchos años más!!

9
TOP
0
05/01/2015

¡Mil veces bravo!. Os felicito.

12
TOP
0
05/01/2015

Felicidades, está muy trabajada el nuevo formato, pero una cosa, si el texto de las noticias pudiera estar justificado creo que quedaría mucho mejor visualmente. Pero es mi opinión. Muy buen trabajo, FELIZ AÑO.

5
TOP
0
04/01/2015

Esto ya es otra cosa. Estaba harto del arcaico sistema de comentarios que teníais. Toda una sorpresa, porque no sabía que esta actualización se estaba llevando a cabo.

0
TOP
0
03/01/2015

¡¡¡ Muy buena la nueva web !!!

11
TOP
0
03/01/2015

Me sumo a los comentarios de enhorabuena, puesto que la página ha mejorado muchísimo y deja bien atrás el aspecto arcaico que presentaba antes. Propongo, tal vez algo tarde, posibles mejoras para debatir y tener en cuenta: Que los comentarios puedan contener más de 500 caracteres, puesto que son muy escasos. Que se puedan enviar mensajes privados entre usuarios. Y eliminaría los pulgares rojos, como en YouTube, para no saturar, y mantendría los verdes para premiar lo positivo.

9
TOP
0
02/01/2015

xaviag: ya hemos añadido la opción de recuperar los datos introduciendo el e-mail en el formulario de acceso.

2
TOP
0
02/01/2015

Increible la web!! Enhorabuena chicos está preciosa :) Feliz año!

9
TOP
0
02/01/2015

xaviag: los campos contraseña tanto del acceso como del registro se cambian a mostrar su contenido oculto cuando se introducen caracteres. En el caso del perfil efectivamente había un fallo que ha sido solucionado. Sobre la propuesta de un acceso más directo para recuperar los datos olvidados ahora mismo estamos en ello. Gracias por las sugerencias.

7
TOP
0
02/01/2015

Enhorabuena por la nueva versión. Como ocurre con el propio festival, la página de eurovisión-spain debe adaptarse a los nuevos tiempos. Sin duda un gran acierto.

0
TOP
0
02/01/2015

Buen trabajo! Well done!

8
TOP
0
02/01/2015

¡Enhorabuena a todos los que trabajais en esta magnífica web y conseguís que nos enteremos de todo y más sobre lo que pasa en el ESC!La nueva web es superchachiguay, límpia, agradable, participativa, visualmente atrayente,... Bueno, me quedo corto en piropos.Seguir así, soys geniales. ¡Y feliz año nuevo, a ver si puede ser el nuestro!

9
TOP
0
02/01/2015

wow! Está muy chuli, Nuevo año, nuevos tiempos, nuevo cambio de web... Enhorabuena chavales!!

0
TOP
0
02/01/2015

Mucho más dinámico aunque soy de los que le gusta la visualización más general... En una misma página ... Estoy con mi smarthphone y es la sensación que me ha dado. Un saludos a todos

1
TOP
0
02/01/2015

Muy buen lavado de cara, está genial.A ver si es premonitorio de un cambio de corriente eurovisiva. Aunque lo dudo.

3
TOP
0
02/01/2015

Flipo! Me encanta!

3
TOP
0
02/01/2015

que pasada!! mola. Menuda mejoría bien positiva.

0
TOP
0
02/01/2015

Muchísimo mejor, un 10, enhorabuena por el cambio.

6
TOP
0
02/01/2015

Genial, más fácil y agradable de ver.

7
TOP
0
02/01/2015

Enhorabuena por el trabajo realizado. Gran web

0
TOP
0
02/01/2015

ENHORABUENA! Un trabajo brutal, un resultado espectacular. Me encanta!

1
TOP
0
02/01/2015

Me encanta, mi más sincera ENHORABUENA por la renovación de la página. Son varios años siguiéndoos y me encanta lo bien que informáis sobre el festival.

8
TOP
0
02/01/2015

La verdad es que no esperaba que el cambio fuera tan grande, la web ha quedado genial. Ya la iré investigando poco a poco jaja. Y lo dicho, enhorabena al equipo!

0
TOP
0
02/01/2015

Esta página ahora me resulta fácil y muy práctico los sitios se buscan fácilmente de encontrar muchas gracia de vuestra página que el cambio ha sido un gran éxitoy va tener más fama.

9
TOP
0
02/01/2015

Nos estáis avisando de que ciertos usuarios no están viendo todas las banderas actualizadas, se debe a que vuestro navegador aún conserva parte de la caché de la anterior web, os recomendamos que actualicéis la página hasta que aparezcan las nuevas o directamente borréis los archivos temporales (caché) en vuestro navegador para forzar la carga de los nuevos.

6
TOP
0
02/01/2015

Enhorabuena por el trabajo realizado, la web ha dado un avance impresionante, ya nos acostumbraremos

4
TOP
0
02/01/2015

Lo único que no me gusta es donde estan colocadas las noticias breves, pero por lo demás genial

4
TOP
0
02/01/2015

¡¡Enhorabuena!! Gran trabajo.

0
TOP
0
02/01/2015

Woooow me emociona ver todo lo nuevo y que si antes me gustaba eurovision-spain, ahora me gusta mas, me encanta, fascina, en fin, Mil felicidades a todo el equipo! Un abrazo desde Monterrey, Mexico :)

1
TOP
0
02/01/2015

Está genial! Me encanta! Enhorabuena :)

6
TOP
0
02/01/2015

Amo los me gusta y no me gustas jaja genial felicidades a eurovision-spain sois los mejores.

0
TOP
0
02/01/2015

Magnífico el trabajo realizado! Os doy mi enhorabuena! Tener un espacio personal para que cada usuario pueda tener sus propias columnas de opinión me parece una de las opciones más acertadas ya que hará que participemos muchísimo más y se convierta en una gran red social más que una mera página de noticias eurovisivas! Si la web tuviera posibilidad de añadir como amigos a otros usuarios y un tablón en cada perfil ya sería el "no va más", pero eso ya sería rizar el rizo! Lo dicho: ENHORABUENA!

8
TOP
0
02/01/2015

Me gusta,ha quedado bien.

2
TOP
0
02/01/2015

Muy buen trabajo chicos!!! habéis conseguido un resultado asombroso me encanta!! Sobresaliente :)

4
TOP
0
02/01/2015

Felicidades por el trabajo y gracias por la dedicación, e-s.

4
TOP
0
02/01/2015

Este diseño es mucho mejor y mas moderno que el anterior, me encanta!!!

7
TOP
0
02/01/2015

Impresionante!! sois los mejores

9
TOP
0
02/01/2015

Recordad que podeis participar en la votación de portada sobre este nuevo diseño.

0
TOP
0
02/01/2015

Os habeis superado chicos, me encanta el nuevo diseño de la web, mucho más dinámico, fácil y moderno. Un 10

2
TOP
0
02/01/2015

Mejor imposible... Felicidades y muchas gracias por ser siempre los mejores

7
TOP
0
02/01/2015

me gusta, felicidades

9
TOP
0
02/01/2015

Hemos solucionado los problemas detectados en la versión para pequeñas pantallas que se habían comentado, actualizad el navegador para que cundan efecto

9
TOP
0
02/01/2015

Un gran trabajo , muchas gracias por vuestra dedicación y esfuerzo por ofrecernos siempre lo mejor. Besos

4
TOP
0
02/01/2015

¡Muchas felicidades por el gran cambio que habéis dado a esta gran página! En mi opinión este cambio es muy positivo, refleja elegancia y funcionalidad. En conclusión me encanta el nuevo diseño. Enhorabuena.

0
TOP
0
02/01/2015

Esta nueva imagen de la página va a tener fama

9
TOP
0
02/01/2015

NASH_1, efectivamente en la versión para móvil hay algún desajuste, estamos trabajando para solucionarlo, gracias por comunicarlo.

1
TOP
0
02/01/2015

En el movil no me salen márgenes a los lados, salen las letras pegadísimas a los bordes y cuando hay vídeos o imágenes más anchas estas no salen enteras. También veo que en algunos comentarios los botones de pulgar arriba y pulgar abajo no salen o están movidos, por lo que a muchos no se les puede votar.

1
TOP
0
02/01/2015

Llevo leyendo noticias y comentarios de los usuarios desde el 2007 y hoy es mi primer comentario.Felicidades! Eurovision Spain, aunque yo pensaba que ibais a poner un chat version fb. (cuanto mas seamos on-line en esta pagina, mas dinerillo ganareis con la publicidad)

1
TOP
0
02/01/2015

Os ha quedado genial, en mi opinion, de los diseños que barajabais, habeis dado en el clavo. MUY MUY BIEN, SI SEÑOR!

0
TOP
0
02/01/2015

Una página web que se desvive por sus lectores.Que más podemos pedir!!!! Enhorabuena a todos los que estáis implicados en esta maravillosa WEB!!!!

0
TOP
0
02/01/2015

Como lo he dicho por Facebook, esto está increible. OLE. Sois geniales

0
TOP
0
02/01/2015

Enhorabuena por la página compañeros! Una web totalmente completa. Saludos

0
TOP
0
02/01/2015

¡ME ENCANTA!, lo habéis hecho genial chicos, os ha quedado maravillosa la página web, me gusta lo sencilla pero a la vez moderna y visual que es, me ha encantado. Muchas gracias por el enorme esfuerzo que habéis puesto el equipo de eurovision-spain para este nuevo diseño. Aprovechando la renovación de la página web, yo también renuevo mi avatar, con una de las mujeres mas guapas que han pisado el escenario de Eurovisión