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>Fun theory – hazlo divertido</h1> <p>aKcro — Fri, 23 Oct 2009 19:25:49 +0000</p> <p>He encontrado un concepto que creo puede ayudar mucho a la sociedad, y perfectamente aplicable a nuestras ciudades, ya que su implementacion requiere de poca tecnología, ayudando en temas como por ejemplo el reciclaje donde se produce un gran incremento en la participación de la gente.</p> <p><span id="more-625"></span></p> <p> Creo que es un concepto bastante innovador, que permite dar mayor utilización a cosas que generalmente evitamos utilizar.</p> <p>Sin mas palabras vean el video:</p> <p><a href="http://www.elkcro.net/2009/10/fun-theory-hazlo-divertido/"><em>Pinche aquí para ver el vídeo</em></a></p> <p>Más videos pueden encontrarlos vía: <a href="http://thefuntheory.com/" target="_blank">Funtheory</a></p> </article> <article> <h1>Crea tus páginas en flash fácilmente con wix</h1> <p>aKcro — Thu, 24 Sep 2009 13:05:17 +0000</p> <p style="text-align: left;">Son de antaño los tiempos en que tenías que editar tus páginas web con un simple editor de textos y revisar todo el código a mano, conseguir hostings gratuitos en tripod, geocities, personales, u otros servicios donde se proporcionaba un simple editor de html y con gran publicidad.</p> <p><span id="more-581"></span></p> <p>Actualmente existen gran cantidad de sistemas prediseñados, buenos hostings y baratos. Dentro de los sistemas mas usados por supuesto <a href="http://blogspot.com" target="_blank">blogspot</a>, sistemas <a href="http://es.wordpress.com" target="_blank">wordpress</a>, <a href="http://www.joomlaspanish.org/" target="_blank">joomla</a>, por mencionar algunos, que aprovechan la potencia de php y de los gestores de base de datos.</p> <p>Pero ahora mencionaremos a <strong>wix</strong>, que es un sistema que te proporciona una interfaz online para crear páginas personales en flash, por supuesto proporcionando hosting, y con una publicidad muy poco invasiva. Lo probé y trae varias cosas interesantes para el diseño, intergración con google maps, animaciones, botones, etc. siendo muy fácil de utilizar y el registro toma 2 minutos. Personalmente lo recomiendo para la creación de páginas personales, ya que también trae unas bases bastante interesantes de modelos prediseñados para comenzar.</p> <p style="text-align: center;"><a href="http://www.elkcro.net/wp-content/uploads/2009/09/wix.png"></a></p> <p> </p> <p>Pueden registrarse y probar desde <a href="http://www.wix.com" target="_self">Aquí!</a>.</p> <p><em>Gracias a mi compañero Fernando Moreno por la info.</em></p> </article> <article> <h1>LXDE + Ubuntu : Lubuntu</h1> <p>hypn — Fri, 04 Sep 2009 01:55:15 +0000</p> <p>Según nos cuenta el blog de <a class="zem_slink" title="LXDE" rel="homepage" href="http://www.lxde.org">LXDE</a>, ya está lista la primera ISO de prueba del nuevo Lubuntu, versión de Ubuntu que se habia conversado por el mes de febrero entre el team de LXDE y <a class="zem_slink" title="Mark Shuttleworth" rel="wikipedia" href="http://en.wikipedia.org/wiki/Mark_Shuttleworth">Mark Shuttleworth</a>.</p> <p>LXDE es una wm para equipos de bajo rendimiento, es más una opción al conocido <a class="zem_slink" title="Xfce" rel="homepage" href="http://www.xfce.org/projects/mousepad/">XFCE</a>. Cuenta con una interfaz lite que es muy parecida a lo que es KDE.</p> <p><a href="http://www.flickr.com/photos/29711987@N00/3508764792"></a></p> <p>Una buena noticia para quienes quieran utilizar Ubuntu y no tienen los suficientes recursos a nivel de computador.</p> <p>Via: <a href="http://blog.lxde.org/?p=514" target="_blank">Blog LXDE</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>Busca la canción de tu película</h1> <p>aKcro — Wed, 26 Aug 2009 12:51:43 +0000</p> <p>Hoy desde que entré a esta página que te permite buscar las canciones de películas, o cualquier cancion en particular, no pude dejar de escuchar música de mis películas favoritas. Así que recomiendo por supuesto la página que funciona bastante bien, y proporciona bastante entretención sobre todo a las 8 am, vayan al siguiente link:</p> <p><span id="more-545"></span></p> <p style="text-align: center;"><a href="http://www.elkcro.net/wp-content/uploads/2009/08/screentunes.png"></a></p> <p>Busque su canción vía <a href="http://www.screentunes.com/" target="_blank">Screentunes</a></p> <p>Saludos!</p> </article> <article> <h1>Sitio Web del Ministerio de Defensa Hackeado?</h1> <p>Skizzik — Sun, 10 May 2009 23:11:23 +0000</p> <p>Sip, como lo dice el título el el dia de ayer a eso de las 21:15 horas aproximadamente el sitio web del Ministerio de Defensa fue hackeado, un deface que se veía mas o menos asi :</p> <p><a href="http://www.elkcro.net/wp-content/uploads/2009/05/hackeo_ministerio_de_defensa.jpg"></a></p> <p>Pero eso no es todo, ya que a eso de las 1:45 de la madrugada cuando el sitio habia sido arreglado, nuevamente fue hackeado!, pero esta vez sólo para cambiar una noticia, en la cual aclaraban el motivo del hackeo anterior :</p> <p><a href="http://www.elkcro.net/wp-content/uploads/2009/05/hackeo_2.jpg"></a></p> <p>Esperemos que el/los administradores del sitio www.defensa.cl pongan mas atención y dedicación a éste.</p> <p>Imagenes extraidas de <a title="codigomorse.net" href="http://www.codigomorse.net">codigomorse.net</a></p> </article> <article> <h1>Revive el Gol!</h1> <p>Skizzik — Thu, 26 Mar 2009 01:45:25 +0000</p> <p><a href="http://www.elkcro.net/wp-content/uploads/2009/03/revive-el-gol.jpg"></a></p> <p>Aunque poco tiene que ver con informática, hoy en la mañana un compañero de curso me paso el link de <a href="http://www.elhincha.cl/revive-el-gol.html">revive el gol</a>, el cual sin duda alguna es un muy buen flash que no te debes perder (solo para usuarios entel)</p> <p>Te recomendamos ver <a href="http://www.elhincha.cl/revive-el-gol.html">este flash</a> con tu celular a mano (y rellenar todos los campos con datos verdaderos <span style="text-decoration: line-through;">-o por lo menos tu numero de celular -</span>)</p> <p>Visita el siguiente link: <a href="http://www.elhincha.cl/revive-el-gol.html">Revive el gol!</a></p> </article> <article> <h1>Hoy les presentamos Zoho Writer.</h1> <p>Skizzik — Thu, 05 Mar 2009 16:32:05 +0000</p> <p><a href="http://writer.zoho.com">Zoho Writer</a> es un procesador de textos online que te permite crear y compartir documentos en linea. No necesitas descargar ni instalar absolutamente nada ya que <a href="http://writer.zoho.com">Zoho Writer</a> funciona online y solo necesita tu navegador.</p> <p>Ahondando un poco sobre el tema, <a href="http://writer.zoho.com">Zoho Writer</a> posee un diseño bastante amigable y de fácil uso (para usuarios de office, openoffice no se asusten es lo mismo )</p> <p>Sin lugar a dudas una herramienta que nunca está de más tenerla en <em>bookmarks</em> (:</p> <a href='http://www.elkcro.net/2009/03/hoy-les-presentamos-zoho-writer/zoho1/' title='zoho1'></a> <a href='http://www.elkcro.net/2009/03/hoy-les-presentamos-zoho-writer/zoho_2/' title='zoho_2'></a> <a href='http://www.elkcro.net/2009/03/hoy-les-presentamos-zoho-writer/zoho_3/' title='zoho_3'></a> <a href='http://www.elkcro.net/2009/03/hoy-les-presentamos-zoho-writer/zoho_4/' title='zoho_4'></a> <p>Via: <a href="http://writer.zoho.com">ZoHo Writer</a></p> </article> </main></body></html>

eLKcro Team » Web

Flex SDK, Air SDK, FlashDevelop

Como imprimir open flash chart desde gxt-gwt