Archivo para ‘Actualidad de la Web’ Categoria

Google Maps más accesible sin Javascript

8 de Enero de 2009

Es posible mejorar la accesibilidad de Google Maps a través de la implementación de la Google Static Maps API, que permite incluir una imagen simple mediante el tag <img> y una URL especificado en el atributo “src”.

Ejemplo: http://maps.google.com/staticmap?center=41.539402,2.441468&markers=41.539402,2.441468,red&zoom=17&size=400×300&key=TU-CLAVE-GOOGLEMAPS

Ejemplo Imagen API Estática de Google Maps

Pero no solo se trata de ganar en accesibilidad. Por ejemplo, si implementamos una versión imprimible del contenido, se podrá visualizar fácilmet que salga la imagen que se genera con dicha API.

Información para el Nuevo Diseño Web

5 de Enero de 2009

El Diseño de la información para la Web ha cambiado.

La gente está cambiando la forma en que consumen información en línea, así como sus expectativas acerca de su entrega. La naturaleza social de la web trae consigo una expectativa de interacción con la información y moderno diseño web que se refleja. En la actualidad existen formas alternativas de navegación, incluida la capacidad para navegar por el usuario, las nubes de etiquetas, con pestañas de navegación etc avances en la tecnología junto con estos cambios en las expectativas de los usuarios están afectando a la forma en que la información se presenta en una página web. Hoy son sitios web con el objetivo de utilización intuitiva y las interfaces que están en continua evolución en respuesta a las necesidades de los usuarios. Los diseñadores de página web se están acercando a la información de diseño diferente y sencillo diseño, páginas web interactivas que incorporen los avances en el diseño de la interfaz Web, Web actual filosofías y las necesidades de los usuarios. El diseño de la información para la nueva web es sencilla, es social y que abarca otro tipo de navegación.

Simplicidad de Aplicaciones Web

El diseño de aplicaciones web de hoy está dirigido por un principio de simplicidad. Los autores de Aplicaciones están creando software que tienen menos funcionalidades y una menor curva de aprendizaje para los usuarios finales. La funcionalidad que se incluye es la que es necesaria, nada más. Los días de las aplicaciones que están demasiado cargadas de características están pasando. Hoy son la potenciación de programas de software a los usuarios, ya que no necesitan un manual para utilizarlas, que son simples e intuitivas. No hay ningún software para instalar, y con el compromiso de muchos de registro de usuarios no es necesaria para probar la funcionalidad.

Esta filosofía de “menos es más” se puede ver en la actualidad en herramientas de productividad como Google Docs y Hojas de cálculo (antiguo Writely), además de un montón de otras aplicaciones Web. Estos nuevos sitios web se rigen por una singularidad de propósito y la sencillez en su funcionalidad.

Simplicidad de diseño

Esta nueva tendencia de la simplicidad de la funcionalidad de la aplicación web se refleja en el diseño y el estilo de las páginas web de hoy. Si bien se utilizó para tratar de meter tanta información como sea posible en nuestras páginas web, y de preferencia “por encima de la tapa”, en la actualidad las páginas web de los diseñadores se esfuerzan por eliminar lo innecesario, mostrando una interfaz limpia y simple para los visitantes. Ellos están intentando involucrar a la atención de los usuarios de la Web aprovechando sus ojos a lo que es importante.

Muchos de los nuevos cambios en el diseño web han sido influenciados por las tendencias estilísticas de la Apple y la interfaz de Mac OSX. Un léxico de diseño moderno que se ha desarrollado para la Web que se ha establecido como el diseño con un propósito, no sólo el diseño para su propio bien.

*Diseño Centrado

Somos capaces de presentar nuestra información en un lugar limpio y seguro de sí mismo centrado en la orientación. Este diseño es una opción práctica porque es mucho más compatible con distintos tamaños de pantalla y resoluciones.

*Bordes redondeados

La tendencia actual es para redondear las esquinas, incluso en las fuentes – no presentar nada agudo o grave. Es el reflejo de la actitud y el tono informal de hoy en la Web.

*San Serif y Fuentes minúsculas

En armonía con el tono casual de la nueva web, y la tendencia a redondear las esquinas, hay un montón de fuentes san serif que se encuentran en la actualidad de las nuevas páginas web. Del mismo modo, las minúsculas son las fuentes utilizadas, sobre todo en el logotipo para transmitir una cómoda y ocasional relación con el usuario.

