Archive for Septiembre, 2008

29SepEl sensor de movimiento del MacBook: Apple Sudden Motion Sensor

Los macbook llevan un dispositivo para el disco duro diseñado para protegerlo en caso de que se produzca una vibración o un desplazamiento importante. Por ejemplo, una caída del ordenador. En el año 2005 apareció por primera vez en el Power Book y actualmente tanto el Macbook como el Macbook pro disponen de él.

¿Para qué más se puede utilizar este dispositivo? Pues aunque seguro que no se pensó para ello, los programadores encontraron la forma de crear aplicaciones que hicieran uso del invento… por ejemplo:

iAlertU: una alarma para coches..en el portatil

El vídeo lo dice todo. Una alarma en tu mac: cuando alguien lo intente mover sonará como si fuera un sistema de seguridad antirrobo. iAlertU.

MacSaber: muy friky pero ingenioso, haz de tu ordenador una espada jedi.

Es aún más inútil, pero muy curioso. Una espada jedi que suena al compás del movimiento….lo mejor de todo, el rallado del vídeo que os pongo…se merece un aplauso…u otra cosa. MacSaber.

SmackBook Pro: para dejar asombrado…un golpe en la pantalla y cambiamos de escritorio

Esta aplicación nos permite cambiar entre escritorios virtuales con un golpe seco en el lateral de la pantalla. SmackBook Pro.

Nivel de carpintero widget de Dashboard

El clásico nivel de carpintero, es decir la típica herramienta con una burbuja que permite saber si una superficie está o no realmente recta. Descargar.

 

LiquidMac: Efecto de agua

Muy interesante, efecto de partículas de agua que se desplazan por la pantalla como si de verdad se te hubiera llenado de agua el monitor. LiquidMac.

 

Toda esta información podéis encontrarla ampliada en la principal fuente del artículo. Eso sí, como siempre en inglés… y también en esta otra que ya aparece en castellano.

19SepEstos podrían ser también los billetes de europa

El diseño es algo cotidiano, algo del día a día, está presente en las cosas que tocamos y usamos todos los días y por eso debe ser usable, útil, y estar al servicio de un objetivo. Como dice un compañero "un diseñador no debe ser un profesional muy diferente de un obrero, un zapatero, un arquitecto o un artesano…". A mí me parece una bonita forma de ver el diseño, para no divinizar ni elevar a la estratosfera una profesión que no deja de ser eso: una profesión. No obstante sí que creo que los profesionales del diseño suelen tener una fuerte vocación por la labor que desempeñan, lo viven con pasión por lo que hacen, con ilusión por soñar nuevos diseños, nuevas formas…y en su día a día buscan el diseño que camuflado en tantísimas cosas, rodea el mundo en que vivimos.

Si hay algo que todos tocamos (aunque nos gustaría tocarlo más) es el dinero. Y el dinero (o más bien su representación física) también fue diseñado por alguien.

Este es Robert Kalina, diseñador de los billetes en euros, en su estudio en Viena. El diseño de los billetes en euros, obra de este austríaco diseñador de billetes del Oesterreichische Nationalbank (Banco Central de Austria), está inspirado en el tema «Épocas y Estilos de Europa» y plasma los estilos arquitectónicos de siete períodos históricos de la cultura europea: el clásico en los billetes de 5€, el románico en los de 10€, el gótico en los de 20€, el renacentista en los de 50€, el barroco y el rococó en los de 100€, la arquitectura del hierro y del cristal del siglo XIX en los de 200€ y la arquitectura moderna del siglo XX en los de 500€.

El Consejo del Instituto Monetario Europeo (IME), precursor del BCE, se ocupó de la selección de los diseños en 1996.

En febrero de 1996, el IME organizó un concurso al que se presentaron un total de 44 bocetos, que fueron enviados a un notario, quien asignó un número a cada serie con el fin de garantizar el anonimato de los participantes.

En septiembre de 1996, los diseños se sometieron a la opinión de un jurado independiente compuesto por catorce expertos en técnicas comerciales, publicidad, diseño y arte que llevó a cabo una preselección, en la que escogió las cinco mejores series de diseños dentro de la categoría «Épocas y Estilos de Europa» y otras cinco correspondientes al tema «moderno y abstracto».

