^M Archive Programación | Andrés Villagrán Placencia

Programación

Adobe Student Rep – Chile

El 1 de Octubre del presente año fui nombrado Adobe Student Rep primero en Chile y Segundo en Latinoamérica, el cual me faculta para organizar eventos Adobe, capacitar y apoyar a estudiantes.

Gracias a esto el Flex Camp tendrá mayores beneficios. Actualmente también me encuentro en proceso para ser un Instructor Certificado, más detalles no puedo revelar pero muchas buenas noticias vienen en camino.

Registro Flex Camp Chile 2008: http://www.villagranquiroz.cl/flexcamp_registro

Tags: , ,

Sunday, October 5th, 2008 Adobe, Flex Camp Chile No Comments

Flex: Paso de variables entre Módulos

Suponiendo que necesitamos pasar de una pantalla a otra el valor de un numero por ejemplo (puede ser un id dentro de la tabla), dentro de la aplicación principal deben agregar una variable para guardar esta información (el código siguiente no esta completo):
Inicio.mxml:

  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  2. <mx:Script>
  3. <![CDATA[
  4. public var id_modulo:int; // Esta es la variable donde guardaré el valor
  5. ......
  6. ]]>
  7. </mx:Script>
  8. ....
  9. </mx:Application>

Modulo1.mxml:
Ahora queremos que al hacer click en un botón "Siguiente" guarde el valor del id que necesitamos.

  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  2. <mx:Script>
  3. <![CDATA[
  4. private function Funcion_Click_Boton_Siguiente():void {
  5. // Aquí guardamos nuestro valor en la aplicación principal,
  6. // después lo obtendremos de la misma forma
  7. Application.application.id_modulo = 10;
  8.  
  9. // Después de guardar, nos cambiamos al siguiente modulo
  10. Application.application.CargaModulo("Modulo2");
  11. }
  12. ......
  13. ]]>
  14. </mx:Script>
  15. <mx:Button label="Siguiente" click="Funcion_Click_Boton_Siguiente()" />
  16. </mx:Application>

Modulo2.mxml:
Ahora pedimos a la aplicación principal el valor previamente guardado y lo mostramos como una alerta cuando carga la aplicación, dentro de Application se define initialize para utilizar una función al momento de cargar un módulo.

  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="CargarInicio()">
  2. <mx:Script>
  3. <![CDATA[
  4. // Necesario para poder utilizar el pop-up de alerta
  5. import.mx.controls.Alert;
  6. // Bindable se utiliza sólo si necesitan utilizar la variable
  7. // como valor en algún componente
  8. // Si no lo van a utilizar para eso, descartenlo
  9. [Bindable]
  10. private var id_a_utilizar:int;
  11.  
  12. public function CargarInicio():void {
  13. id_a_utilizar = Application.application.id_modulo;
  14. Alert.show("Mi variable tiene el valor: " + id_a_utilizar);
  15. }
  16. ......
  17. ]]>
  18. </mx:Script>
  19. ....
  20. </mx:Application>

Tags: ,

Wednesday, June 25th, 2008 Flex, Programación 10 Comments

Ejemplo básico con Flex y AMFPHP

Este es un ejemplo bastante simple de lo que se puede hacer con Flex y AMFPHP, este incluye lo siguiente:

  • Envío y recepción de mensajes simples (Típico Hola Mundo)
  • Recepción de un arreglo y representación en un DataGrid
  • Recepción de un arreglo consultado desde una base de datos (MySQL) con Zend Framework
  • Enviar información de un "Formulario" para su inserción a una Tabla (MySQL)

Son bastante simples, no entra en detalle con el manejo de Faults o Excepciones.

Archivos: WebserviceAMFPHP  - PruebaBasica-Flex - SQL - PruebaBasica

Notas:

  • WebserviceAMFPHP y PruebaBasica son Proyectos que pueden importar a Flex Builder 3
  • Deben configurar la ruta de donde se encuentra el WebserviceAMFPHP dentro de config.php en este mismo
  • Para no tener problemas, dejar estos proyectos dentro de los htdocs del webserver (recomendado Zend Core) para que la ruta web sea: http://localhost/PruebaBasica y http://localhost/WebserviceAMFPHP

Ojalá les sirva.

Tags: , , ,

Friday, June 13th, 2008 AMFPHP, Flex, PHP, Programación 5 Comments

Flex AIR + Framework SQLite ( SQLiteConnector )

Para trabajar fácilmente con algún SQL estoy acostumbrado en PHP a utilizar Zend Framework, específicamente Zend Db, y como el espectacular Flex AIR tiene soporte para SQLite había que utilizarlo, pero buscando en internet no hay un framework para realizar este tipo de operaciones, por lo cual tuve que desarrollar algo que uso en Flex Media Player, y como este es GPL acá dejo una pequeña explicación de como utilizarlo:

Descargar Código

