Archivos de la categoría Web

Google en la UPV

Google en la UPV!El jueves pasado vino Google a la Universitat Politècnica de València. No exagero al decir que fue una de las experiencias más reveladoras que he vivido durante la carrera. Tres ingenieros de la compañía nos dedicaron casi dos horas de detalles y anécdotas acerca del funcionamiento interno del buscador.

La charla se celebró en el aula de conferencias de la Facultat d’Informàtica. Como era de esperar, se llenó totalmente y la gente terminó amontonada de pie en el fondo, ya que la capacidad de esa sala no alcanza las 300 personas. Lo ideal hubiera sido celebrarla en el Paraninfo, mucho más adecuada para la ocasión.

El ambiente de la charla era distendido y relajado. Los ponentes se les veía muy seguros de sí mismos y se aseguranon de crear un entorno amigable. Fueron frecuentes las bromas y anécdotas graciosas. Me pareció genial la forma de empezar: revisar el vocabulario básico que se maneja en inglés, pero con escritura en castellano:

  • C# –> sisarp
  • python –> paizon
  • challenging –> chalenchin
  • delay –> dilei

De esta forma rompieron con los formalismos y la barrera entre estudiantes y (super)ingenieros de Google. Al fin y al cabo no eran mucho mayores que nosotros…

La charla empezó revisando los inicios de la compañía. De un simple buscador a ofrecer decenas de servicios la mayoría totalmente gratuitos y disponibles en todo el mundo con tiempos de respuesta de pocos milisegundos. Su mayor fuente de ingresos: Adsense.

Para hacer esto posible, fue necesario desarrollar, incluso reinventar muchos de los elementos actuales en muchos ordenadores, redes y sistemas distribuidos. Explicaron la estructura de servidores dedicados a indexar las páginas web y su diseño a grandes rasgos.

Una de las ideas que fundamenta su diseño es utilizar muchos ordenadores “sencillos” en vez de uno muy potente. El resultado es más eficiente, barato y tolerante a fallos. Esto último es especialmente dificil de conseguir. En todas las fases de diseño de la infraestructura, tanto a nivel eléctrico, de componentes, gestión de memoria y rendimiento; hay que diseñar teniendo en cuenta que los fallos en el hardware y software ocurren y son frecuentes; el sistema no debe ralentizarse ni empobrecer su calidad.

Un ejemplo gracioso fue el de la gestión manual de errores. En sus inicios, cuando se producía un problema y se detectaba que un ordenador dejaba de funcionar o se comportaba de forma inusual, se enviaba un operador hasta el ordenador al que se le “pinchaba” una pantalla. Si había suerte, el programa había escrito algo en el último momento antes o durante el bug. El técnico hacía una fotografía de la pantalla y se enviaba por internet a los ingenieros para que lo solucionaran. Hilarante!

La mayoría de la tecnología que usan es totalmente distribuida, basandose en granjas de cientos de miles de ordenadores que corren Linux modificado. Desde el punto de vista eléctrico, un ordenador puede llegar a calentarse mucho, disipando gran cantidad de calor. Cuando se trata de miles de ordenadores, el calor generado puede llegar a ser un problema muy grave si no se ha pensado previamente en ello. Esto les ha hecho investigar en las formas más óptimas de situar los ordenadores para formar corrientes de aire que conviven mejor con el calor producido. Pero esto no es suficiente, la fuentes de alimentación actuales, son poco eficientes y consumen mucho. Qué ha hecho Google al respecto? Reinventar las fuentes de alimentación desde cero.

La refrigeración de sistemas y el calor producido creen que es tan importante que será el próximo parámetro a tener en cuenta cuando programas una aplicación. Llegará un momento en el futuro que el compilador te indicará la cantidad de agua necesaria para refrigerar tal aplicación. En Google opinan que en un futuro cercano, los servicios y aplicaciones se volverán totalmente ubicuos y distribuidos. Terminales sencillos mostrarán el contenido de forma remota y tendrán la potencia de cálculo en Internet.

A medida que la charla avanzaba, era inevitable sentir una suave euforia que crecía y que te hacía pensar: “son los putos amos”. Han revolucionado Internet, han crecido de forma exponencial, manteniendo una calidad y estilos propios. No sólo eso, sino que publican muchos de sus documentos internos, promueven el desarrollo en universidades, apoyan el software libre… buf!

El resto de la charla se dedicó para hablar del concepto de empresa que es Google y cómo se trabaja allí. Valorados como uno de los mejores sitios donde trabajar a nivel mundial, son todo un modelo a seguir. El trabajador no tiene un horario fijo, sino que es la empresa quien se adapta al trabajador. Un trabajador contento es más productivo que uno que está amargado. Esa es básicamente su filosofía. En sus centros tienen de todo, comedor, gimnasio, sala de juegos, clases de meditación… “No es cierto que se coma tan bien en Google, la semana pasada por ejemplo, tan solo comimos langosta 2 veces”, comentaba uno de los ponentes.

