Sysdent

Hace poco hablaba sobre xeyes en javascript, esto tenía 2 motivos, primero mostrar lo que se puede hacer con un poco javascript y segundo realizar el ejemplo usando únicamente GWT, con el fin de aplicar los conocimientos que he ido adquiriendo sobre el tema y también mostrar que con este framework podemos hacer grandes cosas.

Una reflexión que he hecho luego de esta actividad es que aunque tengamos un buen framework para programar las aplicaciones web, esto debe ser complementado con un buen uso de css ya que en este aspecto gwt si es muy flexible, y máxime cuando seguimos sufriendo el carma de Internet explorer que interpeta nuestras aplicaciones como se le da la gana.

La aplicación la he probado en Firefox 3.0.8, Opera 9.5, Safari 3.0 y Chrome 2.0, en IExplore he realizado la prueba y no ha funcionado de primera y tampoco he sacado el tiempo para revisar por que ya que esto para mi tiene menos relevancia incluso que el tema del scroll en una resolución de 800 por 600 xD…

Pueden ver el ejemplo realizado con gwt aquí

Esperen en un próximo post el código fuente, ahora no lo he publicado ya que aún no lo he documentado como es debido.

Esta es una de esas noticias que me dá gusto anunciar, el popular framework para la creación de aplicaciones web Google Web Toolkit más conocido como GWT acaba de anunciar su segunda release candidate con algunos cambios importantes, entre los que podemos destacar:

Nueva estructura de los proyectos: Esto era algo que ya necesitabamos, si bien es cierto que desarrollar un módulo usando gwt era relativamente sencillo, la cosa se complicaba un poco a la hora de integrar esto a un proyecto existente o en caso de ser un proyecto totalmente nuevo, el conflicto venía a la hora de empaquetar nuestra aplicación ya que el proceso era completamente manual.

Esto ha mejorado considerablemente con la nueva versión, ya que se ha acogido a la estructura estándar de un proyecto web de java, los que facilita la compresión del mismo por una persona que no conce mucho del tema, además, se han eliminado los archivos projectName.compile y projectName-shell dejando unicamente projectName.launchque usaremos para ejecutar nuestra aplicación en modo hosted.

Para realizar las tareas de compilación, creación la aplicación web y su empaquetado en un archivo war, se ha creado un archivo de ant. Adicionalmente, es posible ejecutar la aplicación en modo hosted desde este mismo script de ant.

Mejoras en el modo hosted: Hasta ahora el modo hosted ha usado una instancia de apache tomcat embebido para ejecutar nuestra aplicación, este ha sido reemplazado por un contenedor jetty, además se ha agregado un botón para reiniciar el servidor  cuando se hacen cambios en los servicios RPC de nuestros servlets, cuyos cambios no son tomados inmediatamente y se debía reiniciar la ejecución de la aplicación.

Un nuevo sistema manejador de eventos: Se han agregador nuevos objetos event handler para reemplazar los antiguos event listener, estos tienen algunos cambios respecto al modelo anterior.

• Los métodos de los objetos EventHandler ahora reciben un único objeto de tipo GwtEvent , por ejemplo el método onClick del anterior ClickListener recibía como parámetro una referencia la Widget que había lanzado el evento, ahora el onClick del objeto ClickHandler recibe un GwtEvent los que permite obtener información del evento además de la información sobre el elemento que haya disparado el mismo usando el método getSource().
• Se ha creado una clase EventHandler por cada método que pueda ser lanzado, esto evita tener que sobre-escribir muchos métodos en nuestra clase si únicamente necesitamos usar uno de ellos.

Creación y lanzado de eventos nativos en la mayoría de los elementos: Anteriormente era casí muy complicado implementar métodos nativos diferentes a los que nos proveían los EventListeners que soportara el widget, ahora es posible crear un evento para un objeto usando el método Document.create*Event y procesarlos usando Element.dispatchEvent.

Soporte de nuevos Widgets: Se agregaron los nuevos widgets DatePicker y DateBox, las que permiten seleccionar fechas desde un calendario, además el nuevo LazyPanel nos permite crear secciones que no deben ser cargas hasta que el usuario las solicite, esto mejora el tiempo de carga inicial de nuestras páginas.

Bueno hasta aquí este pequeño resumen de las novedades que nos traerá la versión 1.63 de gwt, la cual esperamos que esté oficialmente liberada a más tardar en un mes.

Descargar Gwt 1.63 RC2.

Ver las novedades de la nueva versión (En inglés).

Gracias a googlewebtoolkit.blogspot.com

