Historias de un Geek

Desarrollando Webs Dinamicas

AlbertEin — Mon, 26 Apr 2010 15:45:32 +0000

Aquí les dejo la liga al material de lo que se vio en el demotaller “Desarrollando Webs Dinámicas (con HTML y jQuery)”. Y aprovecho parea dejarles liga a las fotos del FLISol.

Saludos!.

Desarrollando Webs Dinámicas (con HTML y jQuery)
Fotos del FLISol Sinaloa 2010

Hágalo usted mismo: Integrando Twitter @Anywhere en WordPress, ¡a la mala!

AlbertEin — Sat, 17 Apr 2010 16:51:48 +0000

Hace algunos días Twitter presento su nueva API @Anywhere, y justo ayer @Robsainz me pidió que lo implementara en su Web.

Fruto de eso les tengo esta mini guía para implementar @Anywhere en su blog de WordPress, aun que fácilmente puede ser adaptado para demás sitios. Cabe señalar que esta es una manera “rudimentaria” de lograrlo con mucho espíritu “hágalo usted mismo”, modificando tu Template actual. La mejor forma de hacerlo sería con un plugin, pero debido a lo reciente de la API de momento no se encuentra ninguno estable y configurable disponible.

Primero se debe de registrar su aplicación (o en este caso web) en http://dev.twitter.com/apps/new para optener su API key. Despues de hacerlo no olviden seguir los pasos que están en : http://groups.google.com/group/twitter-development-talk/browse_thread/thread/5c96366e2362fe85#

Go to: http://twitter.com/oauth
Click on your application
On the “Application Details” page click the “Edit Application
Settings” button
On the settings page for your application, scroll down to the item
labeled “Default Access type”
Change the “Default Access type” to “Read & Write”

Después necesitan editar el archivo header.php del tema que estén usando, justo sobre el tag deben de poner el siguiente código (reemplazando AQUIVATUAPIKEY por tu api key Y AQUIVATUTWITTERUSER por tu usuario de twitter):


<script type="text/javascript">
    jQuery(document).ready (function () {
        twttr.anywhere(function (twitter) {
            twitter.hovercards();
            twitter("#twitt-box").tweetBox ( {
                counter: true,
                height: 100,
                width: 250,
                label: "Twittea desde aqui",
                defaultContent: "Estoy probando @Anywhere en mi blog"
            });
            twitter("#follow-me").followButton ("AQUIVATUTWITTERUSER");
        });
    })
script>

Y después solo falta que crees un Widget que contenga lo siguiente:

Replica de Sushi Factory

AlbertEin — Wed, 03 Feb 2010 23:03:49 +0000

Hace algunos días escribí una entrada sobre la Web de Sushi Factory, aparentemente el director de la empresa encargada del desarrollo de la Web se entero de esta entrada y me envío una replico en un comentario del post y a mi correo electrónico.

Aprovecho este espacio para analizar su replica y contestar los puntos que menciona.

Hola Albertein, soy Jeber Martinez, director de Mente Interactiva New Media Agency, empresa culiacanense que realizó el proyecto de Sushi Factory en la Web y que sigue dirigiendo las actualizaciones, medios digitales y propuestas para la marca.

Llegamos a tu Sitio Web, ya que nos has traido visitas desde tu sitio (gracias). Esto lo detectamos desde el Google Analytics.

Te agradezco nos hayas hecho un análisis tan exhaustivo de http://www.sushifactory.com.mx , definitivamente nos das muy buenas ideas para mejorar la Website, ya que no cualquiera se toma el tiempo de analizar y publicar sus comentarios sobre nuestros proyectos.

No hay problema, espero que mis comentarios sirvan para mejorar la usabilidad tanto de este como de futuros proyectos de su parte.

