<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Robot04 &#187; AIR</title>
	<atom:link href="http://www.robot04.com/blog/index.php/tag/air/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.robot04.com/blog</link>
	<description>Video meliora proboque; deteriora sequor</description>
	<lastBuildDate>Thu, 30 Dec 2010 11:08:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Reforest</title>
		<link>http://www.robot04.com/blog/index.php/2010/06/13/reforest/</link>
		<comments>http://www.robot04.com/blog/index.php/2010/06/13/reforest/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 01:57:27 +0000</pubDate>
		<dc:creator>Robot04</dc:creator>
				<category><![CDATA[AIR]]></category>
		<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[Aplicaciones]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.robot04.com/blog/?p=350</guid>
		<description><![CDATA[
Reforest es una aplicación desarrollada en Adobe AIR que crea estructuras de proyecto a través de plantillas.
Estas plantillas pueden ser configuradas al gusto de cada uno para crear el árbol de carpetas y archivos que formarán nuestro directorio de proyecto.
El ejemplo que viene con Reforest, cuando lo descargáis, es un MVC simple con Flash y [...]]]></description>
			<content:encoded><![CDATA[<p><img class="fullsizetop" src="http://www.robot04.com/blog/index.php?feedimage=wp-content/uploads/2010/06/reforest.jpg" alt="Reforest" title="reforest.jpg" border="0" width="760" height="198" /></p>
<p><a href="http://www.reforestair.com">Reforest</a> es una aplicación desarrollada en Adobe AIR que crea estructuras de proyecto a través de plantillas.</p>
<p>Estas plantillas pueden ser configuradas al gusto de cada uno para crear el árbol de carpetas y archivos que formarán nuestro directorio de proyecto.<br />
El ejemplo que viene con Reforest, cuando lo descargáis, es un MVC simple con Flash y AS3, pero se puede utilizar para cualquier tipo de proyecto, diseño, .php, html, etc</p>
<p>La plantilla, a partir de ahora semilla (.seed), está compuesta por los siguientes nodos:</p>
<h3>info</h3>
<p>Info es la parte de la semilla que nos va a proveer de la información de ésta, como autor, fecha, nombre, descripción, etc.</p>
<p>Esta es la estructura:</p>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-5">
<div class="xml"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;seed<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;info<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;author<span style="font-weight: bold; color: black;">&gt;</span></span></span>Robot04<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/author<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;date<span style="font-weight: bold; color: black;">&gt;</span></span></span>09/09/09<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/date<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;name<span style="font-weight: bold; color: black;">&gt;</span></span></span>Example Template<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/name<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;description<span style="font-weight: bold; color: black;">&gt;</span></span></span>Estructura de proyecto base con vista y controlador<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/description<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;notes<span style="font-weight: bold; color: black;">&gt;</span></span></span>Acuérdate de borrar el árbol de main.fla <img src='http://www.robot04.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/notes<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/info<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/seed<span style="font-weight: bold; color: black;">&gt;</span></span></span></div>
</div>
</div>
<p></p>
<p>Después encontramos la estructura.</p>
<h3>structure</h3>
<p>Structure es la etiqueta que va a contenter nuestro proyecto, y en ella podremos crear y copiar los archivos y directorios que solamos utilizar frecuentemente en nuestros proyectos.</p>
<p>Dentro de structure podremos utilizar dos tipos de etiquetas diferentes:</p>
<ul>
<li>folder</li>
<li>file</li>
</ul>
<h3>folder</h3>
<p><strong>Folder</strong> es la encargada de crear los directorios, tiene un sólo parámetro obligatorio <strong>name</strong>.<br />
Si el valor del parámetro name es <strong>projectName</strong>, el valor se sustituirá en tiempo de ejecución por el nombre que elijamos para el proyecto.</p>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-6">
<div class="xml"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;seed<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;info<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;author<span style="font-weight: bold; color: black;">&gt;</span></span></span>Robot04<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/author<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;date<span style="font-weight: bold; color: black;">&gt;</span></span></span>09/09/09<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/date<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;name<span style="font-weight: bold; color: black;">&gt;</span></span></span>Example Template<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/name<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;description<span style="font-weight: bold; color: black;">&gt;</span></span></span>Estructura de proyecto base con vista y controlador<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/description<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;notes<span style="font-weight: bold; color: black;">&gt;</span></span></span>Acuérdate de borrar el árbol de main.fla <img src='http://www.robot04.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/notes<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/info<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;structure<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;folder</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"projectName"</span><span style="font-weight: bold; color: black;">&gt;</span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/folder<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/structure<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/seed<span style="font-weight: bold; color: black;">&gt;</span></span></span></div>
</div>
</div>
<p></p>
<h3>file</h3>
<p>El nodo <strong>file</strong> se encarga de copiar archivos y carpetas a nuestro directorio de proyecto.</p>
<p>Tiene dos parámetros obligatorios:</p>
<ul>
<li>name</li>
<li>route</li>
</ul>
<p><strong>Name</strong> indica el nombre con el cual se guardará el archivo en nuestro directorio de proyecto y <strong>route</strong> es el path al archivo que se va a copiar.</p>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-7">
<div class="xml"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;seed<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;info<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;author<span style="font-weight: bold; color: black;">&gt;</span></span></span>Robot04<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/author<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;date<span style="font-weight: bold; color: black;">&gt;</span></span></span>09/09/09<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/date<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;name<span style="font-weight: bold; color: black;">&gt;</span></span></span>Example Template<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/name<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;description<span style="font-weight: bold; color: black;">&gt;</span></span></span>Estructura de proyecto base con vista y controlador<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/description<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;notes<span style="font-weight: bold; color: black;">&gt;</span></span></span>Acuérdate de borrar el árbol de main.fla <img src='http://www.robot04.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/notes<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/info<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;structure<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;folder</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"projectName"</span><span style="font-weight: bold; color: black;">&gt;</span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;folder</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"flash"</span><span style="font-weight: bold; color: black;">&gt;</span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;file</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"main.fla"</span> <span style="color: #000066;">route</span>=<span style="color: #ff0000;">"files/flash/main.fla"</span> <span style="font-weight: bold; color: black;">/&gt;</span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/folder<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/folder<span style="font-weight: bold; color: black;">&gt;</span></span></span><br />
<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/seed<span style="font-weight: bold; color: black;">&gt;</span></span></span></div>
</div>
</div>
<p></p>
<p><em>Además de esto y esta es la joyita de Reforest</em>, el nodo <strong>file</strong> tiene un atributo opcional <strong>parse</strong>.</p>
<p>Si le decimos a Reforest que parsee el documento con el atributo <strong>parse="true"</strong>. Reforest buscará en esos archivos variables de Reforest y nos permitirá durante la creación del proyecto cambiar sus valores por otros al vuelo.</p>
<p>Las variables de Reforest tienen el siguiente aspecto:<br />
<strong>%RFST:Variable=Valor%</strong></p>
<p>Por ejemplo un uso básico en un archivo html podría ser:<br />
<strong>&lt;title&gt;%RFST:title=titulo%&lt;/title&gt;</strong></p>
<p>o en un .as podríamos ajustar las características de nuestro fla de la siguiente manera:</p>
<div class="syntax_hilite"><span class="langName">Actionscript:</span>
<div id="actionscript-8">
<div class="actionscript"><span style="color: #66cc66;">&#91;</span>SWF<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">width</span>=<span style="color: #ff0000;">"%RFST:SWFWidth=1004%"</span>, <span style="color: #0066CC;">height</span>=<span style="color: #ff0000;">"%RFST:SWFHeight=680%"</span>, <span style="color: #0066CC;">backgroundColor</span>=<span style="color: #ff0000;">"%RFST:SWFBGColor=#FFFFFF%"</span>, frameRate=<span style="color: #ff0000;">"%RFST:SWFFramerate=30%"</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span></div>
</div>
</div>
<p></p>
<p>Espero que lo disfrutéis y si tenéis sugerencias o dudas, ya sabéis <img src='http://www.robot04.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>PD: Junto con el instalador de Reforest encontraréis más información y un ejemplo de uso.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.robot04.com/blog/index.php/2010/06/13/reforest/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