A continuación, se pidió a la empresa EOS (European Omnibus Survey) Gallup Europa, con gran experiencia en la realización de encuestas de opinión de ámbito europeo, que llevase a cabo un sondeo que diera a conocer el grado de aceptación de los diseños preseleccionados. En la encuesta participaron aproximadamente 2.000 personas de toda Europa pertenecientes a dos grupos: profesionales, es decir, personal encargado del manejo de efectivo, y ciudadanos de a pie. Las entrevistas se realizaron tomando como punto de partida un detallado cuestionario sobre los diseños, tras mostrarles las diez series.

Basándose en la opinión del jurado y en los resultados de la encuesta, en diciembre de 1996 el Consejo del IME seleccionó la serie ganadora.

Debe ser gratficante diseñar algo que van a tocar millones de personas durante muchísimos años….

Fuente del artículo: Banco Central Europeo

17SepQueda tan sólo una semana para Flash on the beach ‘08


Estemos atentos a está nueva entrega de este peazo festival. Como los demás años resalatar el apartado de conferencias pues cuentan con un cartel de lujo.

Más información en la web del festival:

http://www.flashonthebeach.com/

17SepMargen Doble en Internet Explorer

Para programadores: En un diseño con dos flotantes posicionados a izquierda y derecha formando dos columnas me encuentro con que Explorer 6.0 genera un margen izquierdo del doble tamaño que Firefox y Explorer 7.0. La explicación se debe a este “postulado”:

"En Explorer 6.0 cuando un margen se aplica a una caja flotante en la misma dirección que el flotante ese margen se duplica en tamaño."

Vamos a dar dos soluciones al problema: una solución viene a modo de hack. Un hack para una hoja de estilo en cascada o css, es una norma que altera el comportamiento de un navegador sin afectar a otros. Generalmente fruto de un comportamiento deficiente que se sale del estándar. Lo que va a hacer nuestro hack es que en explorer 6.0 el flotante en cuestión funcione de forma diferente comportándose como un elemento en línea. Mediante esta regla definimos un comportamiento que sólo explorer 6 reconoce:

  1.  
  2. *html .column{
  3.         .display: inline;
  4. }
  5.  

La otra solución es aplicarle un padding al elemento contenedor para ahorrarse problemas con ese margen. Más sencillo aún que tener que añadir el hack.

Se trata de un error que podéis encontrar documentado en esta página, y que yo resumo mediante esta imagen para que se entienda con claridad:

dobleMargen IE explorer

 

16SepLa otra brecha, webs para ciegos y ratones para tetraplégicos

Brecha digital es una expresión que hace referencia a la diferencia socioeconómica entre aquellas comunidades que tienen Internet y aquellas que no, aunque tales desigualdades también se pueden referir a todas las nuevas tecnologías de la información y la comunicación…

Y lo cierto es que es un término relativamente nuevo, que ha aparecido como consecuencia del acelerado avance y la revolución tecnológica y social que ha supuesto entre otras cosas internet.

La "otra brecha", es la que se produce como consecuencia de una minusvalía, de una incapacidad de una limitación física. Hoy por hoy el acceso a la tecnología de la información puede generar importantes barreras para quienes tienen limitada su capacidad de interacción con el mundo que les rodea. Como siempre, hay personas preocupadas en evitar esas barreras, en cerrar esas brechas… os pongo dos ejemplos.

Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios. Preocupados por esa accesibilidad ha surgido una Iniciativa de Accesibilidad Web denominada WAI (Web Accessibility Initiative). Esta iniciativa la desarrolla el w3c, un consorcio internacional que produce estándares para la Web, cuyo objetivo es facilitar el acceso de las personas con discapacidad. ¿Cómo lo hacen?

Pues primero desarrollando pautas de accesibilidad, es decir enseñándonos cómo hay que hacer la web para que sea accesible.

Segundo: mejorando las herramientas para la evaluación y reparación de accesibilidad Web. En concreto tienen un validador (validator.w3.org), que comprueba que tu código es correcto y por tanto accesible.

Tercero: llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web.

Y cuarto: abriendo nuevos campos en accesibilidad mediante la investigación.

El director del w3c es Tim Berners-Lee, el creador original de URL, HTTP y el HTML que son las principales tecnologías sobre las que se basa la Web. Este tipo de iniciativas facilitan el trabajo de otras, como lo son por ejemplo el webanywhere uno de los muchos lectores de páginas web para ciegos.

