¿Qué es Ajax? Somera presentación
13 de Diciembre, 2006 // // No hay comentarios
El año pasado hice una pequeña presentación de unos 20 minutos sobre qué es Ajax, destinada a gente con cierto conocimiento técnico en programación orientada a internet y hoy, haciendo limpieza la he recuperado.
Dado que a mi me gusta que mis presentaciones sean simplemente hilos conductores y no el propio contenido, verla por si misma es poco informativa o, como mucho una curiosidad, amén de estar ya un poco obsoleta en algunas partes y de mezclar muchas cosas que realmente solo tocaba de pasada en la presentación.
En fin, por si a alguien le interesa la tenéis a continuación en pdf
Confederación Española de Organizaciones Empresariales - Web impresentable
11 de Diciembre, 2006 // // No hay comentarios
Cada vez que veo la Web de algún organismo de este tipo me pongo de los nervios. Se gastan un pastón en contratar a una gran consultora para que les haga la Web. Les venden la moto diciéndoles que son excelentes programadores y tienen una gestión de la calidad maravillosa, y luego les hacen un truño de tal características. Este es el caso de la CEOE (Confederación Española de Organizaciones Empresariales).
Para no asustar al personal, empecemos con la vista desde explorer:
Si señor… qué bonito… no se si es la Web de una “organización empresarial” o el nuevo vestido de Agatha Ruiz de la Prada. A primera vista, no te enteras de nada, y a segunda… tampoco. Esta organización por bolas, parece que ha intentado ser novedosa y rompedora, pero lo que hace realmente es cargarse toda la usabilidad, navegación y expectativas del usuario, además de confundirle con colores diferentes, tamaños que hacen pensar que unas cosas son más importantes que otras, etc…
Hasta aquí no estaría tan tan tan mal, si no fuera porque aún así, la página no funciona bien. Enlaces que no terminan de funcionar, pop-ups por todos los sitios, ventanas nuevas cuando podría salir en la misma y una política de usabilidad y accesibilidad nula.
Si miramos un poco el código, vemos que increiblemente valida! (Eso si, con 155 errores en portada). Y eso que aplican HTML transicional. Usan javascript para parte de la navegación, funciones plantilla de dreamweaver, y, aqui si que he flipado, crean los estilos CSS mediante Javascript, copiado del codigo fuente:
Además, hacía tiempo que no veía las etiquetas escritas en mayusculas como
DIV, BODY, HTML, etc...Y por si esto fuera poco, esto es una captura de la página incial desde firefox... como véis, las nubes quedan excelentes.
Open Font library
10 de Diciembre, 2006 // // No hay comentarios
Dedicado a CDM de mielparaelasno, y el resto de diseñadores y “comunicadores” que escriben ahi.
Desde Webmaster libre descubro openfontlibrary. Una Web que recopila tipos gratuitos y libres (estas dos palabras no siempre son sinónimas) y que nos podrá venir muy bien para determinados diseños.
A destacar, la nube de tags con las propiedades de los tipos (serif, handwriting…), el sistema de valoraciones, y la navegación por el sitio, bastante fluida y fácil. El problema: No incluye una previsualización de la tipografía, y para verla tenemos que pulsar sobre Download y después ver el png generado. Aun así a tiro de clic.
Disfruten!
Sitios Web a prueba de idiotas
9 de Diciembre, 2006 // // No hay comentarios
Gracias a Fayer Wayer he visto que realmente se pueden crear sitios Web a prueba de tontos. Con una usabilidad total que me ha dejado perplejo.
Está claro que aún nos queda mucho por aprender amigos!. Vean el sitio Web: Idiot Proof Website
CSS a tiro de suggest y PHP y HTML y Javascript
7 de Diciembre, 2006 // // No hay comentarios
Insisto:
No me se todas las propiedades CSS de memoria
ni las funciones Javascript, ni PHP, incluso me atrevo a decir, ni algunas HTML.
Para eso está internet:
Con CSSDocs tenemos un buscador de ¿todas? las propiedades CSS, con suggest integrado, de forma que nos va haciendo sugerencias de búsqueda según vamos escribiendo en el buscador.
Y si lo que queremos son chuletas rápidas, para pegar estilo poster (asi es como yo lo tengo), tenemos el blog de ILoveJackDaniels (me encanta el nombre). La colección es espectacular y además de muy buena calidad. El enlace a todas las chuletas o cheat sheets.
Mis preferidas:
Estoy pensado que este post le podía haber incluido en la serie de Herramientas de trabajo.
¿Qué es la Web 2.0?
4 de Diciembre, 2006 // // No hay comentarios