En definitiva, una charla excelente. Amena, entretenida pero sobretodo, muy motivadora. Todos salimos de la sala con las pilas cargadas y soñando con trabajar en Google. Suelo quejarme de la UPV, pero en está ocasión les tengo que felicitar por hacer posible esta charla. Espero que no sea la última.

Comentarios (2)

Crónica de una web abandonada

Necesitaba el TOEFL para pedir una beca, pero pensándolo bien, de cara al futuro me interesaba un título más reconocido por estas tierras. Es así como empezó la odisea: acceder a la web de la Escuela Oficial de Idiomas de Valencia para obtener la información que necesitaba. Lo que no sabía es que me esperaba una larga batalla de usabilidad…

Análisis

Es por ello que he decidido analizar la página principal del sitio, al más puro estilo de Jakob Nielsen:

  1. El nombre/logo del sitio es demasiado grande y ocupa mucho espacio, quedaria mejor a la izquierda.
  2. El nombre/logo del sitio no enlaza a la portada del sitio web. De esta forma, los usuarios no pueden volver al inicio de la navegación y se ven obligados a usar el botón “atrás” del navegador.
  3. Las actividades más comunes de los alumnos deben ser accesibles desde la portada.
  4. La estructura de la portada se arrastra entre las distintas categorías, sin dejar pasar a submenús y ocupando un sitio fundamental.
  5. No se muestra claramente la información corporativa en una sección “quiénes somos” y no es posible saber quiénes forman la Escuela.
  6. No se incluye una introducción que proporcione al usuario la definición y objetivos del sitio web.
  7. Falta la sección “Contacte con nosostros”, donde se reúne toda la información de contacto.
  8. No hay posibilidad de enviar informacion al webmaster.
  9. Aparece información duplicada y en varios idiomas. Cada idioma debe mostrarse en una web distinta.
  10. Se mezclan categorías y enlaces directos a documentos.
  11. Se puede acceder por varios caminos al mismo contenido, esto genera ambigüedad y no se sabe cuál es la forma correcta de navegar.
  12. En ocasiones, se abusa del uso de mayúsculas.
  13. La cabecera de los departamentos cambia para cada subsección, causando desorientación.
  14. No hay buscador, el usuario debe rastrear la web para encontrar lo que le interesa.
  15. Los vínculos y el texto no se diferencian entre ellos y se intercambian los papeles de forma indescriminada.
  16. Se usan simbolos e imágenes que distraen.
  17. No se distingue correctamente un enlace a un PDF de un enlace normal.
  18. El formato del área de navegación superior recuerda a un banner, debería ir a la izquierda, junto con el resto de apartados.
  19. Las imágenes elegidas no aportan nada al sitio web.
  20. Hay imágenes de 90×90 píxeles que ocupan 600 KB. El test de velocidad de carga de la página es espectacular.
  21. El tamaño de las fuentes y el tipo no es coherente entre secciones.
  22. Aparecen desplazamientos horizontales y verticales a una resolución de 1024×768.
  23. El título de la ventana, es una sigla que no da ninguna información ni al usuario ni al motor de búsqueda.
  24. Se muestra un “premio” caducado.
  25. Muchas imágenes parecen ser “clicables” pero en realidad no lo son.
  26. …..
  27. …..

Bueno, creo que 25 son suficientes. En esta imagen (clic para ampliarla) muestro donde están los errores de usabilidad que he encontrado:

Análisis de la portada

Ni siquiera pude encontrar la dirección física de la Escuela, ni un teléfono, ni los horarios del centro. Lo mejor de todo es cuando haces clic en “Mapa EEOOII/EOI Web”, pensando que te llevará a la página donde podemos encontrar toda la estructura del sitio web. Sin embargo, muestra… un mapa de España, wtf!!!

What the fuck!!!!

Comparando

Fruto de la desesperación, investigué cómo están el resto de Escuelas Oficiales de Idiomas en espein. Por lo general o no tienen web o el nivel es similar, pero cabe destacar algunas excepciones:

Conclusiones

En una web cualquiera no tendría mucho sentido hacer éste análisis. Da la casualidad, que la Escuela Oficial de Idiomas, la pagamos todos y que es un servicio necesario. Personalmente creo que la web de un centro de idiomas puede aportar muchísimo al proceso de aprendizaje de un idioma. Descuidar de esta forma la web, sin tener en cuenta cosas básicas como la accesibilidad, usabilidad, diseño y compatibilidad, no hace más que dificultar el acceso a la información que las personas interesadas en aprender idiomas necesitan.

El momento friki

<HTML xmlns:v=“urn:schemas-microsoft-com:vml” xmlns:o=“urn:schemas-microsoft-com:office:office” xmlns=“http://www.w3.org/TR/REC-html40?>
<HEAD><TITLE>Pagina nueva 5</TITLE><META content=“Microsoft FrontPage 5.0? name=GENERATOR><META content=FrontPage.Editor.Document name=ProgId>