*Fuentes grandes

Estas son a menudo utilizadas por los nuevos sitios Web para señalar los conceptos clave a los usuarios, o para transmitir con valentía un simple y claro mensaje acerca de la finalidad principal del sitio web.

*Navegación simple

La navegación por páginas Web Nueva es distinta y clara, se establece además de los ocupados del contenido y el cuerpo de la página. A menudo se encuentra en ejecución en la parte superior de la página. Es persistente el sentido de que aparece en cada página en todo el sitio web.

*Logos en Negrita

Las nuevas aplicaciones Web son audaces y confiadas y también lo son los logotipos de la compañía que representan sus marcas.

*Colores fuertes

Estos son utilizados por los sitios web de hoy a hacer hincapié en conceptos importantes, así como para la creación de la distinción entre zonas de una página.

*Colores complementarios

Los sitios web modernos tienden a no ser monocromáticos, pero ricos en color. Muchas de las nuevas páginas web están utilizando los colores complementarios, como los azules y naranjas, y amarillos y violetas para enriquecer su diseño.

*Sutil 3D

No encontraremos efectos chillones 3D o ilusiones ópticas en las nuevas páginas web de hoy, sino un sutil uso de sombras, gradientes, y reflejo de superficies que añaden un borde realista a la interfaz.

Superficies reflectantes

Esta tendencia de crear el efecto de una reflexión, o espejos de superficie se puede encontrar en muchos de los nuevos sitios web, a menudo en torno a un logotipo.

Iconos simples

Debido a la verdadera naturaleza de la Nueva Web hay muy pocas o ninguna fotografía. En el lugar de la comercialización de estas imágenes con gente de negocios felices agitando las manos, tenemos originales iconos que representan las acciones que pueden ser adoptadas por el usuario.

Blanco

Diseño y mantenimiento de un sitio simple y Zen-como la disposición por el aumento de alturas y añadiendo la línea de los lotes a las páginas en blanco. En lugar de exclusión de la página con la sobrecarga de información, la nueva web de los diseñadores se centra en lo esencial, y en la producción limpia y fresca páginas.

Starbursts

La emocionante explosión de formas está muy de moda en los sitios web. Se pueden encontrar en toda la Web, y la mayoría de las veces son utilizados para promover y destacar un servicio gratuito.

Los avances en interfaces de usuario

Además de los estilos de diseño, se han producido varios avances recientes en diseño de interfaz de usuario que han hecho de la web un simple lugar para estar.

AJAX – es una evolución en el diseño de la interfaz web que permite que la ver la información que se procesa sin volver a cargar la página. Este adelanto ha traído consigo varias nuevas capacidades en el diseño de página web.

Grandes pestañas

Alternar entre las pestañas es ahora totalmente posible sin volver a cargar la página, los diseñadores Web están haciendo un buen uso de ellas.

Drag & Drop

La funcionalidad de arrastrar y soltar que permite AJAX permite a los diseñadores crear ricas experiencias interactivas para los visitantes del sitio web. Muchas de las actuales aplicaciones de la página de inicio personal utilizan esta funcionalidad, que permite a los usuarios arrastrar los widgets y gadgets que desee en su espacio personalizado.

Mapas

Hace apenas unos años era ridículo pensar que se podía combinar cualquier conjunto de información con un mapa del mundo y permitir a los visitantes de su sitio web ampliar la foto en la calle e incluso obtener una foto de satélite de la zona. Sin embargo, las capacidades de mapeo se están convirtiendo en un lugar común y parte integral de la experiencia del usuario de hoy. Y son algo que los usuarios llegan a esperar.

Wysiwyg

Ya no es necesario conocer el código HTML para crear contenido en línea. Blogs, wikis, sistemas de gestión de contenidos, y otras aplicaciones basadas en web están ofreciendo “Lo que usted ve es lo que obtiene” editores que imitan una palabra-como el interfaz de contenidos.

Previas

Acerca de esta tipo de web a los visitantes ya no les es necesario el compromiso de hacer clic a través de otro sitio antes de saber exactamente lo que veremos allí. A través de aplicaciones tales como el ajuste, es posible proporcionar a los usuarios con página web todas las vistas previas de los enlaces de una página.

Social

