Flex
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Flex

on

  • 3,717 views

 

Statistics

Views

Total Views
3,717
Views on SlideShare
3,698
Embed Views
19

Actions

Likes
0
Downloads
29
Comments
0

1 Embed 19

http://www.slideshare.net 19

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Flex Presentation Transcript

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