Comunidad de diseño web y desarrollo en internet online

Entrevista a Cris Tanner de Cristalab

Como algunos saben; a excepción de John y Dan, los personajes del comic están todos basados en personas reales... ya saben... del mundo real xD

Uno de ellos es la jefe de Cristalab, Cris Tanner, cuyo personaje esta basado en una jefe que tuve antes de crear esta web; no se llama Cris Tanner realmente pero dejare el nombre como tal para "proteger" su identidad (que ya se sabe la clase de gente que lee esta web; si, hablo de ti precisamente :punal: )

Digo esto porque hable con ella la semana pasada y se ofreció a conceder una entrevista como ella (Como Cris ella y Cris del comic) para Cristalab :) así que, ustedes serán quienes elijan las preguntas; dejen un comentario preguntándole cualquier cosa a Cris y ella responderá sin importar la pregunta, solo que no les puedo garantizar que "tipo" de respuesta les dará :P (Nota: Por si los l...users, no preguntas técnicas)

Así que ¿Qué le preguntarías a Cris Tanner?

Macromedia y el Flash Player con Spyware; no exactamente

Slashdot, famosa web de artículos y noticias de tecnología; abría hace poco una historia cuyo titulo dice "Desarrolladores de Flash temen espectro de Spyware"; bien conocida es Slashdot por tender a odiar productos no-open-source y a generalizar el odio a los desarrolladores de Flash por culpa de aquellos que dan mal uso a la herramienta... en fin, eso es otro tema que ya fue tratado antes.

Por esa razón no le preste atención hasta notar que incluso gente de Macromedia estaba implicada y respondiendo.
Parece que ahora; cuando vas a la web de Macromedia a descargar/instalar el Flash Player, usando Internet Explorer en Windows, te aparece una opción que te pregunta si quieres instalar la barra de Yahoo! junto al player, puedes decirle que no y continuar con tu vida.

Algunos bloggers lo notaron y publicaron en sus webs como Macromedia estaba incluyendo, segun ellos, spyware en el Flash Player (La barra de Yahoo! no es spyware realmente), lo que alerto a otros y a otros, bola de nieve ... y llego a Slashdot, punto final donde la lluvia de mensajes de odio (Acertadamente moderados) apareció y junto a ellas también muchos mensajes sensatos.

¿Esta Macromedia metiéndonos de frente Spyware?

Ahora mismo, la gente (Afortunadamente) empieza a tener mas cuidado de las cosas que instala; el spyware y sus derivados son cosas delicadas a tratar y cualquier cosa que suene a algo similar realmente alarma a todos.

En este caso, Macromedia no te obliga a instalar la barra, es algo a lo que le puedes decir que NO y ya; hay mucha paranoia en el ambiente por eso; sin embargo, no se puede evitar un mal sabor de boca por lo que le han hecho al Flash Player; convertirlo de una excelente plataforma de distribución de aplicaciones ricas en medios para la web (A la que también se le puede dar mal uso) a una herramienta de marketing para sus partners de negocios, haciendo promoción y publicidad sobre nuestros clientes que solo van a instalar el Flash Player.

OK, no ocurre siempre, solo cuando usas Internet Explorer y Windows y solo cuando el Player no se instala automáticamente sino cuando vas hasta la web de Macromedia; no es que sea algo gravísimo, pero, como dije, me deja ese sentimiento de que algo muy bueno para la web puede quedar mal parado, no solo por el mal uso que le dan muchos diseñadores, sino también por un acuerdo estratégico de Macromedia.

Dentro de poco, El arquitecto en jefe de software de Macromedia, Kevin Lynch, escribirá un articulo defendiendo esta posición y demostrando que en el pasado, como muchos recordamos, Macromedia tuvo acuerdos similares para distribuir el Flash Player incluido con otros programas; así que bien lo dije, no es algo por lo que tengamos que retirarnos y olvidarnos de Flash, pero definitivamente seria mucho mejor que jamás hubiera ocurrido o que dejara de existir tal opción

Solo recordarles que tampoco hay que ser injustos; no es Spyware y la barra de Yahoo! no es un software malo, de hecho intenta arreglar un poco lo malo que es Internet Explorer, así que si han de caer sobre Macromedia, es mejor con la razon que con la ira.