Hablar ahora mismo de Web 2.0 en un blog no es ninguna novedad. Es un tema sobre el que se ha trillado y trillado líneas de información, pero he encontrado hoy una presentación compartida en el servicio slideshare que me ha gustado bastante completa y didáctica.¿Qué es la Web 2.0? Pues la presentación nos lo cuenta como concepto, idea, tecnología y uso, pasando por las aplicaciones que ahora mismo están impulsando todo el tema de la Web 2.0La presentación al final, lleva al Blog de Juan Cristobal Cobo, e-rgonomic. Un blog que no conocía, pero que acaba de pasar a mi lista de RSS sindicados.Otro enlace, del año pasado, pero que siempre recomiendo leer a la gente que trabaja conmigo en proyectos Web, es este de alzado.
Actualización: Antes estaba puesto el enlace directo para que pudierais ver la presentación desde aquí, pero luego me di cuenta que me estropeaba toda la plantilla, supongo que alguna cosa del “embed”. Asi que os dejo el enlace:
Y de regalo por las molestias, navegando un poco más por este sistema, La Web 2.0 y las redes colaborativas.
La Web del futuro…
1 de Diciembre, 2006 // // No hay comentarios
Navegando por las páginas de la competencia (cosa que debería hacer todo el mundo), me he percatado de un detalle curioso que me ha hecho mucha gracia. Ya se que el título del post es demasiado rimbombante, pero realmente, es la conexión virtual al futuro, que no ha cambiado mucho… pinchen en el link, pinchen… Y viajarán hasta 19106…
Herramientas de trabajo II - Diseño de BBDD - DBDesigner
20 de Noviembre, 2006 // // 4 Comentarios
Siguiendo con la serie de herramientas de trabajo que inicié con Gantt Project, pasamos ahora el diseño de las Bases de Datos (el orden en que el postearé los elementos no tiene porque ser el mismo que en un proyecto real.
Normalmente trabajo con MySQL, dejando Oracle y demás bastante de lado. En ocasiones por su sencillez, en ocasiones por su gratuidad, y sobre todo, por la inmensa comunidad de usuarios que lo utilizan, asi como su crecimiento en cuanto a funcionalidades.
Pero el hecho es que a la hora de diseñar un modelo relacional que pueda ser entendido incluso por el cliente, necesitas una herramienta más potente que los típicos esquemas de las herramientas CASE. Y ahi es donde aparece mi favorito: DB Designer de fabFORCE.
Con este software gratuito (al contrario que el Oracle designer, o el Rational Rose), podremos hacer unos diseños muy limpios y explicativos, además de establecer todas las propiedades de la base de datos de antemano.
Aqui una somera lista de caracteristicas traducidas:
- Linux / Windows
- Interface estándar en la industria del diseño de software. Muy sencillo.
- Modo diseño / modo consulta.
- Ingeniería inversa para MySQL, MSSQL y cualquier otra base de datos ODBC.
- Creación de schemas definidos por el usuario.
- Sicronización modelo a base de datos.
- Suporte para índices.
- Creación automática de Foreing Keys
- Soporte para entidades débiles.
- Almancenado estandar de inserts y sync.
- Capacidad de documentación.
- Impresión avanzada del modelo.
- Salida como imagen.
- Todos los tipos de MySQL con sus opciones.
- Tipos de datos definidos por el usuario.
- Almacenado en base de datos o sin base de datos.
- Acceso por red multiusuario a través de almacenado en base de datos.
- Control de versiones con almacenado en BD
- Constructor de consultas SQL
- Historial de comandos SQL
- Almacenamiento de comandos SQL sin modelo.
- Interfaz para plugins
Vale, hasta aqui simplemente he traducido lo mismo que podemos encontrar en su página. Ahora, para intentar aclararlo, enlaces a su lista de screenshots.
Vista del modelo
Edición de tablas
Modo de consulta
Y el resto…
Hasta ahora ha sido la herramienta que más me ha gustado, por su sencillez, y sobre todo, por la conexión final a BD, sobre todo en las primeras fases del proyecto donde puede haber varias modificaciones al modelo aun estando en implementación (aunque esto no sea bueno…), y sobre todo, la posibilidad de usar control de versiones y trabajo colaborativo en el modo DB, es de bastante utilidad cuando hay varias personas encargadas del diseño, o es un proyecto muy grande.
¿Quereis descargarlo?
Buttonator - simplificando tareas
19 de Noviembre, 2006 // // No hay comentarios
En mi trabajo, y quizá como defecto de ingeniero, estoy buscando continuamente la optimización de los procesos (quizá hasta el punto de perder más tiempo optimizando que con el tiempo obtenido).
Por eso me ha llamado la atención este post de isopixel hablando de Buttonator, una pequeña aplicación web, muy sencilla para crear rápidamente una serie de botones con el texto y algunas tipografías. Como dicen en isopixel, tiene pocas opciones, pero la verdad es que los diseños son bastante limpios y encajan bien en casi todo.

Efectivo Curso de AJAX
2 de Noviembre, 2006 // // No hay comentarios
Cursos de AJAX hay muchos, o más bien tutoriales o manuales rápidos, pero no deja de ser un concepto complejo, que si no estás habituado cuesta empezar con él.
Decirle a un programador de toda la vida, acostumbrado a su C++, o su Java para aplicaciones de escritorio, que tiene que cambiar su mentalidad como programador, es dificil, pero con las herramientas que hay por ahi, se puede conseguir con el suficiente esfuerzo.
El manual en cuestión está en programación Web y aunque se centra sobre todo en el objeto XMLHttpRequest, es bastante útil para ir empezando.
Una vez tengamos eso, podemos ir a http://www.ajaxmatters.com donde tendremos una oleada de información, manuales, libros y demás que no es cuestión de repetir aqui.
Mi recomendación, y el libro que mandamos leer a toda la gente que quiere trabajar con nosotros:
Ajax in Action
¡Saludos!. Soy Sergio Gago, aprendiz de todo que da vueltas por Internet, consultor, geek, y viajero. Me gusta internet, los ordenadores, viajar, bucear y tu. Si quieres saber dónde estoy, mira arriba, o contacta conmigo. SE Asia