Cajas para software

A pedido de i-BC, una empresa de cartografía local, diseñamos estas cajas contenedoras para su software I-Protección.

This slideshow requires JavaScript.

Carpintero = diseñador = programador = persona

“When you’re a carpenter making a beautiful chest of drawers, you’re not going to use a piece of plywood on the back, even though it faces the wall and nobody will ever see it. You’ll know it’s there, so you’re going to use a beautiful piece of wood in the back. For you to sleep well at night, the aesthetic, the quality, has to be carried all the way through.”  – Steve Jobs

So f***ing true!

No les pasó de no poder entregar un trabajo porque les queda la sensación de que hay cosas desprolijas (los famosos cabos sueltos), aún cuando nadie las va a ver? Antes me pasaba con detalles estéticos, ahora también con líneas de código. Creo que en esa búsqueda de la belleza en los pequeños detalles reside, no solamente la satisfacción del destinatario de nuestro trabajo (llámese cliente, comitente, paciente, whatever…), sino también nuestra “peace of mind”.

Si todos los detalles (aún los pequeños o escondidos) fueron tomados en cuenta, estamos seguros de que el conjunto cumplirá con lo que tiene que hacer y aportará un plus: no solamente de eficiencia, sino de satisfacción con la tarea cumplida. Ese orgullo con el propio trabajo cuando sabemos que hicimos todo lo que nos correspondía con sinceridad, honestidad y toda nuestra capacidad. Esa sensación un tanto proletaria, casi artesana y ciertamente “not so cool” en esta época de muchos caciques y pocos indios.

Si todos trabajamos con ese nivel de compromiso, sea lo que sea que nos toque hacer, estoy convencido de que sería un mundo mejor. No “solamente” mas bello o eficiente, sino mejor.

Un excelente 2011!

Es lo que deseamos a todos desde BeBop diseño, convencidos de que cada uno de nosotros colabora en la construcción de un buen año, para sí y para los que lo rodean.

El trabajo mejor presentado

Hemos tenido la suerte de que Formucoch, gráfica líder en esta región del país nos convocara para el diseño y desarrollo de su sitio web. La tarea incluyó el desarrollo de un backend para administrar los contenidos del portfolio de trabajos y una de las premisas era que tenía que estar lista para ser presentada en la Feria Forestal Argentina 2010, el evento anual mas importante de la región.

La ventaja de trabajar con una gráfica (y con una muy profesional): ha sido nuestro trabajo mejor presentado. Como ejemplo, van algunas imágenes de las tarjetas de invitación donde Formucoch invitaba a pasar por su stand, “ocasión en la que presentaremos nuestra página web”.

This slideshow requires JavaScript.

Portfolio de arte Flash+PHP+MySQL

A pedido de una cliente (para quien desarrollamos además otros sistemas on line) hicimos una aplicación web 2.0 (implementada en PHP + MySQL) que le permite gestionar los contenidos de su portfolio de arte online, cuyo frontend está desarrollado en Flash.

La presentación de los datos en la interfaz Flash se maneja a partir de scripts PHP que consultan la base de datos de acuerdo a la interacción del usuario. Al cargar el Flash, se ejecuta una función drawMenu que se conecta por medio de un loadVars con un script PHP que consulta la tabla de la BD donde están los datos de las obras y devuelve los datos necesarios para dibujar el menú: los nombres de todas las muestras en las que se organizan las pinturas y todos los años de realización de las pinturas publicadas. El menú permite entonces que el usuario seleccione visualizar todas las obras de una muestra o directamente todas las obras de realizadas en un año en particular.

Galeria de arte en el sitio de Comunicarte

Al seleccionar el usuario una opción del menú se ejecuta otra función en el Flash, drawGalería que se conecta (también por medio de loadVars) un otro script PHP que seleccionará todas las obras de la base de datos que correspondan con el criterio seleccionado por el usuario: el id de una muestra o un año de realización de la obra. Según el datos que recibe el PHP, realiza una sentencia SQL distinta.

El resultado de la consulta SQL (id, titulo, url de la imagen de cada una de las imágenes que cumplen con el criterio de búsqueda) es organizado en el PHP en una sola variable que el Flash recoge y corta para armar un array. Recorriendo este array, se genera un damero con thumbnails de cada una de las obras, haciendo clic sobre estos thumbnails, se carga la obra seleccionada y sus detalles.

El backend

El backend de la “galería de arte” es muy sencillo y permite administrar obras y muestras. Un listado con thumbnails permite la administración de todas las obras publicadas y la visualización organizada por muestra o por año.

El listado de obras otorga acceso a los formularios para modificar los datos de cada una de las obras publicadas

