Developer At Work

Así es, ya ha llegado el día inicial que dará vida al evento Cristalab Perú 2007. Estaré actualizando este post contando lo que vayamos tratando a lo largo de la charla.

Leer de abajo hacia arriba. El contenido está siendo actualizado actualmente, pueden haber errores ortográficos y de redacción.

07:17PM: Presentan a los expositores de mañana, y se cierra el evento. ¡Nos vemos mañana! Ese fue, Cristalab Perú 2007, día 1. Logging out.

07:14PM: César se despide y finaliza su charla. ¡Felicitaciones y aplausos generales! Freddie toma la palabra, detalles sobre las conferencias del día de mañana, recojo de certificados, la posibilidad de tener los archivos del taller (espero poder colgarlos o enlazarlos al lugar respectivo). Y empiezan las rifas! Dos polos de Cristalab (meritocracia). Pregunta 1: ¿qué es el display:block?. Segundo polo, quien adivina un número u_u.

07:08PM: Ya estamos cerrando el evento, con las preguntas finales a César. Se menciona de nuevo la importancia del criterio y mantener un balance entre el uso de varias hojas CSS y una sóla. Mantener el código lo más claro semánticamente posible. Diferencias entre los navegadores al usar block e inline. Muchos no soportan combinaciones (block inline) o tipos distintos que se pueden encontrar en el estándar completo.

07:02PM: Tratando los temas de hojas de estilo orientadas a la impresión. (y con un frío increíble… todos congelados…. o_O). Consiste básicamente en cambiar la forma en que se enlaza la hoja web de "media/screen" a "media/print".

06:17PM: Siguen los ejemplos, movilizar divs, realizar menus, y tareas similares. Dieron también botones de Cristalab a los presentes:

