Impulsos.net - Blog

Nuevamente estamos de vuelta y pido una disculpa por no haber actualizado el blog el último mes de 2009, sin embargo en esta ocasión me gustaría hablarles del proyecto en el que estuvimos trabajando durante aproximadamente un año el cual es Unibusqueda y se define como un buscador en línea y guía de universidades e instituciones de educación superior en México.

En Impulsos.net siempre ha sido importante desarrollar proyectos internos que ofrezcan beneficios a la comunidad por lo que hoy es una realidad contar con este desarrollo el cual es gratuito para el usuario final.
En una primera fase Unibusqueda es una herramienta para estudiantes, maestros, padres de familia o interesados la cual brinda información general de universidades mexicanas mostrando sus datos de contacto, dirección, página, etc. y se planea en una segunda fase contar con información acerca de carreras, costos y planes de estudio.
El desarrollo de Unibusqueda utilizó la metodología de Ingeniería Web lo que le permite adaptarse a modificaciones y al ser un desarrollo con un equipo multidisciplinario buscamos que sea de fácil uso para los visitantes, patrocinadores y clientes.
En futuras entradas escribire el caso de estudio de acuerdo a como se tomo la decisión de desarrollar Unibusqueda, el tipo de documentación utilizada, la reunión de requerimientos, el acuerdo con los recursos humanos, la creación del modelo de negocio, reparto de responsabilidades, etc.
Finalmente nos gustaría conocer tus sugerencias ó feedback y no duden en que este año lo tendremos lleno de artículos y eventos como en 2009, saludos.

La siguiente entrada la dedicare para hablarles del nuevo proyecto de la revista SG (Software Guru), el cual  lleva el nombre de SG Guia.

Este proyecto se describe como:

Una herramienta que permite a los profesionistas de TI encontrar los productos y servicios que le apoyen a desarrollar software de alta calidad. SG guía incluye herramientas que apoyan el desarrollo de software, servicios educativos, aplicaciones empresariales, y servicios profesionales.

Para visitar la web pueden dar click en la imagen o ingresar directamente a: http://www.sg.com.mx/guia/

Altamente recomendable para cualquier persona interesada en contratar los mejores servicios de TI de México y Latinoamerica. Bajo este nuevo proyecto se encuentra un sistema muy amigable para empresas y visitantes que seguramente se convertira en el directorio mas importante respecto a estos servicios.

Recomiendo ampliamente a todos los interesados que chequen la página y aporten sus experiencias comentando sobre los servicios ofrecidos así como sus impresiones y calificaciones para apoyar la iniciativa, saludos.

Hola a todos, espero que hayan pasado unas excelentes vacaciones tanto como yo las disfrute
En esta ocasión hablaremos de temas un poco mas tecnicos en cuanto al desarrollo Web y uno que otro contratiempo que suele aparecer a la hora de mostrar resultados en pantalla.

Debo comentar que este problema es muy curioso y pasa pocas veces pero tiene una explicación lógica.
Para saber su solución describire el problema: En mi caso muy personal estaba escribiendo unas cuantas líneas de código en un archivo PHP donde hago una simple consulta a una base de datos, decidí visualizar el código en Firefox y continuar mi trabajo al día siguiente. Llegado el momento de reanudar mi trabajo visualizo el archivo en Firefox y cual es mi sorpresa que en la parte superior de la página (al inicio del documento PHP) aparecian estos símbolos:



Supuse que era caché, entonces realice la limpieza del mismo pero esto no funciono. Mi ultima sospecha fue que acababa de realizar una configuración en mi servidor en el cual le daba prioridad a archivos con codificación UTF8, pero al probar con otros archivos similares estos simbolos no aparecian.

Finalmente procedi a investigar el tema y la conclusión fue esta explicación: Algunos programas, al guardar un archivo con codificación UTF-8 agregan al principio del archivo 3 caracteres hexadecimales, lo cual genera dicho error. Para solucionar esto es necesario recurrir a un editor hexadecimal (como el HHD Free Hex Editor), abrir el archivo .php y borrar los primero 3 caracteres del archivo.

Y exactamente fue lo que hice y todo quedo a la perfección, este tema aun me causa ruido por lo que en la semana checare si hay alguna solución a nivel servidor que valide y se omita eliminar los caracteres con un editor, muchos saludos y espero que les haya servido.  En el próximo post hablaremos de sistemas enfocados al human force.