Y como segundo ejemplo de accesibilidad os dejo una imagen:

La de la imagen se llama Socorro, de 43 años, no tiene brazos, ella y Giulia, de 8 años, que es tetrapléjica navegan por Internet y manejan un ordenador gracias al peculiar ‘ratón’ desarrollado en Manaus, en la selva amazónica de Brasil: cinco sensores que se colocan en la cabeza y captan los movimientos del globo ocular.

Luego, los transmiten al ordenador a traves de un pequeño módem. El ‘enter’ es ordenado a través de un parpadeo.
La solidaridad afortunadamente se salta la barrera que le hemos puesto…..
 

15SepQuizá los amigos del Facebook no son amigos de verdad

Hemos leído en el País Digital que tres usuarios de FaceBook organizaron anteayer una fiesta para poner cara a sus cibercolegas en la sala la Riviera de Madrid,  esperaban a 6.000 invitados y tan sólo reunieron a 500 personas.

Los pocos que acudieron sólo se encontraron a un grupo reducido de gente que tampoco hacia mucho por conocerse entre ellos.

Pero lo divertido de esta historia es que si que aparecieron otro tipo de “amigos”. Desde que se empezó planificar la fiesta hace un par de meses, algunas empresas participaron como patrocinadores del evento. Como las hienas en un documental de la 2, un puñado de patrocinadores vio un filón publicitario para sus productos. Tal vez no les informaron muy bien pues palmaron como unos campeones.  1-0.

 

 

14SepEyeOS, escritorio virtual


El último post que escribí lo acabé con esta idea: "Sobre la mente de algunos planea ya la idea de un sistema operativo online…pero por el momento son sólo ideas….". Me refería sobre todo a ese rumor que planea en la red de que google no tardará en sacar un nuevo sistema operativo. Hoy os dejo lo más parecido a un sistema operativo online que he encontrado. El EyeOS.

Como curiosidad os diré que el proyecto lo iniciaron en agosto del 2005  un pequeño grupo de jóvenes programadores originarios de Barcelona, que permite trabajar totalmente en línea, que no tiene dependencias (salvo las básicas de un navegador) y que tiene un fuerte sistema de seguridad. Además se ofrece libremente para que cualquiera pueda instalarlo y utilizarlo en sus servidores e intranets con Windows.

Señalar desde el punto de vista técnico lo sorprendente que resulta que una herramienta tan potente (hablo del aspecto gráfico) esté hecha con HTML, PHP, AJAX y JavaScript. Matar moscas a cañonazos debe ser una tarea equiparable….

Disfrutadla!

12SepPicnik, las RIA y su revolución particular


Hoy os queremos presentar un ejemplo excepcional de aplicación en la web para hacer un esbozo de lo que será el futuro de las aplicaciones online. Os presentamos Picnik. Una herramienta para el tratamiento fotográfico en la web. Es algo así como un photoshop online. ¿Qué significa esto? Significa que el programa ya no está instalado en tu disco duro y que por tanto desde cualquier equipo con acceso a internet puedes emplear esta herramienta. Picnik te permite trabajar bien con una imagen que subas desde tu equipo o bien con una imagen de tu cuenta de flickr, facebook…

Sí ya se que esto no es algo nuevo, por ejemplo google ofrece desde hace tiempo editores de texto, hojas de cálculo y presentaciones de diapositivas online… El futuro apunta a que todas las aplicaciones puedan existir online, y eso es, sin lugar a dudas un cambio radical. Creo además que por la tecnología empleada, esta web genera una sensación muy real de interacción con una aplicación de escritorio.

Picnik es una de estas RIAs, Rich Internet Applications. Normalmente en las aplicaciones Web, hay una recarga contínua de páginas cada vez que el usuario pulsa sobre un enlace. De esta forma se produce un tráfico muy alto entre el cliente y el servidor, llegado muchas veces, a recargar la misma página con cada pequeño cambio.
Los entornos RIA, en cambio, no se producen recargas de página, ya que desde el principio se carga toda la aplicación y sólo se produce comunicación con el servidor cuando se necesitan datos externos como datos de una Base de Datos o de otros ficheros externos. Hay muchas herramientas para la creación de entornos RIA. Entre estas se puede mencionar las plataformas Adobe Flash y Adobe Flex de Adobe, AJAX, OpenLaszlo, Silverlight de Microsoft, JavaFX Script de Sun Microsystems y Bindows de MB Technologies. 