05:40PM: Empezamos el ejercicio. Eliminamos el css enlazado, el cual haremos de nuevo. (Probé levantar WoW y conectó suertudos los de San Marcos, pueden jugar en los huecos :P. Construimos la nueva hoja de estilos según el modelo de cajas que ya tiene la página demo.

05:22PM: César se asusta con Mac xD y yo trato de absorver calor de mi Macbook.. no funciona :’( Mientras, se instaló (para los que no las tenían) FireBug y WebDeveloperTools.   

05:20PM: Trabajaremos con el sitio TrabajoTech.com en el taller. La idea es realizar el diseño de ese sitio con CSS.

05:19PM: Flash válido: Evitar realizar sitios totalmente en flash, preferiblemente enlazar sólo segmentos. Evitar YouTuberismo. Javascript: No incluirlo dentro del documento, evitar que sea intrusivo. 

05:16PM: Orientarse a la organización de la estrucutra LoVe Hate y TRouBLE: truco para el orden de las pseudoclases (:link, :visited, :hover) y de posición (Top, Right, Bottom, Left). No la sabía

05:10PM: Evitar el efecto Arbol de Navidad: Cada persona agrega más a la base sin tener en cuenta o entender lo que se hizo anteriormente, decorando y decorando sin forma objetiva. Orientarse a la usabilidad, navegaciones claras (evitar menus desplegables, ocultan contenido), navegación clara.

05:06PM: Diseño de los sitios: Establecer correctamente la forma y función. Similar al punto anterior, que cada detalle tenga una necesidad. No ir directo a la computadora, puede ser armado y bosquejado en papel. Y no olvidarse del texto, tenerlo en cuenta en el diseño del sitio y concentrarse en sólo imagen.

05:02PM: Planificación en los Sitios: fijar los objetivos, el público objetivo, herramientas a utilizar y el presupuesto disponible. Según todas las variables, recién podemos tener el panorama completo para poder definir de forma correcta el sitio, adaptarlo al usuario objetivo (por demografía, psicografía, y otros) y con lo que el cliente puede costear. No utilizar herramientas por modas o por gusto del desarrollador. Usar los necesario y solicitar los datos e información con anticipación.

04:58PM: Trataremos ahora sobre las mejores prácticas para el desarrollo de sitios utilizando estándares:

• Adaptarse a la mayoría de los navegadores
• Herramientas para Firefox: Firebug, Web Developer Tools y MeasureIT
• Editor Recomendado: Aptana (y yo recomiendo Coda + TextMate ^^)

04:54PM: Hablamos del modelo de Cajas y las diferencias entre la implementación de IE.

04:48PM: Revisamos el caso de Maestros del Web y adentramos al uso de CSS. Utilizamos para diseño y maquetación del sitio. Introducción a CSS, selectores (de elemento, identificador y clase), agrupados en: de bloque (div, p) y de línea (strong, em, span, etc.).

04:47PM: Solicitan a Freddie utilizar el Garrote (c)!

04:42PM: XHTML: Más estricto, sólo orientado a contenido no a diseño, flexible. Recuerden cerrar  todas las etiquetas, definir su Doctype, respetar la anidación correcta de elementos, utilizar el atributo ALT en las imágenes, no caracteres acentuados, "ñ"s y símbolos similares de forma directa, usar su código respectivo(á = á, &ntile; = ñ, etc)

04:38PM: Estándares: menos uso de ancho de banda impacta en menos gasto; Separación Exitosa de presentación con contenido, mejoras con accesibilidad. Conclusión: NO hay razonas para no desarrollar con estándares.

04:35PM: Revisamos el uso de estándares (en específico, con XHTML y CSS), su importancia en el mercado, repercusiones en costos y gastos. (y nunca había visto tantas Macbooks blanquitas juntas. I’m Happy :D)

04:29PM: Iniciamos la conferencia con César. Estándares Web, definidos como recomendaciones por la W3C.

04:20PM: Y finalizamos la conferencia sobre Flex. Bastante interesante, y la punta del Iceberg de todo lo que hay por ver. A seguir investigando. Ahora esperamos a César Soplín para el segundo taller.   

04:17PM: Navegamos por los estados asignando a una variable "currentState" el nombre del estado. El control PieChart funciona de forma idéntica al DataGrid, asignamos un dataProvider, enlazamos a cada fila a una columna del XML, tendremos un control totalmente funcional.

04:06PM: Utilizamos el nuevo control PieChart, para mostrar los datos en una forma visual. Este control estará enlazado a otro documento XML (de nuevo, accediendo mediante el contro HTTPService).

04:01PM: Haremos la función de Estadísticas para el pequeño demo. Para esto, utilizaremos la capacidad de Estados en Flex,  que como el nombre lo dice, nos permite definir distintos estados para que tenga el formulario. En el caso del demo, hemos borrado el DataGrid en el estado "Estadísticas". En código, el objeto todavía existe, pero se incluye una sentencia:

<mx:State name="statsState">
            <mx:RemoveChild target="{estudentGrid}"/>
        </mx:State>

que se encarga de hacer las variaciones en los estados, en este caso, ocultando el DataGrid.

03:55PM: César camina nervioso… :P  

03:53PM: Frase de Freddie, debidamente sacada de contexto: "Windows no es de verdad" ^^.   T - 7 minutos…

03:39PM: Ahora haremos un sistema de mantenimiento de Estudiantes. Los controles son similares, DataGrid (que será enlazada a un archivo xml que nos genera el servidor de Freddie, y cuatro botones para Listar, ver estadísticas, modificar y agregar. El funcionamiento es similar al ejemplo anterior. T - 14 minutos para acabar o César se molesta y le pega a Freddie u_U .

Me gusta como se enlaza de forma bastante semántica: {datasource.lastResult.estudiantes.estudiante}.
No tenemos que crear ningún documento XML, ni recorrer nodo tras nodo. Automáticamente Flex se encarga de hacer el recorrido y agrupar los nodos (en la estructura de ejemplo, estudiante era el ítem que se repetía en el documento XML), directamente en el código. Definitivamente, algo diferente para que los venimos de Java o .NET.

03:10PM: Hemos estado desarrollando el lector RSS. En el panel colocamos un DataGrid, un TextArea y un LinkButton. Los enlazamos a un XML utilizando el objeto HTTPService. El binding se realiza en el evento creationComplete de la aplicación y luego navegamos por el RSS usando la propiedad dataProvider de la grilla, enlazando finalmente la columna al campo del data set.

01:35PM: Utilizaremos el componente Panel como contenedor de otros controles. Freddie alaba a los programadores Java (good for me ^^). Podemos colocar Constraints para indicar la forma en que es maneja el layout en el contenedor.

02:24PM: Freddie hace que entremos a Cristalab. Spammer ¬¬ . Haremos un lector de RSS ^^

02:12PM: Observamos la vista código de Flex. Es parecido a XAML (aunque todavía me gusta más este u_u). Cada componente empieza con la etiqueta <mx:…..>

02:00PM: Nuestra primera aplicación: Un cuadrado degradado con un botón :D. (Y veo que Freddie usa Parallels u_u)

01:52PM: Existe un entorno OpenSource de Flex: Flexible. Flex cuesta $1000.  

01:46PM: Ehh, pusieron un supresor de picos atrás mío. Si alcanza conecto mi equipo ^^. Hablando de las ventajas de la Super pulsera que nos dieron u_u  

01:43PM: El entorno de Flex es similar a otros que se utilizan.

01:41PM: Creamos proyecto en Flex (y a Freddie se le aparece el Front Row u_u). Existe tipo Basic, ColdFusion Remoting (el lenguaje de lado de Servidor) y Flex Data Services (de lo que ya se habló). Usaremos el primero.

01:37PM: Empezamos con Flex, entorno basado en Eclipse. Ahora OpenSource (antes costaba $100,000 o_O)

El día de hoy tenemos las exposiciones de Freddie y César, hablando ellos sobre Desarrollo con Flex y Diseño Web basado en estándares, respectivamente.

01:35PM: Nos permite realizar consultas de datos respetanto los formatos originales de respuesta, no XML. Tarea: Averiguar de Flex Data Services (FDS). Elimina los intermediarios para conectarse a una Base de Datos, basado en la metodología Cairngorn (Model2, MVC).

01:34PM: Hablando de Flash Remoting  

01:32PM: Inicio conferencia de Flex. Tenemos ActionScript3

01:31PM: ¡¡Freddie reutiliza presentaciones!!! xD  

01:29PM: Anuncian Starcraft2!! … ah.. no, no acá u_u, sólo habla de Cristalab ^^ Pero está bien, sigue nomás n_n  

01:28PM: Presentando Cristalab: La comunidad #1 en Flash! (minipost no auspiciado por Cristalab u_u)  

01:27PM: Nadie es "activo" con Cristalab o_O   

01:26PM: ¡Empezó!

01:26PM: Nota a mí mismo: necesito un cable para conectar mi laptop al proyector!  

01:22PM: Sigo sin saber cómo y sí conectar a Chise (la Macbook :/)  

01:21PM: Parece que ya empiezan. Y tienen a la gemela de mi laptop. Y el cable para conectarla.. aprovecharé para averiguar sobre el cable ¬¬

01:19PM:  Mi decana en Cristalab ^^  

01:16PM: ¿Por qué los monitores están en frente de la puerta?? ¡¡La luz!! ¡¡El brillo!!!

01:14PM Esperando el inicio de la misma. Veo que no hay un enchufe disponible para conectar mi laptop. Si nadie usa la máquina a mi costado (lo dudo) la desenchufo ^^ asiento ocupado, no hay enchufe para mi laptop TT_TT

01:10PM Entré al local, y me sitúo en la máquina que probablemente usaremos a lo largo de la conferencia