Existen al menos dos tendencias que se perfilan en el diseño de sitios web de hoy, y cada vez hay mas cruce entre los dos.
La socialización de los medios de comunicación y sus aplicaciones

Ha surgido en la Web una tendencia hacia la socialización de las cosas que no son inherentemente social, tales como libros, fotos, videos, y el texto como artículos de noticias, documentos. Esta inclinación se extiende a las aplicaciones Web como la colaboración en la gestión de los proyectos incluidos en programas de Base, documentos para compartir aplicaciones como Google Docs y Hojas de cálculo, y muchos otros. Con estos cambios se añade una expectativa entre los usuarios que ahora supongo que será capaz de interactuar con la información a descubrir en la Web.

Comentando

Los visitantes del sitio Web ya no son pasivos lectores, sino que activamente quieren unirse a la conversación y añadir sus comentarios.

Calificación y Revisión

Calificación de autoría de los artículos y comentarios son capacidades que se están convirtiendo rápidamente en requisitos para los sitios web con los productos y medios de comunicación.

Compartir

En el día de hoy la página web de un usuario es una colaboración que espera que las aplicaciones web, documentos, calendarios y de otras herramientas de creación de contenido para ser compartidos con un equipo.

Guardar

Multitarea Web de los usuarios que esperan para poder marcar los artículos para leer más tarde, de entretenimiento, favoritos, de videos, y otros. Guardar el contenido de la Web en su propio servicio de marcadores con un clic.

Variedad de opiniones

Cuando los lectores encuentran una noticia interesante en un sitio web, quieren saber lo que otros están diciendo sobre el tema. Esto es posible a través de servicios tales como SphereIt y otros.

Para el bien social

Además de los sitios web que socializan los medios de comunicación y las aplicaciones, existen sitios web que son de índole social para el bien social. Estos sitios web son todos acerca de la conexión de las personas y la construcción de comunidad. Son los sitios web de redes sociales como el MySpace, Facebook y las redes de Ning. El principal componente en estos sitios es el perfil de usuario en torno a la cual tanto la navegación y la actividad gira. Este tipo de sitio web requiere también una interfaz de línea de base de la funcionalidad social.

Perfil de Usuario

El ingrediente principal en cualquier sitio de redes sociales es el perfil de usuario que puede adaptarse para que coincida con la personalidad de un usuario.

Listas de amigos

¿Cuál es el punto de unirse a una comunidad social si no se puede hacer amigos? La lista de amigos permite a las personas crear su propia red de relaciones sociales y mostrarlos al mundo.

Mensaje y comunicación

Una parte integral de cualquier red social es un medio con el que comunicarse con los demás miembros, ya sea un sistema de mensajería interna, correo electrónico, mensajería instantánea, hablar o vivir.

Suscribir Usuario

Al igual que con sitios web de medios de comunicación social, los miembros de las comunidades de redes sociales esperan encontrar las herramientas que les permite suscribirse a los miembros que encuentran interesante.

Grupos

Estas sub-comunidades están dentro de un ecosistema social en la que los miembros se asocian con un grupo enfocado de personas que comparten un mismo interés, la profesión, o característica.

Herramientas para la expresión

Populares sitios de redes sociales a disposición de sus miembros con las herramientas para crear contenidos tales como diarios personales y blogs, así como la posibilidad de cargar los medios de comunicación y otros elementos como fotografías, diapositivas, videos y todo tipo de artilugios.

A diferencia de los medios de comunicación social el diseño de estas herramientas de la comunidad debe ser fácil para los miembros de utilizar, al alcance de la mano, y obvio.

El usuario

No es suficiente sólo encontrar información, la gente quiere explorar y encontrar uno al otro como individuos. Este tipo de navegación es natural en los sitios web de redes sociales donde el objetivo principal es conectar con otros miembros.

La Nube de etiquetas

Este es un complemento de la taxonomía para el vocabulario controlado de un sitio web creado por los diseñadores, que es orgánico a la comunidad de usuarios. No hay instrucciones exigidas con esta herramienta intuitiva que es, obviamente, hacer clic y con frecuencia.

El Comienzo de la página

Incluye tales como listas de los más populares, más buscado, más reciente, comentarios arriba, mas votado… Esta característica proporciona un resumen de lo que es más importante en una comunidad en un momento dado. Todavía hay espacio para la lista de los editores a sus propios elementos, junto con estas listas de la comunidad.