Actualización
Gracias al amigo snowflake; aqui esta un screenshot de la web de Macromedia (Click para verlo completo)

Desarrolladores web, disponibles 24 horas

Cuando aprendes que, como desarrollador web, uno de los peores errores que puedes cometer escribiendo una propuesta a un cliente es "Ofrezco X actualizaciones de contenido", entonces se nota que has avanzado un peldaño como profesional; pero en el mundo real, lo peor viene después.

En aquellas épocas donde el código y yo éramos amigos, tenia un cliente cuya misión para mi era el desarrollo de una web de venta y exposición de productos al por mayor, usando una base de datos para el sistema de productos y ventas y un cuidadoso panel de control donde el cliente en cuestión podía actualizar el mismo su base de datos, cambiando, añadiendo productos, editando descripciones, procesando pedidos

Hasta aquí lo bueno, el cliente era un luser de esos que creen que Bill Gates invento Internet y los computadores; lo cual es una ventaja al cobrar, pero una desventaja al darle "soporte posterior".

Enseñarle a manejar el panel de administración fue una tarde perdida en la que "El Bate(TM)" me miraba y me llamaba a cada instante, pidiéndome, suplicándome bañarse en la sangre del luser que a mi lado no entendía la diferencia entre el botón "Nuevo" y "Editar".

Total, termino siendo yo el que inserto, al principio, los 100 productos que tenia, a la base de datos, en base a un archivo de Word que el envió (cuanta maldad); 6 horas después, sistema funcionando.

Me pagan, hago un repaso del sistema y me olvido de el para evitar tener otro asesinato en defensa propia en mi registro policial

Pasan unos días, estaba en mi castillo durmiendo placidamente en el tálamo BOFH, el conejo-dragón estaba en su jaula durmiendo después de una cena de "lusers marinados" y el pozo de aceite hirviendo... bueno, estaba hirviendo.

Suena el móvil, pero no es el ring de una llamada, sino el de la alarma; ¿Le habré puesto a timbrar a las 4am?, no, no puede ser eso, así que levanto la mirada y la pantalla me dice Mensaje de texto.
Suponiendo que era la vecina comentándome acerca del frió que hacia en su cama a esas horas y lo mucho que le había gustado mi manejo de "El Bate_2.0(TM)" oprimo pues el botón de leer cuando...

Código :

Hay errores en el código del sistema de los productos.
Att: luser_customer

LMQLP*, como se ha atrevido, como ha osado interrumpir mi momentum de conexión con el averno en el que los mas exóticos castigos fustigan a cada luser pecador... estaba a punto de pasar olímpicamente de el, apagar el móvil y retomar la noche... pero el merecía pagar.

Enciendo el ClabServer, arranco Skype y lo veo conectado; iniciamos una charla amigable como cliente y proveedor.

"Así que el sistema no funciona", le dije
"No, no es eso, hay un error en los productos"
"Yo veo funcionando todo normal"
"No, Ed_BOFH, eche un vistazo al producto 26; notara que donde dice accion, la cuarta palabra de la descripción, falta una tilde, es acción"

WTF!?

"Usted puede editar eso usando el sistema de administración"
"Pero no recuerdo como editar los productos y..."
"El botón editar, EDITAR, al lado derecho del botón nuevo que...", lo interrumpo.
"Y además eso es muy complicado, yo se bien meter productos nuevos, pero eso de editar no, porque..."
"Pero solo debe usar editar y la ventana es la misma que la de añadir pr..."
"No, no, cámbielo usted, por favor; de hecho, hice una revisión a fondo y hay muchas tildes faltantes, le iré diciendo que productos son y usted va cambiando y..."

Y el que creyó que me quedaría toda la mañana bajo sus ordenes luserianas

"Hay una forma muy rápida y sencilla para que usted mismo pueda cambiar las tildes, mas fácil que el botón de Editar"
"Oh, eso es muy bueno, entonces mejor usemos esa forma; en un par de horas tengo que mostrar este sistema a mis jefes y a mis clientes y quiero que quede perfecto"
"mmm, OK, ¿Esta seguro?"
"Si, si, por favor, adelante, muéstreme que hacer"

>clickety click<

