Developer At Work

Freddie compartió la conexión desde su laptop; gracias a eso puedo actualizar el avance de la conferencia del día de hoy:

 

El contenido está siendo actualizado en tiempo real (o casi). Leer de abajo hacia arriba

  

---

 
06:37PM: Con esas palabras, se presentan agradecimientos a los expositores y la universidad. Cada expositor expresa su agredecimiento también, recomendaciones al futuro.

06:29PM: Hablamos ahora sobre las agencias Web. No temer a los riesgos y cambiar. Atreverse a hacer las cosas. Freddie nos recomienda amar nuestro trabajo. Freddie vendía incienso en la universidad o_O.

No sufrir la inercia y estancarse en una tecnología o herramienta. Atreverse a aprender nuevos conceptos, explorar nuevas ideas.

06:26PM: Se ve una aplicación realizada en Apollo para realizar las ventas mediante Ebay. Mejora la usabilidad (permite utilizar la webcam para colocar una imagen del producto). Una nueva generación de aplicación, rica en medios.

06:19PM: Hablamos de las ventajas del Wii al llevar Internet al TV y generar un nuevo mercado de sitios. Sólo soporta hasta ActionScript 2 (Flash 7).  La información del Wiimote puede ser leída enteramente por Flash con un SDK. Los juegos en Flash se revalorizan, al poder estar ahora en los televisiores.

06:14PM: Freddie nos muestra un demo del WiiMote con Flash. El creador del API que permite eso mueve el Wiimote y su representación en Flash se mueve acorde.

06:11PM: Revisamos un demo de una RIA desarrollada por Freddie para un concurso de modelos. Tratamos el tema de WebORB para comunicación con biblitecas en PHP.

05:53PM: Regresamos a la conferencia ^^. Las RIAs son la evolución de las aplicaciones web. Revisamos el ejemplo

y ganó Freddie u_u.

40-40
30-40
30-30
30-15
15-15
00- 15

¡Empieza el 3er, round!

Gana Freddie

40-40

40-30
40-15
30-15
30-00
15-00

Empieza el segundo round… el público enloquece.

Dani gana el primer duelo.

40-40
30-40
30-30

05:42PM: Empezó el torneooo. 15 - 30, contra Freddie

05:38PM: Habrá un torneo de Wii Sports Tennis, Freddie contra Dani. (Freddie trató de usar el Wiimote como micrófono u_u). El público quiere que gane a Dani xD. Si Freddie pierte, Cristalab estará en un popup.

Rich Internet Applications en Flash.

05:34PM: Hacemos un pequeño demo con un plugin de jQuery para insertar objetos Flash y con eso finalizamos la conferencia de César.

05:04PM: Revisaremos ahora algunos demos utilizando jQuery, en la web de Telúrica.com.

Tener en cuenta la codificación de la biblioteca y los plugins para evitar problemas  de ejecución en IE.

05:01PM: Es una herramienta que facilita el uso, pero no te "salva" de aprender Javascript. Siempre es saludable aprender JS ^^.

04:58PM: Añadir CSS en ejecución. Incluye algunos efectos (slide, hide) y finalmente, utilizar AJAX propiamente dicho.

04:55PM: Algunos ejemplos de código:
Navega según el DOM

$(document.tambien.navega.dom);

Y también como CSS!