Google Syntax Highlighter es un plugin para wordpress que añade a tu blog la posibilidad de resaltar el código fuente de diferentes lenguajes de porgramación, así que si tu blog está montado sobre wordpress y te interesa mostrar fragmentos de código con coloreado de sintaxis, esto te puede interesar.

Los lenguajes soportados actualmente son:

• C++ (cpp, c, c++)
• C# (c#, c-sharp, csharp)
• CSS (css)
• Delphi (delphi, pascal)
• Java (java)
• Java Script (js, jscript, javascript)
• PHP (php)
• Python (py, python)
• Ruby (rb, ruby, rails, ror)
• Sql (sql)
• VB (vb, vb.net)
• XML/HTML (xml, html, xhtml, xslt)

Instalación

1. Descarga el plugin desde acá.
2. Descomprime l fichero y súbelo al directorio /wp-content/plugins de wordpress en tu servidor.
3. Activa el plugin desde el panel de administración de wordpress.
4. Inserta fragmentos de código en tus entradas usando las directrices propias del plugin para cada lenguaje (texto entre paréntesis de la lista anterior), por ejemplo:

<pre name=”code” class=”java”>

public class Sysdent{

    public static void main(String args[]){

        System.out.println("Saludos desde sysdent");

    }

}
</pre>

Nos generará la salida:

public class Sysdent{
    public static void main(String args[]){
        System.out.println("Saludos desde sysdent");
    }
}

Si ya fuiste programador por algún tiempo, probablemente ya tuviste que codificar más lentamente debido al código feo y mal hecho. El grado de lentitud varía y a menudo es significativo. Los equipos que se mueven rápidamente en el inicio del proyecto se pueden encontrar marchando a pasos de tortuga algunos meses más tarde. Es aquella situación en la que cualquier cambio, por mas trivial que sea, rompe otras partes del código y se hace con miedo de los efectos que genera.

Lee más sobre los beneficios del código hecho con calidad en DosIdeas

Según wikipedia:

xeyes es una aplicación gráfica que muestra dos ojos que siguen con la mirada el movimiento del cursor por la pantalla. Tal como explica la página del manual de Unix de X Window System, fue escrito en un principio por Jeremy Huxtable para el sistema NeWS y se presentó en la conferencia SIGGRAPH de 1988. Keith Packard lo portó a X11. Su popularidad proviene del hecho de que se ejecutase por defecto durante el inicio de el GUI de muchas instalaciones.

Ya hemos visto muchas aplicaciones que desarrolladores curiosos han portado completamente a javascript, eso es precisamente lo que hace eyes.js, un pequeño script que emula en comportamiento de la aplicación xeyes al crear unos llamativos ojos que siguen la posición del cursor dentro del navegador.

Aquí otra versión.

Visto en: anieto2k.

La empresa VMware, en mi opinión la más experta en cuanto virtualización acaba de publicar un gestor de máquinas virtuales accesible desde una terminal móvil denominada VMware vCenter Mobile Access (vCMA).

El video es bastante explicito sobre lo que nos permite hacer, entre sus posibilidades están buscar máquinas, reiniciarlas, cambiarlas de servidor, ejecutar planes de recuperación y hasta incluso acceder a los archivos de log.

Esta acplicación es accesible por web y es soportada por la mayoría de los navegadores de los smatphones del mercado.

Visto en: XacartaMovil

El pasado 19 de Marzo de 2009 se publicó por parte de Microsoft la versión 8 de su navegador web, el flamante internet explorer, aunque esto ha sido noticia en muchos blogs, no puedo dejar pasar esta oportunidad sin comentar sobre algunas de las novedades que nos trae este navegador y que le pone un poco de picante al tema de la guerra por el dominio de la web.

• Web slices: Son pequeños marcadores que se agregan a la barra de favoritos con el fin de mantenernos actualizados y ahorrarnos entrar varias veces al cabo del día a las mismas páginas.
• Modo de navegación privado: Que te ofrece la posibilidad de navegar sin dejar ningún registro en el historias, archivos temporales, datos en los formularios, contraseñas o cookies.
• Sugerencias de búsquedas: Se ha mejorado el cuadro de sugerencias en la barra de direcciones cuando escribes en ella, buscandor en tu historial te ofrece coincidencias, además las sugerencias de la barra de búsquedas ahora incluye imagenes.
• Mejoras de seguridad:  Con filtro de scripts XSS, resaltado del dominio del sitio en que estamos, filtro Smartscreen y prevención de ejecuciones no deseadas.
• Aceleradores: Al seleccionar una palabra aparecerá un icono azul que te permitirá buscar la palabra ne google, wikipedia y otras.
• La exploración por pestañas ha sido mejorada.
• Se ha rediseñado la página de nueva pestaña.
• Se agregó un administrador de complementos.
• Se agregó la herramienta de desarrollo.

