Escrito por:
lacendi
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.
Posts Relacionados
Escrito por:
lacendi
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
Posts Relacionados
Escrito por:
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
Posts Relacionados
Junta general del MexAPLN: Speed to Value – Septiembre
Twitter
Facebook
Flickr