Las vacaciones estan encima sin embargo aprovechando que aun no llegan para mi compartire una pequeña reseña de una campaña que me gusto bastante.
Pues como muchos de ustedes saben me encanta el tema del desarrollo web, desarrollo de software y muchas áreas relacionadas con las TI sin embargo la Usabilidad es un tema que siempre ha llamado mi atención.

Haría algunas preguntas a los visitantes del blog:

¿Cuántas veces se han encontrado en webs con excelente información pero pésimo diseño o navegación fatal?

¿Cuántas veces han encontrado webs con pésima información pero excelente diseño?

¿Cuántas veces han tenido que buscar por mas de 10 minutos el botón de sindicación en una web con RSS ?

… y podriamos seguir todo el día realizando preguntas similares.

La usabilidad combina muchas técnicas para lograr ofrecer una web o sistema de calidad al usuario final haciendo que el producto desarrollado  sea muy amigable.
En proximas publicaciones veremos las tecnicas de usabilidad y las enormes ventajas de contemplar la misma en nuestra planeación.

Finalmente les comentaba que este post tiene el objetivo de hacer esfuerzos para unirnos a una campaña en favor de  la USABILIDAD en nuestros proyectos, dicha campaña fue creada por Eugenia Jongewaard quien se dedica al diseño de aplicaciones interactivas, usables y accesibles para la web. Pueden visitarla en su blog y directamente en la página de la campaña para consultar las bases.

Al estar comprometido con mis clientes y visitantes con la aplicación de la usabilidad agregare un banner en la barra lateral respecto a la campaña y finalmente tambien pueden descargarse los folletos y banners dando click en la imagen

Otra opción es subir una foto con el folleto mediante nuestro usuario de flickr en el grupo “Webs Accesibles” poniendo como tags: “webs accesibles”.

No esta de mas decir que ya he añadido una foto y próximamente añadiremos mas, les envio muchos saludos y que pasen unas bonitas vacaciones. Pueden checar la foto que subimos en nuestra cuenta de flickr y también la dejo en el blog

Hola nuevamente por fin estoy regresando del puente esperando que todos se la hayan pasando muy a gusto. El día de hoy seleccione un tema que me ha apasionado desde hace años el cual es el análisis de como ha crecido tanto un monstruo de Internet como lo es Google.
El interés por este tema me despertó hace unos años cuando tuve la oportunidad de visitar varias empresas del Valle del Silicio en Guadalajara donde se encuentran la mayoría de las grandes empresas dedicadas al desarrollo de software y hardware en México. Esta experiencia me dio una idea de las estrategias de cada una para lograr ser exitosas. Curiosamente no me sorprendieron las empresas mas grandes (en su mayoría extranjeras) que me parecieron mas como una línea de producción aburrida explotando al trabajador en un ambiente estresante y nada motivador, desde mi punto de vista las empresas que mas reflejan filosofías similares a las de Google son las mas pequeñas y mexicanas las cuales cuentan con espacios adecuados, zonas de relajación, directivos muy inteligentes pero a la vez humildes, comunicación adecuada y sobre todo talento.
Regresando al tema de Google tenemos que ir a la historia cuando Larry Page y Sergei Brin en la década de los 90´s se conocieron en la Universidad de Stanford y concibieron uno de los proyectos mas importantes en la historia de la vida moderna o sea desarrollar un motor de búsqueda con un presupuesto muy reducido pero con todo el poder que puede desarrollar la creatividad de estudiantes con ganas de salir adelante.