"Hecho, revise la web por favor"
"Bien, muchas gracias yo... ESPERE, ¿DONDE ESTAN LOS PRODUCTOS?"

DELETE FROM tblProductos WHERE True;

"Como usted mismo dijo, ahora puede usar su experiencia agregando productos, así usted mismo los podrá verificar... uno por uno; mmm y parece que solo le queda una hora y media"
"No, como va a dejar esto así; son 100 productos y solo tengo para..."
"Parece que...", acerco la maquina de afeitar al micrófono, "hay interferrrbuzzz en la transmisión, voy a tener que cooobzzzzzlllgaaarr"

Nada mejor, que trabajar en la mañana.

DISCLAIMER: La historia es real, así que, si tu, luser_customer, estas leyendo esto ... MWAHAHAHAHAHAHAHAHA

*LMQLP == La Madre Que Lo Parió

Descarga y conoce Flash 1.0 (FutureSplash Animator)

Hoy ... gracias a ASFusion ... lo descargue ... lo instale ... un archivo de 2MB ... lo sentí ... lo use.

Estaba tan adelantado a su época; tan perfecto, tan inimaginablemente hecho para triunfar, veías esas cosas que aun hoy se usan en Flash MX 2004 y que lo hicieron lo que es.

Increíblemente usable; aprendí en un instante a usar las acciones (12 poderosas acciones disponibles para los botones); la linea de tiempo muy similar a la de ahora, no existía el Shape, solo el Motion pero con muchas opciones.

Hoy, hoy ha sido un día especial, hoy conocí al padre de mi amor ... hoy conocí a Flash 1.0, FutureSplash Animator

No les dejo capturas de pantalla ... les dejo la web de descarga

Atesorenla...

KToon, la alternativa libre a Flash (O casi)

Hace poco se anunciaba en barrapunto y otros medios del mundo de la tecnología la primera versión estable de KToon, un programa de código abierto, software libre (Y gratuito :D ) para creación de animaciones vectoriales e ilustración. Si, una alternativa real a Flash, libre.



El sábado pasado estuvimos infiltrados dos integrantes de Cristalab en una conferencia que hubo en el canal de chat de linuxpreview acerca de KToon y pudimos ver mas de cerca de que se trataba el proyecto y hacer este review del programa.

Hace 9 meses inicio el desarrollo de esta herramienta, cuyos desarrolladores son Colombianos y cuentan con el apoyo de ParqueSoft y Colciencias (Dos entidades en pro del desarrollo tecnológico); siendo Toonka Films su beta tester oficial, el proyecto tomo forma hasta tener hoy una liberación estable.



KToon posee un modulo de ilustración y otro de animación; con ciertas herramientas y elementos de interfaz que ha muchos de nosotros se nos harán muy familiares xD , a pesar de ser tan joven ya incluye algunas de las cosas a las que estamos acostumbrados como motion tweening u Onion-skin en la linea de tiempo.



Al igual que Flash tiene una línea de tiempo; el mezclador de color es muy similar, permite animar y organizar los elementos por capas, etc. Aunque no es idéntica y quizás la organización de algunas de las barras flotantes no es tan intuitiva.



Navegando en el código del programa se puede ver que han incorporado las librerías ming; que sirven para que otros programas ajenos a Flash puedan generar archivos SWF, aunque según ellos, actualmente manejan un formato XML y a futuro planean también exportar/usar SVG (Que es el formato abierto y estándar con el que compite el SWF de Flash)

Obviamente aun no incluye cosas como lenguajes de programación (No ActionScript for you!), interactividad y demás, ya que actualmente esta planteado como un software de animación; pero los planes si que lo incluyen y, mientras continué recibiendo el apoyo de la comunidad muy probablemente podríamos verlos en el futuro.

Hay un pequeño ejemplo de un Samurai hecho con KToon, disponible en su web.

Por ahora no hay versión para Windows (Siento una perturbación en la fuerza, como si un millón de lectores gritaran en agonía y luego... callaran xD ) pero muy seguramente estará disponible muy pronto; aunque, si tienen Linux a la mano, la instalación es de lo mas sencilla (Descomprimir archivo, entrar a la carpeta donde esta el ejecutable, ejecutar) y sin complicaciones.