En concreto picnik está desarrollada con Adobe Flex, pero existen otros muchos ejemplos conocidos como googleMaps en el que se emplea Ajax. Sobre la mente de algunos planea ya la idea de un sistema operativo online…pero por el momento son sólo ideas….
 

11Sep¿Qué es más rápido el USB 2.0 o el FireWire 400?

El otro día me preguntaba con un amigo esto…si el FireWire 400 funciona a 400 Mbps y el USB 2.0 funciona a 480 Mbps, ¿porqué tengo la sensación de que el FireWire es más rápido?. Porque a efectos prácticos lo es…La respuesta la encontré en un enlace que os adjunto y dado que está en inglés os explico para quienes no tengan tiempo/ganas/conocimiento de inglés:
FireWire emplea una arquitectura basada en el "Peer to peer" (par a par, extremo a extremo) en el que los periféricos son "inteligentes", es decir pueden decidir qué dispositivo puede ofrecer un mayor control sobre la transferencia.

La arquitectura del USB es "Master-Slave" (Maestro-Esclavo). En vez de ser los periféricos los que gestionan el flujo de datos es el procesador el que controla todos los flujos de datos hacia, desde y entre los periféricos conectados.  Esto añade una "carga" que resulta en un flujo de datos más lento.

Ejemplos de la web:

Lectura:
    * 5000 arhivos (300 MB total) FireWire fue 33% más rápido que USB 2.0
    * 160 arhivos (650MB total) FireWire fue 70% más rápido que USB 2.0

Escritura:
    * 5000 arhivos (300 MB total) FireWire fue 16% más rápido que USB 2.0
    * 160 arhivos (650MB total) FireWire fue 48% más rápido que USB 2.0

A día de hoy el usb está mucho más extendido, pero el firewire se emplea especialmente en video y otras transferencias de datos que requieren velocidad y buena sincronización. Apple incluye el firewire en sus ordenadores, dado que es su inventor, pero incluye un mayor número de puertos usb que de puertos firewire.

El FireWire fue inventado por Apple Computer a mediados de los 90, para luego convertirse en el estándar multiplataforma IEEE 1394. A principios de este siglo fue adoptado por los fabricantes de periféricos digitales hasta convertirse en un estándar establecido.

El Universal Serial Bus (bus universal en serie) o Conductor Universal en Serie también llamado USB fue creado en 1996 por siete empresas: IBM, Intel, Northern Telecom, Compaq, Microsoft, Digital Equipment Corporation y NEC.

Como siempre en la wikipedia podéis encontrar más información.
 

09SepBienvenido a venagraphica

Bienvenido, ésta es también tu casa.

Venagraphica abre hoy sus puertas a todo el mundo. Queremos convertir este espacio en un lugar de comunicación, de encuentro del diseño, el arte, la tecnología, la programación web… Desde nuestra humilde ventana al mundo digital queremos invitarte a que pases y cojas, a que entras y mires, a que compartas, enseñes y aprendas…así es como entendemos internet. Y hoy después de unos meses de puesta a punto inauguramos este blog.

Álex y Adrián te invitamos hoy a formar parte de venagraphica, esperamos que vuelvas a visitarnos.

Un saludo.

08SepVolvemos a trabajar para Vía Valentina

Estamos de enhorabuena, volvemos a trabajar para VIA VALENTINA (tienda de ropa femenina que tiene como objetivo principal vestir a una mujer actual, uniendo calidad y buen precio), después de trabajar con ellos este Enero pasado, creándoles la marca de la tienda, y a su vez todas las aplicaciones de la marca, bolsas, etiquetas de ropa, etiquetas exteriores, etc… Pues eso que la noticia es que para principios de octubre acabaremos la Web de VIA VALENTINA, remarcar que empiezan a montar franquicias, inauguraron en Enero en Sevilla y a final de este mes de Septiembre abre otra en Alzira (Valencia).

En referencia al proceso creativo de la marca, buscaban expresar con claridad la elegancia de la mujer a la que viste VIA VALENTINA, por lo que apostamos por una tipografía muy gestual, que diera la sensación de una estela al coser, también en esencia hace referencia a los trazos de los bocetos de los trajes. En definitiva queríamos plasmar sensibilidad y elegancia.

