Flex SDK, Air SDK, FlashDevelop

aKcro — Wed, 26 May 2010 04:53:49 +0000

Hoy voy a comentar sobre herramientas interesantes para programar aplicaciones flex-air de adobe.

Adobe pone a disposición Kits de desarrollo gratuitos como son Adobe Flex SDK, Adobe Air SDK. Lo que no es gratuito es obtener Adobe Flash builder (flex builder), que es un editor gráfico y de código para el desarrollo de este tipo de aplicaciones flash. Aún así adobe pone a disposición licencias para estudiantes y versiones de prueba de 2 meses de duración.

Lo primero que se debe hacer es descargar y descomprimir los SDK:

Adobe Flex SDK

Adobe Air SDK

Además debemos bajarnos el runtime de Adobe Air si queremos compilar nuestra aplicación para escritorio:

Adobe Air Runtime

Para los que no gustan de versiones de prueba para un entorno de desarrollo existe FlashDevelop un editor opensource para el desarrollo de aplicaciones en flash, por lo que trae soporte para ActionScript y mxml que es el formato en que trabaja flex y air.

La desventaja de FlashDevelop es que no posee ninguna opción para trabajar directamente con un control de versiones por lo que deberemos buscar algún otro tipo de svn si debemos usarlo en grupos de trabajo, FlashDevelop nos recomienda Tortoise pero por supuesto eso dependerá de nuestro gusto.

Descargar FlashDevelop

La configuración no la detallaré, pero al crear un nuevo proyecto e intentar hacer build nos pedirá configurar As3 donde pondremos la carpeta donde descomprimimos Flex.

Finalmente lo que falta es un editor visual, no sé si FlashDevelop soporta algún plugin de diseño gráfico, ya que me quede con uno bastante interesante que pille en la nube y lo pueden ver en el siguiente enlace:

DesignView

Finalmente solo comentar para los que usan eclipse que existe un plugin gratuito llamado Air Gear pero no tiene la potencia de FlashDevelop, no resalta código, no autocompleta, etc. Aun así podemos configurar todo tipo de compilaciones.

Saludos.

Como imprimir open flash chart desde gxt-gwt

aKcro — Sun, 09 May 2010 22:57:37 +0000

Muchos de los que programan utilizando librerías gxt de www.extjs.com utilizan open flash chart para desplegar gráficos en pantalla, el problema es manejar la impresión desde la web, ya que por medio de los navegadores no tenemos control sobre el hardware.

En general siempre utilizamos javascript para imprimir utilizando el clásico window.print(); y lo que haremos para poder captar los gráficos como objetos flash desde gxt sera utilizar funciones nativas de javascript para generar un html e imprimirlo.

Vamos al código:

Chart nuevoGrafico = new Chart();

Vamos a generar ese gráfico, no entraremos en detalles de como se generará o como se desplegará o en que contenedor irá, aquí la finalidad es imprimir, por lo que asumiremos que todos han creado gráficos. De todas maneras se puede ver una lista de ejemplos desde Aquí.

Button btnPrint = new Button(“Imprimir”);

btnPrint.addSelectionListener(new SelectionListener() {

public void componentSelected(ButtonEvent ce) {

String img1 = getImage(nuevoGrafico.getSwfId());

String myHtml=”";

myHtml += “”; }

printHtml(myHtml);

}

});

Lo que haremos sera generar una imagen en base 64 a partir de nuestro objeto flash utilizando la función getImage(String id), luego generar el código html que mostrará la imagen en pantalla, finalmente imprimirlo. Notar que prefiero generar el html en esta sección debido a que pueden existir más gráficos o algo en particular que nos gustaría mostrar para imprimir en nuestro html.

Vamos a las funciones:

/*

* Retorna la imagen en base 64

*/

public static String getImage(String id) {

return getImageData(id);

}

private static native String getImageData(String id)

/*-{

var swf = $doc.getElementById(id);

var data = swf.get_img_binary();

return data;

}-*/;

Con esto obtenemos la imagen en base 64 ahora solo necesitamos imprimir nuestro html.

/**

* Imprime el codigo html.

* @param x Codigo html que se mostrara en una ventana popup

*/

public static native void printHtml(String x)

