Les cuento brevemente una experiencia de desarrollo a la que voy a clasificar en “GTD Programming”. El por qué… muy simple: GTD = “Getting Things Done” (tener las cosas hechas). Fue la única técnica -muy simple, lineal y efectiva, por cierto- con la que pudimos gestionar soluciones concretas en base a requerimientos donde los tiempos para tener resultados fueron extremadamente cortos (menos de dos días netos de trabajo).

El caso fue el siguiente: En los últimos días un cliente nos solicitó el desarrollo de un sistema para la gestión de Certificados de Escrutinio de las Elecciones Primarias realizadas en la República Argentina durante el día de ayer (Domingo 14 de Agosto de 2011). Los requerimientos se nos pasaron cuatro días antes de la fecha de entrega, con lo cual pudimos realizar nuestra propuesta y pasarle al cliente una cotización por los servicios de desarrollo, puesta a punto de la red local donde funcionó el mismo, e instalación con puesta en marcha (deployment) y posterior mesa de ayuda durante el período de uso del mismo.

Nuestra propuesta y cotización fue aprobada el día viernes por la noche y el desarrollo debía estar en pleno funcionamiento el día Domingo antes de las 18 hs.

Y esto fue así. Se logró realizar todo lo solicitado.

Parte del secreto, el enfoque y la inmersión en las tareas: Comentar al compañero las situaciones que traban el avance, en permanente feedback si se hace pair-programming, o conversar con uno mismo -en voz alta, como buen loco que debo ser- si se trabaja solo. Establecer pautas claras de “no-distracción” y respetarlas. Con el uso (y abuso) de las redes sociales y feeds de noticias que muchas veces son redundantes, resuena en mi mente todo el tiempo la palabra procrastinación.

También nos aportó mucho el uso de técnicas tradicionales ”no digitales” como las listas de tareas en papel, dibujar diagramas, elaborar conexiones con conceptos en hojas separadas, el uso de muchos colores, notitas post-it por todos lados. Eso, y la simple puesta en práctica del concepto de  ”lo descubro (al problema o elemento faltante)… no está hecho? lo hago ya” en forma inmediata, sin muchas vueltas: Corazón del GTD que propongo poner en práctica a mi equipo en estos casos de extrema urgencia.

Nuestra solución consistió en la entrega de dos sistemas basados en tecnologías web, con 2 módulos independientes cada uno (módulos para administrador de la red de carga de datos y módulos para los data entries) .

Pueden ver y utilizar aquí las demos funcionales:

• Primarias 2011: 
• Planillas Nacionales – Sistema para Administrador
• Planillas Provincia de Buenos Aires – Sistema para Administrador 
• Planillas Nacionales – Sistema para Data Entry
• Planillas Provincia de Buenos Aires  - Sistema para Provincia de Buenos Aires

Quiero simplemente ejemplicar con este caso concreto que muchas veces una estrategia GTD, menos elaborada y más lineal que otras técnicas, sirve para lograr concretar soluciones en tiempos extremadamente cortos. A costa de horas de sueño, sin duda, pero con un resultado que asegura una satisfacción elevada de un cliente que daba prácticamente por perdida la posibilidad de tener el desarrollo completo y en funcionamiento en tiempo y forma, con tales requerimientos.

Desde luego, los costos se elevan cuando la solución debe hacer frente a semejantes urgencias, dado que el equipo debe priorizar el proyecto quitando del medio otras tareas que luego también requerirán atención con apuro y que modificarán calendarios previstos y listas de tareas de otros proyectos en curso.

Aquí algunas capturas de nuestra solución y algunas fotografías del sitio donde se instaló y utilizó con total normalidad durante el chequeo de escrutinios posterior a los comicios.

• Referencias: Wikipedia – Getting Things Done

                    