07SepEscalado de imágenes inteligente

Fundado en 1974, SIGGRAPH es el grupo de interés en infografía o computación gráfica de la ACM, y es también el nombre de la conferencia sobre el área organizada por el grupo de interés SIGGRAPH.

Hoy os traigo de ellos una nueva herramienta que quizás no dentro de mucho tiempo podríamos ver integrado en el conocido photoshop. Aunque lo más fácil para que entendáis el funcionamiento y las propiedades de la herramienta es que veáis su funcionamiento en el video, os diré que en resumen se trata de una forma de escalar una imagen manteniendo en el encuadre los elementos más importantes de la misma.

El trabajo de un diseñador que implicaría horas de clonaje, uso del tampón y retoque y recorte de la imagen, lo realiza un algoritmo en pocas milésimas de segundo. Obviamente cuenta también con sus limitaciones, pero os invito a que las descubráis por vosotros mismos en el video.

04SepFunción yoyo, para las tweens de flash

Las tweens de flash son funciones que realizan movimientos parametrizables para permitir generar efectos para los que el uso de la línea de tiempo se muestra muy limitada. Estamos hablando de efectos de frenada, aceleración, deceleración, "muelle" y un largo etcétera.

Como con casi todas las cosas el poder no está en la herramienta en sí sino en la capacidad de combinarla con otras herramientas. Lo que os muestro es un pequeño ejemplo de una función que permite una vez acabado el movimiento invertirlo de modo que se realiza la "tween" inversa. La función es "yoyo", tal cual, y su sintáxis es tremendamente sencilla. Si estáis familiarizados con el uso de las tweens comprenderéis la utilidad de esta llamada.

  1.  
  2. //importamos las Tweens, necesarias para producir el movimiento
  3. import mx.transitions.Tween;
  4. import mx.transitions.easing.*;
  5.  
  6. //creamos una animación que genera el bote en el eje y
  7. var animacionBote:Tween= new Tween(bola, "_x", mx.transitions.easing.Bounce.easeOut, bola._x, bola._x+240, 2, true);
  8.  
  9. //creamos una animación que genera el giro
  10. var animacionGiro:Tween= new Tween(bola, "_rotation", mx.transitions.easing.Bounce.easeOut, bola._rotation, bola._rotation-220, 2, true);
  11.  
  12. //cuando acabe el bote lo invertirá;
  13. animacionBote.onMotionFinished=function(){
  14.         animacionBote.yoyo();
  15. }
  16.  
  17.  
  18. //y cuando acabe el giro lo invertirá también
  19. animacionGiro.onMotionFinished=function(){
  20.         animacionGiro.yoyo();
  21. }
  22.  

El código como véis es sencillo. Espero que la función os haga papel. Y por si acaso aquí tenéis el archivo para utilizarlo.

.

03SepChrome, el nuevo navegador de google

Entra en escena un nuevo navegador: Chrome, de google. Y cuando entra en juego un nuevo producto de esta casa, tiembla el sector correspondiente. En los últimos años Firefox ha ido comiendo terreno al navegador más extendido del mundo: el explorer, y también curiosamente el más odiado. Si alguien se pregunta porqué se  "odia" a un navegador, os diré que Microsoft, su creador, ignora las premisas del w3c, un consorcio que establece un estándar para la programación web: xhtml y css. Esta política de microsoft supone que el explorer tiene un comportamiento imprevisible. Dado que está tan extendido obliga a los programadores a programar especifícamente para él. Concretamente, el País en un artículo del 2 de Septiembre decía

"En la actualidad la empresa creada por Bill Gates cuenta con el 72% del mercado de los navegadores gracias a su Explorer. Le siguen el Firefox de Mozilla con el 20%, y Safari de Apple, con el 6,4%".

Si son ciertas estas cifras es un porcentaje de gente muy grande como para ignorarlo.

Lo que google ha hecho introduciéndose en este mercado es pintar un nuevo escenario en el que los navegadores tendrán que repartirse la tarta contando con un nuevo competidor que promete ser una herramienta de calidad. Por lo que hasta ahora hemos visto de google dudo que sea un navegador que se salte las directrices del w3c y espero que no suponga una nueva pieza incómoda para la programación web.

Lo podéis descargar en www.google.com/chrome. Iremos descubriendo qué nuevas aportaciones trae este navegador.




Blogroll

Recent Listening