Quisiera platicarte un poco sobre este proyecto en particular. SF nos eligió para realizar una website que rompiera el molde de webs tradicionales de restaurantes en México y que tuviera propuesta, ya que la audiencia de SF tiende a ser parte de un segmento joven / contemporáneo con familiaridad a la tecnología. La Web ha pasado por varias etapas evolutivas hasta llegar a donde está, y a la empresa que dirijo en particular, ha servido como un ensayo para realizar cosas que otros proyectos / empresas no no los permiten por razones que van desde tratar de ser conservadores a simplemente ir al grano en mostrar la marca, por lo que SF es una bendición para cualquier creativo que labore en nuestra casa. Aun hoy existen varios proyectos que están próximos a despegar tanto en plataformas móbiles como en redes sociales que tienen que ver con SF que me gustaría que conocieras una vez lanzados.

Estaría encantado conocerlos cuando lo lancen, no dude en avisarme cuando tenga algo que mostrar, también puedo hacer criticas positivas .

Difiero en un punto en particular que mencionas y con el que partes en tu post, citándote “El primer signo de que algo esta mal es encontrarnos con una pagina completamente en flash”. Bueno, te comento sobre esto, creo que es un punto de vista muy particular y muy debatible. Como ejemplo, te cito uno de mis sitios favoritos http://www.thefwa.com donde aparecen los mejores sitios del día del mundo, entre los que aparecen películas, videojuegos, marcas transnacionales, estudios de cine, universidades, y un largo etcétera, desarrollados como principal plataforma… en Flash! Yo creo que no se debe satanizar la plataforma per se, sobretodo cuando está tan demostrado que Flash es una tecnología que ha permanecido y no solo eso, sino crecido por más de una década en la industria, generando incluso imitadores como es el caso del SilverLight de Microsoft. Igualmente te invito como codificador de LINUX que pruebes la tecnología de Flash si no la conoces, tiene una base de programación muy robusta e interesante, sobretodo en la nueva versión de Actionscript 3.0

Estoy en cierta forma de acuerdo en que algo este en Flash no indica que sea malo en si (Aun que muchas personas podríamos debatir lo opuesto), pero lamentablemente hay una gran cantidad de ejemplos que muestran el tipo de problemas que pueden causar el uso indiscriminado de una herramienta (Flash en este caso en particular).

Agradezco tu invitación respecto a Flash y ActionScript, ya e programado sobre esa plataforma en un par de ocasiones y la e evaluado para algunos proyectos más, aun que no e tenido la oportunidad de explorarla a fondo.

Tanto en Mente Interactiva como en Sushi Factory, nos tomamos muy en serio las opiniones y críticas de quienes nos visitan, tan nos lo tomamos en serio que ya está en nuestra agenda como UPDATE para http://www.sushifactory.com.mx ciertos puntos que platicas y otros que ya habíamos detectado; tales como la reproducción automática de música (la cual fue una decisión de diseño en su momento, ya que parte de la personalidad de la marca tiene que ver con su muy estilo particular de música el cual ya es “firma” en sus restaurantes), mejoramiento en sección ubicaciones, aumento de visibilidad en sección Contacto y la inclusión de PDF opcional u otras vistas en Menú. Te invito a que nos sigas de cerca sobre estas futuras actualizaciones.

Entiendo que el tener música de fondo haya sido una decisión de diseño, aunque no creo que haya sido acertada (Yo y probablemente la mayoría de los usuarios del sitio piensan esto), si alguien gusta de la música seguramente ya la esta escuchando antes de ingresar en su sitio, cuando uno va a un restaurante tiene que escuchar la música de fondo, pero si en cambio, me encuentro en casa o en mi trabajo no veo por que sushi factory elija que música debo escuchar mientras navego por su sitio.

Respecto a la carta virtual, lamento informarle que a pesar de que trataron de hacer lo correcto fallaron en brindar una carta que pueda ser usable para alguien que no conozca sus rollos, las imagenes de la carta virtual son muy pequeñas y los ingredientes que contiene cada platillo no alcanzan a ser distinguidos con claridad, justamente hace unos días tuve que descargar las imágenes fuentes, darles zoom y ponerle un poco de imaginación para descubrir que dice las leyendas de los ingredientes de los platillos. A mi parecer necesitan imagines mas grandes y nítidas en esa sección.

