Conocimientos de la materia :.

10 Cosas que quisieras saber acerca de Tecnología pero temes preguntar

2011-08-21T17:08:00.000-05:00

Business Insider nos presenta respuestas a 10 preguntas acerca de Tecnologías que usas o están a tu alrededor y que quizás das por dadas, pero que lo más seguro es que no sabes qué es, porqué, cuándo o dónde, y te las revela en este interesante, y un tanto cómico, artículo, el cual les presento en español.

Más información »

La batalla entre iPhone y Android

2011-06-27T22:01:00.005-05:00

Al hablar de teléfonos inteligentes, lo más seguro es que 3 marcas vengan a la mente: Blackberry, iPhone (de Apple), y... Android?

Más información »

Un pantallazo 'Open Graph' hacia una implementación en SMO

2011-05-27T00:34:00.007-05:00

Resulta que cada vez que buscaba cómo implementar social plugins me topaba con los famosos open graph tags, así que, he aquí un leve pantallazo.

El Protocolo de Grafos Abiertos (Open Graph protocol) permite que cualquier página web sea un objeto dentro de un grafo social. Por ejemplo, en Facebook, este protocolo permite que cualquier página web tenga la misma funcionalidad que una Página de Facebook.

Más información »

Cómo crear tu página corporativa de Facebook en 8 pasos

2011-05-24T23:54:00.004-05:00

¿Deseas iniciar una campaña de marketing en facebook, pero no sabes cómo empezar? Una página en facebook es la opción a elegir, y Mashable nos ilumina con 8 sencillos pasos para iniciar nuestra campaña de marketing en la red social de mayor crecimiento con más de 500 millones de usuarios alrededor del mundo.

Crear una página es muy sencillo, solo sigue estos sencillos pasos y ya entrarás en carrera:

Más información »

¿Cómo sería si el uso de Energía solar creciera como lo ha hecho Facebook?

2010-08-22T00:29:00.002-05:00

Para el mes de Julio ya corría la noticia de que si Facebook fuera un país, sería el tercero con mayor población (después de China e India), pero, ¿qué tal si, el uso de la energía solar creciera tan rápido como lo ha hecho Facebook?

Más información »

SEO / SMO - Optimizando la web para obtener mejores resultados - Un pantallazo

2010-08-07T22:30:00.001-05:00

"Para que nuestra presencia en internet sea rentable es necesaria la promoción de nuestro sitio" - Javier Maldonado, DesarrolloWeb, 2002.

De esta forma inicié el año, para lo que en su momento era mi intento de dedicarme a estudiar y especializarme en la optimización de sitios web para los motores de búsqueda (SEO, de sus siglas en inglés). En cierta forma, puse en práctica el material estudiado, mas los resultados inmediatos no tuvieron mayor impacto que la gratificación del autoaprendizaje. Los clientes demandan más, y por "más" quiero decir: resultados inmediatos y efectivos!

Más información »

Top 10 infografías Linux y Código Abierto

2010-07-25T21:03:00.005-05:00

Y como dicen que una imagen vale más que mil palabras, os comparto una serie de infografías que he encontrado en Bitelia, y que a mi juicio ilustran muy bien varios conceptos de Linux y el mundo del código abierto (open source) en general.

Más información »

Posicionamiento en Buscadores - Primer acercamiento

2010-05-16T16:27:00.002-05:00

"Para que nuestra presencia en internet sea rentable es necesaria la promoción de nuestro sitio" - Javier Maldonado, DesarrolloWeb, 2002.

"Más del 90% de las visitas de una página en internet provienen de los motores de búsqueda. De aquella cifra, Google y Yahoo son responsables de más del 85% del tráfico... Modificando el código fuente de un sitio y fortaleciendo sus vínculos, es posible llevarlo a la cima" - Revista NexIT Specialist; Edición #16; Mayo, 2005.

Más información »

Web 2.0 = Web Social

2009-11-05T01:07:00.003-05:00

Web 2.0 se hizo famoso en algún momento, y para cuando me di cuenta que ya era el concepto de moda, ni siquiera sabía por qué 2.0, hubo un 1.0? cuál es la diferencia, y de dónde la secuencia?

Más información »

Verificando el desarrollo x-browsing

2009-05-18T15:32:00.021-05:00

Como diseñador web, deseamos que el cliente se sienta satisfecho con el diseño que le trabajamos en cuanto a la selección de la paleta de colores utilizada, la disposición y maquetación de los elementos, la uniformidad del diseño, que luzca atractivo, elegante, profesional, acorde al contenido, a la audiencia, al público, al lector, al visitante... y luego de horas y horas de trabajo, largas e interminables noches que transcurren rápido, tan rápido que no nos damos cuenta del tiempo empleado sino hasta que vemos el sol salir... nos sacamos de la manga un diseño que al presentárselo al cliente y ver reflejado en su rostro ese gesto de satisfacción, es cuando todo el esfuerzo empleado vale la pena y hace rendir cada unidad de tiempo y creatividad invertid@; no obstante, no es en este momento cuando sabemos que el próximo paso crucial apenas inicia, quizás el más laborioso... el desarrollo... el llevar ese diseño y proyectarlo en un navegador.

El escenario es el siguiente, tengo un diseño que estoy desarrollando de la mano con mi navegador de excelencia para desarrollos (digamos: Firefox)... pero... se verá igual en los otros navegadores?

Si diseñamos (CSS) para Firefox, lo más seguro, repito, lo más seguro es que estemos diseñando para otros navegadores, tales como: Opera, Chrome (de Google) y Safari, aún a pesar de que entre ellos los motores de renderización no sean los mismos (si no me equivoco Firefox y Opera utilizan Presto, y Chrome y Safari utilizan Webkit). No obstante, IE, el más utilizado (cuyo motor de renderización es el Trindent) no se ajusta muy bien a los estándares de la W3C en cuanto a implementación de CSS se refiere, una lástima, razón por la cual, y según lo que una compañera de trabajo llegó a concluir, debemos realizar pruebas en él a una razón de 3/1 en relación a la cantidad de pruebas que realizaríamos con Firefox (por ejemplo), tomando en cuenta la cuota de uso de navegadores publicada por desarrolloweb.com.

Posibles soluciones que nos lleven a tener la visual de los visitantes del sitio en desarrollo según el navegador que utilicen, y así poder visualizar cómo lucen nuestros diseños en estos, o por lo menos en los más utilizados, podrían ser:

descargar todos los navegadores, estaríamos hablando de: Firefox, Chrome, Safari, Opera... y bueno Internet Explorer (IE). El detalle con este último es el poder contar con las versiones del mismo más utilizadas, ya que entre ellos, las
cosas tampoco funcionan igual, estaríamos hablando de las versiones 6, 7 y 8. Para este último caso, una vez que descarguemos IE8, el mismo cuenta con una opción de compatibilidad con IE7, para las versiones anteriores a estas en la web podemos encontrar instaladores que las han reunido, por ejemplo.
o bien... una nueva que encontré en el día de hoy, sería utilizar Xenocode Browser Sandbox, el cual es una aplicación web que promete, darnos la opción de contar con TODOS estos navegadores, desde un solo lugar, sin necesidad de instalarlos... Lo estoy probando para ver qué onda...

Esto, claro está, desde el punto de vista de herramientas que nos pueden brindar un panorama de cómo lucen las cosas, o bien, cómo el visitante del sitio vería las cosas en caso de utilizar cualquiera de los navegadores mencionados.

Como desarrollador, y una vez que contamos con la posibilidad de tener la perspectiva del visitante, sin importar el navegador que utilice (diseño x-browsing), queda entonces emplear CSS y sacarle el jugo para que nuestro diseño luzca tal y como se le presentó en sus inicios al cliente.

Os dejo con un post que un amigo hizo hace unos meses en relación a la tan discutida batalla de navegadores, en marvcar.

RSS y Sindicación - Lo básico que hay que saber

2009-03-25T23:11:00.004-05:00

Hace un tiempo atrás se nos planteó la idea de implementar sindicación web en una de las aplicaciones que manejamos, la solicitud ha quedado en stand-by ya que hemos tenido que atender otros proyectos de mayor importancia, y a pesar de que ya había escuchado acerca de dicha tecnología, en cierta forma desconocía mucho al respecto. De igual forma, hace unos días en la universidad el tema salió a colación, y pese a que un compañero se tiró al ruedo e intentó sacar de dudas a la profesora, el intento pareció fallido... por la tanto... he procedido a hacer la respectiva investigación, para que para la próxima, pueda hacer mis respectivas contribuciones.

RSS, de sus siglas en inglés Really Simple Syndication (Sindicación Realmente Simple, siendo sindicación una traducción incorrecta, pero de uso muy común), es un estándar creado para distribuir contenidos, usualmente novedades, de sitios web a través de un canal distinto de la propia página web generadora. Podría incluso llamársele como un canal alternativo más de distribución como lo son los populares weblogs, quienes a su vez suelen incluir un archivo RSS para que los lectores se suscriban y se mantengan al día acerca de las novedades publicadas.

La explicación puede tornarse un tanto compleja si ahondamos en los respectivos tecnicismos, por lo cual os dejo con un video que me pareció muy instructivo, e ilustra muy bien el concepto y cómo hacer uso del mismo.

En resumidas cuentas podríamos mencionar las siguientes ventajas que dicha tecnología presenta:

El RSS está desbancando a otros medios como las suscripciones a boletines de novedades de estar al día sobre sitios web.
Tanto los contenidos como los programas para leer RSS son gratis.
Weblogs, portales, diarios en-línea, sitios corporativos, sitios especializados, catálogos y novedades de sitios de ecommerce. Se pueden encontrar archivos RSS de cualquier tema imaginable.
Te permite estar al día de tus temas de interés, sin tener que estar visitando constantemente tus sitios favoritos, los contenidos "vienen a tí".
Tú decides a qué contenidos te suscribes.
Para suscribirte no es necesario dar tu cuenta de correo evitando que tu dirección quede registrada en bases de datos fuera de tu control.

Fuentes consultadas:

+ Qué es RSS
+ RSS y Sindicación

Hacks CSS... gracias MS!

2008-12-30T14:25:00.005-05:00

Hace poco estuve trabajando en el desarrollo de un sitio... y ya que hoy en día está de boca el término de cross-browsing, y creyendo que el mismo ya lo tenía dominado, vendí el producto como tal... "lo que ven aquí (haciendo mención al diseño original una vez aprobado), lo van a ver igual en cualquier browser"...

En la fase de desarrollo suelo trabajar con firefox como navegador base (ya que el mismo ofrece varios módulos que resultan de utilidad al momento de debugar), al momento que logro que el diseño elegido esté completo y se visualiza correctamente aquí, trabajo con IE7 para afinar detalles y demás, porque clásica, a MS no le gusta seguir los estándares que prácticamente todos los demás navegadores sí.

No obstante, y porque el producto se deseaba para ayer, clásica del cliente, el producto se publicó con una pequeña línea blanca que no lograba eliminar de IE7. Un par de días después de la publicación del mismo, logré eliminar la línea blanca, y yo confiado que todo estaba resuelto.

Un par de días después, el cliente me llama y me dice: "vimos el sitio en otra computadora, y salía todo como desordenado, yo necesito que eso se vea bien en todos lados... qué pasó???"... a todo esto yo disque, debe ser que está viendo caché... y luego de una reunión que tuvimos, me mostró el error... y para mi sorpresa... era IE6...

Una sesión de rompedera de cabeza siguió ante este descubrimiento... y a pesar de que anteriormente había leido algo al respecto, hasta este entonces fue que vine a tratar con los famosos hacks CSS.

