Blog de Daniel Zegarra Rotating Header Image

Flash Builder

Trabajar con PHP y Flex en el mismo Framework

nov 22nd, 2010
by Daniel Zegarra.
No comments yet

Usar PDT 2.0 y Flash Builder 4.1 en el mismo framework es algo muy simple de lograr ya que ambos son plugins de Eclipse.

Los pasos para instalar PDT como plugin en una instalación previa de Eclipse se pueden encontrar aquí.

Advertencia: Flash Builder esta basado sobre la versión 3.4 de Eclipse (alias Ganymede), por lo tanto, se debe usar la versión 2.0 de PDT preparada para esta versión.

Segun la wiki de eclipse, estos son los pasos a seguir:

  1. Ir al menu Help > Software Updates… > Available Software > Manage Sites…
  2. Usando el boton Add, agregar la direccion http://download.eclipse.org/technology/dltk/updates-dev/1.0M4-PDT-2.0/
  3. Nuevamente, agrega la direccion http://download.eclipse.org/tools/pdt/updates/2.0/
  4. Presiona el boton Manage Sites y habilita el sitio de actualización de Ganymede (http://download.eclipse.org/releases/ganymede/) si es que no se encuentra habilitado. Los sitios habilitados son los marcados con el check.

    Activando el sitio de actualización de Ganymede

    Activando el sitio de actualización de Ganymede

  5. Ahora debes seleccionar que paquetes vas a instalar. Selecciona los siguientes paquetes:
    En DLTK / Dynamic Languages Toolkit / Seleccionar Dynamic Languages Toolkit - Core Frameworks

    Seleccionando DLTK Core
    Seleccionando DLTK Core


  6. En PDT Update Site / PDT SDK 2.0.1 / Seleccionar PDT Runtine Feature
    Seleccionando PDT

    Seleccionando PDT

    Nota: En las imagenes no tengo seleccionado el paquete descrito porque yo ya lo tengo instalado.

  7. Hecho esto, dale un clic en el botón Install.
  8. Acepta la condiciones y espera a que termine la instalación. Cuando te pida reiniciar Eclipse lo haces.

Suerte en tu proyecto!

    Usando Flex 4 SDK sobre Flex Builder 3

    jun 21st, 2010
    by Daniel Zegarra.
    No comments yet

    Me descargue el trial de Flash Builder y llevo algunos dias trabajando con el, aprovechando las mejoras. Pero cuando el tiempo de prueba se acabe tendre que volver a Flex Builder y necesito poder continuar con los proyectos que ya tenia creados.

    La gran versatilidad es un punto a favor de Eclipse, el IDE elegido por Adobe para Flex Builder y Flash Builder. Eclipse te permite tener varios compiladores y elegir con cual compilar cada proyecto.

    Instrucciones para instalar Flex SDK4 en Flex Builder 3

    1. Descargar el .zip con el SDK 4 de Flex desde Adobe Open Source.

      Contenido del SDK de Flex 4

      Contenido del SDK de Flex 4

    2. Crea una carpeta con el nombre 4.0 en el directorio sdks ubicado en la raiz de tu instalacion de Adobe Flex Builder (usualmente C:\[Program Files]\Adobe\Flex Builder 3). Asi como la siguiente imagen:

      Los SDKs de Flex

      Los SDKs de Flex

    3. Extraer todo el contenido del .zip en el directorio que acabas de crear.
    4. Abres Flex Builder y te diriges al menu Window > Preferences > Flex > Installed Flex SDKs.

      SDKs instalados

      SDKs instalados

    5. Le das un clic al boton Add, para registrar un nuevo SDK, y completas el formulario.

      Registrando el nuevo SDK

      Registrando el nuevo SDK

    Con esto ya puedes compilar con el nuevo SDK.

    La nueva version de Flex trae algunos cambios en la plantilla mxml y si nos vamos a poner a compilar un proyecto ya existente tendremos errores. Entonces tenemos dos opciones: actualizar nuestro codigo para compilar sin problemas o activar la compatibilidad con Flex 3 y dejar nuestro codigo tal como esta. Si ya tienes un proyecto iniciado con Flex 3 te recomiento tan solo activar el modo de compatibilidad y aprovechar los nuevos metodos y clases que incluye este nuevo SDK sin tener que actualizar codigo.

    Habilitando compatibilidad con Flex 3

    1. Abre un proyecto y ve a las propiedades del mismo (clic secundario > Properties) y elige la ficha Flex Compiler (ve el screenshot).

      Configurando el compilador en cada proyecto

      Configurando el compilador en cada proyecto

    2. Elije como SDK el que ultimo que has registrado y pega la siguiente linea como argumentos adicionales para el compilador:-compatibility-version=3.5 -theme=${flexlib}/themes/Halo/halo.swc

    Veamos que hace cada argumento:

    -compatibility-version=3.5

    Activa la compatibilidad con la version 3.5 del SDK de Flex. Si quieres puedes reemplaza el 3.5 por 3.3 o simplemente 3. La diferencia (si es que hay alguna) sera insignificante.

    -theme=${flexlib}/themes/Halo/halo.swc

    Define a Halo como tema por defecto. Flex 4 usa Spark como tema predeterminado que en su forma silvestre es mas feo que el carajo. Me recuerda a las aplicaciones java de JCreator. Si deseas mantener el aspecto de tus componentes tal y como eran antes de usar este nuevo SDK entonces manten este argumento en tu proyecto.

    Listo, eso es todo. Ya tienes el nuevo Flex 4.

    Instalar Blueprint desde Adobe Labs

    jun 18th, 2010
    by Daniel Zegarra.
    No comments yet
    Blueprint example

    Blueprint es un plugin para Flex Builder 3 y Flash Builder 4 que te muestra ejemplos de la web relacionados al fragmento de codigo con el que trabajas.

    Blueprint example

    Blueprint example

    Usualmente cuando tienes dudas de como conseguir el resultado esperado (o te da flojera hacerlo tu mismo)  buscas en la web por ejemplos. Esto simplemente te ahorra el trabajo. Tan solo marca el nombre de la clase y presiona Alt+B (Ctrl+B en Mac) para buscar ejemplos relacionados. Puedes mejorar el resultado agregando palabras clave al campo de busqueda. La verdad, es mas comodo que usar el browser.

    Para instalarlo dirigete a labs.adobe.com/wiki/index.php/Blueprint:Installation_Instructions y sigue los pasos. Las instrucciones usan screenshots de Flex Builder 3 pero la manera de hacerlo en Flash Builder 4 no es muy distinta (ambos son eclipse).

    Visitar la pagina de Blueprint en Adobe Labs