Por cierto, si alguien esta interesado en la carta de Sushi Factory offline a pesar de la mala calidad de las imágenes estas son las imágenes individuales que forman la carta (Claro que los administradores del sitio las pueden renombrar o borrar en cualquier momento):

En general la Website, el estilo precisamente era realizar una Web que rompiera con lo convencionalidad, arriesgándonos a lo que comentas de hacer lo contrario al “¿Por qué no hacer las cosas más sencillas?” como poner un scroll en la sección de imágenes de album o simplemente poner una tabla en HTML para poner los platillos. Bueno, como hice el comentario, al ir dirigidos a una audiencia más joven, tomamos el riesgo de buscar innovar y hacer las cosas más interesantes en un sitio de un restaurant donde no te esperarías que la marca haya tomado riesgos en pro a la experiencia de navegación del usuario (Me viene a la mente Burger King en bk.com, tacobell.com o chipotle.com marcas de restaurantes líderes algunas líderes mundiales que decidieron igualmente hacer las cosas diferentes …y utilizando Flash como plataforma principal).

Te mando un cordial saludo!

Ing. Jéber G. Martínez
Director Mente Interactiva

El problema principal con el sitio es la mala usabilidad, creo que pueden mostrar una imagen diferente y romper la convencionalidad sin destruir completamente la usabilidad del sitio en el camino, tener una tabla en HTML no significa perder la vistosidad, especialmente en estos momentos en que la Web es mas rica que nunca (HTML, CSS, Javascript). Aplaudo que hayan tomado riesgos en innovar la experiencia de navegación del usuario, pero lamentablemente lo que lograron fue algo que a pesar de ser vistosamente agradable es molesto de usar.

Los invito a no perder de vista la experiencia del usuario no solo en lo que se ve, si no el feeling general del sitio, un sitio a parte de ser vistoso debe de ser fácil de obtener información, debe de ser intuitivo, la usabilidad es clave, un sitio no usable solo molestara a los usuarios que en un principio se esta tratando de ganar.

La usabilidad en la Web no es un mundo obscuro, es algo ampliamente estudiado, tal ves ayudaría un poco ver las cosas desde la perspectiva del usuario que quiere obtener información y leer un par de libros, el clásico que me viene a la mente es Don’t Make Me Think! A Common Sense Approach to Web Usability.

También podría ser útil intentar experimentar con otro tipo de tecnologías estandares, como CSS y javascript.

Gracias por tomarse el tiempo en responder, Saludos!.

Que pedo con mi vida I Bis

AlbertEin — Thu, 10 Dec 2009 17:55:15 +0000

Solo para que lo sepan, sigo vivo y los perros no trataron de cenarme, la señora me devolvió mi lonche integro y por lo visto no lo enveno (al menos que sea veneno de efectos retardados).

Que pedo con mi vida I

AlbertEin — Wed, 09 Dec 2009 17:15:16 +0000

¿Que pedo con mi vida?

Es la pregunta que todos nos hacemos en mas de una ocasión cuando nos ponemos a filosofar sobre nuestra existencia, preguntas claves de la humanidad como: ¿Que somos?, ¿de donde venimos?, ¿apoco ya se acabo la cerveza?.

Hoy en la mañana fue un momento de reflexión para mí, fue momento para detenerse y ponerse a pensar ¿Que pedo con mi vida?.

La vida muchas veces te da sorpresas y otras veces gira de cabeza y deja que te pegues un buen madraso.

Por donde vivo hay una casa, lo cual no tiene nada de especial, me imagino que por donde viven ustedes también hay casas, tal ves muchas, tal ves pocas, pero casas en fin. Lo que hace especial esa casa es que tiene dos perros, bueno, no tan especial, seguro que ustedes conocen bastantes casas con uno, dos o incluso mas perros en ellas.