/*-{

img_win=window.open(”,’name’,'height=800,width=800,scrollbars=yes’);

var tmp = img_win.document;

tmp.writeln(‘Imprimir Graficos<\/title><\/head>’);</p> <p><span style="white-space: pre;"> </span>tmp.writeln(‘<body>’);</p> <p><span style="white-space: pre;"> </span>tmp.writeln(x);</p> <p><span style="white-space: pre;"> </span>tmp.writeln(‘<\/body><\/html>’);</p> <p><span style="white-space: pre;"> </span>tmp.close();</p> <p><span style="white-space: pre;"> </span>img_win.print();</p> <p><span style="white-space: pre;"> </span></p> <p><span style="white-space: pre;"> </span>}-*/;</p></blockquote> <p>Eso es todo amigos. Saludos.</p> </article> <article> <h1>Descargar Videos de youtube facilmente</h1> <p>aKcro — Thu, 21 Jan 2010 21:18:52 +0000</p> <p>Leyendo artículos por internet encontré uno que hacía referencia a una web bastante interesante de donde podrás descargar el video que quieras desde youtube en formato ‘mp4′ o ‘flv’ de forma muy sencilla, sin descargar ningún tipo de programa. Los pasos son los siguiente:</p> <p>1.) Buscas tu video que tendrá una dirección como la siguiente:</p> <blockquote><p><a href="http://www.youtube.com/watch?v=-f1cwycSWq0">http://www.youtube.com/watch?v=-f1cwycSWq0</a></p> <p><span id="more-666"></span></p></blockquote> <p>2.) Reemplazas la ‘<strong>y</strong>‘ que viene luego de www por un 3, es decir debe quedarte una dirección como la siguiente:</p> <blockquote><p>http://www.3outube.com/watch/?v=-f1cwycSWq0</p></blockquote> <p style="text-align: left;">Deberás ver algo como esto:</p> <p style="text-align: left;"><a href="http://www.elkcro.net/wp-content/uploads/2010/01/3tube.png"><br /> </a></p> <p style="text-align: left;"><strong>NOTA: </strong>No funciona desde google chrome.</p> <p style="text-align: left;">Saludos!</p> </article> <article> <h1>Regalamos 5 Invitaciones para Google Wave</h1> <p>hypn — Mon, 23 Nov 2009 01:04:40 +0000</p> <p>En eLKcro.net tenemos 5 invitaciones para compartir con quienes nos leen por rss o por el sitio.<br /> Lo único que debes hacer para ganártela es seguirnos por twitter y dejar un comentario en este post confirmando tu nombre de usuario twitter.</p> <p>Los resultados los subiremos en este mismo articulo!</p> </article> <article> <h1>Ubuntu 9.10 Karmic Koala</h1> <p>hypn — Thu, 29 Oct 2009 19:33:25 +0000</p> <p>Asi es amigos, ya ha sido liberada la nueva versión 9.10 de Ubuntu llamada Karmic Koala.</p> <p>Esta versión viene con <a href="http://www.ubuntu.com/products/whatisubuntu/910features" target="_blank">muchas novedades</a>, que pueden leer en el sitio de <a href="http://www.ubuntu.com" target="_blank">Ubuntu</a>.</p> <p style="text-align: center;"></p> <p>Pero la razón de este articulo no es solamente avisarles de la salida, sino también es ofrecerles por tiempo limitado un lugar más de descarga, que está ubicado en nuestros servidores:</p> <p style="text-align: center;"><a title="Ubuntu 9.10 Karmic Koala" href="http://www.elkcro.net/ubuntu/ubuntu-9.10-desktop-i386.iso" target="_self">Descargar ISO Ubuntu 9.10 Desktop i386</a></p> <p style="text-align: left;">Esperamos que lo disfruten!</p> <div class="zemanta-pixie"><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div> </article> <article> <h1>Velocidad, costos banda ancha por país.</h1> <p>aKcro — Wed, 28 Oct 2009 00:36:40 +0000</p> <p>Sin duda no es una gran sorpresa, pero si producto de envidia ya que tenemos por ejemplo en primer lugar a japon con un promedio de velocidad de <strong>61 mbps</strong>, con un costo mensual de $0,27 usd por 1mbp de conexión, es decir aproximadamente pagan $16,47 usd por esa conexión, aproximadamente 9 mil pesos chilenos.</p> <p><span id="more-631"></span></p> <p>Por supuesto que no es de extrañar que no estemos en la lista de los top ten de conexiones aquí en Chile como se aprecia en la imagen a continuación:</p> <p style="text-align: center;"><a href="http://www.elkcro.net/wp-content/uploads/2009/10/precioinet.jpg"></a></p> <p> </p> <p>Saludos.!</p> </article> <article> <h1>Lo nuevo en google, un resumen</h1> <p>hypn — Thu, 24 Sep 2009 06:21:24 +0000</p> <p>Ultimamente hemos estado recibiendo más noticias sobre la tecnología de la gran G, pero ha sido en tan poco tiempo que no hemos saboreado lo que realmente significan algunas de sus nuevas innovaciones.</p> <p style="text-align: center;"></p> <p>Aplicaciones como Google Voice y Google Sidewiki, asi como nuevas funcionalidades en Google Sync, <a class="zem_slink" title="Google Chrome" rel="homepage" href="http://www.google.com/chrome">Chrome</a> y <a class="zem_slink" title="Google Docs" rel="homepage" href="http://docs.google.com/">Docs</a>,son algunas de las cosas que hemos estado revisando y probando para que disfrutemos mucho más los servicios que Google entrega.</p> <p>Es por esto que he querido hacer una pequeña revisión de lo que ha pasado y se viene en Google:</p> <p><span id="more-571"></span></p> <h2>Google Voice</h2> <p><a href="http://www.google.com/googlevoice/about.html#" target="_blank">Google Voice</a> es una aplicación que centraliza el servicio de teléfono en un sólo número (llamado google number) permitiendo filtrar y agrupar las llamadas, asi como archivar los mensajes de voz. Es toda una apuesta distinta a lo que conocemos como comunicación de voz a través de la red, ya que mezcla el método tradicional de comunicación telefónica con la de Internet.</p> <p><a href="http://www.elkcro.net/2009/09/lo-nuevo-en-google-un-resumen/"><em>Pinche aquí para ver el vídeo</em></a></p> <h2>Google Wave</h2> <p>Google wave, como bien lo define Google, es un nuevo modelo de comunicación y colaboración en la web. Ellos definen esta herramienta, aun en desarrollo, como una “ola” (wave) que permite compartir, editar, y participar en la creación de cualquier información, utilizando texto, videos, fotos, mapas, etc, y todo en tiempo real. En la actualidad solo tenemos screenshots en su <a href="http://wave.google.com/help/wave/about.html" target="_blank">sitio oficial</a>, y esperamos que sea una herramienta prometedora.</p> <h2>Visor de PDF usando <a class="zem_slink" title="Google Docs" rel="homepage" href="http://docs.google.com">Google Docs</a></h2> <p>En un blog de tips de google comentaron sobre esta nueva funcionalidad que permite insertar un visor de archivos pdf y ppt usando la plataforma de Google Docs. El ejemplo, como sale en el sitio es el siguiente:</p> <p><span style="font-style: italic;">http://infolab.stanford.edu/pub/papers/google.pdf</span>&embedded=true” style=”width:600px; height:500px;” frameborder=”0″></iframe></span></p> <h2>Google <a href="http://www.google.com/support/mobile/bin/answer.py?hl=en&answer=139195" target="_blank">Sync Push-mail</a></h2> <p>Hace ya un tiempo que ocupo en mi Blackberry una aplicación que me permite sincronizar los calendarios y contactos del teléfono y de Gmail, me refiero a Google Sync, y es ésta aplicación que en su actualización nos muestra una nueva funcionalidad que permite el envio de e-mail usando el metodo push (es decir, que los correos lleguen a tu movil en lugar de que uno vaya a leerlos con gmail mobile).</p> <p>Actualmente, está habilitado para <a class="zem_slink" title="iPhone" rel="homepage" href="http://www.apple.com/iphone">iPhone</a> y para <a class="zem_slink" title="Windows Mobile" rel="homepage" href="http://microsoft.com/windowsmobile/">Windows Mobile</a>.</p> <h2>Google Chrome Plugin para IE6</h2> <p>En Anieto2K creo que lo lei, un <a href="http://blog.chromium.org/2009/09/introducing-google-chrome-frame.html" target="_blank">plugin capaz de insertarse como frame</a> y así utilizar el motor de Chrome para renderizar el sitio que queramos visitar.</p> <p>Es un gran acierto por parte de Google puesto que se une a la luche de muchos que sabemos que el unico explorador que está sobrando es el <span style="text-decoration: line-through;">malparido</span> viejo IE6.</p> <h2>Google SideWiki</h2> <p>Y finalmente, fue ayer que leí que Google había creado un sistema de comentarios universal para sitios web donde a través de un plugin (disponible para IE y <a class="zem_slink" title="Mozilla Firefox" rel="geolocation" href="http://maps.google.com/maps?ll=45.1238,-123.1138&spn=1.0,1.0&q=45.1238,-123.1138%20%28Mozilla%20Firefox%29&t=h">Firefox</a> y obviamente Chrome) habilita una <em>sidebar </em>que permite hacer todo tipo de comentarios, y a la vez compartirlos.</p> <p>Esto sería todo hasta hoy, actualizado y reuniendo lo mas relevante realizado por Google desde un tiempo hasta ahora.</p> <p>Via: <a href="http://www.google.com/googlevoice/about.html#" target="_blank">Google Voice</a>, <a href="http://googlesystem.blogspot.com/2009/09/embeddable-google-document-viewer.html" target="_blank">Google Operating System</a>, <a href="http://googlemobile.blogspot.com/2009/09/google-sync-now-with-push-gmail-support.html" target="_blank">Google Mobile Blog</a>, <a href="http://www.anieto2k.com/2009/09/23/convierte-internet-explorer-en-google-chrome-con-el-plugin-google-chrome-frame/" target="_blank">Anieto2K</a>, <a href="http://lifehacker.com/5365996/google-sidewiki-is-a-universal-commenting-system-for-the-web" target="_blank">LifeHacker</a></p> <div class="zemanta-pixie"><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div> </article> <article> <h1>Revista Hakin9</h1> <p>aKcro — Sun, 02 Aug 2009 23:05:39 +0000</p> <p>Para los amantes de la informática, aquí les dejo algunas ediciones de una de las mas interesantes revistas que he leído, estan en formato pdf.</p> <p><span id="more-497"></span></p> <p><a href="http://www.elkcro.net/wp-content/uploads/2009/08/hakin9.png"></a></p> <p>Descargar <a href="http://rapidshare.com/files/54548224/revistas_hack_-HAKING9-_By_Nakedsnake.rar" target="_blank">Aquí</a></p> <p>Mas información sobre la revista Vía: <a href="http://www.hakin9.org" target="_blank">hakin9.org</a></p> </article> <article> <h1>Activar Windows 7 RTM</h1> <p>aKcro — Fri, 31 Jul 2009 19:32:20 +0000</p> <p>Es el último activador que ha salido, con fecha de 30/07/2009. Con este activador se pueden descargar también las actualizaciones desde windows update. Al ejecutar, click derecho y ejecutar como administrador, luego seleccionar la placa esperar un par de segundos y luego reiniciar el pc. El activador se ve como sigue:</p> <p><span id="more-490"></span><a href="http://www.elkcro.net/wp-content/uploads/2009/07/oem.JPG"></a></p> <p>El activador lo pueden descargar desde <a href="http://www.4shared.com/file/121722569/c34dce00/Windows7LoaderActivationRelease4-Orbit30.html" target="_blank">aquí!</a></p> </article> <article> <h1>Backtrack 4 Pre-Release disponible</h1> <p>aKcro — Tue, 14 Jul 2009 23:21:17 +0000</p> <p>Hace tiempo que no chequeaba por nuevas versiones de backtrack, y veo que esta disponible para descargar backtrack 4 beta y prerelease esta última con fecha 19.06.09. Aún no lo pruebo, pero ya lo estoy descargando, a continuación el infaltable screenshot:</p> <p><span id="more-484"></span></p> <p><a href="http://www.elkcro.net/wp-content/uploads/2009/07/screenbt4.png"></a></p> <p>Descargar Backtrack 4 dese <strong><a title="Descargar Backtrak 4" href="http://www.remote-exploit.org/cgi-bin/fileget?version=bt4-prefinal-iso" target="_blank">Aquí!</a></strong></p> <p>Por supuesto mayor información vía <a href="http://www.remote-exploit.org" target="_blank"><strong>RemoteExploit</strong></a></p> <p>Saludos.</p> </article> </main></body></html>

eLKcro Team » Headline

Flex SDK, Air SDK, FlashDevelop

Como imprimir open flash chart desde gxt-gwt