Si desde el software impartimos instrucciones u órdenes directas a los usuarios (ej. “Ingrese número de tarjeta sin guiones ni espacios”), entonces estamos tratando de programar gente, lo cual no suele terminar bien.

Cuando esto pasa, lo conveniente es volver al trabajo de programar computadoras, con el objetivo de que se adapten a la gente.

Por ejemplo, usando una expresión regular para que sólo se tomen los caracteres numéricos. En pseudocódigo: find( /[^\d]/ ).replace("").

Esa instrucción para la computadora requiere de menos caracteres que la instrucción para el usuario, no falla nunca, y hace que todo el mundo quede contento.

A las computadoras, las programamos. A la gente, la entendemos.

Todo resulta mucho mejor si aplicamos las herramientas que dominamos, a los dominios a los que corresponden. A las computadoras, las programamos. A la gente, la entendemos.

La entrada El trabajo de un programador es programar computadoras. No gente. se publicó primero en Kambrica.

Ejercicio: mini editor de bitmaps HTML/CSS/jQuery

El propósito de este ejercicio es ayudarnos a ver cómo pensás problemas de desarrollo.

Requerimiento:

• Presentar una grilla de 8 x 8, donde cada casillero cuadrado (de 30 x 30 px. aprox.) representa un “pixel” ampliado.
• Cada “pixel” puede estar prendido (gris) o apagado (blanco). Siendo cada “pixel” un bit, cada fila de 8 “pixels” forma un byte.
• Debajo de la grilla, un INPUT TEXT presenta los valores en hexadecimal para esos 8 bytes.  Al hacer click en un casillero, se invierte el estado de ese “pixel” y se actualiza el INPUT TEXT.
• Presentar un menú (SELECT) permitiendo cargar sobre la grilla imágenes predefinidas en un archivo JSON:
  [ {name:"Imagen 1", src:"0102030405060708"} , {name:"Imagen 2", src:"ff00ff00ff00ff00"}, {name:"Carita", src:"3C42A9A985B9423C" } ]

Entrega:

• Archivo .zip o .rar conteniendo archivo index.htm, así como todos los archivos referenciados (incluyendo librería jquery) a work@nullkambrica.com . Título del mail: “Ejercicio Front-end”.
• El ejercicio debe poder ejecutarse correctamente abriendo index.htm en Chrome (desktop).
• En el mail, adjuntá o linkeá también tu CV, con links a ejemplos de maquetación HTML/CSS que hayas desarrollado.

La entrada ¿Querés trabajar con nosotros en desarrollo front-end? se publicó primero en Kambrica.

Además de desafíos técnicos particulares, el desarrollo de software para dispositivos táctiles y móviles requiere satisfacer necesidades y contextos de uso muy diferentes a las que se dan en entornos de escritorio.

Conocer estas dimensiones es esencial para lograr software que los usuarios finales puedan realmente aprovechar y valorar. Las guías oficiales de diseño de interfaces para cada plataforma son un paso indispensable, y a la vez son sólo la punta del iceberg.

Esta presentación muestra el proceso de diseño y desarrollo centrado en el usuario necesario para lograr buenos resultados.

La entrada UX Touch vs. Ouch! User Experience para dispositivos móviles se publicó primero en Kambrica.