Dichos perros ladran, al fin y al cabos son perros, no tienen mucho que hacer aparte de ladrar, gruñir, y destruir a mordidas tus tenis, e incluso a veces se te acercan amenazadoramente cuando osas pasar caminando por la banqueta de la casa en la que ellos fiel y ferozmente resguardan.

El otro día se me hecho encima un perro de esa casa, y la dueña estaba en el porche, la señora tranquilamente dice:

-No te asustes, no hace nada

JA!, bastante desfachatez decirlo mientras yo temo por mi vida y camino hacía atrás sin darle la espalda al maldito engendro del demonio. Aborrecí a la casa, la señora y a los malditos perros que no hacen nada.

Hoy cuando caminaba para tomar el camión (queda un poco retirado), un carro se detiene, pita, y yo volteo. Lo conduce una señora, no viene acompañada y me hace señas de que tiene todas las intenciones de darme un aventon. No parece peligrosa y lo mas que podría hacerme seria violarme, no veo por que no tomar el riesgo y me subo.

La señora resulta agradable y platicadora, tal vez demasiado platicadora para mi personalidad introvertida (al menos con desconocidos), y en el transcurso al centro sale a la luz la verdad.

La señora vive en una casa, no solo eso, tiene dos perros, dos perros asesinos, y ella dice que no hacen nada. Es la misma señora de los perros diabólicos. Me dí cuenta que el hecho que una persona tenga de pasatiempo ver como sus perros devoran a los peatones no significa que se trate de una mala persona, tan solo es diferente y tal vez un poco peligrosa.

Al trabajo llevo lonche, no alcanzo a llegar a la casa a la hora de la comida y comer fuera todos los días sale caro.

Hoy en la mañana se me hacia algo tarde para llegar al trabajo.

Gracias al aventon de la señora no llegue TAN TAN tarde y además hice un agradable trayecto al centro, aún así la señora tuvo su venganza.

Se quedo con mi lonche en su carro.

¿Fue parte de su malévolo plan desde un inicio?, ¿sera acaso tan solo una muestra de mi monumental estupidez?, ¿me devoraran los perros en la noche que pase a reclamar mi charolita del lonche?.

Temo por mi vida.

Webs que apestan I – Sushi factory

AlbertEin — Mon, 07 Dec 2009 23:07:38 +0000

Desde hace un tiempo existe una manía por las webs que “apantallan” pero que tienen una usabilidad pésima, al grado que acceder a su información llega a ser de lo mas molesto y frustrante. Los errores y pecados son muchos y la culpa muchas veces oscila entre el diseñador y el cliente, uno por querer quedar bien a costa de la calidad del contenido y el otro por querer llamar la atención con el efecto “wow”.

Hoy buscando un menú en linea en Sushi factory me encontré con una web horriblemente diseñada.

El primer signo de que algo esta mal es encontrarnos con una pagina completamente en flash, eso y el hecho de que alguien decidió que yo no puedo tener gusto musicales propios y que la web debe de tener su propia música encendida por default. Muchas gracias por la consideración, pero si yo quiero escuchar música voy a escuchar la que yo quiero y no una mescolanza entre el track que se te ocurrió incluir en tu web y lo que este reproduciendo por mi cuenta en ese momento.

Después de quitar la música, dar click en “Menu”, y esperar a que el nuevo SWF cargue me encuentro con una liga a una versión PDF de la carta, ¡por lo visto no están tan perdidos!, lamentablemente el enlace esta muerto y me tengo que ver la cara con el ¡HORROR! de su menú en flash, lo cual significa que no puedo cortarlo y pegarlo, imprimirlo, guardarlo o hacer cualquier cosa remotamente útil con el.

El terrible menú en flash es pésimo, consta de tres secciones, la primera es la selección de tipo de platillo (entradas, arroz, capeados, naturales, horneados y bowls), al dar click en un tipo de platillo te muestra una pequeña imagen con cinco platillos a la ves, y si quieres saber que contiene el rollo tienes que darle click, esperar a que se cargue la imagen del rollo tamaño grande y solo entonces puedes ver que tiene el rollo, por lo que si deseas buscar un rollo con tus ingredientes preferidos estas frito.