$(div .oferta #titulo)

$("img").each(function(i){}) <– foreach como lo conocemos.

$("div").html(); <– acceso al innerHTML.

04:52PM: Conceptos iniciales: Separar los archivos JS del XHTML.  jQuery tiene su propio manejo de eventos (como el evento ready, ejecutado luego que carga todo el árbol DOM, similar al evento onDOMReady, de Mootools :P).

Ejecutarlo luego del Google Adsense para evitar conflictos.

Permite encadenamiento de llamadas, uso de Callbacks.

04:50PM: Nacen entonces las bibliotecas para AJAX que simplifican su uso. Una de ellas, es jQuery. Facilita la navegación en DOM, extensible (bajo plugins), crossbrowser y bastante bien documentado.

04:46PM: Breve recordatorio de XHTML (contenido), CSS (presentación, color, diagramación, etc.) y Javascript (comportamiento). AJAX se inicia con la creación del objeto  HTTPXMLRequest, implementado ahora (y soportado por la W3C). 

04:42PM: Empieza la conferencia de César, orientada a la construcción de sitios web con CSS y jQuery. Utilizado por Wordpress, Technorati, Drupal.

Conferencia sobre jQuery

04:39PM: Y luego de reir un rato con la anecdota que contó un asistente sobre las increíbles  habilidades de su esposa para encontrar fallas en los programas,  y sobre el olvido de Freddie al entregar el premio se finaliza la conferencia de Dani e inicia la de César. 

04:17PM: Revisamos algunos detalles del costo (el cual no nos dio, pero con la casa que se está construyendo -ver el Flickr de Dani u_u-, te puedes dar una idea ^^; como calcular la complejidad, como manejar los presupuestos -no aumentarlos luego de haberse calculado)

04:14PM: Flash, Combustion, After Effects, y otras herramientas más fueron utilizadas para el desarrollo de los elementos que se involucraron en el proyecto.

04:11PM: Vemos algunos archivos de ActionScript que implementan y soportan el movimiento del personaje que es arrastrado (pràcticanmente un archivo de éstos por cada pieza que conforma al Stuntman.  Así, todos los elementos están en su lugar, sincronizados en el armado final.

03:49PM: Toda la película fue compuesta por diversas escenas independientes. Nos muestra el armado del muñeco (realizado usando cálculos sobre IK para el movimiento), el storyboard de la grabación. 

03:39PM: La documentación fue un paso realizado a lo largo de todo el proceso.

03:35PM: Las escenas en 3D (realizadas por www.n-render.com) complementaron las escenas filmadas en video. Bastante bien realizadas. Todo este trabajo se iba haciendo en paralelo con el resto. Luego los animadores tomaban los videos y los encajaban con el actor

03:30PM: Vemos ahora como se filmaron las escenas de video mediante la técnica de la pantalla "azul", las cuales luego serían editadas para agregar 3D.

03:26PM: Se hacen prototipos con algunos videos de demos, realizar el audio y música para ambientación. Y Dani jura que Superman tiene un… miembro viril gigantesto… quien sabe cómo o_O.  Y liga luego con un miembro de la conferencia. Sólo en Cristalab >.<
 
03:23PM: Mientras se desarrollaba esto, se avanzaban otras tareas, como los "Copy" (frases cortas que reflejan lo que se anuncia,  adaptadas para publicidad), los textos de bienvenida al sitio (narrados en una especie de preloaer), elementos del entorno de los sitios, ambientación, etc.

03:19PM: El siguiente paso, fue el casting del autor que representan a la persona que es golpeada por todas partes. Se trabajó con una agencia de casting, donde se enviaron fotos, videos y similares del actor interpretando la idea del papel.

03:17PM: Dani nos habla sobre como manejaron las tareas en un documento, subdividiendolas y asignando responsabilidades de cada una.

03:14PM: Revisamos el brief inicial del concepto total, Action City, Action Man, StuntMan, los bosquejos en papel del sitio (una ciudad virtual con diversas escenas), ideas, descripción de los contenidos, estrategias online.

03:03PM: Empeamos a revisar el caso de estudio Stuntman, realizado por GrupoW. Muchas cosas se aprenden sobre la marcha. Nos comentarán sobre la producción del mismo. No necesariamente se orientan a mostrar la marca para darle mayor autenticidad.

(Freddie expresó que le funciona el desodorante Axe u_u)

02:57PM: Vemos ahora el sitio (con PopUp e Intro ^_^)
http://www.gettheglass.com

02:47PM: Revisamos ahora www.comeclean.com, para realizar confesiones y leer las de otros.

Vimos también Elf Yourself, aquel servicio para ponerle la foto a un elfo que bailaba. Fue popular en Navidad.

La campaña Heidies, viral que simulaba el "secuestro" de un sitio web donde dos modelos "torturaban" a un chico mientras deambulaban con la ropa interior del último catálogo

02:42PM: Busquen el bendito video, yeah, Is That Good! u_u

02:41PM: Revisaremos un video en YouTube ("El mariachi Loco") filmado por Dani. No tiene audio. Al parecer, o Internet, o audio.. .o papel higiénico u_u

02:35PM: Empezamos la conferencia con Dani Granatta, revisando la página de Cristalab buscando mensajes de charros y contándonos sus problemas para encontrar papel higiénico u_u.

PARTE II, luego del receso.

12:38PM: Y así, finaliza la primera parte de las conferencias del días dos.

12:30PM: Luego de una ronda de preguntas sobre ventajas y desventajas de Apollo (mayor uso de memoria, trabajar en un sandbox sin posibilidades de instalar o ejecutar instrucciones fuera de éste, contra tener facilidad de hacer el mismo código para ambas plataformas).

En este punto, puedo discrepar algo con Fernando. El WPF (y por extensión, Silverlight, ex-WPF/E) trabaja bajo XAML, un lenguaje declarativo para definir la interfaz y asignarle comportamientos,  y el cambio de realizar una aplicación Web para mudarla a una aplicación escritorio es probablemente igual o más sencillo, que "convertirla" con Apollo.

Definitivamente, Apollo mantiene la ventaja si es que llega a apoyar a Linux (Silverlight funciona por ahora con Windows y Mac), así como una serie de funcionalidades que el Silverlight se encuentran reducidas (sólo disponibles si la plataforma corre .NET 3.0, lo cual sólo WinXP, Vista y Win2003 lo hacen).

12:21PM: Algunos proyectos de la Empresa Funciton:
- funciton.blog
-funciton.mobi
-funciton.opensource

12:06PM: Algunos Demos de Apollo:
- DiggTop (de GrandSkinner). Es un widget lector del feed del Digg.
- FineTune Desktop: Reproductor de música por Internet. Bastante integrado con la Web.  www.finetune.com

- Demo realizado por Funciton en Flex2.
http://projects.funciton.com/arq3/

12:00PM: Se rumora que el Apollo SDK sea OpenSource.
Beneficios: Reutilizar los recursos realizados en Web sin modificación.  . Soporte para eventos iniciados por el OS (Drag’n'Drop), instaladores. Trabaja y soporta el uso de certificados digitales para su ejecución.

-Posible interacción con Google Gears a futuro.

Según su perspectiva, Flex es un framework sobrre Flash, no necesariamente una gran herramienta distinta. 

11:55AM: ¿Qué es Apollo? La opción de Adobe de entrar al mercado de aplicaciones de escritorio, utilizando las tecnologías existentes (Flex, Flash, Ajax, etc.,)

Tenemos un antecedente, Macromedia Central, una caja donde correr los SWFs. Sin embargo, no había libertad para comunicarse con el OS.

11:53AM: Fernando nos comenta sus experiencia en la empresa, bastante interesante (y me dio algunas ideas que pienso aplicar pronto ^^).  En su empresa han trabajado sitios curiosos e importantes para varias empresas (y sus anécdotas cuando les disminuyen el tiempo total de desarrollo a casi un décimo del mismo u_u).
http://www.funciton.com

11:38AM: Funciton: El error más común de los programadores latinos al escribir la palabra "function".

11:23AM: Nos cuenta porqué la conferencia se llama Adobe Apollo -203- 307 (el número de su oficina). Da una breve reseña. Más desarrollador que programador. Nos comenta sus experiencias trabajando para Macromedia en el Flash Video Kit.

11:21AM: Fernando Flores nos habla del robo de su identidad de gente que exponía en su nombre y el ni enterado u_u.

11:16AM: Hablamos ahora con Fernando Flores, en su conferencia sobre Apollo.

11:13AM:  Me duele la cabeza >.<. Y luego de revisar algunos demos interesante (revisar los Labs de Adobe), finaliza la conferencia de Freddie, igual que el día de ayer, bastante interesante. Continuamos con la siguiente conferencia.

10:58AM: Revisamos algunos ejemplos.
Applet de Flash para Webcam y Reflejo en el piso:
htt://pixelfumes.blogspot.com/2006/10/fullscreen-webcam-with-live-reflection.html.
Al entrar al modo pantalla completa, se le avisa al usuario que debe salir utilizando la tecla "Esc". Ejemplo exitosio del uso de pantalla completa.

- Vemos ahora un video. Tienen opción también de ver a pantalla completa.
http://www.video-flash.de/wp-content/uploads/2006/10/flvplayback_fullscreen.html.
Igualmente, se puede entrar y salir de pantalla completa sin ningún problema.

- Demo de Papervision3D, un motor de renderizado 3D en Flash. Todo una vista panorámica de una biblioteca o algo similar. También en FullScreen.
http://www.papervision3d.org/demos/panorama

- Ejemplo de PopUp 2.0
http://www.eltiempo.com/politica/2007-06-28/ARTICULO-WEB-NOTA_INTERIOR-3588172.html.
Al hacer click en la imagen, ésta se muestra en un div flotante, sombreando el contenido de atrás, con un comportamiento que se conoce como "modal" en el mundo de los diseñadores.
Este PopUp no invade, está dentro de la pestaña y no altera el flujo de navegación.

- Galería de fotos de un bebé, realizado en Flash. También permite realizarse en Fullscreen.
http://owen.impossibilities.com

10:47AM: ¿Cómo convencer al cliente que no necesita un intro o música?
Hacer un compromiso entre ambos, cliente y desarrollador. Una solución es colocar un player deshabilitado. También recomienda utilizar tazers para el cliente u_u.

10:41AM: De sitios web a poesía digital.
La web ha cambiado, y la forma en que se muestra la información. La web ha evolucionado.

¿Es recomendable hacer todo un sitio en Flash?
Depende del usuario y el público que recibe y al que se orienta.

10:37AM:
- Imagenes de alta calidad, 300dpi, efectos photoshop en todas partes: No colocar imágenes demasiado grandes (Y Freddie imita la voz de un diseñador ¬¬).
No incluir fotos de tamaños grande, redimensionadas en HTML.

No excederse con los efectos, colores en degradados.

10:32AM:
-Animar logos, botones, contenido, banners, fondo: Trasladar todo el conocimiento de animación a toodo. u_u. Confunde a los usuarios. (Frase de Freddie:"¡¡Suicidios masivos de usuario!!" o_O)
Trae problemas de usabilidad al no mantener un comportamiento que diferencia correctamente elementos de otros. Depende del mercado objetivo.

Tratar que las animaciones sean elegantes.

- Sonido en la web: Sólo en públicos y contenidos objetivos (Juegos, videos, etc.). Afecta la experiencia de navegación y confunde. No sabe qué página de todas las que abrió es la que tenía música. 

10:29AM: El PopUp hace que el usuario pierda el flujo de navegación.
La pantalla completa puede ser utilzada si hay un contenido que lo requiera (videos).

10:27AM: No recomendado el uso de los PopUps. Freddie anuncia que si lo obligan a utilizar IE6 sin tabs, se mata o algo parecido. Un tip interesante para alguien, supongo.

10:26AM: La mayoría de personas no sabe como funciona y porqué los sitios (como tampoco lo saben de los carros : me incluyo, un carro, sé, tiene cuatro ruedas y un timón u_U)
10:19AM: No decidir por los usuario.
- Ventanas emergentos, pop ups, sin controles o a pantalla completa: Heredados de Director y versiones iniciales de Flash, que normalmente realizaban producciones a pantalla completa (lo que era aceptable en ese medio). El usuario lo espera. En un sitio web no. Atenta con la usabilidad.

Las ventanas sin controles y  barras de tareas confunden a los usuarios. Nos cuenta una anécdota con un contador, quien no sabía como salir porque no encontraba la "X" y terminó apagando el equipo para seguir utilizando el equipo (tampoco encontraba el botón de "START" :P)

10:15AM: Errores más frecuentes o casos a evitar:
- Click aquí para saltar intro: La plaga más horrible ^^. Tuvieron su mayor boom de los 1990- 2000. Problemas de tamaño de los intros con el alto de porcentaje de usuarios que todavía utiliza módems.  Recomendación: NO. Atentan contra la usabilidad. Sólo una vez es interesante. Es gasto de tiempo. La mayoría de sitios tienen más visitas en la información, no al "index". Requiere un click adicional para saltarlo o para continuar. Evitarlos.

A la gente no les interesamos u_u.

10:14AM: Finalmente, el diseño debe ser agradable a la vista.

10:13AM: Freddie nos recomienda utilizar AWStats o Google Analytics para descubrir las palabras de búsquedas más usadas.

10:12AM: Hablamos sobre la comunicación que debe dar el diseño, darse a conocer, situar al usuario en el lugar donde exista. Comunicar una idea clara. Buscar el posicionamiento de marca.

Hablamos el caso del uso de Google utilizado como barra de direcciones.

10:07AM: El diseño tiene que ser también práctico. El proyecto debe entenderse a cualquier persona que lo revisa. Se debe buscar consistencia y buscar cosas sencillas. No complicarse si no es debido.Buscar la sencillez. Resumir formularios de registro. 

10:04AM: El diseño tiene que ser usable, es decir, que explote el conocimiento previo del usuario que facilita el uso al usuario sobre una interfaz. Evitar que el usuario piense lo mínimo y acceda al contenido lo más fácil posible. Nos recomienda el libro "Don’t make me think", sobre usabilidad y casos de estudio.
También "Arte y Ciencia del Diseño Web". ¿Porqué Google utiiiza los controles como los usa?

10:02AM: Tenemos algunos puntos a tener en cuenta para el diseño, que mantenga funcionalidad (una razón detrás de cada decisión de diseño).
Le entregan a Freddie su IP (" Señor, su IP está lista" u_u).

10:00AM: Llegamos a Flash 5, cuando el ActionScript ya cumple con las especificaciones de ECMAScript. Sin embargo, eso conllevó también a que las ganas de soportar versiones anteriores deserrolló en faltas de buenas prácticas y generar el odio a usarlo al ser visto (y ganarse la fama) como lel heredero del infierno de los gif animados.

09:59AM: Cada versión adicional de Flash conlleva y atrae a mayores usuarios y los primeros inicios de lo que ahora es ActionScript. Flash4 fue el primero en incorporar mayores herramientas de programación (funciones, variables, condicionales) 

09:58AM: Vemos el pasado de Flash, FutureFlash y los conceptos de vectores (no bit tras bit en pantalla, si no construidos según fórmulas matemáticas).

09:57AM: Iniciamos la conferencia de buenas prácticas en Flash, una de las mejores herramientas para animaciones vectoriales (causó casi la muerte de los sitios llenos de gif animados u_u).

09:55AM: Luego de unos retrasos, iniciamos las conferencias del días de hoy. Freddie realiza un recuento del día anterior. Iniciamos en un rato con la exposición de Freddie sobre usabilidad y el correcto desempeño y uso de Flash.