Personalmente felicito al grupo de desarrollo actual de este proyecto ya que aunque aun es joven, se nota el gran esfuerzo y conocimiento depositado en el y que seguro hará eco en la comunidad.

Pues sin más, los animo a descargarlo, probarlo y apoyar al proyecto, seguro que puede darnos a muchos sorpresas en el futuro :)
http://ktoon.toonka.com/

El concepto y el mensaje en el diseño gráfico

Muchas veces nos encontramos ante la oportunidad de dar forma a un mensajes por medio del diseño, y esto resulta comunmente un arma de doble filo, pues de nosotros depende que ese mensaje llegue bien a su destino.


Partamos de la premisa de todo comunicador, que es: el primer objetivo es comunicar.
En segundo lugar, facilitar la fluidez de esa comunicación, y aportarle mediante gags estéticos, algunas cargas simbólicas. Pero esto debe ser entendido como un filtro, es decir, que si por la carga estética disminuye la fluidez (o directamente corre peligro el entendimiento del mensaje), nuestro diseño es perjudicial. ¿Por qué? Porque un mensaje confuso (en el caso de que se entienda) es menos eficiente que un mensaje fluido y que se entiende perfectamente.

Para ejemplificar más este tema veremos el conocido esquema "emisor ---> receptor", pero de una manera bastante primaria y solo para entender esta idea. Dejaremos de lado canales, códigos, codificaciones, decodificaciones, feedback, feedforward, etc.





En primer lugar tenemos que entender que el receptor (usuario) ya tiene de base un trabajo de decodificación inconsciente al leer; el ejemplo más claro es un libro, de texto plano y sin diseño alguno: el mensaje esta codificado en párrafos, palabras, y letras, que aunque lo veamos obvio, una A no es una A sino que son tres líneas cruzadas por las que entendemos la letra “a”. Aunque parezca instintivo, no lo es: es aprendido.





Y aquí es donde intervenimos: el mejor trabajo de un buen diseñador normalmente no se nota, por que un buen diseño es el que se deja leer; es el que toma el mensaje (lo más importante), subraya la idea con toques estéticos, y vela por que el grado de atención siga estando en el mensaje y no en el diseño del mismo.






En muchas ocasiones por abuso de estética se llega a confundir el mensaje, y hasta se corre el peligro de que no se entienda; al subestimar el mensaje realzando el diseño muchas veces concentramos la atención del receptor en la decodificación del diseño cuando debería estar en la del mensaje principal. Como resultado, en la percepción del receptor queda sobre todo el diseño, más un mensaje al que le costó llegar, que por lo tanto arrastra consigo una sensación inconsciente más negativa que la que tendría con un diseño más efectivo.

BOFH: Peligro, Periféricos de Computadoras Cayendo

FUE SOLO UN POCO DE DIVERSIÓN!" dijo el miniBOFH. "NADIE SALIO HERIDO!"

"Alguien pudo haberse lastimado," se opuso el Jefe

"Tu puedes lastimarte iniciando sesión!" respondió el miniBOFH

"No, no puedes!"

"Puedes si te encuentro usando mi nombre de usuario!"

El jefe suspiro fuertemente, lo cual es señal segura de que ya no tiene argumentos y va a empezar a repetir lo mismo

"Fue peligroso y alguien pudo haberse herido seriamente, "

"Pero no les paso nada, ¿O si?", Dije, entrando a la discusión

"Eso fue suerte nada mas."

"No, pusimos señales"

"Una señal diciendo Peligro, Periféricos de Computadoras Cayendo es estupido."

"No, es descriptivo."

"Bien, de cualquier manera, ¿Que demonios estaban haciendo en el techo? ¿Por qué no simplemente bajaban esas cosas por las escaleras?"

"¿DONDE ESTA LA DIVEERRRRSIOOOON EN ESO!?!?"

"Es un lugar de trabajo, no un lugar para divertirse."

"¡No estoy de acuerdo! ¡Aqui nos divertimos! Recuerde ese verano que bloqueamos el drenaje y llenamos el sótano con agua para hacer una piscina."

"... Si, la fiesta Hawaiana, " sonrió el miniBOFH, recordando. "Y cuando uno de los contadores que no fue invitado bajo en el ascensor para sacar su auto!"

"No se de que cosas has logrado librarte antes, pero esto simplemente es irresponsabilidad. ¿En que estaban pensando?"