¿Por que no mostrar una tabla con una pequeña imagen del rollo (con opcion de agrandar), el nombre y sus ingredientes?, ¿no seria mas sencillo buscar lo que quieres?. Yo me rendí completamente no queriendo gastar una hora de mi vida en recorrer el menú (En cambio aquí estoy quejándome del diseño).

Si no me creen revisen la atrocidad:

Después de esto pensé en avisarles y me dirigí a la sección de contacto, grave error, las cosas cada ves se ponen peor.

Al entrar a “Contacto” te encuentras con una imagen de un iPhone con todo y un slider para “desbloquearlo”, que propósito tiene aparte de desperdiciar el 90% de mi pantalla esta completamente fuera de mi entendimiento, si alguien tiene alguna explicación racional me encantaría escucharla. Para colmo el campo del comentario es ridículamente pequeño por lo que no pude poner mi queja al respecto.

La sección de ubicaciones sigue el mismo estilo, te muestra un mundo y tienes que esperar unos segundos para que termine una animación de un OVNI que lanza una luz sobre México, después ocupas darle click para que ponga un acercamiento y te muestre en un mapa las distintas ubicaciones, aquí aprendemos que la sucursal de las quintas se encuentra en El Fuerte, la de la lomita esta en Culiacán y la de Cinépolis en Escuinapa, se supone que las tres sucursales están en Culiacán pero al no tener espacio el diseñador decidió que Culiacán abarca todo el estado y las puso donde quiso. Por cierto, los teléfonos y direcciones aparecen en un especie de Tooltip por lo que es imposible de copear el texto, afortunada mente en la pagina principal tienen una tabla con un las direcciones y teléfonos en un formato correcto (HTML).

Por ultimo la sección de galería muestra un albúm el cual tienes que simular que das la vuelta a las “hojas” con el mouse, sumamente molesto, me enferme el afán de intentar modelar el mundo físico en un medio tan distinto, en una computadora no funciona al menos que tengan un dispositivo táctil, ¿por que no poner botones o simplemente scrollear las imagines hacia abajo?.

Tristemente la web es un fracaso tras otro, lamentablemente no es la única en su categoría.

Visto: Code Geass : Lelouch of the Rebellion

AlbertEin — Mon, 19 Oct 2009 15:52:01 +0000

Hay series que te quitan el aliento, que te mantienen aferrado en frente de la pantalla, que te tienen casi temblando en espera de la siguiente dosis, como un vil adicto con síndrome de abstinencia. Y hay series que son una basura, claro.

Code Geass, Lelouch of the Rebellion es del primer grupo, una obra sublime con una profundidad increíble y una historia abrasadora, donde llegas a dudar incluso de las intensiones del personaje principal. Leleouch (el protagonista) logra a engañar a todos, incluso al espectador en sus intenciones y sus métodos.

Esta es una historia con Mechas, misterio, estrategia, giros inesperados en la historia, y hasta una dosis decente de fan service, todo esto con muy poco relleno entre los acontecimientos importantes de la historia.

No pienso hablarle muchos respecto a la historia, basta con decirles que no me lo reprocharan por verla. Si les gusto Death Note, Code Geass les va a encantar.

¡Les ordeno que vean este anime!

Habemus Google Wave!

AlbertEin — Thu, 01 Oct 2009 17:11:37 +0000

Me acaba de llegar mi invitación a Google Wave, ahora solo ocupo un poco de tiempo para juguetear con el, cuando tenga algo mas de tiempo les hablo de lo que haga/encuentre.

La opinion del ignorante

AlbertEin — Mon, 14 Sep 2009 16:12:29 +0000

La opinión del ignorante

ó

Acerca de como los snobs y/o ignorantes que al hacerse pasar por cultos fomentando a la cultura nos dejan mas jodidos de como estábamos

