LINQ - Language Integrated Query / Expresiones Lambda

Introducido en la versión 3.0 de .NET, LINQ nos permite realizar consultas similar a las de SQL en nuestro código.

Lambda es una forma de escribir funciones anónimas en el cual se lo suele usar para pasar con facilidad como argumentos y para crear delegados.

Todo esto combinado con el uso de los genéricos hace que el código sea simple.

Veamos un ejemplo de código con LINQ:

	Ficha ficha = (from child in Children.OfType<Ficha>()
				   where child.Name == "_1"
				   select child).First<Ficha>() as Ficha;

La sintaxis es idéntica al SQL, en este caso necesitábamos extraer un elemento de tipo "Ficha" con el nombre "_1" de la propiedad "Children" que devuelve una colección de objetos (En Silverlight, "Children" es una propiedad que representa un contenedor de donde desprende los elementos gráficos que se muestra en pantalla).

Ahora ajustando el mismo código con una expresión Lambda:

	Ficha ficha = Children
				  .OfType<Ficha>()
				  .Where(child => child.Name == "_1")
				  .First<Ficha>();

o simplificandolo mas:

	Ficha ficha = Children
				  .OfType<Ficha>()
				  .Single(child => child.Name == "_1");

Todo muy lindo pero el ejemplo que propuse no creo que sorprenda a los programadores Flash dado que a nivel funcional lo que quiero hacer es equivalente a "getChildByName". Osea en código AS3 seria:

var ficha:Ficha = this.getChildByName("_1") as Ficha;

Leer XML con Silverlight 2

Lo que sigue ahora, sí es impresionante, el ejemplo que propongo a continuación es con Silverlight 2 y se trata de leer un XML con LINQ.

Tengo el XML siguiente, sites.xml:

<?xml version="1.0" encoding="UTF-8"?>
<main>
	<sites>
		<site
			name="Blog"
			link="http://www.nessy.com.ar/blog"
			thumb="thumb.blog.jpg" />
		<site
			name="LinkedIn"
			link="http://www.linkedin.com/in/FranciscoRosales"
			thumb="thumb.linkedin.jpg" />
		<site
			name="Twitter"
			link="http://www.twitter.com/nessy"
			thumb="thumb.twitter.jpg" />
	</sites>
</main>

En consecuencia tengo el objeto siguiente:

using System;

namespace NessyJackSL.model
{
	public class Site
	{
		public string name { get; set; }

		public string link { get; set; }

		public string thumb { get; set; }
	}
}

Y finalmente tengo la clase llamada JackData que se encargará de leer el XML:

using System;
using System.Net;
using System.IO;
using System.Linq;
using System.Xml.Linq;
using NessyJackSL.util;
using NessyJackSL.model;

namespace NessyJackSL.data
{
	public class JackData
	{
		public event EventHandler EVENT_DATA_READY;

		public static Site[] sites;

		public JackData()
		{
			try
			{
				WebClient client = new WebClient();
				client.OpenReadAsync(new Uri("sites.xml", UriKind.Relative));
				client.OpenReadCompleted += new OpenReadCompletedEventHandler(onComplete);
			}
			catch (Exception ex)
			{
				Log.w("JackData.Error > " + ex.Message);
			}
		}

		private void onComplete(object sender, OpenReadCompletedEventArgs evt)
		{
			XDocument doc = XDocument.Load((Stream) evt.Result);
			sites = (from site in doc.Descendants("site")
					 select new Site
					 {
						name = site.Attribute("name").Value,
						link = site.Attribute("link").Value,
						thumb = site.Attribute("thumb").Value
					 }).ToArray();
			EVENT_DATA_READY(this, new EventArgs());
		}
	}
}

Presten atención a lo que se hace en el código siguiente extraido de la clase JackData:

			XDocument doc = XDocument.Load((Stream) evt.Result);
			sites = (from site in doc.Descendants("site")
					 select new Site
					 {
						name = site.Attribute("name").Value,
						link = site.Attribute("link").Value,
						thumb = site.Attribute("thumb").Value
					 }).ToArray();

Una vez cargado el XML sites.xml, estas pocas líneas de código efectúan las acciones siguientes:
recorre los nodos con nombre "site", crea un objeto asignándole el valor que proviene del atributo que le corresponde por cada nodo encontrado y se lo agrega al Array, al final devuelve un Array de Site.

Ahora también lo podemos hacer con la combinación de la expresión Lambada:

			sites = doc
					.Descendants("site")
					.Select(
						site => new Site
						{
							name = site.Attribute("name").Value,
							link = site.Attribute("link").Value,
							thumb = site.Attribute("thumb").Value
						}
					).ToArray();