Quienes trabajamos en EcimTech nos conocemos desde hace unos cuantos años y somos socios en la búsqueda permanente de desafíos que amplíen nuestros horizontes llegando cada vez más lejos en nuestros múltiples intereses e inquietudes dentro del campo de la tecnología. Buscamos que cada desafío represente un aprendizaje importante, que nos resulte emocionante y nos entusiasme mucho transitarlo, hasta llegar a una resolución satisfactoria.

Y finalmente hemos tomado la decisión: Queremos agrandar nuestro equipo, pero no buscamos empleados. Buscamos integrarnos con desarrolladores y profesionales IT independientes a quienes apasione lo mismo que a nosotros. Buscamos en esas personas, buena capacidad pero que además sean entusiastas, colaborativos, comunicativos y quieran aportar su propia creatividad ante los desafíos.

No buscamos empleados, por ahora: Estamos en una instancia diferente. Buscamos abrir nuestros proyectos a nuevos integrantes, a nuevos desarrolladores que con el tiempo se asienten en el equipo estable, al interactuar con nosotros en proyectos reales. Proyectos que al fin y al cabo son trabajo.

El perfil que buscamos

Desarrolladores independientes y profesionales IT, con conocimientos en áreas de desarrollo Web y experiencia variada en la materia. Los ítems detallados a continuación no son excluyentes, pero sí son valorados, y cuanto mayores sean los skills, mejor:

• PHP, MySQL, HTML, CSS, JavaScript, jQuery
• Programación en relación con las APIs de Google Maps, Youtube, Vimeo, Facebook, Twitter, Bing Maps
• Un*x Shell Scripting, “Basic” Un*x Sysadmin
• Sistemas de versionado (Bazaar, Git, etc.)
• Experiencia en el uso de IDEs como Eclipse
• Experiencia en gestión de paneles de webhostings simples (Cpanel, Ferozo, etc.), gestión de VPS como Linode, MediaTemple
• Patrones de diseño, sobre todo MVC, metodologías ágiles, pair programming
• Conocimientos de Diseño y otros skills serán valorados.

La intención es conocernos e interactuar, involucrando a los proyectos a quienes demuestren tener muchas ganas de seguir aprendiendo de forma continua, a quienes acepten desafíos y les interese disfrutar de un buen ambiente de trabajo.

Tenemos  locación física, pero los trabajos podrán realizarse en forma remota, con reuniones habituales.

Ofrecemos: involucrarse paulatinamente, comenzando por tareas simples para afianzar una mecánica de trabajo, que con el tiempo permita abordar la resolución de problemas y proyectos más complejos, con mayor continuidad en el tiempo.

Más sobre EcimTech.

Pueden conocer algunos de nuestros trabajos, para entender bien a qué nos dedicamos y saber si se podrán integrar en algunos de nuestros proyectos visitando nuestro portfolio: http://portfolio.ecimtech.com

Son bienvenidas sus consultas y comentarios. Nos será muy grato poder responderles.

Nos pueden contactar por email en rrhh (arroba) ecimtech (punto) com
Muchas gracias!

                    

Para este proyecto se requería que el aside consistiera en una grilla de 3 columnas y una cantidad no definida de lineas, como puede verse en esta imagen:

Bloques en el orden requerido por el cliente

Algunos de estos bloques debían desplegar un submenu de opciones ante la interacción del usuario. El diseño aprobado proponía la inclusión de globos de diálogo:

Propuesta para menúes empleando cuadros de diálogo

Desde el punto de vista de los CSS, el diseño predispone al uso de una grilla posicionada de forma absoluta, que permita más tarde trabajar con los bloques de forma individual (o agrupados) y realizar animaciones en los mismos. Sin embargo, el programador encargado del Javascript seguramente ya verá el primer agregado en complejidad en el código: a diferencia de la primera línea, el bloque de la segunda línea requiere que sea desplazado a la izquierda antes o durante la aparición del diálogo con las opciones.

En este punto se decidió replantear los CSS y buscar la forma de usar el flujo natural de los elementos de la página a nuestro favor. Se terminó empleando una grilla con elementos flotantes alineados a la izquierda, como sigue:

#nav .cardgroup {
	position: relative;
	width: 300px;
}
#nav .cardgroup li {
	float: left;
	width: 76px;
	overflow: hidden;
}
#nav .cardgroup li a {
	position: relative;
	z-index: 5;
}
#nav .cardgroup li.hover {
	overflow: visible;
}

/* group menu */

#nav .cardgroup ul {
	position: absolute;
	z-index: 10;
	margin: 0;
	left: 0;
	top: 0;
	background: url(../images/background_dialog1.png) no-repeat right top;
	width: 230px;
	height: 109px;
	padding-top: 10px;
	display: none;
}
#nav .cardgroup ul li {
	margin: 0;
	padding: 0;
	width: 140px;
	background: url(../images/icn_smalldot.png) no-repeat 92px 6px;
	padding-left: 102px;
}
#nav .cardgroup ul li a {
	font-family: Lucida, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	text-transform: none;
}

Esto parecía funcionar. Siempre hablando de la segunda línea, si se aplicaba un display:none en el primer bloque, el segundo se desplazaría a esa posición de forma natural. Este es el código jQuery empleado:

$(function(){

	$("#nav .cardgroup .slide").mouseenter( function(){ cardEnter(this) } );
	$("#nav .cardgroup .slide").mouseleave( function(){ cardLeave(this) } );

});

function cardEnter(e)
{
	var group = $(e).parent();
	$(e).addClass("hover");
	$("> li:not(.hover)", group)
	.stop(true, true)
	.fadeOut("slow");
	$("ul", e).fadeIn("slow");
}

function cardLeave(e)
{
	var group = $(e).parent();
	$(e).removeClass("hover");
	$("> li", group).fadeIn("fast");
	$("ul", e).fadeOut("fast");
}

Los efectos de jQuery fadeIn y fadeOut están bastante bien, pero todavía hay un salto en la animación de la segunda línea, justo después que el bloque inmediatamente a la izquierda desaparece (y el otro toma su lugar). Afortunadamente, el flujo de la propiedad float es respetado incluso cuando se está manipulando las dimensiones de los elementos mediante Javascript. De esta forma, con solo reemplazar los efectos fadeIn/Out por show/hide (que además de realizar el efecto fade modifican el tamaño del elemento) se consigue en efecto mucho mas fluido y perfecto para el diseño:

$(function(){

	$("#nav .cardgroup .slide").mouseenter( function(){ cardEnter(this) } );
	$("#nav .cardgroup .slide").mouseleave( function(){ cardLeave(this) } );

});

function cardEnter(e)
{
	var group = $(e).parent();
	$(e).addClass("hover");
	$("> li:not(.hover)", group)
	.stop(true, true)
	.hide("slow");
	$("ul", e).fadeIn("slow");
}

function cardLeave(e)
{
	var group = $(e).parent();
	$(e).removeClass("hover");
	$("> li", group).show("fast");
	$("ul", e).fadeOut("fast");
}

El resultado final (expuesto en el Screencast que abre esta nota) apenas necesitó unos ajustes antes de ser presentado al cliente.

Conclusión

Gran parte del crédito por la sencillez del código en Javascript debe ir a jQuery y su fantástico set de herramientas, pero no hay que olvidar que una buena distribución de los elementos y un acertado empleo de las propiedades en el código CSS pueden impactar muy favorablemente en la cantidad de líneas nacesarias para realizar una operación, y esto generalmente repercute en un mejor desempeño en máquinas lentas o navegadores que no dispongan de técnicas de optimización para el código Javascript.

                    

No hace mucho tuve un altercado con mi teléfono celular: olvidé la contraseña. Solía ingresarla seguido para desbloquear el teclado luego de varias horas de inactividad, pero lo cambié para ingresarla sólo al momento de encender el aparato. Y eso resultó ser muy infrecuentemente.