Me parece bastante interesante el reflexionar que los creadores de las empresas mas existosas en las áreas de TI nunca se imaginaron el alcance de sus ideas, de hecho de boca de algunos directores en conferencias a las que he asistido mencionan que no les pasaba por la cabeza tener una empresa simplemente su finalidad era desarrollar algo útil para los demás. Esa es la proyección que rebasa por sobre todas las cosas el alcance de cualquier desarrollo.
Otro punto importante por ver es que  Sergey y Larry nunca se rindieron, todo el tiempo trataron de vender su motor a diversas empresas las cuales jamás aceptaron sus ofertas (argumentando que el 80% de los procesos ya los realizaban sus buscadores); a lo cual Sergey y Larry contestaban que ese 20% que les falta puede representar un significativo adelanto en sus motores. Afortunadamente para ellos nadie quiso su motor y decidieron abrir una empresa con la cual pudieran explotar su invento gracias al apoyo de algunos empresarios y sobre todo de sus familas y amigos quienes aportaron cantidades monetarias significativas para consolidar lo que hoy en dia es Google Inc.
Importantisimo resaltar que de allí en adelante no hubo un freno, comenzaron a desarrollar proyectos internos ya que debemos recordar que Google en ese momento no generaba contenidos propios, solo se ofrecía indexación y búsquedas. Resumiré esta parte de la siguiente manera: no hay nada como crear proyectos internos cuando no hay clientes potenciales en algunas temporadas, esto es que podemos generar ingresos mediante ideas creativas y sacar provecho de ellas así como explotar nuestros conocimientos. En el caso de Google esto hizo que ganara renombre y que su personal trabajara sobre areas especificas de su interes (algo sorprendente porque no hay nada como laborar en algo que sea motivante). ¿Nombres? pues hay una infinidad: Google Docs, Google Erth, Google Book, Android, etc. y que decir de sus inversiones con la adquisición de YouTube.
No por nada hoy en día Google es uno de los lugares donde la mayoría quisiera integrarse debido a que su filosofía ha permitido el crecimiento de esta empresa como de sus propios trabajadores.
Como dato curioso muchos usuarios se han molestado por las prácticas monopólicas de Google y recientemente de lo que sucedió con Android supuestamente de código abrierto hasta que algunos desarrolladores entusiastas de esta plataforma se dierón cuenta que en un boletin algún trabajador por error o por algún otro motivo mando un mail con versiones de Android que iban dirigidas a desarrolladores con mas privilegios. Sin embargo desde mi muy humilde punto de vista creo que al final de cuentas estos incidentes han hecho de Google lo que es hoy creo que han hecho cosas muy buenas y que estos son sucesos triviales.
Terminare dejando un documental de Google bastante bueno, creo que es una mejor manera de darnos cuenta del modelo de negocio tan impresionante así como la usabilidad de sus desarrollos. Como diría el slogan de Google por favor  Don’t be evil y tratemos de dar lo mejor de nosotros en cada proyecto saludos.

Es curioso comentarles que mi entrada anterior generó sin querer esta nueva entrada, prometo en la siguiente hablar respecto a Randy Pausch como había escrito.
Aclarado este punto considere prudente escribir este post debido a que cuando escribi mi ultima entrada decidí insertar un video de YouTube lo cual al ser una operación común y corriente no me dio contratiempos sin embargo cual es mi sorpresa cuando me notificaron que en Internet Explorer 6 y 7 se lanzaba una alerta del navegador con el siguiente mensaje: Internet Explorer no puede abrir el sitio, Operación Anulada y por lo tanto no era posible checar el Blog.

Realmente no me sorprendió ya que en Explorer uno puede esperar cualquier número de errores y cosas extrañas no importando si tu página tiene programación sencilla o compleja.
Investigando como siempre en Google encuentro que es un problema de este navegador con la forma en que interpreta Javascript y que cancela cualquier operación si un script intenta cargar antes que la página.
Soluciones hasta este punto pues aquí dejo algunas:

- La primera es utilizar el atributo defer en sus sentencias de Javascript; defer le indica al documento que invoque las funciones de Javascript cuando la página haya cargado:

Suponiendo que tienen:
<script type=”text/javascript”>
Quedaría de esta manera:
<script type=”text/javascript” defer=”defer”>

- La segunda opción es colocar los javascript en archivos .JS e invocarlos de esta forma:

<script type=”text/javascript” src=”archivo.js” mce_src=”archivo.js” defer=”defer”></script>

- Tercera opción que hace lo mismo que defer:

state = document.readyState;
if (state == ‘complete’ || state == 4) {
// Ejecutamos alguna intruccion javascript que realice una modificacion al dom
}

- Finalmente para los que estan afectados con este problema en su theme de Wordpress y no pueden insertar videos de YouTube sin que aparezca esa molestar alerta deben hacer lo siguiente:

Copiamos el códido de inserción del video que nos interese de YouTube por ejemplo:

<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>

Copiamos solo lo que está dentro de embed quedando de esta forma:

<embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed>

Y finalmente le agregamos la etiqueta div para alinearlo (la etiqueta div es necesaria) y nuestro código final queda de esta forma:

<div align=”center”><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></div>

Conclusión: Como siempre lo he dicho usen Firefox, Chrome, Safari y eviten Explorer, espero que esto les sea de ayuda, saludos.

Algunas fuentes:

TecnoBita

EastWood

Desarrollo Web