Mi polémica afirmación es que no he visto esta simplicidad en ningún otro lenguaje de programación conocidos pero existen desarrollos en curso para adaptarlos a los lenguajes mas populares.

Las opciones para Java son Quare (http://quaere.codehaus.org/) y JLinq (http://www.hugoware.net/).

Para ActionScript 3 es GAIQL (http://g-unix.com/blog/1/2008/05/Actionscript-Intergrated-Query-Language-Preview-Release.cfm).

Para PHP se llama PHPLinq (http://phplinq.codeplex.com/).

Javascript parece tener su Lambda: http://alex.dojotoolkit.org/2009/05/on-js-lambdas/.

La consigna: mostrar números aleatorios (300) que no se repitan en ninguna caso y que los muestres con un efecto de suspenso parecido a los números de los paneles de los aeropuertos.

La dificultad: El panel tenia que tener 7 dígitos en el cual giraban los números consecutivamente del 1 al 10 al mismo tiempo, esto provocaba un gran consumo de procesador lo cual lo hacia inutilizable en una computadora con bajo recursos.

Mas dificultad: La computadora donde tenia que correr era una Notebook con un procesador de 1.7 Ghz y memoria de 512 Mb.

Intentos: Mi primera prueba para efectuar el "Flip" de los números fue de utilizar el eje Z introducido en el nuevo Player del flash. Este método resulto tedioso para posicionar correctamente los números en la pantalla a lo cual decidí usar Papervision3D. Esa tecnología me resulto efectiva para mostrar en pantalla los números pero fue fatal para el procesador de computadoras de bajo recursos.

La solución: engañar el ojo humano simulando el 3D con un efecto “Blur” en cada numero cuando van bajando (es un viejo truco pero sigue siendo efectivo). Esto me permitio girar los numero a alta velocidad y a agregarle sonido para cada numero.

El Webservice a titulo de ejemplo tiene los sigientes parametros: title y details.

REPORT zwebconsume.

DATA: http_client TYPE REF TO if_http_client .

DATA: w_string TYPE string ,
w_result TYPE string ,
r_str TYPE string .

DATA: result_tab TYPE TABLE OF string.

START-OF-SELECTION .
CLEAR w_string .
w_string = 'http://urlhost/Logs/main.asmx/SetLog'.

CALL METHOD cl_http_client=>create_by_url
EXPORTING
url                = w_string
IMPORTING
client = http_client
EXCEPTIONS
argument_not_found = 1
plugin_not_active  = 2
internal_error     = 3
OTHERS = 4.

CALL METHOD HTTP_CLIENT->REQUEST->SET_HEADER_FIELD
EXPORTING
NAME = '~request_method'
VALUE = 'POST'.

CALL METHOD http_client->REQUEST->SET_FORM_FIELD
EXPORTING
NAME = 'title'
VALUE = 'Mail sistema'.

CALL METHOD http_client->REQUEST->SET_FORM_FIELD
EXPORTING
NAME = 'details'
VALUE = 'Funcion 1234'.

CALL METHOD http_client->send
EXCEPTIONS
http_communication_failure = 1
http_invalid_state         = 2.

CALL METHOD http_client->receive
EXCEPTIONS
http_communication_failure = 1
http_invalid_state         = 2
http_processing_failed     = 3.
CLEAR w_result .
w_result = http_client->response->get_cdata( ).

REFRESH result_tab .
SPLIT w_result AT cl_abap_char_utilities=>cr_lf INTO TABLE
result_tab .

READ TABLE result_tab INTO r_str INDEX 2.

Lo que hay que tener en cuenta es que el envio de parametros se efectua con REQUEST->SET_FORM_FIELD y no con REQUEST->SET_DATA ya que este es para enviar todo el encabezado.

Tambien la invocación siguiente es para pasar los parametros por el metodo POST:

CALL METHOD HTTP_CLIENT->REQUEST->SET_HEADER_FIELD
EXPORTING
NAME = '~request_method'
VALUE = 'POST'.

Todo componente armado en modo diseño y con el IDE de Flash se vuelve tedioso en mantener y entender, incluso si lo hizo uno mismo;

Por ejemplo, tomen un trabajo en Flash de un diseñador gráfico que intenta programar en AS y busquen un código en la libreria del IDE armado con carpeta según como lo hizo el autor en el MovieClip, "Symbol_198...", y todo eso sin provocar modificaciones no deseables. No gracias, pero bueno si hay que hacerlo...

El programador ActionScript 2/3 debe volcar su código en archivos .AS y utilizar en el caso de AS2 la programación orientado a objeto; El IDE recomendable para este caso es el FlashDevelop (http://www.flashdevelop.org/);
En todo caso al programador Flash ActionScript 3 le recomiendo abandonar el IDE y utilizar el Flex Builder 3 la opción de ActionScript Project;

Pequeña anectodata sobre IDE de Flash:
Recuerdo que una vez fui a una entrevista para el puesto de programador ActionScript en la cual me propusieron de entrada de rendir un examen de Flash;
El examen constaba de pregunta sobre como utilizar las herramientas del IDE del Flash;
Una pregunta era como encontrar el código "gotoAndPlay(fruta)" en un Flash proporcionado, efectivamente su libreria contenia 20 carpetas, 500 simbolos/graficos y movieclip todo uno dentro del otro;
No se que tipo de programador iban a encontrar pero seguro que iban a encontrar con tal pregunta a un buen operador de PC, porque la respuesta que ellos tenian registrado era de usar al "Movie Explorer (ALT+F3)" para encontrar ese código;
Por suerte esa empresa desaparecio, y espero que no realizen mas examenes de sistema porque pienso que esos tipos de directores/project leader provocan una frenada al crecimiento de la technologia con sus desconocimientos;

Al fin el proposito de esta nota es la de demostrar que con el código se puede realizar efectos asombrosos que un diseñador gráfico realizaria usando el Photoshop y Flash;

El botón siguiente fue armado en AS3 (en principio lo habia hecho en AS2); A este objeto se le puede aplicar facilmente un redimensionamiento sin redibujarlo (usando la propiedad scale9Grid) y manteniendo calidad gráfica usando los filtros introducidos en el Flash 8;

(Please open the article to see the flash file or player.)

El botón se lo puede instanciar con las dimensiones seteada en el constructor y seteand la función onClick:

	var button:CoolButton = new CoolButton(200, 40);
	button.text = "Cool Button !";
	button.onClick = function():void
	{
		trace("CoolButton Click!");
	}
	button.dispatchClickOnly = false;
	addChild(boton);

Tambien se lo puede instanciar sin las dimensiones y asignarsela luego:

	var button:CoolButton = new CoolButton();
	button.text = "Cool Button !";
	button.addEventListener(CoolButton.EVENT_CLICKED, handlerClickButton);
	addChild(button);
	button.setDimension(200, 40);

En este ultimo caso se utilizo un receptor de evento Listener para capturar el evento del click en vez de la función onClick;
El registro de evento para el caso de este botón se encuentra como variable estatica en el objeto Coolbutton (CoolButton.EVENT_CLICKED), por eso se la puede invocar sin instanciarla;

(Please open the article to see the flash file or player.)

Código fuente de "Coolbutton":
CoolButton.as

Para implementarlo, simplemente pegar el contenido en un archivo Coolbutton.as que este ubicado en la carpeta com.nessy.util;
La estructura de carpeta tanto en Flash CS3 como en Flex - ActionScript Project tiene que quedar de la siguiente forma:

[]com
    []nessy
        []util
            Coolbutton.as
test.as

El código fuente en ActionScript Project (Flex) con los "sliders" se encuentra ubicado en la siguiente dirección: http://code.google.com/p/coolbutton;
De esta forma se pueden bajar con un cliente SVN (ej: TortoiseSVN) y usar el projecto AS3 entero (usando Import... en Flex Builder) de la siguiente URL:
http://coolbutton.googlecode.com/svn/trunk/AS3/;

SELECT
	column_name
FROM
	all_tab_columns
WHERE
	table_name = 'NOMBRE_DE_LA_TABLA'

Y para el caso que usemos esquemas:

SELECT
	column_name
FROM
	all_tab_columns
WHERE
	table_name = 'NOMBRE_DE_LA_TABLA'
	AND OWNER = 'CREADOR_DEL_ESQUEMA'

Este devolveria simplemente el nombre de la columna, si reemplazan column_nam por * veran datos interesantes.

Metas

• Mejorar el rendimiento del desarrollo y mantenimiento de un proyecto.
• Optimizar el trabajo cooperativo.
• La organización de las carpetas del proyecto aporta una ayuda en la centralización de la información.

A que tipo de proyecto se aplica ?

Esta organización de carpeta esta destinada a los proyectos web que contiene varias tecnologías y con el fin que puedan convivir eficientemente. Este modelo se uso frecuentemente en proyecto con las siguientes combinaciones:

• PHP y Javascript - AJAX (Prototype, jQuery, Mootools, YUI, etc.).
• .Net 1.1 (si todavia se usa), Javascript - AJAX.
• Actionscript y XML.
• Java

Este modelo no se aplica a un proyecto .Net 2.

Carpetas fuentes y producción

En esta organización propuesta, existen 2 tipos de carpetas:

1. Las carpetas de desarrollo.
2. Las carpetas de producción (carpeta que están dispuesta a transportarse al ambiente de producción.

Las carpetas de desarrollos se identificarán con un guión bajo "_" como primera letra de nombre.

Nomenclatura de los archivos

Se utilizará nombre corto, descriptivo y sin espacios para los nombres de archivos.
Los archivos que se incrustan en varios documentos iran precedido del nombre "inc." (válido para Javascript, PHP, ASPX, JSP, CSS, AS2).
Los archivos que contenga la lógica de negocio no se le antepondrá el nombre "inc.".
En el caso de los archivos framework de un tercero tales como Prototype, jQuery, ExtJs, etc. se le mantendra el nombre y no se le aplicara esta organización.

Backup

Es buena practica realizar copia de seguridad frecuentemente. Para no interferir con un sistema de control de versión, la carpeta backup debera ir fuera de la carpeta del proyecto con el siguiente nombre {nombre proyecto}.backup.

Se comprimirá en un archivo ZIP o RAR toda sus estructura de directorios y se la nombrara de la siguiente forma: {nombre proyecto}.{año}{mes}{dia}.zip.

Tipo de carpetas

A continuación se enumera los distintos tipos de carpeta que suelen usarse en los proyectos.

• _psd
• _doc
• _fla
• _sql
• _font
• _src
• i
• down

Carpeta de diseño: _psd.

Carpeta en la cual el diseñador deposita los archivos para realizar la maqueta del proyecto, en general son archivo con extensión PSD, PSB, AI, PNG y/o PDF.

Carpeta de documentación: _doc.

Carpeta para almacenar la documentación referida al requerimiento del proyecto.

Carpeta Flash/Actionscript: _fla.

Carpeta en el cual se concentra los archivos fuentes de Flash.

Carpeta SQL: _sql.

Comprende los archivos SQL necesario para armar las tablas desde zero.

Carpeta tipografía: _font.

Carpeta mas relacionada con el diseño gráfico en la cual incluye las tipografías a utilizar en los desarrollos en Flash, o para generar los titulos en imagenes.

Carpeta de imagenes: i.

Almacenamiento de las imagenes

Carpeta de download: down.

Almacenamiento de los archivos de bajadas.

Carpeta de código fuente: _src.

Esta carpeta de código fuente tiene como funcionalidad de separar el código de los archivos de compilación, ya que podría ser sumamente inseguro subir el código fuente al ambiente de producción.

Con .Net 1.1 se almacena ahí los archivos necesario para generar la DLL del proyecto y tienen como extensión ".cs" (en C#), los archivos con extensión ".aspx" van en la raíz. Mismo caso para Java en el cual la extensión es ".java" y los archivos compilados son los ".class".

Ejemplo de un proyecto Java:

Ejemplo de un proyecto .Net1.1:

Si bien el nombre es el mismo que el Phostoshop conocido, la aplicación no se acerca ni un poquito a todo su potencial.
Esta sigue aun siendo interesante por su cantidad de feature on-line disponible.
A saber:
- Editor Online
- Galeria Online
- 2 GB libre de almacenamiento
- Identico a Adobe Bridge
- interfaz muy intuitiva al subir los archivos, permite multiple selección y creación de carpeta al momento de subir las imagenes
- Permite compartir facilmente a la Web2.0 sus trabajos, aca va el mio: http://nessy.photoshop.com
- integra algunas redes sociales (FaceBook, Picasa, Photobucket)

A tener en cuenta:
- Hecho en Flash9/Flex Actionscript 3
- Saldra una versión de escritorio en AIR
- Funciona solamente con JPG, PNG, GIF

Tutotial Photoshop Express > http://www.photoshopexpresstechniques.com/

Adobe lanzó el framework AIR en su version 1.0 final.
En el mismo dia salio Flex builder 3.
Hay que resalatar que Adobe Air no es flash unicamente, sino que hace enfoque a Javascript / AJAX. Los frameworks incluidos son jQuery, Ext JS, Dojo, y Spry.

AIR 1.0 > http://www.adobe.com/go/air
Flex 3.0 > http://www.adobe.com/products/flex/

Documentación de Ext (http://extjs.com/) en forma de aplicación de escritorio con Adobe AIR:

1. instalarse el framework Adobe Air: http://labs.adobe.com/downloads/air.html
2. instalar la aplicación http://extjs.com/playpen/air/docs.html

• Mootools
• Prototype
• jQuery
• YUI

Eso hace que por culpa de la elección de los componentes tenemos que elegir el framework javascript por sus requerimiento y no por nuestra preferencia.

Por eso me parece interesante algunas iniciativas de empezar a poner adapatadores de framework a sus componentes como en los siguientes links:

http://mjijackson.com/shadowbox/
http://extjs.com/