Muchas páginas visité... pero no fue hasta que encontré un artículo publicado por MoebiuZ (http://www.moebiuz.org/microtrucos/.../) que di con el asunto. A diferencia de otros artículos con que me topé que decían cosas como: hack definitivo y títulos de ese tipo... este artículo fue el que me ayudó a resolver la visualización cross-browsing del sitio.

Lo que más me sorprendió... es que los hacks, o por lo menos hasta donde entendí, han sido creados para compatibilizar el diseño con los productos IE de MS. Como dirían: "hasta cuándo la lucha?".

En resumidas cuentas... los hacks funcionan de la siguiente forma:

a nivel de html, se asigna la clase al tag deseado
en el archivo .css se definen las clases para los navegadores deseados (ver enlace proporcionado para mayores detalles)
cuando le navegador carga la página, el mismo se encarga de interpretar su definición de clase en el archivo .css, e ignorar aquellos que no logre interpretar.

En espera de que el artículo les sirva de introducción al tema, contada a través de una experiencia vivida, los dejo una vez más con el enlace al artículo donde se explica en detalle el tema: http://www.moebiuz.org/microtrucos/hacks-css-para-mostrar-paginas-casi-identicas-en-firefox-ie6-e-ie7/.

Mucho trabajo... poco tiempo!

2008-12-29T11:03:00.002-05:00

De tiempo en tiempo me doy una vuelta por el blog, y hoy, vengo a darme cuenta que ha pasado ya más de un año (un año y pocos días) que no he publicado nada... y se podría interpretar como que no ha pasado mucho, puesto que al final de cuentas, el objetivo de este blog es el de publicar experiencias y conocimientos, para compartirlos con ustedes.

Pues comento que muchas cosas han pasado en este año, y espero ponerme al día, y poder hacer un buen resumen de todo lo aprendido, y más ahora que estamos finalizando el año, lo peor que pueda pasar es que este sea el post de este año e inicie el 2009 con la debida actualización, pero haremos todo lo posible para poneros al día.

En resumidas cuentas, estas han sido las principales áreas en las que he estado trabajando:

estudios en gestión y administración de proyectos: los cuales han consumido gran parte del tiempo
implementación de infraestructura PKI (Public Key Infrastructure)
hacks CSS: después de todo el dolor de cabeza es gracias a MS

Sin más por el momento... nos vemos dentro de un rato con la actualización... hasta entonces.

Posicionamiento con CSS - I

2007-12-12T10:22:00.000-05:00

El posicionamiento con CSS es un tema que, a mi consideración, todo diseñador web debe conocer, y hasta cierto punto, dominar. En lo personal, este campo es un mundo, y cada vez que me toca diseñar un sitio, la consulta de tutoriales y la investigación, el uso de la famosa técnica universal del ensayo y error, nunca falta. En síntesis y al grano, mediante esta técnica se alcanza máximo control sobre el lugar que cada elemento de una página Web ocupará dentro de la propia página, así como el manejo de capas, entre otras cosas.

Se podría decir que mediante el empleo de esta técnica, se trabaja sobre el nombrado desarrollo en capas, en este caso en particular, se llega a separar la presentación del contenido, con lo cual se logran las siguientes ventajas:

posicionamiento Web, al hacer que el código de tus páginas Web sea más limpio y claro a los ojos de los robots de búsqueda
aumento en la densidad de las palabras clave dentro de los contenidos
disminución en el peso de las páginas Web
mejora en las operaciones de mantenimiento del sitio completo
visibilidad cross-browsing, al lograr que nuestro sitio se vea igual en todos los navegadores, claro está, esto involucra trabajo adicional, al menos hasta que todos los navegadores se pongan de acuerdo en interpretar de igual forma los estándares

La W3C en las especificaciones publicadas al respecto (ver fuentes consultadas) explica cómo estas especificaciones soportan posicionamiento de contenido (el tema en discusión), descarga de fuentes, diseño de tablas, internacionalización, numeración y contadores automáticos, y algunas propiedades relacionadas con la interfase del usuario.

Los DIVs

Muy de la mano con el posicionamiento con CSS está la utilización de los DIVs. Un DIV es básicamente un contenedor, en el que podemos meter cualquier clase de contenido, con la gran ventaja de que los podemos manipular a nuestro antojo con CSS, colocarlo en cualquier parte de la página, de cualquier tamaño, de cualquier color, con bordes o sin ellos, con imágenes de fondo o sin ellas.

Para lograr que el posicionamiento no se vuelva complicado, hay que tener en cuenta que la organización en el código HTML es muy importante, tener bien estructurados los elementos nos facilitará el trabajo con CSS, con esto algunos expertos hacen mención a la utilización de código semántico.

Esto significa que debemos trabajar en el código HTML para que este se encuentre bien organizado jerárquicamente.

Fuentes consultadas:

+ http://www.ignside.net/man/css/posicionamiento.php
+ Especificación CSS2
+ Tutorial de posicionamiento
+ Ventajas de CSS al posicionamiento Web

getElementsByName, una más a la lista

2007-08-19T15:16:00.000-05:00

En algún momento tenía que suceder, un extracto de 10 elementos se iba a quedar corto para la pequeña biblioteca de funciones javascript. Aquí les va la siguiente función, en realidad, claro está, dependiendo de dónde se le desee aplicar y cómo, les puede resultar de bastante utilidad.

getElementsByName

Esta función regresa una colección (array) de todos los elementos que tengan un atributo name igual a la cadena que recibe como parámetro. Esta se ha de utilizar tal y como se haría con getElementsByClass, a diferencia que esta recibe solo un parámetro: el nombre de los objetos a buscar.

Ojo!... no funciona en browsers que no sean Mozilla, para variar (punto para Firefox)... He aquí el código a utilizar en IE para implementar esta funcionalidad:

function getElementsByName_iefix(tag, name) {
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}

Como parte de la investigación para dar con el código (proporcionado por el Supervisor de Desarollo de nuestra unidad de trabajo) di con este sitio muy útil en donde se hace una comparación entre los principales navegadores de la actualidad acerca de la compatibilidad de las funciones descritas en el W3C DOM, realizado por Peter-Paul Koch.

Fuentes consultadas:

+ http://www.quirksmode.org/dom/w3c_core.html
+ http://www.quirksmode.org/dom/tests/named.html

Cómo utilizar getElementsByClass()

2007-08-16T15:43:00.000-05:00

Al principio me pareció una función muy útil, pero no fue hasta el momento en que decidí utilizarla que me di cuenta que sería productivo mostrar cómo y no simplemente nombrarla como una función de gran utilidad.

Esta función no pertenece precisamente al grupo de funciones predefinidas de Javascript, razón por la cual, al googlear esta función nos aparecerán muchas versiones de ésta, ya que muchos desarrolladores han encontrado en ella una gran utilidad, y al no encontrarse dentro del grupo de funciones prestablecidas, todos escriben su propia versión.

En esta ocasión, les presento la versión de Dustin Diaz:

function getElementsByClass(searchClass,node,tag) {
var classElements = new Array();
   if ( node == null )
      node = document;
   if ( tag == null )
      tag = '*';
   var els = node.getElementsByTagName(tag);
   var elsLen = els.length;
   var pattern = new RegExp('(^\\s)'+searchClass+'(\\s$)');
   for (i = 0, j = 0; i < elsLen; i++) {
      if ( pattern.test(els[i].className) ) {
         classElements[j] = els[i];
         j++;
      }
   }
   return classElements;
}

Ahora bien, cómo utilizarla?

El primer parámetro, el nombre de la clase, debe proporcionarse como cadena. Los otros parámetros son opcionales, pero se han de proporcionar para limitar la búsqueda en el D.O.M.

He aquí un ejemplo de más o menos cómo implementar el código:

var myEls = getElementsByClass('myClass');
for ( i=0;i<myEls.length;i++ ) {
   // do stuff here with myEls[i]
}

Fuentes consultadas:

+ http://www.dustindiaz.com/...
+ http://www.snook.ca/.../your_favourite_1/

Compendio 10 funciones de JavaScript

2007-07-16T10:38:00.000-05:00

En busca de cómo mejorar la funcionalidad del lado de cliente de una de nuestras aplicaciones, me encontré con una serie de sitios que daban a conocer un listado de 10 funciones javascript, las más usadas, algunos de esos sitios coincidían en la mayoría de las funciones, otros, mostraban diferentes.

Por mi parte, os muestro las 10 funciones javascript que considero de mayor uso genérico, y que por una u otra razón, necesitamos tener a mano como referencia, ya que son las que solemos utilizar más a menudo.

Función 1. getElementById()

var elemento = document.getElementById(id);

Este método pertenece al objeto document. Con él obtendremos el objeto que hace referencia al elemento con un id en concreto.

Función 2. getElementsByTagName()

var array_elementos= elemento.getElementsByTagName(tag);

Sirve para obtener un array con todos los elementos con un tag concreto que están contenidos dentro de un elemento. Por ejemplo: deseamos cambiar el color del texto de todos los elementos con tag “A” contenidos dentro del elemento con id “links”:

<a href=”/”>Home</a>
<div id=”links”>
      <a href=”http://google.com”>Google</a>
      <a href=”http://ubuntu.com”>Ubuntu</a>
      <a href=”http://debian.org”>Debian</a>
</div>

<script type=”text/javascript”>

// Obtenemos el elemento con id “links”
var el = document.getElementById(“links”);

// Ahora obtenemos todos los elementos con tag A que hay
// dentro del elemento 'el'
var as = el.getElementsByTagName(“A”);

// Y finalmente recorremos el array de elementos para
// cambiarles el color a cada uno
for (var i=0; i<as.length; i++) {
      as[i].style.color = '#000'; // negro
}

</script>

Función 3. join()

var string = array.join(string);

El método join() pertenece al objeto Array (todos los arrays en JavaScript son un objeto Array), y nos servirá para unir todos los elementos de un array para forma una cadena de texto. Es el equivalente en PHP a implode().

Función 4. split()

Al igual que join(), split() también es un método del objeto Array, aunque sirve exactamente para lo contrario: dividir una cadena de texto en un array.

Truco: Usados ambos métodos conjuntamente podremos crear una función para sustituir un texto por otro en una cadena dada:

Función 5. focus()

elemento.focus();

Con este método conseguiremos pasar el foco a un elemento de un formulario.

Función 6. setTimeout() / setInterval()

var temporizador = setTimeout(funcion, milisegundos);
var intervalo = setInterval(funcion, milisegundos);

Ambos métodos (objeto window) nos sirven para ejecutar código javascript cada x milisegundos, bien para que se ejecute una sóla vez (setTimeout) o bien para que se ejecute ilimitadamente (setInterval). Ambos se pueden cancelar mediante clearTimeout(temporizador) y clearInterval(intervalo).

Función 7. addLoadEvent()

Se trata de una versión exclusivamente para el objeto window en el evento onload, de forma que podremos asignar una serie de funcionalidades a nuestro evento onload y ver el resultado al finalizar la carga de nuestra web. Tambien es posible usar addEvent() para realizar lo mismo. Creada por Simon Willison.

Funicón 8. getElementsByClass()

Una gran función que mediante un nombre de clase (CSS), podremos encontrar los elementos que la compongan, devolviendo un arreglo de objetos para trabajar con ellos de forma más cómoda. Originalmente no fue creada por nadie en particular aunque con el tiempo los desarrolladores han ido añadiendo mejoras para depurar la función. Más acerca de esta función.

Función 9. getCookie(), setCookie(), deleteCookie()

La implementación de estas funcionalidades en PHP es más fácil.

Función 10. alert() / confirm() / prompt()

alert(mensaje);
var resultado = confirm(mensaje);
var resultado = prompt(mensaje, valor);

Con estos métodos (objeto window) mostraremos ventanas modales al usuario. Con alert() simplemente, como hemos visto en otros puntos, mostraremos un mensaje. Con confirm() haremos exactamente lo mismo, pero además obligará al usuario a seleccionar entre dos opciones, una positiva y otra negativa, que se devolverá como parámetro (boolean). Y con prompt() pediremos al usuario que introduzca un texto en una ventana modal.

confirm() es muy útil para confirmar clics en enlaces comprometidos, que hagan operaciones críticas como eliminación de datos.

Fuentes consultadas:

+ http://.../diez-funciones-imprescindibles-en-javascript/
+ http://.../top-ten-javascript
+ http://.../las-10-mejores-funciones-de-javascript/
+ http://www.desarrolloweb.com/articulos/705.php

Escribiendo Código Legible

2007-06-02T22:00:00.000-05:00

Actualmente nos encontramos trabajando en una aplicación, de esas que uno llamaría "grandes" y "de alto impacto". Como es usual, debemos entregarla en tiempo record, y dado la naturaleza de los requerimientos solicitados, tiempos de entrega y demás variables involucradas en la gestión de este proyecto, el equipo de desarrollo se encuentra, en su totalidad, trabajando tanto a nivel de codificación, programación, análisis, diseño, control de calidad... en esta aplicación.

Es entonces en este tipo de proyectos, en donde no es uno, ni dos, sino varios programadores los que se encuentran codificando diversos módulos en la misma aplicación y que en un momento estarán interactuando, que uno se da cuenta de la necesidad de escribir Código Legible, ya que por la naturaleza del desarrollo, no es el autor del código el único que va a leer sus creaciones, sino que en alguna instancia, otro programador se va a ver en la necesidad de leer su lírica (por decirlo de alguna forma)... y de verdad, hay veces, la mayoría, que en lo personal cuando veo el código de otro compañero, me pregunto "qué m.... es esto???"... no les pasa a veces?

Comentar el código no es algo que debe dejarse para luego, para después de que la aplicación se entregue, y mucho menos... no hacerlo, es algo que se debe realizar sobre el camino. Claro está, comentar código es una de las tantas técnicas disponibles para escribir código legible.

"Como desarrollador, el tiempo es tu recurso más valioso ... un minuto dedicado a escribir comentarios puede ahorrarte una hora de angustia" - Jeff Vogel

En esta ocasión presento un resumen de un artículo que me encontré hace un par de días, y no precisamente es uno de esos artículos escritos hace meses o años, es uno realmente nuevo: "Six ways to write more comprehensible code" (Seis formas de escribir código más legible) escrito por Jeff Vogel, Presidente de Spiderweb Software. En éste, el autor dicta seis consejos para escribir código legible basado en sus más de 10 años de experiencia como desarrollador de juegos de computadoras.

Parece mentira pero cuando lean los consejos que presenta este artículo, dirán: "esos eran los consejos?... pero si eso ya lo sabía!"... y es verdad... todos sabemos que esto se debe hacer... el detalle es que no lo hacemos. Semejantes reglas o mejores prácticas son estrictamente seguidas por grandes empresas como Infosys Technologies Ltd., los desarrolladores y programadores que trabajan en compañías como estas deben seguir estrictamente ciertos lineamientos al momento de escribir códigos, ya que son fuertemente evaluados cuando sus desarrollos llegan a Control de Calidad.

A continuación un extracto de los consejos presentados en el artículo en cuestión:

Escibe comentarios inteligentes:
El Tiempo es tu recurso más valioso. El tiempo perdido jamás podrá recuperarse. Los comentarios deben ser claros como el agua, de otra forma se estará desperdiciando tiempo futuro. No deben ser tan largos que te duerman, ni tan corto que no logren explicar o describir una idea concisa. Tampoco es que se va a comentar lo obvio.

Utiliza constantes. Pero no MUCHO:
Tanto el uso de constantes como el lugar donde éstas se definen es de gran ayuda al momento de hablar de mantenimiento. Muchos programadores saben, hasta cierto punto, hacer este tipo de cosas. Pero ello requiere disciplina para hacerlo adecuadamente. Y no solo ello, sino también el nombrar adecuadamente estas constantes influye directamente en el objetivo, lo cual nos conduce hacia el siguiente consejo.

No uses confusos nombres de variables:
El objetivo general es simple: escribe código de tal forma que, si alguien lo lee y no tiene idea de qué es lo que hace, pueda entenderlo y saber lo que hace tan rápido como sea posible.
La estrategia para lograr esto es dar buenos nombres descriptivos a tus variables, procedimientos y similares.

Haz revisión de errores:
Al momento de crear tu procedimiento/función, debes siempre pensar: "Supongamos que a alguien se le ocurre la brillante idea de meter todos estos incoherentes e insensatos valores. Cómo se defenderá mi código y evitará que se congele el sistema o incluso la máquina?" A partir de esta suposición que entonces tengas que escribir tu código y validarlo contra esta carga de extraños valores.

"La optimización prematura es la raíz de todo el mal" - Donald Knuth:
La raíz de la frase expuesta, pueden encontrarla rápidamente y en su versión original en inglés en Wikipedia.
A menos que desees hacer sufrir a la gente, tu principal meta, al escribir código, deber ser claridad. El escribir código simple es bastante rápido, bastante rápido el entenderlo al regresar a él, y bastante rápido de corregir.
La optimización es el enemigo de la claridad. A pesar de ello, a veces, se debe optimizar.
Escribe algo limpio, claro y que funcione. Tienes todo el tiempo del mundo para optimizar posteriormente. El detalle está en no hacerlo sino hasta estar seguro de que lo que intentas hacer, se esté haciendo de la forma correcta.

No juegues de Sabelotodo:
La moraleja aquí es que si el código que estás escribiendo requiere conocimiento detallado de reglas intrincadas de precedencia o te conduce a echar un ojo a algún capítulo de uno de esos libros para saber lo que estás haciendo, estás siendo un sabelotodo.
"Si tu código requiere conocer la diferencia entre i++ y ++i ... tu código es demasiado complicado", Jeff Vogel.

Una vez más, estos son consejos, leves tips para mejorar la legibilidad de tus códigos y hacerle la vida un poco menos complicada a tus compañeros de trabajo, lo importante aquí es tomarlos en cuenta.

Fuentes consultadas:

+ Six ways to write more comprenhensible code
+ Notación Húngara

.NET vs Java

2007-01-23T07:34:00.000-05:00

Retomando el curso acerca de artículos técnicos, empecemos el año haciendo esta vez referencia a una polémica batalla, de la cual en lo personal no había notado su existencia, shame on me, en la cual MS (.NET) y Sun (Java) están involucrados.

Desde ya hace tiempo había tenido interés en aprender a desarrollar en Java, por lo que se escucha de lo robusto y seguro de este lenguaje de programación, y su aplicación en el área de desarrollo para dispositivos móviles, tales como celulares, PDAs, y similares. De hecho, cuento con un diplomado en esta tecnología, del cual en realidad no me siento muy orgulloso puesto que el tema en realidad no lo domino tal y como suena, ya que no lo he puesto en práctica, dado que a mis manos no han llegado trabajos para desarrollar sobre esta tecnología, además, el trabajo no me deja mucho tiempo tampoco como para ponerme a desarrollar por mi mismo, y si así nos vamos, por excusas no hay problema.

No obstante, ahora mismo estoy aprendiendo .NET, y para los que no conocen muy bien acerca del tema, me estoy refiriendo especifícamente a C#, el cual es la punta de flecha de la tecnologia .NET (desde el punto de vista de los lenguajes de programacion que soporta), la cual en sí es un compendio de tecnologías desarrolladas por MS soportando varios de sus lenguajes de programación así como los de otras compañías.

Ahora bien, basado en esta introducción, puedo decir que al momento, cuento con conocimientos básicos de Java y de .NET, basado en esto, y en los comentarios que he escuchado de algunos compañeros de estudio, surge esta pregunta, que luego de investigación, veo que es una batalla que existe en la actualidad, y ya desde hace años: .NET o Java?

Más que tratar las diferencias de ambas tecnologías (información que encontré en la sección .NET vs Java del artículo Introducción a la plataforma .NET y Mono escrito por Patxi Echarte, el cual me pareció bastante completo), deseo exponer mi punto de vista.

MS, hoy en día, está en cada esquina, se puede encontrar casi en cualquier lado del mundo tecnológico: consolas de video juegos, computadoras, softwares, lenguajes de programación... lo que la mayoría, sino todos discute es la forma como MS "monopoliza" el mercado. En esta ocasión, estamos hablando de POO (Programación Orientada a Objetos).

Al realizar una búsqueda en la web por POO, una de las primeras coincidencias que vamos a encontrar se relaciona con Java. MS no se podía quedar atrás, y hasta cierto punto, su solución (C# / .NET) parece tener ciertas ventajas sobre Java. Solo por encima, algunas de las ventajas que .NET ofrece sobre Java son:

interoperabilidad de múltiples lenguajes

fácil intercomunicación entre aplicaciones (mediante la implementación de SOAP. La teoría dice que la capa de Web Services es uno de los puntos fuertes de .NET)

fácil entrega: los assemblies generados son archivos auto-identificables a diferencia de los paquetes generados por Java

Hace semanas, unos compañeros discutían entre cuál herramienta es mejor, si Flash de Macromedia o Swish, de repente, podemos estar ante una discusión algo relativamente semejante.

No obstante, algo cierto podría decir, MS, por la razón que sea, está presente en cada máquina; de igual forma, por la razón que sea, sus herramientas y tecnologías son las más esparcidas entre un grupo de desarrolladores. De la misma forma, por alguna razón, las herramientas (los IDEs) que desarrollan para desarrolladores, son relativamente más amigables que otras soluciones disponibles. Por esta razón quizás entonces hay que darle un voto a MS, y en este caso en particular, a .NET.

Hasta donde pude investigar, MS se ha dado cuenta que estaba quedando fuera del mercado porque todo lo que desarrollaba podía correr únicamente sobre plataformas MS, y poco a poco, ha estado haciendo alianzas robustas para que sus aplicaciones y las aplicaciones que se desarrollan sobre esta plataforma, pueda correr sobre las plataformas competidoras; un ejemplo de ello, el proyecto MONO.

Qué opinan al respecto: .NET o Java?

Fuentes consultadas:

+ Comparando JSP con ASP; http://www.desarrolloweb.com/articulos/832.php
+ .NET vs. Java, la guerra sigue; http://www.tectimes.com/secciones/notas.asp?codnota=13494
+ .NET vs Java; http://www.wikilearning.com/net_vs_java-wkccp-11990-6.htm
+ http://www.codenotes.com/home/baseAction.aspx
+ Proyecto MONO; http://es.wikipedia.org/wiki/Proyecto_Mono

Cumpleaños en Bangalore

2007-01-22T08:14:00.001-05:00

En esta ocasión deseo compartir con ustedes cómo fue la celebración de mi cumpleaños por este lado del mundo.

Antes que todo, quiero agradecerle a mis amigos y familiares por las felicitaciones, y a mis nuevos amigos aquí en Mysore, por el trip de fin de semana que hicimos a Bangalore, el cual le dio un toque particular a la celebración.

Todo inició el día de mi cumpleanos, Viernes, cuando a las finales nos pusimos de acuerdo los 9 que estábamos saliendo, para salir definitivamente a Bangalore, trip que se estaba desvaneciendo porque al parecer no había hoteles disponibles en dicha ciudad. No obstante, nuestro espíritu aventurero fue más fuerte que las adversidades que en el momento se estaban presentando.

Salimos entonces en la noche, y viajamos en tren hasta Bangalore... durante el viaje, la pasamos bien en el tren, haciendo desorden (muy característico de los panameños), y hasta conocimos a unas israelies que estaban viajando hacia otra ciudad (Chenai), les llamó la atención el desorden que teníamos, y hasta me cantaron el cumpleaños en israeli (pregúntenme si entendía algo, o si en realidad estaba seguro que eso era lo que me estaban cantando, jajaja), jeje... una de ellas muy bonita por cierto. Mis amigos me regalaron un clásico dulce de cumpleaños (brought to you thanks to Coffee Day, como era de esperar), el cual comimos en el tren, y claro está, el cual compartí con los nuevos contactos israelies, jeje... quienes compartieron con nosotros algunos lugares a los que podíamos pasarla bien en Bangalore... ya que despues de todo... nuestra aventura se basaba en salir, y pasarla bien, no teníamos paradas planeadas, ni lugares fijos donde quedarnos... y cada minuto que pasó... la pasamos súper... mejor que si lo hubiéramos planeado... y a pesar de que fueron nada más 2 días... para nosotros pareció como una semana... a lo mejor lo disfrutamos tanto por los niveles de estrés y presión que vivimos en el Centro de Entrenamiento donde estamos, en el cual estamos aprendiendo bastantes cosas técnicas muy productivas en el área de sistemas y programación.

El principal lugar donde estuvimos en la ciudad, se llama M.G. Road, y a su vez nos pudimos percatar que es un lugar bien turístico, por la cantidad de tiendas que hay, y las personas que circulan en dicha zona... puros europeos, jeje...

Pudimos disfrutar de las delicias de un KFC, un Subway... y ya... jajaja... no es mucha la variedad de la cual podemos disfrutar... y claro está... de un Coffee Day, franquicia que está dispersa en toda India... puedes encontrar un Coffee Day cada 3 kms en lugares bastante transitados... buen café, buenos panes y dulces... un buen lugar para pasarla bien... y tal y como dice su slogan: "A lot can happen over a coffee".

Bienvenido 2007, New Delhi

2007-01-03T08:23:00.000-05:00

Another non-technical post for my family and friends...

Luego de unas semanas pesadas, estudiando hasta las 0300... llegó la navidad, y el fin de año... lo bueno de esto, es que ambas fechas cayeron en fin de semana, por ende, tuvimos un día más libre... la navidad aquí la pasamos en un restorant tipo resort cerca del Centro de Entrenamiento, aquí en Mysore, y parte fue patrocinada por la compañía... pero el año nuevo, acerca de éste es que en esta ocasión les voy a contar cómo terminó el 2006 para algunos de nosotros.

Un grupo de 16 personas salimos en un tour hacia el Taj Mahal.

Nuestro viaje inició el viernes 29, saliendo a eso de las 1500 del Centro de Entrenamiento, hacia Bangalore... fue un viaje de unas 4 hrs por tierra ... 2 taxis tipo camioneta, 8 personas más el conductor en cada uno. Llegamos al aeropuerto de vuelos internos en Bangalore a eso de las 1900, para salir hacia New Delhi (la capital de India) una hora después de haber llegado. Viajamos en la aerolínea más grande de India, Kingfisher, marca que resulta ser también la cerveza nacional del país. El vuelo duró unas 2hrs y media, aproximadamente, y desde aquí empezó nuestro fin de año... a otro nivel.

Un bus de la agencia de viajes nos recogió, y para colmo de males, en primera instancia, como que no sabía dónde quedaba el hotel adonde íbamos, y por poco y nos deja en un convento... pero luego de un par de vueltas, llegamos a nuestro destino, el Florence Hotel. El ambiente cuando llegamos fue algo tenebroso, pero ya en el día cambió bastante. El hotel en sí, muy bueno.

El sábado fue un día de turismo interno en New Delhi... el guía, nos llevó a visitar, la Casa Presidencial, algunos ministerios cuyos edificios fueron construídos por los británicos, cuando India estaba gobernado por ellos. Luego fuimos al Indian Gate, monumento histórico parecido al Arco del Triunfo en París, construido para conmemorar la muerte de soldados indios en la I Guerra Mundial y la Guerra Afgana. Fuimos tambien al Qutab Minar, el cual es una torre construida por etapas en diversas épocas, es un monumento relacionado con la religión musulmana. Visitamos un Templo Bahai, esta religión, hasta donde pude leer, invita a todos, sin distingo de credo o religion, a adorar al Creador del Universo y a expresar el amor entre Dios y el hombre. Existen 8 templos alrededor del mundo, y uno, queda en Panamá, cosa que no sabía, jeje...

En la noche visitamos la región comercial más famosa de New Delhi, llamado Connaught Place, donde vimos muchos lugares... sobre todo las compañeras hicieron y deshicieron en el lugar, con las compras... desde ya, se vivía en la zona el ambiente de fin de año... fuegos artificiales, música en la plaza... gente por todos lados... encontramos un TGI Fridays, McDonald's, KFC... y muchos restaurantes, donde nuestros estómagos se deleitaron... la noche terminó en una discoteca llamada Blues... donde pusimos a mover el esqueleto.

El domingo inició temprano... viajamos hasta Agra, donde se encuentra el Taj Mahal. El viaje duró unas 6 hrs... en tierra... nos llevó un bus, que iba como a 60kph... el recorrido era de nada más 200kms. Al llegar a la ciudad... pasamos toda la tarde en este hermoso monumento que cuenta una historia de amor, la cual para no hacerles largo el cuento, los refiero a esta dirección donde pueden leer la historia.

Salimos rápido a eso de las1600, luego de comer en un buen restorant de la localidad... para llegar a tiempo para celebrar el fin de año en New Delhi. A penas llegamos al hotel, la idea era salir de inmediato... una vez más... nos extendimos, porque las compañeras se estaban asicalando. Viajamos en 4 rishus (taxis motos muy autóctonos del país), 4 por rishu... no pudimos llegar hasta el mismo Connaught Place, ya que las calles estaban cerradas por la festividad... el frío ya se sentía, podía estar a unos 7 grados C... y la neblina hacía que el ambiente pareciera una escena de la clásica película de Jack El Destripador en London... no obstante, caminamos nuestro kilómetro para llegar a la plaza... y la muchedumbre era impresionante... como nuestros bolsillos estaban algo ya averiados por el viaje, terminamos en un restorant, muy bueno, United Coffee House, al cual luego fueron llegando los otros compañeros que habían salido en las otras rishus... muy emotivo el momento... luego de un rato en el restorant, salimos a caminar, muy fría la noche y con bastante neblina... tomamos nuestras rishus... y de regreso al hotel.

Al dia siguiente, nuestro vuelo estaba planeado para salir a eso de las 1700... así que, nos pudimos levantar un poco tarde, y salir de compras al Connaught Place. Ya en el aeropuerto, el ambiente se podía sentir pesado... cada cierto rato, anuncios de vuelos retrasados por neblina se escuchaban... medias horas pasaban, y el anuncio de vuelos retrasados era lo que se escuchaba... hasta que despues de un par de horas... TODOS LOS VUELOS FUERON CANCELADOS por el estado del tiempo, el aeropuerto fue cerrado, y la multitud ya se ponía histérica... gracias a Dios la aerolínea nos puso en un excelente hotel: Le Meridien (para los curiosos pueden encontrar más información acerca del hotel en este enlace). A pesar de que para nosotros era como estar en el hotel más yeye de New Delhi, luego nos dijeron que no era así... pero para nosotros sí lo fue. Pasamos la noche en este hotel, nosotros 16, y la gran mayoría de los pasajeros de las aerolíneas que estaban "saliendo" ese día y cuyos vuelos fueron cancelados. Cenamos bien chévere, fiestamos en la discoteca del hotel, al día siguiente desayunamos (bacon, uno de los ingredientes que más disfrutamos...)... y la pasamos... outstanding...

Al día siguiente (martes)... regresamos al aeropuerto, y el estado del clima no mejoraba mucho que digamos... aún en las noticias se veían anuncios de vuelos que estaban retrasados y siendo cancelados por el estado del clima (mucha neblina)... pero gracias a Dios, conforme transcurría la mañana, la neblina desaparecía... estuvimos esperando unas 4 a 5 hrs hasta que nuestro vuelo salió.

En resumidas cuentas... un excelente fin de año, que puedo resumir en las siguientes palabras: amistad, convivencia, unidad, vividos por todos los que disfrutamos de esta experiencia... Taj Mahal, New Year Eve on New Delhi, hoteles de lujo, un excelente trip. Para vistas durante este grandioso fin de semana, pueden visitar mi album de fotos.

Ahora... de vuelta a los estudios...

En Mysore, India

2006-12-15T06:57:00.000-05:00

Esta vez voy a hacer un parentesis en cuanto a informacion tecnica se refiere, y les voy a comentar acerca de mis primeros dias en el Infosys Leadership Institute, ubicado en Mysore, India, en donde estare los proximos 3 meses.

De un grupo de 98 panamenos seleccionados para tomar esta beca, patrocinada por Infosys (la 2da empresa mas grande en India en cuanto a desarrollo de software se refiere), mi grupo llego hace como 1 semana, luego de haber hecho escala en Caracas y en Paris.

En Caracas pasamos un dia completo, el hotel fue pagado por la aerolinea... ese dia llegamos en la noche, asi que paseamos algo hasta el dia siguiente.

El hotel nos quedaba como a 15 min en carro del aeropuerto Simon Bolivar. El lugar me recordo a Puntarenas, ya que estabamos cerca del mar. Una de las cosas a resaltar de la zona, y me imagino que del pais en general, es la cantidad de carros viejos que habian (bueno supongo que eso en realidad era de la ciudad en donde estabamos)... puros lanchones chevrolets viejos... uno que otro carro nuevo... y el costo del combustible... $US 0.08 por litro de gasolina, y mas o menos $US 0.04 por litro de diesel... cuando tendremos esos precios en Panama???, jajaja.

En Paris estuvimos solo un par de horas para hacer el cambio de avion... algo comico acontecio cuando llegamos... en realidad durante todo el vuelo... el vuelo (9 horas) tuvo sus buenas turbulencias desde que salimos de Caraca, hasta que llegamos a Paris... era un airbus 747 de AirFrance (si no me equivoco....) ... uno de dos pisos, jeje ... ya cuando estabamos llegando al aeropuerto de Paris... todo iba bien... estabamos cerca de tocar la pista, ya veiamos la pista de aterrizaje, el aeropuerto... todo muy bonito... y de repente... cuando ya todos nos estabamos preparando para el clasico impacto de las llantas sobre la pista... el avio ASCENDIO !!! ... y rodio el aeropuerto, subio sobre las nubes y dio toda una vuelta para intentar aterrizar otra vez... y ya que a las finales no nos enteramos de que fue lo que sucedio... supusimos que habia algun avion en la pista, y el piloto no tomo las precauciones o algo asi... la cuestion fue que, en el momento en que ascendio para dar la vuelta... algunas companeras no aguantaron, y comenzaron a vomitar y a sentirse re mal... jajajajajaja... la cuestion fue que a las finales... todo culmino bien.

El vuelo de Paris a Bangalore, India, estuvo tranquilo (10 horas)... el avion era un airbus 757 de AirFrance (una vez mas si no equivoco, un solo piso) ...

Ya en Bangalore... llegamos, y que aeropuerto!!!... no parecia para nada un aeropuerto comparado a los aeropuertos donde habiamos estado... parecia mas bien como una terminal de buses :-S ... de ahi a nuestro destino final Mysore, tomamos un bus que nos estaba esperando... el paseo de madrugada duro unas 3 horas... hasta que llegamos donde estamos ahora mismo... el centro de entrenamiento mas grande el mundo... el Infosys Leadership Institute... creo q tiene en realidad otro nombre... pero bueno.

Esto aqui... las instalaciones... son 443 hectareas... cuenta con las siguientes instalaciones (en resumen): 1 ginmasio completo, salon de aerobicos, bolos, billar, como 4 canchas de tenis, buco de voleibol, otros juegos que no se ni como se llaman, unas 4 piscinas, una cancha de fulbol de ensueno, otras de cricket, como 3 foodcourts, otros edificios de desarrollo de software, 2 peluquerias, una tienda de ropa, un mini super, 2 companias de telefonia celular, una muralla para escalar, una lavanderia, y buco dormitorios... y entre otras cosas... el edificio donde ahora mismo estamos tomando las clases... recuerdan la comica esta de Los Super Amigos... el edificio donde ellos estaban... asi mismo es el edificio donde tomamos las clases, por ahi les enviare algunas fotos.

Los primeros 3 a 4 dias, estuvimos esperando que los demas companeros llegaran de su vuelo, los que ya habiamos llegado estuvimos disfrutando de las instalaciones, jeje... los siguientes 2 dias estuvimos tomando un curso de comunicacion y relacion de clientes... algo asi, algo tranquilo... los siguientes 3 dias (los que estamos viviendo ahora mismo) han sido una verdadera experiencia tenebrosa !!!! jajajjaa

Desde el primer dia de entrenamiento tecnico (hace 2 dias) hemos estado llegando a la 1-3 de la manana por estar haciendo las asignaciones que nos han puesto... gracias a Dios, llego el fin de semana, y manana estamos saliendo a una gira turistica...

En cuanto a los puntos turisticos, ahi les cuento luego...

Respecto a la comida (algo que muchos me han preguntado) es bien picante y llena de bucos condimentos, al dia de hoy, casi el 75% de los panamenos estan malos del estomago... con fiebre, escalofrios, y esas cosas... que focop !!! ... yo... pura vida... como... y como.... y como, jeje ;-)... en uno de los foodcourt hay un Domino's Pizza... ese ha sido nuestro punto de encuentro varias veces al momento de comer... cuando no vemos cosas "familiares" en los otros restorantes, jeje.

El acceso a internet lo tenemos restringido en las aulas de clases, durante clases, tenemos un cyber, al que vamos para revisar nuestros correos y demas... no hay acceso wireless en el instituto, ni tenemos acceso a internet desde nuestros cuartos... he ahi el por que no he escrito hasta ahora que encontre un espacio...

En realidad, esta semana ha sido muy productiva, y estamos (por lo menos yo) muy emocionado de estar aqui... por ahi escribo de nuevo.

Saludos desde la India !!!

Editor de Texto Enriquecido (RTE) MultiPlataforma

2006-06-24T23:09:00.000-05:00

Muchos de los trabajos web (portales, aplicaciones más que todo) que realizamos contienen formularios, bien sea para que el visitante nos retroalimente con su experiencia al visitar nuestros trabajos, o bien para que se pongan en contacto con nosotros... si hablamos de un foro, para que publique un artículo... enfín, las aplicaciones de los formularios web son infinitas, todo depende de cómo queramos manejar la información y los propósitos que tengamos para con ella.

Cuántos de nosotros hemos observado estos textarea, o campos de texto donde solemos escribir mucha información en varias líneas, que poseen una serie de pequeños iconos (barra de herramientas) -lo utilizan mucho los sistemas de correo vía web, en donde vemos que podemos cambiar el tipo de letra con el que estamos escribiendo, su color, el tamaño, agregar imágenes, tablas, entre otras cosas más... y hemos deseado crear algo semejante, para darle más flexibilidad a la información que el visitante esté cargando a nuestra web vía formulario, pero nos parece algo relativamente difícil de hacer.

Pues bien, he aquí un Editor de Texto multiplataforma que he encontrado y funciona perfectamente, sin mencionar que es gratuito. Como su nombre lo indica su característica multiplataforma, le permite funcionar perfectamente en los principales navegadores web de hoy día (IE5.5+/Mozilla 1.3+/Firefox 0.6.1+/Netscape 7.1+/Mac Safari/Opera 9+).

Su creador, Kevin Roth, ha lanzado la versión 3.03 la cual pueden descargar desde este enlace: http://www.kevinroth.com/rte/.

Para aquellos interesados en saber de antemano cómo funciona, les adelanto un poco la lectura. Este RTE (Rich Text Editor) se basa en la funcionalidad designMode(); introducida en el Internet Explorer 5 e implementado en Mozilla 1.3+ utilizando el API de Edición de Texto Enriquecido de Mozilla.

WebServices desde 0

2006-06-18T17:35:00.002-05:00

Resulta que hemos puesta en marcha públicamente desde ya hace un tiempo uno de los proyectos más ambiciosos de la oficina en donde se reune información que no había sido reunida en un portal como este anteriormente. Dado esto, porqué no utilizar dicha información para cada uno de los sitios web que se están diseñando en la oficina, me pregunté. Bien lo implementé mediante conexión directa a la base de datos de dicho portal, hice conocer la implementación a uno de los compañeros de trabajo, y me comentó que la idea era buena, no obstante, se debía de llevar a cabo mediante un WebService, y no de la forma como lo estaba haciendo.

El concepto de WebService, SOAP, XML y todo este rollo, ya lo había escuchado desde hace un buen tiempo en algunas presentaciones de productos comerciales a los que había asistido, y para serles franco, en el momento que tocaban el tema, era como si se estuvieran dirigiendo a mi en dialectos de quién sabe dónde. Bueno... ahora es el momento para hacer una implementación de este tipo, razón por la cual, el periodo de investigación ha iniciado. En este artículo, el propósito es hacer un pantallazo de lo que es un WebService y lo que conceptualmente se involucra en esta metodología de desarrollo. Posteriormente publicaré algo más técnico para llevar a cabo una implementación de este tipo...

Contraseñas seguras

2006-05-14T21:39:00.000-05:00

Un cliente llega y solicita un sistema que haga un millón y uno de cosas, desde ese momento empieza el ciclo, el estudio, el análisis, el diseño, la programación, las pruebas, la presentación, la entrega... nos preocupamos por un buen diseño de base de datos que sea flexible a futuras modificaciones (ya que siempre las hay), nos preocupamos por una correcta estructura y modelado de datos, el mejor diseño de plantilla tanto de archivos como de variables, las metodologías de acceso a la información, una correcta arquitectura de ésta... no obstante, a veces dejamos atrás un tema muy importante a tomar en cuenta, los niveles de seguridad a implementar para el acceso a la información, en sí me refiero a los niveles de seguridad de las contraseñas utilizadas para ingresar a secciones privadas o de acceso exclusivo de estos sistemas.

Puedo señalar en este momento dos actores en el escenario: (a) el cliente y (b) el programador. Definamos al cliente como el dueño de la cuenta de usuario protegida con una contraseña para ingresar a una sección especial del sistema, dejando fuera las suposiciones, identificaremos a este actor como un ente sin conocimientos avanzados de seguridad, razón por la cual el actor (b), el programador, debe, y es su responsabilidad, tomar las precauciones iniciales para que la cuenta del usuario posea una contraseña segura y darle la oportunidad a éste, de que pueda cambiarla proporcionándole los mecanismo necesarios para llevar a cabo la operación.

La razón por la cual hago énfasis cuando hago referencia a que "el programador, debe, y es su responsabilidad, tomar las precauciones iniciales...", es porque la responsabilidad sobre cuán segura es una contraseña también recae sobre el usuario, al personalizar o cambiar su clave por primera vez. La responsabilidad del programador recae sobre la arquitectura sobre la cual diseña el sistema de contraseñas de usuario, más específicamente, los niveles de encriptación de ésta.

Por la prontitud de cumplir con las fechas de entrega, en ocasiones solemos entregar cuentas de usuario con contraseñas iniciales relativamente inseguras para determinados sistemas, no obstante, debido a los sistemas que hemos estado diseñando últimamente, cuya información es relativamente sensible, en el departamento se ha iniciado una buena práctica de investigación acerca del asegurar que estas contraseñas sean en realidad una llave de acceso única para cada cliente o usuario, con los niveles de seguridad aceptables como para que sean lo suficientemente difíciles de romper o violar. Cada nuevo resultado que encontramos, nos lleva a realizar las actualizaciones pertinentes en los sistemas que se encuentran en producción, asegurando de esta forma que éstos cuenten con la infraestructura necesaria acerca del tema en cuestión.

Para el conocimiento general, dentro de los métodos que suelen ser utilizados para encontrar o romper contraseñas, está la "Suposición", el "Ataque de Diccionario", y el "Ataque de Fuerza Bruta", los cuales consisten en realizar una comparación contra un diccionario de datos (básicamente), hasta dar con la contraseña en cuestión. A partir de aquí, podemos deducir que aquellas contraseñas conformadas por nombres familiares, fechas de nacimiento, direcciones son vulnerables a estos tipos de ataque.

Actualmente hemos estado trabajando en el estudio de mecanismos para que el dar de alta a una cuenta de usuario, sea una operación cada vez más segura y personal.

¿Cuál podría ser la solución para entregar información acerca de cuentas de usuario y su contraseña de manera virtual?. Dependiendo del diseño y claro está las exigencias del sistema, los requerimientos solicitados, el tipo de información que está protegido por contraseña, las siguientes podrías ser algunas soluciones para llevar a cabo la operación, métodos que podrían también aplicar para recordar contraseñas olvidadas:

Entrega vía email: la mayoría de los sistemas, hasta donde he podido notar, entregan la información de la cuenta de usuario vía email a la cuenta de correo electrónico con que el usuario se registró.
Otros mecanismos podrían ser el enviar esta información a dispositivos móviles, como teléfonos celulares, teniendo como premisa que éstos son de uso exclusivo del dueño de la cuenta de usuario.

En una próxima entrega: Métodos de encriptación de contraseñas PHP/MySQL.

Fuentes consultadas:

+ http://es.wikipedia.org/wiki/Contraseña
+ http://world.std.com/~reinhold/diceware.html
+ http://nauscopio.coolfreepages.com/...
+ http://www.microsoft.com/spain/empresas/seguridad/...
+ http://es.wikipedia.org/wiki/MD5
+ http://www.cryptoforge.com.ar/seguridad.htm

Primer acercamiento a AJAX

2006-04-25T11:06:00.000-05:00

Desde que escuché acerca de AJAX, me interesé en el tema y decidí investigar para aprender, utilizar, y poder implementar la tecnología en alguno de los proyectos en los que trabajo, lo cual intenté hacer hace un par de meses, pero la sección en que iba a implementarlo exigía más investigación para realizar las modificaciones pertinentes, lo cual no pude llevar a cabo por cuestiones de tiempo (clásica). No es hasta ahora que he podido implementar AJAX en uno de los proyectos en los que hemos estado trabajando en la oficina desde hace un buen rato, dicha implementación en realidad no fue nada complicada una vez encontré el tutorial adecuado, y en realidad todo está quedando de perlas gracias a la dedicación y paciencia del equipo de trabajo; es por esto que me ha parecido productivo documentar el logro, y compartir conceptualmente lo que he aprendido para que así puedan ponerlo en práctica.

AJAX es un acrónimo en inglés que para algunos quiere decir JavaScript y XML Asíncronos (Asynchronous JavaScript And XML) mientras que para otros es JavaScript y XML Avanzado (Advanced Javascripting And XML)... no obstante, es una técnica de desarrollo web utilizada para crear aplicaciones interactivas...

En esta técnica de desarrollo se ven involucradas ciertas tecnologías que podríamos agrupar en tres capas:

Capa de Presentación: utlizando HTML y CSS

Capa de Interacción dinámica con los datos: utlizando Javascript y el Modelo de Objeto de Documento (DOM, de sus siglas en inglés), y la

Capa de Manipulación de datos: utlizando XML y XSLT, para intercambiar y manipular datos de manera desincronizada con un servidor web (aunque las aplicaciones AJAX pueden usar otro tipo de tecnologías, incluyendo texto plano, para realizar esta labor). El objeto XMLHttpRequest es aquél que interactúa entre el navegador y el servidor web, generalmente con el envío de datos en formato XML (aunque se pueden aplicar otros formatos)

A manera de cultura general, hay que mencionar que Jesse James Garrett es considerado como el individuo que acuñó el concepto, lo cual se puede ver en este artículo.

A grandes rasgos AJAX, al igual que DHTML o LAMP (por ejemplo), no constituye una tecnología en sí, sino varias de éstas trabajando en conjunto.

Cómo funciona?
En las aplicaciones web tradicionales los usuarios interactúan mediante formularios, que al enviarse, realizan una petición al servidor web. El servidor se comporta según lo enviado en el formulario y contesta enviando una nueva página web. Se desperdicia mucho ancho de banda, ya que gran parte del HTML enviado en la segunda página web, ya estaba presente en la primera. Además, de esta manera no es posible crear aplicaciones con un grado de interacción similar al de las aplicaciones habituales.

En aplicaciones AJAX se pueden enviar peticiones al servidor web para obtener únicamente la información necesaria, empleando SOAP o algún otro lenguaje para servicios web basado en XML, y usando JavaScript en el cliente para procesar la respuesta del servidor web. Esto redunda en una mayor interacción gracias a la reducción de información intercambiada entre servidor y clientes ya que parte del proceso de la información lo hace el propio cliente, liberando al servidor de ese trabajo. La contrapartida es que la descarga inicial de la página es más lenta al tenerse que bajar todo el código JavaScript.

En dónde se recomienda usar AJAX?
La lista algunos la resumen a los siguientes elementos, aún así, recordemos que la creatividad es una de las herramientas a las que nos debemos aferrar al momento de trabajar...

Formularios: para lo que es interacción en el manejo de éste, mostrar información al seleccionar un elemento de un menú, autoguardado ...

Rápida comunicación entre usuarios

Envío de votaciones, cajas Si/No, calificaciones ...

Auto-relleno de texto comúnmente introducido

Errores interactivos

Largas consultas y llamadas remotas en ejecución

Almacenado en servidor

… y más …

Como pueden observar, AJAX, bien utilizada, es una técnica de desarrollo web que ofrece numerosas ventajas al navegante o usuario desde el punto de vista de interacción y usabilidad, no obstante, sin abuso se aprovecha mejor, hagan su investigación, el ser autodidacta es una buena práctica que trae buenos resultados. Actualmente estamos por desarrollar un pequeño módulo multimedia para un cliente, y estamos pensando utilizar Flash+AJAX, vamos a ver qué tal nos va, de concretizar la idea, ya se enterarán...

Fuentes consultadas:

+ http://es.wikipedia.org/wiki/AJAX
+ http://ajaxblog.com/
+ http://www.fiftyfoureleven.com/...
+ http://swik.net/Ajax/Places+To+Use+Ajax

Un Diagrama BD de Clases personalizado

2006-04-19T20:50:00.000-05:00

Dentro de todo el análisis y diseño de base de datos que uno puede llegar a realizar en un momento dado para un sistema, uno de los principales documentos a elaborar es el "Diagrama de Base de Datos". Hace unos días discutía con un compañero casualmente por esto, porque según él estos documentos nada más se utilizan para ser presentados en la u como parte de un proyecto o asignación, al inicio yo también pensaba eso, sin embargo me he dado cuenta que este tipo de diagramas son de gran ayuda al momento de desarrollar un sistema, y más si éste está bien elaborado.

Inicialmente yo llamaba a este diagrama como "Entidad Relación", sin embargo mi compañero me refutaba que éste no era eso, no obstante, tampoco me decía qué diagrama era. En este artículo pienso aclarar dicha duda, y definir de una vez por todas qué es qué.

Dentro de la información que he recopilado hasta el momento, y comparando ésta con los diagramas que he estado elaborando, y que me han resultado de mucha utilidad, he encontrado que lo que estaba utilizando era una combinación de diagramas y metodologías de diversos autores, y en la búsqueda de llamar a estos diagramas de alguna forma, he llegado a la conclusión de que el nombre es lo que menos importa.

Dentro de la gama de diagramas UML hay uno en particular que he encontrado que se asemeja mucho a lo que he estado haciendo, llamado "Diagrama de Clases", aún así la teoría explica que el "Diagrama de Entidad Relación (E-R)" puede ser utilizado como extensión del primero para realizar un buen modelado de datos. ¿Por qué la combinación de éstos y no simplemente utilizar el primero?; respuesta: la semántica. Hay detalles de semántica de la bd que se quedan cortos con UML. De ser así, ¿por qué entonces no utilizar simplemente el "Diagrama de E-R"?, respuesta: porque éste es más conceptual que práctico.

Al momento de estar desarrollando una aplicación, de la mano con un diagrama de base de datos, quizás uno lo que quiera ver en éste es una buena representación de la base de datos tal y como está implementada con sus entidades y relaciones, de manera simplificada. Desde mi punto de vista un Diagrama E-R no es precisamente un diagrama simplificado que muestre esto, puesto que muestra más que las relaciones que existen entre las entidades, y dependiendo de cómo éstas sean, éste no será una representación gráfica práctica de la bd implementada. Más que todo, yo utilizaría este diagrama a nivel conceptual, y el de Clases, a nivel práctico.

Problemas tipo MIME con IE

2006-04-10T16:47:00.000-05:00

Hace unos días me encontraba trabajando en la depuración de uno de los sistemas que he trabajado, de hecho, en el primer sistema que desarrollé para web bajo la infraestructura PHP y MySQL, y tratando de solucionar un problema que tenía al momento de identificar el tipo de archivo que se cargada desde la aplicación, y de una pequeña investigación que hice para solucionar el problema, me encontré con cierta información, de la cual muchos estamos concientes... IE, al igual que muchos de los productos MS, tiene aún baches por resolver, razón por la cual muchos estamos optando por trabajar con herramientas opensourse, desde el punto de vista de navegadores (en lo personal trabajo con Firefox y Opera, siendo el primero de mayor preferencia).

Trabajando con PHP, en cuanto al manejo de carga de archivos se refiere mediante el método POST, utilizando el arreglo $_FILES[nombre_campo][type] estaba teniendo dificultades para identificar los archivos .doc correctamente, obteniendo como resultado un tipo MIME que no era el esperado. Después de una larga investigación, opté por no utilizar este método y trabajar directamente con la extensión de los archivos que estaba tratando de cargar.

Acerca del tema, en Wikipedia encontré este enlace (en inglés) en donde hay mayor información detallada...

Tecnología Centrino... un vistazo conceptual

2006-04-03T14:02:00.000-05:00

Artículo extraído de GestinoPolis.com

Centrino es un paquete tecnológico de Intel que provee soporte inalámbrico integrado para computadores portátiles, y que permite operar un portátil todo el día (hasta siete horas) sin recargar la batería. Con Centrino, Intel espera incentivar a las empresas y a las personas para que reemplazan sus equipos actuales con una nueva, más "móvil" versión. Algunos analistas estiman que un portátil más "movible" podría reemplazar los computadores de escritorio también.

El paquete Centrino incluye:

Procesador Pentium M
Familia de Chips 855
Conexión Inalámbrica PRO/Wireless

Macromedia crece de la mano de otras grandes compañías...

2006-04-03T14:00:00.000-05:00

Revisando mi correo me he enterado de un avance más en lo que es la vida de la compañía Macromedia, y me he enterado que ahora está trabajando de la mano con HP. A raíz de esto, he decidido hacer una recopilación de las noticias de las cuales me he enterado, a partir de las cuales parece ser que Macromedia ha decidido trabajar de la mano con compañías de renombre para crecer.

Abril 2005 [ Adobe compra Macromedia ]

Por un valor de US$ 3,400 millones, dos grandes empresas dedicadas al desarrollo de softwares para diseñadores y desarrolladores se unieron creando una gran compañía a raíz de la adquisición de Macromedia por parte de Adobe.

Ambas empresas son propietarias de dos de los formatos de distribución de contenidos más extendidos en la Red, PDF y Flash, de Adobe y Macromedia, respectivamente.

Más información...

Agosto 2005 [ Macromedia anuncia Studio 8 ]

Studio 8 además incluye nuevas y revolucionarias herramientas de codificación de video, las cuales otorgan al cliente un método sencillo para la creación y publicación de video interactivo de alta calidad logrando experiencias en-línea verdaderamente memorables. Por su parte, mejoras en CSS y en las herra mientas de autoría visual para XML, agregan sofisticación a los sitios web y aplicaciones. Las nuevas herramientas para la autoría y prueba de contenido móvil, le otorgan a Studio 8 el liderazgo en ayudar a los negocios, a alcanzar las mayores audiencias posibles a través de múltiples plataformas.

Studio 8 in cluye Contribute 3 y FlashPaper 2, lo que permite suplir mejor las necesidades de flujo de trabajo de los usuarios. Contribute 3 permite a los profesionales web modificar o actualizar contenido en un flujo de trabajo controlado y basado en ejemplos, que mejora la eficiencia mientras preserva la integridad del sitio web. FlashPaper 2 extiende el proceso de creación de contenido al convertir cualquier tipo de archivo en un PDF ó SWF, listo para el web.

Más información...

Septiembre 2005 [ Macromedia y HP trabajarán conjuntamente ]

Macromedia ha anunciado un acuerdo con HP que tendrá como objetivo ayudar a que los usuarios puedan gozar de servicios de telecomunicaciones y aplicaciones dinámicas de Internet (RIA - Rich Internet Applications) en ordenadores personales inalámbricos, PDAs, dispositivos móviles y otros dispositivos electrónicos de consumo. Macromedia y HP integrarán y venderán conjuntamente soluciones que unirán la Plataforma Flash® de Macromedia y la Plataforma de Entrega de Servicios de HP (SDP).

Juntos, Macromedia y HP permitirán a las empresas operadoras, proveedores de equipos de redes y ISVs de telecomunicaciones lograr que la creación de nuevas soluciones de comunicaciones, mensajería y colaboración sea más eficiente; desplegar servicios ricos en multimedia de manera más segura; y beneficiarse de la ubicuidad de Macromedia Flash Player y de la solidez de HP SDP a través de redes móviles, fijas y de banda ancha.

La ubicuidad de Macromedia Flash Player - la columna vertebral de la Plataforma Flash - hace posible que cualquier persona pueda acceder a experiencias de comunicaciones ricas, dinámicas e integradas sin tener que instalar y configurar software específico.

Más información...

En el siguiente enlace podrán encontrar un video informativo que muestra cómo la integración de estas dos compañías crean un ambiente de trabajo virtual dando soluciones al cliente en un tiempo mínimo, en realidad es muy interesante lo que hoy en día se puede conseguir con tanta tecnología a la mano.
Ver video de demostración ...

Finalidades del Software Malicioso

2006-04-03T13:58:00.000-05:00

Artículo extraído desde nuestros amigos de desarrolloweb.com.

Navegando por la web, me he encontrado con este artículo que me ha parecido muy interesante, más para aquellos que por consecuencias de la vida hemos tenido problemas con nuestras computadoras a raíz de estos "preciados" malwares. De aquí mi interés por compartir esta información con ustedes, a manera de extracción, no vaya a ser que me demanden por plagiar información de otros sitios, de todas formas, el artículo completo lo podrán encontrar haciendo clic aquí.

Dentro de los principales malwares y sus motivos, encontramos los siguientes:

Gusanos

Definición:

Malware capaz de reproducirse a través de algún medio de comunicación (por ejemplo, el correo electrónico) para intentar llegar a la mayor cantidad de equipos, infectarlos y seguir su reproducción hacia otros equipos.

Objetivo:

proliferar otros tipos de códigos maliciosos, como troyanos, bots y keyloggers (*). Aprovechando la velocidad de propagación del correo electrónico (uno de los métodos más utilizados por los gusanos) sus autores pueden proliferar otros códigos maliciosos rápidamente.
hacer daño, para atacar a la competencia o como en el caso del Netsky para intentar eliminar otros gusanos o virus de los PCs infectados.

Bot

Definición:

troyano que cumple una función específica y puede llegar a recibir órdenes de alguna manera, por lo que está relacionado con los troyanos conocidos como Backdoors.

Objetivo:

formar redes de PCs zombies, y que pueden ser utilizados por sus autores para lanzar ataques de denegación de servicios en forma distribuida, enviar correo electrónico no solicitado, etc.

Spyware

Definición:

todo tipo de software que se instala en forma no deseada, y cuyo fin es modificar los hábitos de uso de la computadora para, por ejemplo, obligar al usuario a tener siempre la página de inicio de una empresa en particular.

Objetivo:

recolectar información del equipo donde se encuentra instalado, la cual es enviada a algún servidor central; con esa información, las compañías pueden saber cualquier cosa que se realice en nuestra computadora e incluso luego enviarnos información comercial según nuestros hábitos.

En el desarrollo del malware, en general, existen las siguientes finalidades:

Demostrar que es posible explotar una vulnerabilidad o aprovechar cierta plataforma, lo que se conoce como el desarrollo de una prueba de concepto.
Producir daño en los equipos donde se instala el malware.
Obtener información del equipo infectado para lograr un rédito comercial (ya sea directamente o indirectamente).
Venganza.
Notoriedad.
Estafas.
Sabotaje.

Buteando desde Modo a Prueba de Fallos

2006-04-03T13:52:00.000-05:00

Artículo extraído desde nuestros amigos de PCStats.

El Modo a Prueba de Fallos ha sido un componente de Windows desde la versión 95, al cual se puede tener acceso presionando la tecla F8 desde que aparece la primera pantalla del sistema cuando éste está arrancando.

La razón por la cual podamos estar interesados en arrancar nuestro sistema en Modo a Prueba de Fallos, es quizás porque estamos confrontando problemas con nuestro sistema, y mediante este procedimiento podremos determinar si esto se debe a un malfuncionamiento del hardware, o es debido a algún software, quizás malicioso.

A continuación se listan algunas de las razones por las cuales sería productivo arrancar nuestro sistema en Modo a Prueba de Fallos:

Remover virus / spyware: en muchas ocasiones los programas maliciosos suelen instalarse en ciertos sectores desde donde se pueden ejecutar automáticamente, tales como el registro de Windows y la estructura de los archivos. Arrancando desde el Modo a Prueba de Fallos, los antivirus y programas anti-spyware suelen tener mayor efecto al no ser utilizados estos sectores en este modo

Resolver problemas de software: constantes caídas del sistema o inclusive problemas para arrancar son síntomas ocasionados por problemas con ciertos softwares. Veamos cómo podemos identificar estos problemas. De poder arrancar en Modo a Prueba de Fallos y no normalmente, entonces tenemos un problema de sotware.

Si rompe durante el proceso de carga, antes que aparezca la interfase de Windows, o bien aparece un BSOD (pantalla azul de la muerte - de sus siglas en inglés), confrontamos un problema de controladores. Para ello, podemos utilizar la herramienta SIGVERIF, en Modo a Prueba de Fallos; esta herramienta creará un listado de los controladores no firmados por Windows, y que pueden ser la causa de fallo, lo que sigue a continuación es encontrar aquellos que pensemos sean los defectuosos en c:\windows\system32\drivers, cortarlos, copiarlos en otro lado, e intentar, hasta dar con el controlador problemático.
Sin embargo, si el problema ocurre luego de que aparece la interfase de Windows, se debe a algún programa que está intentando cargar y está dando problemas; para lo cual nos sería útil alguna herramienta como la ofrecida, o bien la herramienta MSCONFIG (de Windows), mediante la cual podremos deshabilitar aquel programa que se está cargando y que creamos que está ocasionando el mal funcionamiento

Una vez más, el presente artículo está orientado a personas del ámbito de la informática, su versión original se puede accesar desde este enlace, y obtener toda la ayuda pertinente.