Presentación de ACTO Framework parte I
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,664
On Slideshare
1,122
From Embeds
542
Number of Embeds
3

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 542

http://www.adwe.es 523
http://www.dinamiclab.com 18
url_unknown 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.
  • 2. Agenda.
    • Acto Framework
    • 3. Nuestra experiencia con Acto en Molamil
  • Jorge Hernández
    Co-fundador de Molamil y principal desarrollador de Acto.
    Soy desarrollador y diseñador; he trabajado en Madrid y ahora en Copenhague.
  • 4.
  • 5.
  • 6. Características.
    • Open source
    • 7. Configuración en XML
    • 8. Gestión de pantallas (views)
    • 9. Gestión de comandos
    • 10. Arquitectura mediante eventos
  • 11.
  • 12. Empezando.
    <acto>
    </acto>
    var app:App = new App(root);
    app.loadConf(“acto.xml”);
  • 13. Código...
    Iniciar Acto y crear una página
  • 14. View types.
    • Definition Target: nombre de clase (“com.molamil.Frontpage”)
    • 15. LoaderTarget: URL (“./imagenes/fondo.png”)
    • 16. DisplayListTarget: ruta en display list(“root.paginas.top”)
  • Código...
    Navegar páginas usando la API
  • 17. Código...
    Configurar las páginas con props
  • 18. Conversión de tipos.
    • “Buenas” - String
    • 19. “12345” - int
    • 20. “0.5” - Number
    • 21. “true” - Boolean
    • 22. “1979-10-21” - Date
  • Props como arrays.
    <propname=“nombres”> <item>Jorge</item> <item>Ramiro</item> <item>Andrés</item></prop>
  • 23. Props como objetos.
    <propname=“persona”><propname=“nombre”>Jorge</prop>
    <propname=“edad” value=“31”/></prop>
  • 24. Props tipificadas.
    <propname=“miMovie” type=“flash.display.MovieClip”>
    <propname=“x” value=“10”/>
    </prop>
  • 25. Página
    Bloques
  • 26. Código...
    Crear fondos con bloques
  • 27. Ciclo de eventos.
    • PagesEvent.PAGE_REQUEST
    • 28. PagesEvent.PAGE_DISPLAY
    • 29. PagesEvent.PAGE_INIT
    • 30. PagesEvent.PAGE_IN
    • 31. PagesEvent.PAGE_ON
    • 32. PagesEvent.PAGE_OUT
    • 33. PagesEvent.PAGE_OFF
    • 34. PagesEvent.PAGE_CLEAR
  • Init y destroy.
    • publicfunctioninit():void;
    • 35. publicfunctiondestroy():void;
  • Código...
    Utilizar handlers
  • 36. Handlers.
    <handler
    type=“clickBoton”
    source=“frontpage”
    action=“clearBlock”>
    <paramname=“x” value=“10”/>
    <paramname=“mensaje”/>
    </handler>
  • 37. Código...
    Comandos
  • 38. Comandos.
    <command id="sendToFriend" type=”RemoteCommand" target="{servicesPath}send_to_friend.php">
    <paramname="firstName" required="true"/>
    <paramname="lastName" required="true"/>
    <paramname="email" required="true”
    validator="EmailValidator"/>
    <handlertype="sendToFriendClick"/>
    </command>
  • 39. Código...
    Transiciones
  • 40. Propiedades globales.
    <acto>
    <propname=“backendURL”>
    http://www.molamil.com
    </prop>
    </acto>
  • 41. Expresiones.
    <acto>
    <propname=“w” value=“100”/>
    <views>
    <page id=“home”>
    <propname=“width”
    value=“{w}”/>
    </page>
    </views>
    </acto>
  • 42. Includes.
    <acto>
    <propname="textsPath”
    value="texts.xml"/>
    <include
    target="{textsPath}"/>
    </acto>
  • 43. Más...
    • Integración con SWFAddress
    • 44. Integración con Google Analytics
    • 45. Integración con WordPress y otros CMS
    • 46. Flexibilidad para extensión…
  • Beneficios.
    • Conexión de flows rápida y flexible
    • 47. Código limpio, sin dependencias con Acto
    • 48. Rápida integración con servicios web
    • 49. Cambio de contenido sin compilar
  • Dónde empezar.
    • www.actoframework.org
    • 50. jh@molamil.com
    • 51. re@molamil.com
  • ZUMO
    • Ejemplo
    • 52. http://code.google.com/p/zumo
  • 53. Hablamos
    MOLAMIL
    Vestergade 4
    1456 Copenhague
    +45 6019 6005
    molamil@molamil.com
    www.molamil.com