El Zeitgeist

Este es un contenedor para todos los de la parte superior y la mayoría de las listas, así como las nubes de etiquetas, proporcionando una visión de la cultura y la personalidad de un determinado sitio web.

Widgets – Gadgets

Se trata de la agregación de datos personalizados en un solo lugar, y navegar desde ahí. Los Sitios web ya no muestran simplemente texto, pero son aplicaciones que contienenn otras aplicaciones.

Mashups

Los usuarios de la Web están creando sus propias maneras de navegar por la información, remezclar el contenido de diferentes servicios para crear nuevas aplicaciones.

Principios de Diseño para la nueva web

* Manténgalo Simple – Incluir sólo la funcionalidad necesaria y proporcionar un eficiente diseño limpio.
* Hágalo Social – Conozca las expectativas de los usuarios que permitan conexiones a través de herramientas sociales.
* Oferta de navegación alternativa – reflejar el espíritu de la época de la web la comunidad y abrazar las vías alternas a la información, también la utilización de herramientas visuales.

Nueva Web de Filosofías

* Evolucionar – Hoy en día los creadores de sitios Web no tienen miedo a probar cosas nuevas. No hay ninguna respuesta correcta y no todo necesita ser resuelto desde el principio.
* Ser Ágil y abierto- Responder a los avances en la tecnología y los cambios en las necesidades del mercado. Estar dispuestos a abandonar malas ideas

La WCAG 2.0 pasa a ser una recomendación de la W3C

2 de Enero de 2009

El 11 de diciembre de 2008 la W3C anunció, como se esperaba para finales de dicho año, que la WCAG 2.0 (Web Content Accessibility Guidelines 2.0 – Guía de Accesibilidad de Contenidos 2.0) se establece como una recomendación en el diseño de páginas Web, actualizando a su predecesora WCAG 1.0.

La WCAG es un estándard referenciable de la accesibilidad de los contenidos en la Web. La versión 2.0 no cambia los principios de accesibilidad de su predecesor 1.0, aunque se acerca más a las nuevas tecnologías implementadas en la Web de hoy en día. Del mismo modo se ha hecho más práctica y fácil de implementar aplicación que automaticen su validación. Para comprender estas diferencias es importante consultar How WCAG 2.0 Differs from WCAG 1.0.

Sin embargo, su aplicación en una Web puede significar poco o ningún esfuerzo, dependiendo del tipo y de la cantidad nuevas tecnologías implementadas en el desarrollo de dicha Web.

Web developer para firefox

24 de Diciembre de 2008

Hoy en dia los desarrolladores puden contar con diversas herramientas para facilitar un poco la tarea del desarrollo de una página web. En este caso firefox nos ofrece un add-on llamado web- developer. Este add-on adjunta al navegadorun menú con muchas opciones que nos permitirán provar cosas en nuestros desarrollos. Este menú se divide en las siguientes opciones principales Disable, Cookies, CSS, Forms, images, Information, Miscellaneous, Outline, Resize, Tools, View Source, Options.

  • Disable: Te permite deshabilitar varias de las posibles cosas que tenemos en en navegador: como el javascript, la caché, etc…
  • Cookies: En esta opcion te permite borrar las variables de sesión, o deshabilitarlas, etc…
  • CSS: Otra opción que nos permitirá deshabilitar los estilos o poderlos ver. También nos dara la opción de deshabilitar los estilos linkados en alguna hoja, o solo los que estan en el mismo html, etc…
  • Forms: Permite visualizar los formularios, pasarlos de get a post o de post a get, borrar las selecicones del radio button, etc..
  • Images:Nos permitirá ver las dimensiones de las imágenes, los atributos,  las rutas, esconder imagenes, esconder imagenes de fondo, etc…
  • Information: Aquí tendremos una lista largade opciones para poder visualizar cosas de la web en la que estamos trabajando.
  • Miscellaneous: se puede editar el HTML, usar una regla para poder medirt elementos etc… Una herramienta bastante útil para el desarrolllo Web.
  • Outline: permite visualizar las celdas de las tablas, frames,enlaces,  entre otrasopciones que es mejor ir averiguando a medida que se va desarrollando.
  • Resize: Opción para poder redimensionar a las dimensiones del navegador según los requerimientos del desarrollo que debe sobortar diferentes resoluciones,
  • Tools: Nos permite hacer las validaciones en la W3C de la pagina web que estamos visitando.
  • View Source: Aquí nos permitirá ver el codigo fuente o el código generado de la Web.
  • Options: Son opciones generales de la herramienta.