"OK, " dijo el miniBOFH, poniéndose serio. "Los pensamientos eran más o menos estos: Tenemos partes muy viejas que han permanecido aquí casi tanto como la mierda de las palomas en el techo. Todo el mundo en la compañía las usa, es basura completa e incontables horas de trabajo han sido perdidas machacándolas".

"¿Aun estamos hablando de la mierda de las palomas?" Pregunte, solo para mantener las cosas agitadas.
Idea perdida.

"Así que FINALMENTE pudimos reemplazar esas partes, lo que significa que podemos desgarrar la caja, remover todos los viejos servidores y todas terminales."

"Y PONERLAS en la caneca."

"Nosotros tuvimos esa opción, si. Pero creímos - correctamente, como ocurrió - que habría gente en la compañía que podría expresar su descontento de alguna manera física dejando caer, arrojando o en algunos casos gritando-gimiendo-crujiendo-sus-dientes-mientras-pateaban estas unidades desde el techo hasta la acera. Así que fue un obsequio."

"No, no lo fue! Fue un completo desastre! La calle estaba absolutamente sucia con plástico roto, vidrio y piezas de metal"

"Si, fue fantastico!"

"Esa calle es el parqueadero reservado de los directores! No se podía conducir en cualquier lugar CERCANO de ahí con todos los desperdicios en el suelo! No solo eso, hemos sido multados por la junta de acción comunal por contaminación ambiental. DESPUES de asegurarles que habíamos barrido el lugar profesionalmente con una aspiradora magnética! Y no crean que no note que pusieron la caneca en el parqueadero de mi auto. Algunos vidrios se incrustaron en la superficie del suelo! Grandes trozos en algunos casos! Me costara una fortuna empañetarlo!"

"Si bueno, nadie dijo que la diversión fuera barata! De cualquier manera, hemos hecho algún dinero con esto."

"¿Como?"

"Vendimos las piezas a la gente. 10 pavos por un monitor."

"¿Y que si la gente quería llevárselos a casa?"

"Ok, así que, estas en lo alto de un edificio donde no deberías estar en primer lugar, el viento en tu cabello te hace sentir el rey del mundo y tienes una apestosa y vieja terminal en tus manos. Vas a arrastrarla por las escaleras, la metes en tu auto y te la llevas a casa o vas a RECLAMAR LA VENGANZA QUE MERECES Y DARLE UN BUEN EMPUJON!"

"Ust.. Y... ¿Cuanto dinero hicieron?"

"Poco menos de 1000," respondió el miniBOFH

"¿Teniamos 100 terminales?"

"No, pero empezamos a subastar las cosas mas grandes. La cinta de backup de 9 pistas se fue por 120", respondió el miniBOFH

"Y ese disco duro increíblemente grande se fue por 150," Añadí.

"Si, pero eso era demasiado pesado para lograr ser lanzado mas lejos del edificio. Básicamente cayó en picada hacia el andén destrozando la señal de parqueo. Pero si hubiera tenido ruedas en el como la unidad de CPU principal habría llegado a la calle!"

"¿Cuanto ganaron por la CPU principal?" El Jefe pregunto, ahora interesado.

"Ah nada, Ese fue un premio a la mejor técnica."

"¿Técnica?"

"Si una mujer del grupo de digitadoras uso los cables e hizo algo como un lanzamiento de martillo que golpeo la esquina extrema de la caneca y el monitor exploto en una bola de pedacitos. Fue fantástico!"

"Y ella reclamo su premio."

"Ella lo iba a - esta mañana cuando un par de compañeras volvieran del trabajo. Es un poco bestial para moverlo sola y necesitas un poco de impulso sobre la rampa."

"¿Que? Pero yo movi todo antes de la limpieza. Eso esta justo atrás de mi parqu..."

>CRASH!<

"wow, creo que seré maldecido!" le dijo el miniBOFH al jefe que miraba fijamente por la ventana. "Justo en el lado del conductor! Que bueno que no estuviste en ese momento dentro del auto."

"Esquivaste una bala ahí," dije, dándole golpecitos en la espalda.

"Ooooh parece que el podría estar en shock! Y ¿Como tratamos los shocks?

