<?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>Dakoo &#187; Utilidades</title>
	<atom:link href="http://www.dakoo.cl/category/utilidades/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dakoo.cl</link>
	<description>¿Te gusta la web?</description>
	<lastBuildDate>Fri, 04 Nov 2011 03:03:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Container para marcas de google maps</title>
		<link>http://www.dakoo.cl/container-para-marcas-de-google-maps/</link>
		<comments>http://www.dakoo.cl/container-para-marcas-de-google-maps/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 01:59:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[google maps]]></category>
		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://www.dakoo.cl/?p=123</guid>
		<description><![CDATA[Este post es debido a un enojo que tuve una véz. Me gusta mucho la orientación a objetos y estaba utilizando la api de google maps. El problema surgía al momento de tener un container con todos los marcadores que &#8230; <a href="http://www.dakoo.cl/container-para-marcas-de-google-maps/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Este post es debido a un enojo que tuve una véz. Me gusta mucho la orientación a objetos y estaba utilizando la <a href="http://code.google.com/intl/es-ES/apis/maps/">api de google maps</a>. El problema surgía al momento de tener un container con todos los marcadores que tenía en el mapa( en el cliente claro está) y despues de darme cuenta que lo que se suponía era la solución de <a href="http://code.google.com/intl/es-ES/apis/maps/documentation/reference.html#GMarkerManager">google estaba deprecada</a>, decidí ir por mi cuenta y crear una pequeña clase. Es algo super sencillo y que se vale de la clase <a href="http://mootools.net/docs/core/Native/Hash">Hash de Mootools</a> y tiene como único objetivo tener algo más ordenado.<br />
Aquí va el código</p>
<p>LA CLASE</p>
<div class="igBar"><span id="ljavascript-3"><a href="#" onclick="javascript:showPlainTxt('javascript-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-3">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> containerMarcas<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span> = <span style="color: #003366; font-weight: bold;">new</span> Hash<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">add</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>key,marca<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span>.<span style="color: #006600;">include</span><span style="color: #66cc66;">&#40;</span>key,marca<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">rm</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>key<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span>.<span style="color: #006600;">erase</span><span style="color: #66cc66;">&#40;</span>key<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">getLen</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span>.<span style="color: #006600;">getLength</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">setNombreMarca</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>key,nombre<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> mar = <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span>.<span style="color: #006600;">get</span><span style="color: #66cc66;">&#40;</span>key<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; mar.<span style="color: #006600;">setNombre</span><span style="color: #66cc66;">&#40;</span>nombre<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span>.<span style="color: #006600;">set</span><span style="color: #66cc66;">&#40;</span>key,mar<span style="color: #66cc66;">&#41;</span>;&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">setDescripcionMarca</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>key,des<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> mar = <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span>.<span style="color: #006600;">get</span><span style="color: #66cc66;">&#40;</span>key<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; mar.<span style="color: #006600;">setDescripcion</span><span style="color: #66cc66;">&#40;</span>des<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">cont</span>.<span style="color: #006600;">set</span><span style="color: #66cc66;">&#40;</span>key,mar<span style="color: #66cc66;">&#41;</span>;&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span>&nbsp; &nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Un ejemplo de uso</p>
<div class="igBar"><span id="ljavascript-4"><a href="#" onclick="javascript:showPlainTxt('javascript-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-4">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> container = <span style="color: #003366; font-weight: bold;">new</span> containerMarcas<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">container.<span style="color: #006600;">add</span><span style="color: #66cc66;">&#40;</span>k,m<span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dakoo.cl/container-para-marcas-de-google-maps/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Documentando Código con Natural Docs</title>
		<link>http://www.dakoo.cl/documentando-codigo-con-natural-docs/</link>
		<comments>http://www.dakoo.cl/documentando-codigo-con-natural-docs/#comments</comments>
		<pubDate>Wed, 19 Aug 2009 02:51:46 +0000</pubDate>
		<dc:creator>tuto</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[codigo]]></category>
		<category><![CDATA[desarrollo de software]]></category>
		<category><![CDATA[documentacion]]></category>
		<category><![CDATA[natural docs]]></category>

		<guid isPermaLink="false">http://dakoo.cl/?p=59</guid>
		<description><![CDATA[Para leer este post debes haber tenido que al menos pasar por algunas de las siguientes situaciones: Haber programado al menos el reloj despertador Haber tenido que explicarle al menos a tu mama como se programaba la tele Haber tenido &#8230; <a href="http://www.dakoo.cl/documentando-codigo-con-natural-docs/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Para leer este post debes haber tenido que al menos pasar por algunas de las siguientes situaciones:</p>
<ul>
<li>Haber programado al menos el reloj despertador</li>
<li>Haber tenido que explicarle al menos a tu mama como se programaba la tele</li>
<li>Haber tenido que explicarle a algún cliente por correo que su página web es mejor sin flash</li>
<li>Haber tenido que realizar algún manual de usuario</li>
<li>Haber tenido que explicar por msn como conectar un pc a internet</li>
<li>Realizar un mapa a alguien para que llegue a alguna parte</li>
<li>Haber escrito a una polola en una carta las razones por las que no quieres estar con ella</li>
<li>Haber tenido que dejar un papel explicando que el almuerzo lo dejaste listo y que en la olla grande esta el plato fuerte, en la chica la sopa y en el refri la ensalada</li>
<li>Escribir un cheque</li>
</ul>
<h2>¿Qué tiene que ver todo esto con Natural Docs?</h2>
<p> <img src='http://www.dakoo.cl/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> , Bueno si se fijan, todas las opciones exceptuando las 2 primeras, son acciones en las que has tenido que dejar constancia, tanto en papel, como en digital, de algún procedimiento o acción que realizaste.  Ahora por otra parte, cuando programas o realizas proyectos de software también debemos dejar constancia de lo que hemos realizado, esto se realiza por varias razones: Mejorar la comprensión del problema, Tener registro de lo que se realizó, Poder mejorarlo en el futuro,  Pensar en los que tomaran el código en futuras generaciones( Uno de los mas importantes :p), etc. Todo lindo hasta aquí pero <strong>¿A los computines les gusta realizar esta tarea?, </strong>la respuesta obviamente es <strong>no</strong>, muchas veces llega a ser un martirio, otras no hay tiempo y otras simple y llanamente nos hacemos los lesos y no la hacemos <img src='http://www.dakoo.cl/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> . <strong>¿Alternativas?</strong>, si,  buscar <a href="http://www.google.cl/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;url=http%3A%2F%2Fes.wikipedia.org%2Fwiki%2FDesarrollo_%25C3%25A1gil_de_software&amp;ei=hmeLSsbAJKKxmAfmyvixDQ&amp;usg=AFQjCNHBmaluXYKKWRSoQu2Ld3LvB0EgJg&amp;sig2=CpLKXrqQxqOaQrUYl6-TDw" target="_self">metodologías agiles de desarrollo</a>, las cuales no se basan( no se mal entienda, no las dejan de lado) en la documentación y prefieren dar prioridad a escribir el código, la comunicación con el cliente entre otras. En mi trabajo nosotros utilizamos estas formas de trabajar, pero esto trae consigo que muchas veces no tienes idea nisiquiera de cuál es la magnitud de lo que estás desarrollando y el código que están realizando llega a ser mostruosamente grande.   Por todas estas razones una forma de crear documentación y no "invadir" en demasía al programador su "valioso" tiempo es utilizar los mismos comentarios que el utiliza en su código para generar una documentación que permite observar funciones, clases, métodos, con sus respectivos atributos y otras cosas que puedan tener.</p>
<p>Ahora a lo que vinimos, despues de esa introducción, vamos a revisar uno software que te toma los comentarios en el código y los transforma en una documentación de muy buena calidad .</p>
<h1><a href="http://www.naturaldocs.org/" target="_self">Natural Docs</a></h1>
<p>Desarrollado por Greg Valure es un generador de documentación escrito en <a href="http://es.wikipedia.org/wiki/Perl" target="_self">PERL</a>. Su forma de uso es muy simple( Suponiendo que estas en linux y tienes instalado PERL) bajamos el archivo comprimido desde <a href="http://www.naturaldocs.org/download/version1.4.html" target="_self">aquí(en la versión estable actual 1.4)</a>.  Una vez que descomprimimos el interior te darás cuenta que posee una serie de archivos y carpetas,junta todo en una carpeta por ejemplo con nombre "<strong>NaturalDocs</strong>". Ahora le das permiso de ejecución al archivo NaturalDocs ( chmod 755 NaturalDocs), con esto ya estamos casi listos para tener nuestra documentación, pero aún faltan algunas cosas por responder.</p>
<h2>¿Soporta todos los lenguajes de programación?</h2>
<p>Casi <img src='http://www.dakoo.cl/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> , bueno en realidad en la página de <strong>NaturalDocs </strong>aparece que <a href="http://www.naturaldocs.org/languages.html" target="_self">soporta 19 lenguajes</a>, pero existe un truco, si leen bien la documentación existe la posibilidad de que se agreguen mas lenguajes de manera muy simple, solo debes en un archivo de configuración darle la extención de los archivos y la forma en que se comenta.</p>
<h2>¿Los comentarios no deben tener alguna estructura?</h2>
<p>Jejeejej, creian que todo iba a ser tan fácil, pero no se preocupen no es la gran cosa. Por ejemplo si queremos comentar una clase</p>
<pre lang="java">/*
Class: Counter
A class that manages an incrementing counter.
*/
class Counter
{
public:
/*
Constructor: Counter
Initializes the object.
*/
Counter()
{ value = 0; };
/*
Function: Value
Returns the value of the counter.
*/
int Value()
{ return value; };
/*
Function: Increment
Adds one to the counter.
*/
void Increment()
{ value++; };

protected:
/*
Variable: value
The counter's value.
*/
int value;
};</pre>
<p>Como ven no es nada del otro mundo y estoy seguro que muchos de ustedes ya usan comentarios parecidos, ahora existen muchas otras formas de realizar esto y darle mas potencia a la documentación por ejemplo miren con una función</p>
<pre lang="java">/*
 * Function: Multiplicar
 *
 * Multiplica dos enteros.
 *
 * Parameters:
 *    x - El primer entero.
 *    y - El segundo entero.
 *
 * Returns:
 *    El producto de ambos enteros.
 *
 * Ver también:
 *

 */

int Multiplicar (int x, int y)
   {  return x * y;  };</pre>
<p>Ahora le dimos una breve descripción de la funcion, que los parametros que recibe  son x e y, que es lo que retorna y que esa función esta relacionada con otra, la idea es que todo eso despues queda reflejado en la documentación generada.</p>
<p>La gamma de diferentes cosas que puedes realizar con los comentarios descubranlos en la pagina del soft.</p>
<p>Ahora como ejecuto tal maravilla.</p>
<p>Bueno esto es muy simple, anteriormente le habíamos dado permisos de escritura al script NaturalDocs, bueno ahora debemos ejecutarlo con los siguientes parámetros como mínimo</p>
<p><strong>NaturalDocs -i [input (source) directory]<br />
-o [output format] [output directory]<br />
-p [project directory]<br />
[options]</strong></p>
<p>Como eso no dice mucho un ejemplo</p>
<p><strong>NaturalDocs -i home/tuto/My Project/Source<br />
-o FramedHTML home/tuto/My Project/Docs<br />
-p home/tuto/My Project/Natural Docs</strong></p>
<p>Un poco de explicación: La primera dirección que le damos es la carpeta donde tenemos el código que queremos documentar, la segunda direccion es la carpeta donde guardaremos nuestra documentación y la tercera es una carpeta que debemos crear para que NaturalDocs escriba unos archivos( como una carpeta temporal). Existen muchas otras opciones que puedes agregarle pero eso véanlo <a href="http://www.naturaldocs.org/running.html">aca</a> y eso es todo, el soft se encarga de todo, es muy configurable y puedes crear documentaciones muy profesionales ,algunos ejemplo <a href="http://www.naturaldocs.org/users.html">aquí</a>.</p>
<p>Ahora una última pregunta para terminar</p>
<p>¿Existen otros documentadores de código?<br />
Por supuesto y algunos muy o más buenos que este( lo publiqué porque a mi me gusta mucho este soft), por ejemplo <a href="http://es.wikipedia.org/wiki/Comparativa_de_generadores_de_documentaci%C3%B3n">aquí </a>puedes ver una comparativa entre los más populares</p>
<p>Bueno eso por hoy</p>
<p>El link de la página es <a href="http://www.naturaldocs.org">LINK</a></p>
<p>Espero les sirva</p>
<p>saludo tuto</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dakoo.cl/documentando-codigo-con-natural-docs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Algunas cosas indispensables para comenzar tu desarrollo web &#8230;Libres,   PARTE I &#8211;Editores de texto&#8211;</title>
		<link>http://www.dakoo.cl/cosas-indispensables-para-comenzar-tu-desarrollo-web-libres-parte-i-editores-de-texto/</link>
		<comments>http://www.dakoo.cl/cosas-indispensables-para-comenzar-tu-desarrollo-web-libres-parte-i-editores-de-texto/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 23:46:17 +0000</pubDate>
		<dc:creator>tuto</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[editores de texto]]></category>
		<category><![CDATA[herramientas libre]]></category>

		<guid isPermaLink="false">http://dakoo.cl/?p=40</guid>
		<description><![CDATA[Bueno, muchos discreparán conmigo de las cosas que utilizan para llevar a cabos sus proyectos web, pero no está mal como un comienzo, así que la lista que aquí voy a comentar es la que en particular utilizo para gran &#8230; <a href="http://www.dakoo.cl/cosas-indispensables-para-comenzar-tu-desarrollo-web-libres-parte-i-editores-de-texto/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Bueno, muchos discreparán conmigo de las cosas que utilizan para llevar a cabos sus proyectos web, pero no está mal como un comienzo, así que la lista que aquí voy a comentar es la que en particular utilizo para gran parte de mis proyectos. En este primer post veremos los editores de texto.<br />
Una observación es que yo no soy diseñador, yo desarrollo más del lado de la programación, soy de los que cree "pastelero a tus pasteles", así que seguramente aquí me faltarán una serie de otras herramientas que seguramente existen pero listaré las que son más de mi agrado.</p>
<h1>Editores de código</h1>
<h2><a href="http://notepad-plus.sourceforge.net/es/site.htm">NOTEPAD++</a></h2>
<p style="text-align: center;"><a href="http://notepad-plus.sourceforge.net/es/site.htm"><img class="aligncenter" src="http://notepad-plus.sourceforge.net/commun/images/cameleon.jpg" alt="http://notepad-plus.sourceforge.net/commun/images/cameleon.jpg" /></a></p>
<p>El clásico editor de windows "upgradeado" un millón de veces <img src='http://www.dakoo.cl/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> . Realmente es un gran editor, el soporte de una lista interminable de lenguajes te permite trabajar en muchos archivos y de diferentes cosas ( por ejemplo, html, css y js) al mismo tiempo, yo sé que esto lo puedes lograr con una serie de otros programas, pero sinceramente en ningún otro he visto tanto soporte de diferentes lenguajes y en tan poco peso( Kb). Su manejo de tags es otra gracia, ya que en lo personal no me gusta los editores que te autocompletan los tags de html por ejemplo, para mi es un poco incomodo, en cambio aca lo que realiza notepad++ es ir remarcando el tags que estas cerrando al momento que lo vas escribiendo. Las sugerencias por parte de los editores a lo que vamos escribiendo también es diferenciador acá, ya que la opción está, pero solo saldrá cuando nosotros queramos ya que combinando la tecla Crtl+Barra espaciadora te aparecerá lo que Notepad++ te sugiere, esto lo encuentro super útil ya que a veces el proceso de abrir la sugerencia por parte de otros editores hace que se produscan <a href="http://es.wikipedia.org/wiki/Lag" target="_self"><span style="color: #000000;">lags </span></a>al momento de escribir. Trae un buscador que permite realizar estas búsquedas en archivos, por ejemplo le damos una palabra y una carpeta en donde buscar y nos dará todos los resultados encontrados, muy buena opción. El resto de las opciones les toca a ustedes encontrarlas, son muchas y se necesitaría un post completo para explicarlas todas, lo importante es que es muy bueno y totalmente recomendable.</p>
<h2><a href="http://www.geany.org/" target="_self">Geany</a></h2>
<h2 style="text-align: center;"><img src="http://www.geany.org/images/geany.png" alt="http://www.geany.org/images/geany.png" /></h2>
<p>Este editor lo utilizo cuando uso Linux( si lo reconosco, a veces uso windows), me gusta al igual que Notepad++ porque es muy liviano y puedes realizar muchas cosas. Por ejemplo algunos de los lenguajes soportados son  <a title="C" href="http://es.wikipedia.org/wiki/C">C</a>, <a title="Java" href="http://es.wikipedia.org/wiki/Java">Java</a>, <a title="JavaScript" href="http://es.wikipedia.org/wiki/JavaScript">JavaScript</a>, <a title="PHP" href="http://es.wikipedia.org/wiki/PHP">PHP</a>, <a title="HTML" href="http://es.wikipedia.org/wiki/HTML">HTML</a>, <a class="mw-redirect" title="CSS" href="http://es.wikipedia.org/wiki/CSS">CSS</a>, <a title="Python" href="http://es.wikipedia.org/wiki/Python">Python</a>, <a title="Perl" href="http://es.wikipedia.org/wiki/Perl">Perl</a>, <a title="Ruby" href="http://es.wikipedia.org/wiki/Ruby">Ruby</a>, <a title="Pascal" href="http://es.wikipedia.org/wiki/Pascal">Pascal</a> y <a title="Haskell" href="http://es.wikipedia.org/wiki/Haskell">Haskell</a> (<a href="http://es.wikipedia.org/wiki/Geany" target="_blank">según Wikipedia</a>).  Tiene características muy parecidas a Notepad++, pero la diferencia es que al estar hecho en <a href="http://www.gtk.org/" target="_self">GTK2</a> tiene versiones en linux y windows. Soporta projectos y tiene una terminal incluida, muy bueno cuando quieres ir compilando de inmediato.</p>
<h2><a href="http://www.vim.org/" target="_self">VIM</a></h2>
<p style="text-align: center;"><a href="http://www.vim.org/index.php"><img class="aligncenter" src="http://www.vim.org/images/vim_header.gif" border="0" alt="Vim logo" /></a></p>
<p>Hablar de Vim es hablar de un grande entre los grandes,  sucesor del editor de los sistemas Unix <a href="http://es.wikipedia.org/wiki/Vi" target="_self">VI</a>, tiene todo lo que un programador necesita y de forma rápida y optimizada. Al principio un poco complicado de utilizar, a medida que se va tomando "ritmo" el potencial crece y crece, sorprende  por la gran cantidad de funcionalidades que posee y de lo sencilla que es su manera de editar los textos. A diferencia de los anteriores editores Vim se utiliza en una consola de comandos, teniendo que realizar la mayoría de las opciones mediante la combinación de teclas. La posibilidad de poder formatear el texto mediante <a href="http://es.wikipedia.org/wiki/Expresi%C3%B3n_regular" target="_self">expresiones regulares</a> es muy potente y se pueden obtener resultados sorprendentes con unas pocas intrucciones. Estas son solo algunas características, se podrían escribir 1000 posts para eso, como conclusión se podría decir que si no tienes mucha experticia en el manejo de consolas de comandos, primero prueba uno de los editores anteriores, pero sí aún te gustan los desafíos adelante, totalmente recomendado.</p>
<p>Sin duda existen mas de 1 millón de editores más que podrían utilizar( por ejemplo se me viene <a href="http://es.wikipedia.org/wiki/Emacs" target="_self">Emacs </a>a la cabeza), pero con cualquiera de estos tres puedes comenzar sin problemas, si tienes algún otro que te guste anótalo en los comentarios( Recuerda que deben ser libres <img src='http://www.dakoo.cl/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> ).</p>
<p>En el próximo post veremos editores de imágenes libres.</p>
<p>Espero les haya servido</p>
<p>Saludos tuto</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dakoo.cl/cosas-indispensables-para-comenzar-tu-desarrollo-web-libres-parte-i-editores-de-texto/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