Bueno aquí tenéis un pequeño resumen de las opciones que podéis encontrar en esta aplicación, pero tal vez la mejor opción es comprobarlo. Espero que este sea un buen regalo para las Navidades.

¿Qué pasa en el mundo?

21 de Noviembre de 2008

Si alguna vez te has preguntado que esta pansando en el mundo en estos momentos. Este artículo te interesa, y aunque no sea así, también te puede resultar curiosa la Web que comentaremos a continuación. Es una página realmente espectacular y también dicho sea de paso con un peso, que a la hora de carga se nota, bastante grande. Con esto tambien le dan espectacularidad a la interfície y interacción del usuario, ya que puede ir actualizando los datos poniendo el cursor encima de las diferentes casillas o secciones que tratan cada uno de los datos que tienen en cuenta. También hay una voz en “off”, que va comentando estadísticas o datos en inglés.

Si la pregunta es que tipo de datos podemos encontrar en esta Web tenemos datos tales como:

  • Bebés que estan naciendo.
  • Correos electrónicos que se estan mandando.
  • Palabras más usadas en internet.
  • Bosques que se estan talando.
  • Gente atrapada en un ascensor.
  • Huevos prodcidos.
  • Tazas de café producias.
  • Vuelos que se estan dando.
  • Energía usada en todo el mundo (comparando:petroleo, gas, nuclear,carbon, agua).
  • Correos electrónicos de spam recibidos.
  • Dinero que se está gastando a través de internet.
  • Transplantes realizados (comentando los organos).
  • La población del mundo (se ve que no para de crecer).
  • Las búsquedas más realizadas en google.
  • Coches producidos.
  • Casas construidas.

En definitiva muchos datos curiosos que no está mal de visitar para ser consciente del ritmo de muchas cosas a nivel mundial. También puedes ver videos que se estan visionando o música que se está escuchando, a parte de cámaras situadas por todo el mundo que te ofrecen imágenes.

Todo esto adornado con animaciones y unos contadores que van cambiando a un ritmo frenético que pueden dar consciencia de que el mundo no para, y que realmente nuestro entorno es insignificante en comparación con todo lo que se mueve en todo el planeta.

Aquí os dejo el enlace por si tenéis curiosidad de visitar este sitio. Clicka aquí.

eyeOs, un sistema operativo en tu navegador

14 de Noviembre de 2008

eyeOS es una plataforma libre y de código abierto pensada para disponer de aplicaciones Web. Es un nuevo concepto de sistema operativo, en este caso, completamente, on-line.

La idea es disponer de un sistema centralizado, un servidor que hace funcionar eyeOS, y los clientes se conectan y pueden trabajar con las aplicaciones disponibles en la plataforma eyeOS. Es fácil imaginar las posibilidades que puede tener implementar un sistema centralizado como este en una empresa.

Escritorio de eyeOS

Escritorio de eyeOS

Un servidor con eyeOS y los usuarios accediendo a él, trabajando desde los navegadores Web de sus equipos. Todo queda centralizado y la sincronización de documentos y el trabajo en equipo se vuelve todo más fácil.

eyeOS esta escrito en PHP, así que solo basta disponer de un servidor Web y ya tenemos nuestro eyeOS funcionando.

eyeOS incorpora muchas aplicaciones en su paquete básico, soporte para hojas de cálculo, procesador de textos, un navegador Web, gestor de FTP, calculadora, correo electrónico, visor de imágenes y una infinidad más de aplicaciones y servicios nada envidiable a otro sistema operativo “real”. Existe mucha documentación en el sitio web de eyeOS para desarrollar sobre sus librerías y adaptar programas o escribir nuevas funcionalidades.

Hoja de Cálculo eyeOS

Hoja de Cálculo eyeOS

Quizás eyeOS esté iluminando el camino al futuro sobre los sistemas centralizados y en entornos productivos, instituciones y centros de enseñanza. Disponer de un conjunto de herramientas especializadas y que funcione con pocos recursos, a parte de un fácil acceso desde cualquier dispositivo que disponga de un navegador Web.