!Mas herramientas para nuestros lectores!, tratare de ser breve ya que solo publico este post para notificarles que hemos agregado mas funciones al Blog. La nueva función es que agregamos un plugin desarrollado por Sociable que explota las funcionalidades de Facebook, como podran notar en la columna de la derecha aparece debajo del título de Comunidad una leyenda con el texto Entrar con Facebook y un boton que  dice Connect with Facebook; al hacer click en dicho botón podran realizar una conexión a su perfil de esta red social introduciendo sus datos. Es importante remarcar que estos datos son enviados directamente a Facebook por lo que esta información no se almacena de ninguna manera en nuestros servidores y de esta manera aseguramos conexiones seguras y sobre todo privacidad.

Este es el botón

Finalmente mencionar que al conectarse mediante este módulo podrán enviar nuestros artículos, comentarios, noticias directamente a sus perfiles de Facebook y compartirlos con quienes deseen, la foto de su perfil aparecerá en las ultimas visitas cuando ingresen al Blog y también podrán invitar sus amigos a la comunidad.

Un video dice mas que mil palabras asi que aquí pueden checar todo lo que es posible mediante esta herramienta:

Los invitamos a hacer uso de esta herramienta y esperamos sus comentarios, muchos saludos.

Lacendi.

Tenía muchas ganas de hablar respecto al tema ya que es muy recurrente que muchos desarrolladores web, diseñadores, entusiastas, etc. se topen con un problema recurrente en flash player a la hora de implementar técnicas como AJAX para lograr efectos visuales en el navegador del usuario final; la lista es larga: Jquery, Mootools, Lightbox, Dojo Toolkit, Modalbox por mencionar algunos.

Hablemos de un caso práctico: tienes un banner hecho en Flash el cual insertaste en el header de tu página o cualquier ubicación de la misma e implementas Modalbox para mostrar algún contenido externo (mediante el clásico efecto de obscurecer pantalla y lanzar una ventana de diálogo). Hasta aquí todo parece muy bien sin embargo al probar tu implementación te das cuenta que tu animación flash se posiciona encima de tu ventana de diálogo. Lllegado este punto comienzas a buscar alternativas para solucionar este inconveniente y te topas con la maravillosa idea de agregar una transparencia a la animación mediante la propiedad wmode.
En código insertariamos algo como esto dentro de un HTML:

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”300″ height=”300″>
<param name=”movie” value=”animacion.swf”>
<param name=”quality” value=”high”>
<param name=”wmode” value=”transparent”>
<embed src=”animacion.swf” quality=high wmode=transparent pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”300″ height=”300″></embed</object>

Originalmente wmode solo funcionaba para Internet Explorer sin embargo el código anterior funciona para este navegador y Firefox.
Siguiendo el análisis de dicha propiedad parece ser el final de la pesadilla; pruebas el código y te das cuenta que la transparencia resolvió el problema y envia flash player al fondo cuando lanzas una ventana con ModalBox y todo es felicidad pero te encuentras con una gran desilusión ya que esto genera bastante consumo de procesador lo cual es un incoveniente para los visitantes sobre todo al contar con equipos de bajo rendimiento.
Por otra parte al intentar ver estos resultados en Linux te encuentras que wmode no funciona y regresamos nuevamente al punto donde estabamos (salvo casos especiales) el cual es que no podemos lanzar una Web que solo pueda ser vista en algunos navegadores o peor aún solo en algunos Sistemas Operativos.
Desgraciadamente esto no acaba aquí ya que wmode al no ser estandar genera otros conflictos importantes sobre todo al hacer uso de manipulación de datos como por ejemplo en el caso de formularios hechos con flash ya que en sistemas configurados al español se inhabilita el uso de caracteres como @, ç, etc.
No señores aquí no acaba todo se han documentado también conflictos con el diseño debido a que wmode a veces no respeta las etiquetas como <div> en tamaños variables y un sinfin de cosas extrañas que podrian evitarse si los desarrolladores de flash ofrecieran una solución mas viable. Por ello no me sorprende que dentro del estandar de CSS no se incluyan propiedades que tengan que ver con flash.
Mi conclusión es que debemos evitar a toda costa hacer uso de wmode y generar alternativas eficientes que no comprometan un proyecto Web, una solución viable para el caso práctico que mencionaba al principio del post es jugar con las propiedades CSS de ModalBox para que estas ventanas de diálogo aparezcan por debajo de la animación flash, realmente hay muchas soluciones solo es cuestión de creatividad.

Mas información y discusiones de wmode:

Wmode, Bienvenido al Infierno

Flash Transparente