Flex

2,844 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,844
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Flex

  1. 1. Flex
  2. 2. Introducción <ul><li>¿Que es Flex? </li></ul><ul><ul><li>Flex es un framework para trabajar con aplicaciones web ricas en contenido visual </li></ul></ul><ul><li>¿Cuando utilizar flex? </li></ul><ul><ul><li>Cuando las aplicaciones son relativamente pequeñas (por lo menos la parte de flex) </li></ul></ul>
  3. 3. Ventajas y Desventajas <ul><li>Ventajas </li></ul><ul><ul><li>En todos los navegadores se ve igual </li></ul></ul><ul><ul><li>Tiene componentes elegantes visualmente </li></ul></ul><ul><li>Desventajas </li></ul><ul><ul><li>Cliente pesado </li></ul></ul><ul><ul><li>Codificación lenta ya que hay que compilarlo </li></ul></ul>
  4. 4. Integracion de Flex con JS <ul><li>Configuración </li></ul><ul><ul><li>HTML o JS </li></ul></ul><ul><ul><ul><li>Agregarle o modificarle el parametro “allowScriptAccess” y ponerle el valor “always” </li></ul></ul></ul>
  5. 5. Integración de Flex con JS <ul><li>Como acceder a la aplicación Flex a travez de JS </li></ul><ul><ul><li>Se debe copiar el siguiente código en js </li></ul></ul><ul><ul><li>function getFlexApp(appName){ </li></ul></ul><ul><ul><li>if (navigator.appName.indexOf (&quot;Microsoft&quot;) !=-1) { </li></ul></ul><ul><ul><li>return window[appName];} </li></ul></ul><ul><ul><li>else{ </li></ul></ul><ul><ul><li>return document[appName]; </li></ul></ul><ul><ul><li> } </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>Luego se obtiene la referencia a la aplicación llamando a la función getFlexApp y pasándole como parámetro el id de la aplicación embebida . </li></ul></ul>
  6. 6. Integración de Flex con JS <ul><li>¿Qué debemos hacer desde Flex? </li></ul><ul><ul><li>En Flex simplemente tenemos que definir un callback para poder llamarla desde javascript </li></ul></ul><ul><ul><li> # Flex </li></ul></ul><ul><ul><li> if (ExternalInterface.available){ </li></ul></ul><ul><ul><li> ExternalInterface.addCallback( “flexAlert&quot;, flexAlert); </li></ul></ul><ul><ul><li> } </li></ul></ul><ul><ul><li> public function flexAlert(text:String):void { </li></ul></ul><ul><ul><li> Alert.show(text); </li></ul></ul><ul><ul><li> } </li></ul></ul><ul><ul><li> # Javscript </li></ul></ul><ul><ul><li> getFlexApp(id_de_la_app).flexAlert(“Test Alert”); </li></ul></ul>
  7. 7. Integración de Flex con JS <ul><li>Llamar a JS desde Flex </li></ul><ul><ul><li>Para llamar a javascript desde flex simplemente llamamos a la funcion ExternalInterface.call(funcion, parametros) </li></ul></ul><ul><ul><li> # Flex </li></ul></ul><ul><ul><li> if (ExternalInterface.available){ </li></ul></ul><ul><ul><li> ExternalInterface.call( “alert&quot;, “hola”); </li></ul></ul><ul><ul><li> } </li></ul></ul>
  8. 8. Integración de Flex con Rails <ul><li>Para instalar Flex con rails debemos intallar el siguiente plugin en nuestra aplicación ( rubyamf) </li></ul><ul><ul><li>ruby script/plugin install http://rubyamf.googlecode.com/svn/tags/current/rubyamf </li></ul></ul><ul><ul><li>Corregir el bug en el archivo io/amf_serializer cambiando todas las ocurrencias de != nil por ! .nil?, también las ocurrencias de == nil por .nil? </li></ul></ul>
  9. 9. Integración de Flex con Rails <ul><li>Una vez instalado y corregido el plugin debemos configurar el archivo(en rails) rubyamf_cofig.rb </li></ul><ul><ul><li>Aca mapeamos todas las entidades y definimos otras configuraciones </li></ul></ul><ul><li>Ahora veamos el ejemplo </li></ul>

×