La utilización es sencilla, primero deben crear un objeto del tipo SQLiteConnector y suponiendo que ya se creo una base de datos SQLite con la tabla Prueba que tendrá las columnas Nombre y Apellido:

  1.  
  2. // Debemos crear una instancia de la clase
  3. // definiendo en el constructor el archivo
  4. var conn:SQLiteConnector = new SQLiteConnector("base_de_datos.sqlite");
  5. // Si deseamos insertar datos
  6. conn.DoSQL("INSERT INTO Prueba VALUES('Andrés', 'Villagrán')");
  7. // Si deseamos obtener un valor
  8. var nombre:String = conn.FetchOne("SELECT Nombre FROM Prueba");
  9. // Si deseamos obtener un arreglo con los datos
  10. var datos:Array = conn.FetchArray("SELECT * FROM Prueba");
  11. // Para mostrar los datos
  12. for(var i:int = 0; i < datos.length; i++) {
  13. trace("Nombre:", datos[i]["Nombre"], "Apellido:", datos[i]["Apellido"];
  14. }

Espero que les sirva.

Tags: , , ,

Monday, May 26th, 2008 Flex, Flex Air, Flex Media Player No Comments

Flex Media Player r3

He subido el código y el instalador de Flex Media Player revisión 3, recordar que no es versión final es solo para prueba, para descargarlo ir a la página del proyecto:

http://code.google.com/p/flexmediaplayer/

FlexMediaPlayer-r3

Novedades:

  • Shuffle!! (Por ahora obligatorio, pronto opcional)
  • Cover Display con Reflejos!

Hacer doble click para escuchar, si se pone play sin seleccionar una canción se caerá, necesitas Adobe AIR para ejecutar el instalador.
Nota: Si utilizas Windows Vista debes ejecutarlo como Administrador, en la proxima versión no ocurrirá esto.

Tags: , , ,

Sunday, May 25th, 2008 Flex Air, Flex Media Player No Comments

Flex Camp Chile

Actualmente estamos comunicándonos con gente de Adobe ya que estamos Organizando un Flex Camp para Chile (y el primero en Latino América), idealmente el evento se realizará en el 4to trimestre del 2008, por lo cual queda bastante tiempo para organizar algo bien grande y claro está, con una gran asistencia.

Adobe, dependiendo de la asistencia nos enviaría un relator de la empresa y además de regalos para los asistentes, por ahora necesitamos saber la gente que está interesada, la forma de hacerlo es registrándose en nuestro grupo en Google: http://groups.google.com/group/flexhispano cuando se tenga más información del evento se registrará en nuestro grupo.

Como un pequeño adelanto, estamos intentando tener como patrocinador a la Universidad del Bío Bío y obviamente los organizadores somos Villagrán & Quiroz

Tags: , , ,

Ejemplo Flex + AMFPHP + Zend Framework + MySQL

El siguiente ejemplo permite la creación de servicios web utilizando AMFPHP ,  Flex y Zend Framework para la conexión a la base de datos MySQL.

Lo primero es configurar services-config.xml  a la dirección que se conectará nuestro cliente, por lo tanto debemos modificar lo siguiente:  

<endpoint uri="http://andres.villagranquiroz.cl/gateway.php" class="flex.messaging.endpoints.AMFEndpoint"/>

Luego de esto, debemos configurar al compilador que utilice esta configuración:Botón derecho sobre el Proyecto -> Preferencias -> Flex Compiler -> Additional compiler arguments y agregar -services "services-config.xml"

Con esto ya estamos listos para comenzar el desarrollo, solo destaco lo importante, lo demás pueden verlo en el código.Lo primero que se debe hacer es crear el servicio web dentro de (ver detalles en el ejemplo):/amfphp/services/nuestro_servicio/nuestro_servicio.php

Ahora podremos visualizarlo en el Webservice Browser que contiene AMFPHP (también debe ser compilado con services-config.xml), pueden revisar el mio: http://andres.villagranquiroz.cl/browser/index.html e intentar ejecutarlos.

Recomiendo utilizar Zend Framework para la conexión con la base de datos, en el ejemplo existe un archivo de configuración (config.php) para MySQL, para más información de la utilización de Zend_Db pueden ver la documentación del Framework o revisar la introducción que he preparado aquí: http://andres.villagranquiroz.cl/files/2008/03/01-php-java.pdf posiblemente tengan problemas con PDO_MYSQL ya que lo más probable es que no tengan instalado, recomiendo instalar Zend Core que tiene Apache + PHP y extensiones (incluye PDO) + MySQL, pueden encontrarlo en http://www.zend.com

Volviendo a la interfaz en flex:Primero debemos especificar los Métodos a los cuales queremos conectarnos de la siguiente manera:

<mx:RemoteObject id="remObj" showBusyCursor="true" source="EjemploAMFPHP.prueba_mantenedor" destination="amfphp" fault="faultHandler(event)" >

<mx:method name="Ingresar" result="ingresarHandler(event)" />

<mx:method name="Modificar" result="modificarHandler(event)" />

<mx:method name="CargarDatos" result="cargarDatosHandler(event)" />

<mx:method name="Eliminar" result="eliminarHandler(event)" />

</mx:RemoteObject>

Hemos definido los métodos y sus "Manejadores" (Handlers) los cuales tratarán la respuesta que nos da el Servicio Web luego de llamarlo, ejemplo:

private function ingresarHandler(event:ResultEvent):void {

Alert.show(event.result.toString(), "Resultado");

LimpiarFormulario();

}

Para llamar a los Métodos del Objeto Remoto:

remObj.getOperation("CargarDatos").send();

remObj.getOperation("Ingresar").send(nombre.text, apellido.text); // Si necesita parametros

Para ver el código deben importar a Flex Builder los proyectos o simplemente descomprimirlos y revisarlos.

Ejemplo en Linea - Código Fuente

Tags: , , ,

Thursday, May 15th, 2008 AMFPHP, Flex, PHP No Comments

Flex Hispano / Remote Object AMFPHP + Flex

 

He creado el Grupo FlexHispano en Google, en el cual espero que podamos compartir nuestros conocimientos e ideas y también fomentar esta grandiosa tecnología, la dirección donde pueden visitar el grupo es:

http://groups.google.com/group/flexhispano

Pueden hacer consultas sin la necesidad de estar registrados.

Por ahora me encuentro tabajando en un Ejemplo con AMFPHP, Zend Framework (Especificamente Zend_Db) y MySQL para ejemplificar los objetos remotos en Flex, lo más probable es que esté disponible durante la tarde del día Jueves 15/05/2008     

  

Tags: , , , ,

Thursday, May 15th, 2008 AMFPHP, Flash, FlexHispano 1 Comment

Avances FlexMediaPlayer : r2

He trabajado en FlexMediaPlayer bastante durante el día, ahora ya tengo listo el menejo de la base de datos de medios, la lectura de tags (mp3 en este caso) y la reproducción de audio (Doble click y reproduce la canción seleccionada), Feedback gráfico del avance de la reproducción, y la gestión de menus y modulos basados en configuraciones XML como nombre anteriormente, se ve algo así:FlexMediaPlayer r2La aplicación no la subiré como instalador para AIR hasta que porlomenos tenga las funciones básicas, pero si quieren revisarlo (y ejecutarlo obviamente) deben descargarlo desde el SVN (pueden importarlo a Flex Builder 3 sin problemas):

svn checkout http://flexmediaplayer.googlecode.com/svn/trunk/

flexmediaplayer-read-onlyEspero que sea de su agrado, ojalá que más gente se anime a desarrollar en este reproductor 😀
Visiten la web de este para mayor información:
http://code.google.com/p/flexmediaplayer/

Escuchando: Ayeron - Age of Shadows powered by FlexMediaPlayer

Tags: , , , ,

Sunday, May 11th, 2008 Flex, Flex Air No Comments

ASP.NET y la…. en mono / PHP

Me ha tocado trabajar en estos días con ASP.NET, en mi opinión es "bueno", pero solo bueno ya que a código limpio es bastante complicado para programar (sin ide, muy poco se puede hacer) y en el caso de los Monos como yo, el Addin de Monodevelop para ASP.NET esta en fase de desarrollo (que por cierto, Monodevelop es un muy buen entorno de desarrollo) permite cierta facilidad a la hora de programar, pero por lo que he visto en charlas que he asistido de Microsoft es mucho más sencillo trabajarlo en Visual Studio, por lo cual creo que descarto la opción de utilizarlo a la hora de desarrollar Webs pero es fácil la creación de Webservices.

Quedé con el bichito de disminuir el código repetitivo, en proyectos anteriores en PHP he creado clases que me permiten generar componentes, pero bien rústicos y sin AJAX, cosa que en ASP.NET lo trae prácticamente embebido, por lo cual me he dedicado a buscar algo parecido para PHP, y he encontrado 2 opciones bastante buenas (cabe destacar que tienen mucha más funcionalidad de lo que nombro):

  1. PRADO : Contiene excelentes componentes como calendarios, grillas, formularios, etc. la desventaja es que tiene un marcado propio (tags) parecido a ASP.NET lo cual es difícil trabajar en algún ide (con Eclipse algo se puede hacer, pero no es nada comodo), de hecho ni lo tiene.
  2. Tigermouse: También trae varios componentes, no tanto como PRADO, pero es bastante bueno a la hora de manejar señales, eventos, widgets, etc. y lo mejor es muy parecido a como se programa en GTK (de hecho, tiene muy pocas diferencias con PHP-GTK).

Prueben el que más les guste, yo pronto daré mi elección final (quiero trabajar en algún proyecto), pero por ahora me inclino por Tigermouse, obviamente no dejare de utilizar ZendFramework ya que la idea es buscar más herramientas para trabajar con ZF.

Tags: , , , , , , , ,

Friday, May 9th, 2008 Mono, PHP, Programación No Comments