Presentación de ACTO Framework parte I
35
-
Upload
adwe-team -
Category
Technology
-
view
1.352 -
download
0
Transcript of Presentación de ACTO Framework parte I
• 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.
<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
• Ejemplo• http://code.google.com/p/zu
mo
ZUMO
