presentación de acto framework parte i
TRANSCRIPT
![Page 1: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/1.jpg)
![Page 2: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/2.jpg)
• Acto Framework• Nuestra experiencia con
Acto en Molamil
Agenda.
![Page 3: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/3.jpg)
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
![Page 4: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/4.jpg)
![Page 5: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/5.jpg)
![Page 6: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/6.jpg)
• Open source• Configuración en XML• Gestión de pantallas (views)• Gestión de comandos• Arquitectura mediante
eventos
Características.
![Page 9: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/9.jpg)
<acto></acto>
var app:App = new App(root);app.loadConf(“acto.xml”);
Empezando.
![Page 10: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/10.jpg)
Código...Iniciar Acto y crear una página
![Page 11: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/11.jpg)
• Definition Target: nombre de clase (“com.molamil.Frontpage”)
• LoaderTarget: URL (“./imagenes/fondo.png”)
• DisplayListTarget: ruta en display list (“root.paginas.top”)
View types.
![Page 12: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/12.jpg)
Código...Navegar páginas usando la API
![Page 13: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/13.jpg)
Código...Configurar las páginas con props
![Page 14: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/14.jpg)
• “Buenas” - String
• “12345” - int
• “0.5” - Number
• “true” - Boolean
• “1979-10-21” - Date
Conversión de tipos.
![Page 15: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/15.jpg)
<prop name=“nombres”><item>Jorge</item><item>Ramiro</item><item>Andrés</item>
</prop>
Props como arrays.
![Page 16: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/16.jpg)
<prop name=“persona”><prop name=“nombre”>Jorge</prop>
<prop name=“edad” value=“31”/></prop>
Props como objetos.
![Page 17: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/17.jpg)
<prop name=“miMovie” type=“flash.display.MovieClip”>
<prop name=“x” value=“10”/>
</prop>
Props tipificadas.
![Page 18: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/18.jpg)
Página Bloques
![Page 19: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/19.jpg)
Código...Crear fondos con bloques
![Page 20: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/20.jpg)
• 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.
![Page 21: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/21.jpg)
• public function init():void;• public function destroy():void;
Init y destroy.
![Page 22: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/22.jpg)
Código...Utilizar handlers
![Page 23: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/23.jpg)
<handler
type=“clickBoton”
source=“frontpage”
action=“clearBlock”>
<param name=“x” value=“10”/>
<param name=“mensaje”/>
</handler>
Handlers.
![Page 24: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/24.jpg)
Código...Comandos
![Page 25: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/25.jpg)
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>
![Page 26: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/26.jpg)
Código...Transiciones
![Page 27: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/27.jpg)
Propiedades globales.<acto>
<prop name=“backendURL”>http://
www.molamil.com</prop>
</acto>
![Page 28: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/28.jpg)
Expresiones.<acto>
<prop name=“w” value=“100”/>
<views><page id=“home”>
<prop name=“width”value=“{w}”/>
</page></views>
</acto>
![Page 29: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/29.jpg)
Includes.<acto>
<prop name="textsPath”value="texts.xml"/>
<includetarget="{textsPath}"/>
</acto>
![Page 30: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/30.jpg)
Más...• Integración con SWFAddress• Integración con Google
Analytics• Integración con WordPress y
otros CMS• Flexibilidad para extensión…
![Page 31: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/31.jpg)
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
![Page 33: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/33.jpg)
• Ejemplo• http://code.google.com/p/zu
mo
ZUMO
![Page 34: Presentación de ACTO Framework parte I](https://reader036.vdocuments.co/reader036/viewer/2022062419/557ad8e7d8b42a590b8b45a0/html5/thumbnails/34.jpg)