Usaron FrontPage 5 para hacer la web! Me pregunto si todavía usan el mismo programa…

Comentarios (8)

La 2 Noticias estrena blog

La 2 NoticiasEl telediario que más me gusta de toda la vida, la 2 Noticias, estrena blog. Parece que los medios informativos van adaptandandose a Internet. Esto es sin duda un gran cambio. Ver a Internet como un aliado en vez de como un enemigo, es sin duda, una de las asignaturas pendientes en este país.

Desde bien pequeño, siempre he visto este telediario, a eso de las 22h. La forma de tratar las noticias, el formato y el estilismo se fusionaban perfectamente. Las cortinillas usadas para enlazar noticias, es algo sencillo que da vida al programa y un toque distintivo que pocas cadenas han sabido replicar. El/la presentador/a se implica en la narración y le da sentimiento a la noticia, sin llegar a personalizarla. Lo explica en el primer post:

Por cierto, todos los programas del informátivo empienzan con un saludo ¿qué tal…buenas noches?…que da una idea del tono distendido con el que intentamos contar la actualidad.

Por otra parte, las noticias, no son meros sucesos aislados, sino temas relevantes analizados desde puntos de vista atrevidos, diciendo claramente lo que otras cadenas sólo dejan entrever. Un detalle que me encanta es que subtitulan a los entrevistados extranjeros (digue’m maniàtic!)

Sobre la web, choca un poco el diseño a primera vista. El tamaño del post por defecto es de 4 lineas, resultando la página principal un conjunto de titulares más al estilo de un periódico que de un blog. Para insertar comentarios es necesario registrarse. Aunque el registro es muy sencillo, se echa en falta una opción de comentarios anónimos.

Al abrir un post, se nota cierto caos de estilo y maquetación, sobre todo en los colores del texto y el tamaño de las fuentes. El uso de mayúsculas no es muy apropiado y hay enlaces “ocultos”; no se sabe que son enlaces hasta que se pasa el ratón por encima. No hay que asustarse, afirman y reafirman que estan empezando en esto de los blogs y que lo mejorarán poco a poco.

Continúo destripando la web: parece que la publicación la hacen mediante e-Business Designer. El código HTML generado no es muy bónito que digamos, y no cumple los estándares.

En cualquier caso, enhorabuena al equipo de La 2 Noticias! Ánimo!!

Comentarios (6)

El buscador es el usuario principal del blog

Estudiando AIC leo:

Los lenguajes de alto nivel han sustituido al lenguaje ensamblador para la programación de la máquina. El compilador es el usuario principal de la máquina

Ahora ocurre lo mismo con los blogs: “El buscador es el usuario principal del blog“.

Los buscadores rastrean prácticamente todas y cada una de las webs públicas disponibles. Al mismo tiempo, analizan su contenido (pero no su forma) y las agrupan. Según el algoritmo usado, al buscar un término, nos aparecerá la información disponible más relevante hasta el momento.

Hace a penas diez años, Internet era un montón de información desordenada y repartida por todo el mundo. Aunque ya existían los buscadores, la mayoría del contenido se tenía que encontrar a mano. Las revistas con enlaces a webs especializadas por categorías triunfaban.

Sin embargo, Internet es demasiado inabarcable como para hacer listados de interés. Claro que es posible, pero estás discriminando muchísima información interesante. De esta forma, los buscadores se expanden y popularizan, a la vez que son más efcientes, conviertiéndose en la herramienta fundamental de navegación.

El buscador se ha convertido en la interfaz universal, el portal de acceso a internet que te transporta hasta la web más remota y escondida del planeta, que quizás, tenga la información que estabas buscando. O bien recuerdas exactamente la URL del blog (o la tienes en tus marcadores) o la buscas inmediatamente, casi como un acto reflejo.
Para terminar, los resultados de diferentes buscadores no tan famosos cuando se les pide información de “volcanes italia”:

Por lo tanto, la navegación consiste en fiarse de los enlaces que nos ofrece el buscador. Usando un intermediario que nos filtra internet, el peligro queda en la posible corrupción del algoritmo usado para organizar y discriminar la información. Pero eso ya es otra historia…

Comentarios (2)

Aprende idiomas en la red

Idiomato es una web del estilo de Digg o Menéame, donde los usuarios proponen notícias y votan las existentes. Las más votadas aparecen en portada. A diferencia de éstos, en Idiomato las notícias siempre estan relacionadas con aprender idiomas.

De momento tiene 6 categorías: español, alemán, inglés, portugués, francés y chino. De esta forma, si estas en el proceso de aprender alguno de estos idiomas, siempre resulta interesante descubrir nuevo material para mejorar tu nivel.

Fuente: Idiomato

Comentarios (1)