"¿Mas shocks?" pregunto el miniBOFH

"No."

"Oh! Sentarlo o recostarlo, cubrirlo con una manta, darle un poco de agua..."

" y luego...?"

"Y luego... ¿Ir al bar?"

"Exacto. Pero primeros llamemos a la junta de acción comunal - Hay basura por todo el camino de nuevo." ® de Simon Travaglia

Componente Alerta --- BETA-

¿Qué es?
Es un desarrollo personal, con el fin de facilitar algo que deberia ser sencillo, y a veces no lo es tanto.

Bien, es un componente con el objetivo principal de agilizar el desarrollo de aplicaciones, que tengan interactividad de datos. Tales como Sitios actualizados por BD, Chats, Administracion.

Los que hayan desarrollado sitios de esta indole, habran visto la complejidad de hacer una ventanita Alerta. Vamos lo facil es dibujarla, ponerle los botoncitos. Pero que cumpla lo que quieres, a veces no es tan Facil.

Mi objetivo personal, es desarrollar un componente que baste algo casi tan sencillo como en JavaScript, que para poner un Alert basta con poner alert("Lo que sea");

Ventajas

    Peso:____________3Kb
    Dificultad de uso:___Baja
    AutoAmbientable:___Si
    Codigo Fuente:_____Entregado
    Costo:____________Ninguno


¿Cómo lo utilizo?
1.- Descargatelo
http://www.danonino.org/Alerta/Alerta.zip

2.-Extraelo en una carpeta, la que gustes.

3. En esa misma carpeta, crea y guarda una pelicula de Flash.

4.-Bien, el componente tiene tres modalidades: Alerta, Confirma, Login.
En la pelicula que creaste pon uno de los siguientes 3 codigos:

Tipo Alerta:

Código :

mialerta = new Alerta();
mialerta.onCierra = function() {
   if (mialerta.getRespuesta()) {
      trace("Apretaste aceptar");
   } else {
      trace("No apretaste aceptar");
   }
};
mialerta.setInformacion("Esto es una alerta\nAprieta aceptar si entendiste");

Tipo Confirma:

Código :

mialerta = new Alerta();
mialerta.onCierra = function() {
   if (mialerta.getRespuesta()) {
      trace("Que bueno que lo conoces");
   } else {
      trace("No conoces nada");
   }
};
mialerta.setTipo("Confirma");
mialerta.setInformacion("¿Estas seguro de conocer a Cristalab?");

Tipo Login:

Código :

mialerta = new Alerta();
mialerta.onCierra = function() {
   if (mialerta.getRespuesta()) {
      trace("Que bueno que lo conoces");
   } else {
      trace("No conoces nada");
   }
};
mialerta.setTipo("Confirma");
mialerta.setInformacion("¿Estas seguro de conocer a Cristalab?");


¿Cómo lo personalizo?

Código :

mialerta = new Alerta();
mialerta.onCierra = function() {
   if (mialerta.getRespuesta()) {
      trace("Apretaste aceptar");
   } else {
      trace("No apretaste aceptar");
   }
};
colores = new Array();
colores = {
   colorFondo:0xFFFFFF, 
   colorTexto:0x444444, 
   colorTextoTitulo:0xFFFFFF,    
   colorTextoBoton:0xFF6600,       
   colorInfTexto : 0xFF6600,
   colorBoton : 0xEEEEEE,
   colorBarra:0xFF6600};
mialerta.estableceColores(colores);
mialerta.setInformacion("Esto es una alerta\nAprieta aceptar si entendiste");


Realizo un esfuerzo importante, en hacerlo StandAlone(Que funcione en un alto porcentaje de ambientes). Por ahora lo he probado en diversas condiciones, basicamente de formularios. Y va bien.

Espero te guste, por aqui seguire publicando UPDATES.

Aunque se paciente, la clase la diseñe hace como 2 meses para un proyecto. Pero la hice, digamos que solo yo y mis ideas la entendian. Ahora esta mas comprendible y legible el código. Tambien trabajo en la documentación. Pero por lo pronto les dejo ya las bases para usarlo.



Aqui un ejemplo de como uso los tres tipos:



Saludos!

« Ver más nuevos 1 ... 100 101 102 103 104 105 106 ... 113 Ver más viejos »