Otro listado similar agrupa las obras de cada muestra y permite agregar o eliminar obras a la muestra. La relación entre las obras y las muestras es mantenida en una tabla intermedia que recopila los pares idmuestra-idobra. Esto nos permite que cada obra pueda ser publicada en varias muestras o, viéndolo del otro lado, permite que las muestras compartan las obras.

Administrando publicidades con PHP y MySQL

Para la productora de televisión Gente de Mente, desarrollamos la web del programa “Clase Turista”, que se emite por el canal local de Posadas.

La web se basa, casi exclusivamente, en los mismos videos que se emiten por televisión. Así que desarrollamos un sistema de administración que les permite publicar estos videos (usamos el servicio de blip.tv), junto con los resúmenes textuales de cada video y fotografías relacionadas con cada programa.

El sitio necesitaba incorporar publicidades en cada página y para ello desarrollamos una sección especial del sistema de administración que permite al personal de la productora manejar los avisos. Todo el desarrollo es Web 2.0, es decir que diseñamos una interfaz amigable, intuitiva y administrable por cualquier persona sin mas conocimientos que los básicos de cualquier internauta actual. En un formulario con sólo tres campos el usuario publica un aviso, determinando su ubicación y duración.

El sistema de administración de publicidades de Clase Turista (clic para ver en tamaño completo)

Todos los formularios son “auto-explicados” es decir, que en cada campo se incluye una descripción de las opciones y requerimientos a cumplir para cumplir la tarea correctamente. Claro que además entregamos un “manual de uso” del backend en formato PDF e impreso.

El sistema de las “publis” permite seleccionar un aviso distinto en formato JPG, PNG o SWF para cada uno de los 10 lugares disponibles en el sitio y publicarlo al servidor. El requerimiento es que las dimensiones se ajusten a las dimensiones de los espacios en las páginas.

Además, al momento de publicar el aviso se determina el tiempo (en días) que estará publicado. Cuando el plazo se cumple, el sistema dá de baja al aviso y lo reemplaza por un aviso “default” de la misma productora.

En cada página incorporamos (usando la función include del PHP) una función que se encarga de revisar los avisos publicados en la base de datos MySQL, buscar si hay avisos publicados para el espacio actual y verificar si el aviso está dentro de su período de contrato. Si hay aviso, revisa si el archivo relacionado es JPG, PNG o SWF e incluye el HTML necesario para publicarlo en la página. Si no hay archivo, publica el aviso default que mencionaba antes.

Los espacios de publicidad, en la página principal del sitio. Todavía con los avisos default (clic para ver en tamaño completo).

Por medio del include nos ahorramos una buena porción de código que deberíamos repetir en cada una de las páginas del sitio dos veces (porque hay dos espacios de publicidad por página). Lo único que hacemos en cada página es llamar al include, pasándole una variable que identifica el espacio actual y que se corresponde con el idespacio de la tabla de la BD que guarda los avisos.

El feedback inesperado

El mismo dia que comencé a publicar en este blog, comencé a revisar ansiosamente las estadísticas de cantidad de visitantes, deseoso de saber si alguien me leía. Si bien los números muy difícilmente me ubiquen entre los blogs mas leídos (ni del mundo, ni de mi barrio) el blog tiene su caudal de visitas, lo que me hacía preguntar porqué nunca aparecía un comentario.

Antes de que te pongas a revisar, aclaro: el blog sigue absolutamente invicto de comentarios. Pero la semana pasada recibí el primer feedback de este blog y de la forma mas interesante e inesperada: en una charla con un probable cliente.

Resulta que esta persona se había tomado el tiempo de navegar todo el sitio de BeBop diseño y encontró el link a este blog. Leyó la entrada en la cual hablo de sistemas on line, copió el texto en un documento de Word y lo releyó y discutió con su socio.
Todo esto antes de llamarme por teléfono y concertar una entrevista en la cual hablamos (y bastante) sobre el tema de los sistemas on line y cómo a él le había parecido interesante lo que yo escribí, al punto de que reflejaba exactamente lo que me querían encargar para su sitio.

El encargo me pareció a mí también una idea interesante, ya envié el presupuesto y ya veremos si el trabajo se concreta o no, eso es anecdótico a los efectos de esta entrada (no así a los efectos económicos, laborales, etc).

Lo interesante es cómo en este caso exponer mis ideas sobre un tema facilitó la comunicación con el posible cliente a partir de la identificación de sus necesidades y las ideas de la entrada en cuestión. Vuelvo también sobre algo que decía en entrada de los sistemas on line: los clientes buscan que su sitio en internet les solucione problemas y claramente preferirán trabajar con alguien que muestre estar orientado a la solución de esos problemas.