• Acto Framework• Nuestra experiencia con

Acto en Molamil

Agenda.

Co-fundador de Molamil y principal desarrollador de Acto.Soy desarrollador y diseñador; he trabajado en Madrid y ahora en Copenhague.

Jorge Hernández

• Open source• Configuración en XML• Gestión de pantallas (views)• Gestión de comandos• Arquitectura mediante

eventos

Características.

http://molamil.com/work/Wunderman/coke/cokecom2009

http://molamil.com/work/In2media/veromoda2009/09/

<acto></acto>

var app:App = new App(root);app.loadConf(“acto.xml”);

Empezando.

Código...Iniciar Acto y crear una página

• Definition Target: nombre de clase (“com.molamil.Frontpage”)

• LoaderTarget: URL (“./imagenes/fondo.png”)

• DisplayListTarget: ruta en display list (“root.paginas.top”)

View types.

Código...Navegar páginas usando la API

Código...Configurar las páginas con props

• “Buenas” - String

• “12345” - int

• “0.5” - Number

• “true” - Boolean

• “1979-10-21” - Date

Conversión de tipos.

<prop name=“nombres”><item>Jorge</item><item>Ramiro</item><item>Andrés</item>

</prop>

Props como arrays.

<prop name=“persona”><prop name=“nombre”>Jorge</prop>

<prop name=“edad” value=“31”/></prop>

Props como objetos.

<prop name=“miMovie” type=“flash.display.MovieClip”>

<prop name=“x” value=“10”/>

</prop>

Props tipificadas.

Página Bloques

Código...Crear fondos con bloques

• PagesEvent.PAGE_REQUEST• PagesEvent.PAGE_DISPLAY• PagesEvent.PAGE_INIT• PagesEvent.PAGE_IN• PagesEvent.PAGE_ON• PagesEvent.PAGE_OUT• PagesEvent.PAGE_OFF• PagesEvent.PAGE_CLEAR

Ciclo de eventos.

• public function init():void;• public function destroy():void;

Init y destroy.

Código...Utilizar handlers

<handler

type=“clickBoton”

source=“frontpage”

action=“clearBlock”>

<param name=“x” value=“10”/>

<param name=“mensaje”/>

</handler>

Handlers.

Código...Comandos

Comandos.<command id="sendToFriend" type=”RemoteCommand"

target="{servicesPath}send_to_friend.php">

<param name="firstName" required="true"/>

<param name="lastName" required="true"/>

<param name="email" required="true”

validator="EmailValidator"/>

<handler type="sendToFriendClick"/>

</command>

Código...Transiciones

Propiedades globales.<acto>

<prop name=“backendURL”>http://

www.molamil.com</prop>

</acto>

Expresiones.<acto>

<prop name=“w” value=“100”/>

<views><page id=“home”>

<prop name=“width”value=“{w}”/>

</page></views>

</acto>

Includes.<acto>

<prop name="textsPath”value="texts.xml"/>

<includetarget="{textsPath}"/>

</acto>

Más...• Integración con SWFAddress• Integración con Google

Analytics• Integración con WordPress y

otros CMS• Flexibilidad para extensión…

Beneficios.• Conexión de flows rápida y

flexible• Código limpio, sin

dependencias con Acto

• Rápida integración con servicios web

• Cambio de contenido sin compilar

• www.actoframework.org• jh@molamil.com• re@molamil.com

Dónde empezar.

• Ejemplo• http://code.google.com/p/zu

mo

ZUMO

MOLAMILVestergade 41456 Copenhague

+45 6019 6005

molamil@molamil.comwww.molamil.com

Hablamos