A las personas nos gusta hablar de lo que no sabemos, todos somos así, escuchamos algo en algún lugar y lo repetimos como periquitos en un inútil afán de mostrar cultura o conocimiento que no poseemos, es así como vemos personas que tan galantemente se pasean por la vida sin que les tiemble el pulso al citar barrabasadas tan profundas como “Ladran sancho, señal que avanzamos” incorrectamente imputadas al Quijote de la mancha, o el mas conocido y popular “Elemental mi querido Watson”.

Que cara tenemos de caminar por la vida citando obras que no conocemos corriendo el riesgo de que alguien algo mas conocedor de la materia nos deje expuestos y al ridículo de dar cátedras sobre obras que nos hemos tomado la libertad de leer.

En el camino al trabajo escuchando la radio me topé con un segmento donde los dos locutores estaban intentando infundir en los radioescuchas el habito de la lectura. ¡Aplaudo sus intenciones!, desgraciadamente su ejecución fue tan pésima que mejor nos hubiera sido que se quedaran callados, y es que ¿que podemos esperar de personas llamándonos a la lectura que jamas han tenido un libro entre ceja y ceja?. Y yo que pensaba que el infame y conocido coyote de la fabula de Fernández de Lizardi nos había enseñado a predicar con el ejemplo, desgraciadamente parece ser que no todos aprendimos la lección, y los locutores alegremente llamaban a leer un libro mientras ellos cometían un horrible gallinicidio.

Dejen me explico, los falsos profetas en la radio hablaban de como todos debíamos salir corriendo y comprar “La divina comedia” de nuestro ya conocido Dante Alighieri, al escuchar esto no pude evitar dejar soltar un grito de indignación, semejante brutalidad reduce el índice de lectores en ves de aumentarlo, ¿y es que que cosa podría alejar mas a lectores en potencia que la recomendación de leer a La divina comedia?

La escenificación la tengo plasmada en la cabeza, una mama, un papa, un primo o un amigo va manejando su carro, desde hace tiempo que ocasionalmente le viene a la mente la idea de comprarse un libro y empezar a leer, de pronto en la radio recomiendan La Divina comedia y algo hace click en su interior. Corren a la librería y compran el libro decididos a iniciar una prolifera vida de lector. Después de cinco paginas están aburridos a muerte y arrumban el libro pensando que tan solo los cerebritos pueden ser lectores.

Por supuesto que los locutores jamas han leído el libro, si no no lo tuvieran en tan alta estima. Así que a la próxima que quieran poner un segmento cultural, señores, por favor, asegúrense que los responsables tengan cultura. ¿O acaso me ven a mi dando clases de skating o hablando sobre las bondades del parapentle?

Zapatero a tus zapatos

Visto: Street Fighters, The legend of Chun-Li

AlbertEin — Fri, 21 Aug 2009 16:06:46 +0000

Ayer vi la película de Street Fighter, the legend of Chun-Li, y en ves de darle mis impresiones como es costumbre con una mini reseña que a nadie le interesa hoy vamos a hacer algo nuevo, les platicare mis impresiones con un par de adivinanzas.

¿En que se parecen estas dos películas?

Ambas apestan, en serio, después de ver la primer película se duda de que se pueda caer tan bajo de nuevo, pero aparentemente rompieron expectativas, incluso me animo a decir que la primer película es mucho mejor que la lamentable nueva adaptación, y decir que la primer película es buena en comparación ya son palabras mayores.

¿Cual es la diferencia entre la historia del juego y la de la película?

¿Diferencias?, mejor les platico de las similitudes, Bison se llama Bison, Vega se llama Vega, Balrog se llama Balrog, esas son todas las similitudes que pude encontrar en una película donde sale un Vega asiático y al final Chun-Li termina matando a Balrog y a Bison creando una paradoja del espacio-tiempo que hace imposible que los eventos de los juegos puedan llevarse a cabo.

Srsly, ¿que pedo con los guionistas, directores y demás?, ¿en su contrato hay una clausula que les prohíbe hacer ya no digamos un trabajo excelente, pero por lo menos aceptable?.

Fracaso total, si no les entra la curiosidad eviten la pena de ir a ver esto al cine.