Para más información visita IE8

Antes de entrar en materia, veamos que es un sitemap según wikipedia

Un site map (o sitemap) es un archivo XML que lista las páginas en un sitio web, organizadas comúnmente de forma jerárquica. Esto ayuda a los visitantes y a los motores de búsqueda a hallar las páginas en un sitio.
Los site maps pueden mejorar la optimización para los motores de búsqueda de un sitio asegurándose que todas ellas puedan ser encontradas. Esto es especialmente importante si el sitio usa menús Macromedia Flash o JavaScript que incluyan enlaces HTML.
La mayoría de los motores de búsquedas sólo seguirán un finito número de enlaces desde una página, así si el sitio es muy grande, se deberán usar estrategias adicionales además del site map requerido por los motores de búsqueda y para que los visitantes puedan acceder al contenido.
Mientras que algunos desarrolladores argumentan que un índice del sitio (site index) sería un término más apropiado, los usuarios han estado usando este (site map) para referirse a la estructura del sitio.

Una vez aclarado esto, revisemos como podemos agregar un sitemap a nuestro blog de wordpress; Si bien es cierto que podemos crearlo de forma manual, este proceso puede ser tedioso e ineficiente, ya que ideal sería que este archivo, que pasa a ser como la columna vertebral de nuestro blog debe ser actualizado cada vez que realizemos algún cambio en el blog, afortunadamente existen un plugin muy util que nos ahorra este trabajo, su nombre es Google XML Sitemaps y su instalación y configuración es muy sencilla, basta con seguir los pasos aquí descritos:

1. Te bajas el archivo que contiene el plugin.
2. Descomprimes el contenido del archivo descargado.
3. Usando un cliente FTP subes la carpeta google-sitemap-generator al directorio /wp-content/plugins que se encuentra en tu instalación del wordpress.
4. Crea 2 archivos llamados sitemap.xml y sitemap.xml.gz y subelos al directorio raíz de la instalación de tu wordpress, esto es justo donde se encuentra el archivo wp-config.php.
5. Asigna permisos de escritura sobre los dos anteriores archivos, usando el comando chmod, garantizando que queden como 666 o -rw-rw-rw- , la mayoría de los clientes ftp permiten asignar permisos a nuestros archivos de forma gráfica.
6. Entra a la sección de plugins de tu panel de administración de wordpress y activa el plugin.
7. Abre la configuración del plugin haciendo click en la sección de opciones y luego en XML-Sitemap.
8. Genera tu sitemap haciendo click en el enlace  rebuild the sitemap.

Eso es todo, con esos bastará para tener nuestro sitemap, además de poderse generar cada vez que queramos usando el enlace rebuild the sitemap, este plugin tiene la ventaja que se actualizará cuando actualices los post o las páginas de tu blog.

Saludos

Fuente: Google XML Sitemaps

Muchas veces necesitamos por alguna razón descargarnos uno que otro archivo de rapidshare, y si hay algo molesto es tener que esperar a que se complete la cuenta regresiva para poder descargar lo que queremos.

Con este truco vamos a evitar tener que esperar a que se complete la cuenta regresiva:

Paso 1:

Ingresar al link de rapidshare que queremos descargar.

Paso 2:

Presionar el botón Free user.

Paso 3:

Escribir en el navegador el siguiente texto y presionar enter:

javascript: var c=1

Paso 4:

Descargar nuestro archivo.

Lo he probado en Google chrome 2, Firefox 3.0.7, IE 7, Safari 3, y Opera 9.5 y en todos ha funcionado a la perfección.

También funciona si lo haces desde la consola de firebug.

Aprovechando un buen libro que encontré, acá les dejo un enlace para que hagan la prueba:

http://rs452.rapidshare.com/files/192250815/1933988029.rar

Visto en: geektheplanet.net

La mayoría de los equipos en las que el gerente o jefe, asigna y dirige el trabajo del equipo, normalmente lo que vemos es el llamado “trabajo en paralelo” en el que cada miembro del equipo desarrolla solo una funcionalidad prevista en el alcance del proyecto. Este tipo de organización le da al administrador la sensación de que varias de las funcionalidades están siendo desarrolladas al mismo tiempo, lo que debe garantizar que el proyecto no se demore. Bueno, si analizamos esto con un poco más de cuidado veremos que lo que ocurre es exactamente lo contrario.

He encontrado un buen artículo en el sitio de DosIdeas sobre el trabajo en paralelo, realmente vale la pena leerlo ya que te deja una impresión deferente a la hora de programar un trabajo.

Leer la entrada completa>>