La cuestión fue que al quinto intento fallido tuve que reconocer que realmente la había olvidado, y empecé a digitar variaciones, secuencias que recordaba, e incluso contraseñas de fábrica. Fue entonces cuando recordé éste artículo sobre “Remote Timing Attacks” a servidores SSL¹; lo recordé porque definitivamente empecé a ver un patrón en el comportamiento del sistema operativo del teléfono:

• Si ingresaba un número de menos de 5 dígitos, el teléfono volvía a pedir la contraseña sin indicar error alguno.
• Si ingresaba un número de más de 5 dígitos, un mensaje de “contraseña inválida” aparecía casi de inmediato.
• Si ingresaba un número de 5 dígitos exactos, el mensaje de invalidez aparecía con algo de retardo.

La contraseña correcta resultó tener, justamente, 5 dígitos, por tanto el SO -sin quererlo- me estaba dando una pista importante: sabiendo la longitud exacta de la contraseña numérica, las posibilidades de acertar por “fuerza bruta” se reducían a unas cientos.

Vale la pena recordar esto al momento de proyectar cualquier sistema de validación, y sobre todo, si surge la idea o la necesidad de incorporar algún tipo de optimización. Evitar que un login tenga que recorrer la base de passwords completa por cada ingreso puede sonar bien, pero hay que tener cuidado de no estar también deslizando pistas cruciales para cualquier hacker competente que esté intentando escurrirse en nuestros sistemas.

                    

Desde hace dos años estamos trabajando en el campo de la Meteorología-Informática en alianza y codo a codo con el estudio de meteorología del reconocido meteorólogo argentino Mauricio Saldivar, conformando de esta forma un equipo de investigación y desarrollo multidisciplinario.

Entre algunos de nuestros desarrollos:

• Sistemas de generación de contenidos de meteorología visual para TV, móviles y web.
• Sistemas de análisis y procesamiento de información meteorológica de diversas fuentes.
• Sistema de widgets interactivos para meteorología en la Web.

                    

La Argentina resulta cada vez más atractiva de cara a las empresas que estén planeando en incursionar en prácticas de outsourcing, especialmente en lo que se refiere a la contratación de profesionales en tecnologías IT. Los profesionales del país gozan de una excelente reputación en el exterior, y su ubicación geográfica la hace especialmente atractiva a los inversores de América del Norte, que se ahorrarían tener que lidiar con diferencias horarias características de otros destinos populares, como la India.

Las predicciones para este 2008 no hacen más que allanar el camino para que esta posición mejore. No sólo habrá mayor demanda de profesionales calificados —y actualizados con respecto a la últimas tendencias—, sinó que además se prevee que los embates de una recesión en la economía global no tendrá casi efecto al sur del ecuador.

Reproducimos aquí la lista de las 10 predicciones más importantes que, según IDC, definirán la naturaleza del mercado de la IT y las Telecomunicaciones durante el año 2008:

1. Los mercados IT de América Latina resistirán la recesión de la economía global.
2. El individuo será rey: el efecto conjunto de múltiples tecnologías y dispositivos pondrá al usuario en el centro de la escena.
3. Las comunicaciones por voz pasarán de ser centralizadas en tecnología a ser centralizadas en el usuario.
4. El concepto del empleado emplazado en una oficina comenzará a sufrir transformaciones.
5. Saas (Software as a Service): 2008, un año de transiciones para grandes vendedores y vendedores locales e independientes.
6. Emergerá una nueva generación de soluciones de código abierto, en tanto “código-abierto” deja de ser “sólo Linux”.
7. El mercado de la seguridad: menos incidencias técnicas y más preocupaciones de negocio.
8. BPMS (Business Process Management Software): listo para su lanzamiento.
9. Evoluación dinámica de las IT: la virtualización 2.0 transforma el hardware en servicios.
10. El efecto dominó de la competencia off-shore, crea una segunda oleada de crecimiento para los BPO (Business Process Outsourcing)