<?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>Mi media center &#187; tutorial</title>
	<atom:link href="http://www.mimediacenter.info/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mimediacenter.info</link>
	<description>Ideas para llevar la experiencia multimedia al salón</description>
	<lastBuildDate>Tue, 22 Nov 2011 09:13:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Como habilitar el log de depuración en Plex Media Server 0.9.5</title>
		<link>http://www.mimediacenter.info/2011/11/11/como-habilitar-el-log-de-depuracion-en-plex-media-server-0-9-5/</link>
		<comments>http://www.mimediacenter.info/2011/11/11/como-habilitar-el-log-de-depuracion-en-plex-media-server-0-9-5/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 00:19:30 +0000</pubDate>
		<dc:creator>Jesus</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[plex]]></category>
		<category><![CDATA[Plex Media Server]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.mimediacenter.info/?p=576</guid>
		<description><![CDATA[Poner Plex Media Server en modo de depuración es fundamental para entender qué ocurre cuando hay un problema, y también cuando necesitas información adicional acerca de qué está haciendo un plugin.]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share"><div style="width:100px;" class="really_simple_share_facebook_like"> 
				<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mimediacenter.info%2F2011%2F11%2F11%2Fcomo-habilitar-el-log-de-depuracion-en-plex-media-server-0-9-5%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
					scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:27px;" allowTransparency="true"></iframe>
			</div><div style="width:90px;" class="really_simple_share_google1"> 
				<g:plusone size="medium" href="http://www.mimediacenter.info/2011/11/11/como-habilitar-el-log-de-depuracion-en-plex-media-server-0-9-5/" ></g:plusone>
			</div><div style="width:110px;" class="really_simple_share_twitter"> 
				<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" 
					data-text="Como habilitar el log de depuración en Plex Media Server 0.9.5" data-url="http://www.mimediacenter.info/2011/11/11/como-habilitar-el-log-de-depuracion-en-plex-media-server-0-9-5/">Tweet</a> 
			</div></div>
		<div style="clear:both;"></div><p>El nuevo Plex Media Server es una plataforma increíblemente potente, pero no tiene la mejor documentación del mundo y por tanto a veces es un poco complicado desarrollar dentro de él.</p>
<p>Los plugins por ejemplo pueden generar un registro con información de depuración (imprescindible en pelisalacarta cuando hay problemas para entender por qué se producen), pero por defecto está deshabilitado en Plex Media Server y el log que se genera por defecto no sirve de mucho.</p>
<p>Si necesitas un log ampliado en Plex Media Server estos son los pasos:</p>
<h3>Para Mac</h3>
<p>Tendrás que abrir el terminal y teclear estos dos comandos</p>
<p>1) Mata la versión anterior de Plex Media Server</p>
<pre>/usr/bin/killall Plex\ Media\ Server</pre>
<p>2) Vuelve a lanzarlo de nuevo, pero esta vez en modo desarrollo.</p>
<pre>/Applications/Plex\ Media\ Server.app/Contents/MacOS/Plex\ Media\ Server woof</pre>
<p>3) Verás que aparecen las líneas &#8220;Enabling debug mode&#8221; y se queda ahí. Correcto, eso es que se está ejecutando.</p>
<p>4) Puedes pararlo con con CTRL+C.</p>
<p>5) Si quieres volver a un uso normal de Plex Media Server, te recomiendo que reinicies el ordenador. No conozco un método seguro de volver a lanzarlo.</p>
<p>(Fuente: <a href="http://forums.plexapp.com/index.php/topic/18004-developer-quick-start-guide/">Foro de Plex</a> y unas cuantas pruebas)</p>
<h3>Para Windows</h3>
<p>Próximamente (aún no lo he probado)</p>
<h3>Para Linux</h3>
<p>Próximamente (aún no lo he probado)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mimediacenter.info/2011/11/11/como-habilitar-el-log-de-depuracion-en-plex-media-server-0-9-5/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Como instalar VNC en el Apple TV 2G y capturar pantallas</title>
		<link>http://www.mimediacenter.info/2011/04/25/como-instalar-vnc-en-el-apple-tv-2g-y-capturar-pantallas/</link>
		<comments>http://www.mimediacenter.info/2011/04/25/como-instalar-vnc-en-el-apple-tv-2g-y-capturar-pantallas/#comments</comments>
		<pubDate>Sun, 24 Apr 2011 23:00:14 +0000</pubDate>
		<dc:creator>Jesus</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[apple tv 2g]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vnc]]></category>

		<guid isPermaLink="false">http://www.mimediacenter.info/?p=443</guid>
		<description><![CDATA[Una buena forma de capturar pantallas del Apple TV 2G es hacerlo mediante el servidor VNC que viene integrado]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share"><div style="width:100px;" class="really_simple_share_facebook_like"> 
				<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mimediacenter.info%2F2011%2F04%2F25%2Fcomo-instalar-vnc-en-el-apple-tv-2g-y-capturar-pantallas%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
					scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:27px;" allowTransparency="true"></iframe>
			</div><div style="width:90px;" class="really_simple_share_google1"> 
				<g:plusone size="medium" href="http://www.mimediacenter.info/2011/04/25/como-instalar-vnc-en-el-apple-tv-2g-y-capturar-pantallas/" ></g:plusone>
			</div><div style="width:110px;" class="really_simple_share_twitter"> 
				<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" 
					data-text="Como instalar VNC en el Apple TV 2G y capturar pantallas" data-url="http://www.mimediacenter.info/2011/04/25/como-instalar-vnc-en-el-apple-tv-2g-y-capturar-pantallas/">Tweet</a> 
			</div></div>
		<div style="clear:both;"></div><p>Las primeras imágenes que tomé de la pantalla de mi Apple TV 2G las hice con el móvil. Como lo tengo enchufado a una tele que está con un soporte en la pared, tuve que subirme encima de una silla&#8230; un espectáculo, vamos.</p>
<p>Enredando con NitoTV descubrí que había una aplicación para habilitar el acceso remoto mediante VNC, lo que ha simplificado mucho la tarea y además me permite hacer ciertas cosas en el cacharrito sin necesidad de tener la tele encendida.</p>
<p>Para habilitar este servicio los pasos son muy sencillos:</p>
<ul>
<li>Accede a &#8220;Nito TV / Install software&#8221;.</li>
<li>Busca la aplicación &#8220;Exposed&#8221; y dale a instalar.</li>
<li>Cuando haya terminado la instalación, reinicia el Apple TV 2G y el servicio ya estará operativo.</li>
</ul>
<div id="attachment_446" class="wp-caption aligncenter" style="width: 510px"><img src="http://www.mimediacenter.info/wp-content/uploads/2011/04/atv2g-vnc-2.jpg" alt="Exposed para Apple TV 2G" title="atv2g-vnc-2" width="500" height="280" class="size-full wp-image-446" /><p class="wp-caption-text">Exposed para Apple TV 2G</p></div>
<p>Y ahora ¿cómo accedo desde mi ordenador?</p>
<ul>
<li>Averigua la IP accediendo al menú &#8220;Ajustes / General / Información&#8221;. Supongamos que tienes la 192.168.1.5</li>
<li>Si tienes Windows puedes utilizar por ejemplo UltraVNC, un visor muy completo y compatible con un montón de variantes. Simplemente ábrelo y cuando te pida el servidor escribe &#8220;192.168.1.5&#8243;.</li>
<li>Si tienes Mac debes abrir el Finder, y en el menú superior elegir &#8220;Ir / Conectar a un servidor&#8221;. Pon como dirección vnc://192.168.1.5</li>
<li>Si tienes Linux tienes varias opciones, como el cliente oficial para Ubuntu denominado Vinagre.</li>
</ul>
<div id="attachment_445" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-445" title="atv2g-vnc" src="http://www.mimediacenter.info/wp-content/uploads/2011/04/atv2g-vnc.jpg" alt="Accediendo a tu Apple TV 2G por VNC" width="500" height="315" /><p class="wp-caption-text">Accediendo a tu Apple TV 2G por VNC</p></div>
<p>Capturar una pantalla es sencillo, porque lo puedes hacer desde tu ordenador. Utiliza el sistema de siempre <img src='http://www.mimediacenter.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mimediacenter.info/2011/04/25/como-instalar-vnc-en-el-apple-tv-2g-y-capturar-pantallas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como transferir ficheros al Apple TV 2G / iPad</title>
		<link>http://www.mimediacenter.info/2011/04/05/como-transferir-ficheros-al-apple-tv-2g-ipad/</link>
		<comments>http://www.mimediacenter.info/2011/04/05/como-transferir-ficheros-al-apple-tv-2g-ipad/#comments</comments>
		<pubDate>Tue, 05 Apr 2011 00:43:58 +0000</pubDate>
		<dc:creator>Jesus</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[apple tv 2g]]></category>
		<category><![CDATA[ficheros]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[ssh]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.mimediacenter.info/?p=398</guid>
		<description><![CDATA[Describe las herramientas y las instrucciones para conectar con el iPad o el Apple TV 2G y transferir ficheros]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share"><div style="width:100px;" class="really_simple_share_facebook_like"> 
				<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mimediacenter.info%2F2011%2F04%2F05%2Fcomo-transferir-ficheros-al-apple-tv-2g-ipad%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
					scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:27px;" allowTransparency="true"></iframe>
			</div><div style="width:90px;" class="really_simple_share_google1"> 
				<g:plusone size="medium" href="http://www.mimediacenter.info/2011/04/05/como-transferir-ficheros-al-apple-tv-2g-ipad/" ></g:plusone>
			</div><div style="width:110px;" class="really_simple_share_twitter"> 
				<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" 
					data-text="Como transferir ficheros al Apple TV 2G / iPad" data-url="http://www.mimediacenter.info/2011/04/05/como-transferir-ficheros-al-apple-tv-2g-ipad/">Tweet</a> 
			</div></div>
		<div style="clear:both;"></div><blockquote><p>Esta entrada forma parte del <a href="http://www.mimediacenter.info/manual-de-supervivencia/">&#8220;Manual de supervivencia&#8221; del Apple TV 2G</a></p></blockquote>
<p>Siguiendo con la entrada que describía <a href="http://www.mimediacenter.info/2011/03/28/como-conectar-con-el-ipad-apple-tv-2g-mediante-ssh/">como conectar con nuestro Apple TV 2G / iPad por SSH</a>, hoy toca el turno de ver cómo aprovechar este servicio para poder transferir ficheros e incluso editarlos directamente sobre el aparato de una forma sencilla.</p>
<p>Igual que en la entrada anterior, debes tener en cuenta que este proceso sólo se puede hacer <strong>si previamente has hecho el jailbreak del dispositivo</strong>.</p>
<p>Aquí tienes paso a paso cómo establecer la conexión:</p>
<ul>
<li>Instala OpenSSH en el dispositivo: En el iPad lo puedes instalar  desde Cydia, si pulsas en la pantalla principal sobre el recuadro  &#8220;OpenSSH Access How-To&#8221; te lleva a una pantalla de de instrucciones con  un enlace al paquete. En el Apple TV 2G puedes instalarlo desde nitoTV,  en la opción &#8220;Install software&#8221;.</li>
</ul>
<ul>
<li>Averigua la dirección IP de tu dispositivo: Antes de conectar desde  tu ordenador, necesitas conocer la dirección IP del dispositivo al que  te vas a conectar.
<ul>
<li>En el iPad puedes consultarlo usando la aplicación &#8220;Ajustes&#8221;. Elige  la opción &#8220;General / Red / Wi-Fi&#8221;, busca la conexión Wifi que tienes  activa y pulsa sobre el botón azul para obtener la IP. Tienes una <a href="http://www.gilsmethod.com/locate-ipads-ip-address">guía con fotos en esta página</a>.</li>
<li>En el Apple TV 2G debes ir a &#8220;Ajustes / General / Información&#8221;. Es mucho más sencillo.</li>
</ul>
</li>
</ul>
<ul>
<li>Instálate un buen programa de transferencia de ficheros. Si no tienes ninguna preferencia yo te recomiendo <a href="http://filezilla-project.org/">FileZilla</a>, puesto que es fácil de usar y muy potente. Funciona en Windows, Linux y Mac.</li>
</ul>
<div id="attachment_407" class="wp-caption aligncenter" style="width: 480px"><img class="size-full wp-image-407" title="Campos de FileZilla" src="http://www.mimediacenter.info/wp-content/uploads/2011/04/campos.jpg" alt="Campos de FileZilla" width="470" height="18" /><p class="wp-caption-text">Campos de FileZilla</p></div>
<ul>
<li>Pon ahora los datos para establecer la conexión. Es importante poner el puerto 22 (SSH) porque FileZilla intentará conectar por defecto usando el puerto 21 (FTP).
<ul>
<li>Servidor: Por ejemplo 192.168.1.5</li>
<li>Nombre de usuario: root</li>
<li>Contraseña: alpine</li>
<li>Puerto: 22</li>
</ul>
</li>
</ul>
<p><img class="aligncenter size-full wp-image-417" title="FileZilla" src="http://www.mimediacenter.info/wp-content/uploads/2011/04/filezilla.jpg" alt="FileZilla" width="500" height="338" /></p>
<ul>
<li>Cuando pulses en el botón &#8220;Conexión rápida&#8221; se conectará (si todo va bien) y podrás navegar por la estructura de directorios del dispositivo. Algunas indicaciones básicas:
<ul>
<li>La ventana de la izquierda es tu disco.</li>
<li>La ventana de la derecha es el disco del dispositivo.</li>
<li>Haciendo doble click sobre un directorio puedes abrirlo, y al hacerlo sobre un fichero lo transferirás de una ventana a otra (para subirlo al dispositivo o para bajarlo)</li>
</ul>
</li>
<li>Si quieres editar un fichero sobre el propio dispositivo sin descargarlo, FileZilla es también una buena herramienta aunque hay muchas que lo permiten.
<ul>
<li>Elige el fichero del dispositivo que quieres descargar</li>
<li>Haz click sobre él con el botón derecho del ratón, y elige &#8220;Ver / Editar&#8221;</li>
<li>El fichero se descargará y abrirá con el editor apropiado (o podrás elegir uno)</li>
<li>Cuando guardes los cambios, FileZilla lo detectará y te dará la opción a actualizarlo en el dispositivo.</li>
</ul>
</li>
</ul>
<p>La estructura de directorios del iPad / Apple TV 2G es muy particular pero tampoco es necesario entenderla completa:</p>
<ul>
<li><strong>/private/var/root</strong>: Es la ruta que te aparecerá al conectarte, porque es la del usuario root.</li>
<li><strong>/private/var/mobile</strong>: Es la ruta del usuario que ejecuta las aplicaciones en el dispositivo, donde se instala por ejemplo XBMC.</li>
<li><strong>/private/var/mobile/Library/Preferences</strong>: En este directorio es donde está instalado XBMC, y también puedes encontrar el fichero de log.</li>
</ul>
<p>Ten cuidado lo que modificas o borras durante la sesión. Eres el usuario &#8220;root&#8221;, puedes borrar cualquier cosa&#8230; incluso las que pueden hacer que el aparato deje de funcionar.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mimediacenter.info/2011/04/05/como-transferir-ficheros-al-apple-tv-2g-ipad/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Cómo conectar con el iPad / Apple TV 2G mediante SSH</title>
		<link>http://www.mimediacenter.info/2011/03/28/como-conectar-con-el-ipad-apple-tv-2g-mediante-ssh/</link>
		<comments>http://www.mimediacenter.info/2011/03/28/como-conectar-con-el-ipad-apple-tv-2g-mediante-ssh/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 16:44:31 +0000</pubDate>
		<dc:creator>Jesus</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[apple tv 2g]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[ssh]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.mimediacenter.info/?p=373</guid>
		<description><![CDATA[Describe las herramientas y las instrucciones para conectar con el iPad o el Apple TV 2G mediante línea de comandos]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share"><div style="width:100px;" class="really_simple_share_facebook_like"> 
				<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mimediacenter.info%2F2011%2F03%2F28%2Fcomo-conectar-con-el-ipad-apple-tv-2g-mediante-ssh%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
					scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:27px;" allowTransparency="true"></iframe>
			</div><div style="width:90px;" class="really_simple_share_google1"> 
				<g:plusone size="medium" href="http://www.mimediacenter.info/2011/03/28/como-conectar-con-el-ipad-apple-tv-2g-mediante-ssh/" ></g:plusone>
			</div><div style="width:110px;" class="really_simple_share_twitter"> 
				<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" 
					data-text="Cómo conectar con el iPad / Apple TV 2G mediante SSH" data-url="http://www.mimediacenter.info/2011/03/28/como-conectar-con-el-ipad-apple-tv-2g-mediante-ssh/">Tweet</a> 
			</div></div>
		<div style="clear:both;"></div><blockquote><p>Esta entrada forma parte del <a href="http://www.mimediacenter.info/manual-de-supervivencia/">&#8220;Manual de supervivencia&#8221; del Apple TV 2G</a></p></blockquote>
<p>A veces necesitas conectar con tu Apple TV 2G o con tu iPad mediante SSH para ejecutar comandos.</p>
<p>No es muy normal, a menos que necesites hacer algo muy específico, y realmente debes tener cuidado con lo que haces ya que tienes un control absoluto sobre el dispositivo para bien o para mal. Estás advertido.</p>
<p>También debes tener en cuenta que este proceso sólo se puede hacer <strong>si previamente has hecho el jailbreak del dispositivo</strong>.</p>
<p>Aquí tienes paso a paso cómo establecer la conexión:</p>
<ul>
<li>Instala OpenSSH en el dispositivo: En el iPad lo puedes instalar desde Cydia, si pulsas en la pantalla principal sobre el recuadro &#8220;OpenSSH Access How-To&#8221; te lleva a una pantalla de de instrucciones con un enlace al paquete. En el Apple TV 2G puedes instalarlo desde nitoTV, en la opción &#8220;Install software&#8221;.</li>
</ul>
<ul>
<li>Averigua la dirección IP de tu dispositivo: Antes de conectar desde tu ordenador, necesitas conocer la dirección IP del dispositivo al que te vas a conectar.
<ul>
<li>En el iPad puedes consultarlo usando la aplicación &#8220;Ajustes&#8221;. Elige la opción &#8220;General / Red / Wi-Fi&#8221;, busca la conexión Wifi que tienes activa y pulsa sobre el botón azul para obtener la IP. Tienes una <a href="http://www.gilsmethod.com/locate-ipads-ip-address">guía con fotos en esta página</a>.</li>
<li>En el Apple TV 2G debes ir a &#8220;Ajustes / General / Información&#8221;. Es mucho más sencillo.</li>
</ul>
</li>
</ul>
<ul>
<li>Instala un terminal en tu ordenador: Si utilizas Linux puedes usar el terminal que viene con tu distribución, y si usas Mac puedes usar la aplicación &#8220;Terminal&#8221;. Para Windows te recomiendo usar &#8220;PuTTY&#8221;, un programita muy sencillo pero a la vez muy completo. Puedes descargarlo desde su <a href="http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html">página oficial</a>, o directamente desde <a href="http://the.earth.li/~sgtatham/putty/latest/x86/putty.exe">este enlace</a> si no sabes cuál elegir.</li>
</ul>
<ul>
<li>Ahora es el momento de conectar, supongamos que 192.168.1.5 es la dirección IP que has obtenido en el segundo paso.
<ul>
<li>En Linux o Mac teclea &#8220;ssh root@192.168.1.5&#8243;. Cuando te pida la contraseña teclea &#8220;alpine&#8221; seguido de INTRO.</li>
<li>En Windows abre PuTTY, escribe &#8220;192.168.1.5&#8243; en la caja &#8220;Host Name (or IP address)&#8221;, y &#8220;22&#8243; en la caja &#8220;Port&#8221; aunque suele ser el valor por defecto. Pulsa en el botón &#8220;Open&#8221; y cuando te pida el login teclea &#8220;root&#8221; seguido de INTRO, y como contraseña teclea &#8220;alpine&#8221; seguido de INTRO.</li>
</ul>
</li>
</ul>
<p>Y ya estás dentro:</p>
<pre><span style="color: #000000;">AppleTV:~ root# <strong>ls -la</strong></span>
<span style="color: #000000;">total 8</span>
<span style="color: #000000;">drwxr-xr-x  4 root wheel  170 Mar  3 11:10 ./</span>
<span style="color: #000000;">drwxr-xr-x 28 root wheel 1088 Mar  3 11:03 ../</span>
<span style="color: #000000;">-rw-------  1 root wheel 1503 Mar 11 16:15 .bash_history</span>
<span style="color: #000000;">drwxr-xr-x  5 root wheel  170 Jan 16 22:47 Library/</span>
<span style="color: #000000;">drwxr-xr-x  3 root wheel  102 Mar  3 11:03 Media/</span>
<span style="color: #000000;">AppleTV:~ root# <strong>pwd</strong></span>
<span style="color: #000000;">/var/root</span>
</pre>
<p>Cuando hayas terminado puedes salir de la sesión tecleando &#8220;exit&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mimediacenter.info/2011/03/28/como-conectar-con-el-ipad-apple-tv-2g-mediante-ssh/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Como añadir canales a pelisalacarta (parte 3 y última)</title>
		<link>http://www.mimediacenter.info/2009/12/29/como-anadir-canales-a-pelisalacarta-parte-3-y-ultima/</link>
		<comments>http://www.mimediacenter.info/2009/12/29/como-anadir-canales-a-pelisalacarta-parte-3-y-ultima/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 14:33:08 +0000</pubDate>
		<dc:creator>Jesus</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[pelisalacarta]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[xbmc]]></category>

		<guid isPermaLink="false">http://www.mimediacenter.info/?p=180</guid>
		<description><![CDATA[Tercera y última parte del tutorial que describe cómo añadir un nuevo canal a pelisalacarta]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share"><div style="width:100px;" class="really_simple_share_facebook_like"> 
				<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mimediacenter.info%2F2009%2F12%2F29%2Fcomo-anadir-canales-a-pelisalacarta-parte-3-y-ultima%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
					scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:27px;" allowTransparency="true"></iframe>
			</div><div style="width:90px;" class="really_simple_share_google1"> 
				<g:plusone size="medium" href="http://www.mimediacenter.info/2009/12/29/como-anadir-canales-a-pelisalacarta-parte-3-y-ultima/" ></g:plusone>
			</div><div style="width:110px;" class="really_simple_share_twitter"> 
				<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" 
					data-text="Como añadir canales a pelisalacarta (parte 3 y última)" data-url="http://www.mimediacenter.info/2009/12/29/como-anadir-canales-a-pelisalacarta-parte-3-y-ultima/">Tweet</a> 
			</div></div>
		<div style="clear:both;"></div><blockquote><p>Esta entrada es parte de una serie.</p>
<p>Puedes leer la <b>entrada anterior</b> en <a href="http://www.mimediacenter.info/2009/11/04/como-anadir-canales-a-pelisalacarta-parte-2/">Cómo añadir canales a pelisalacarta &#8211; Parte 2 (Paginación, menús)</a>
</p>
<p>Si te interesa no te pierdas la sección <a href="http://www.mimediacenter.info/guias-de-desarrollo/">guías de desarrollo</a></p>
</blockquote>
<p>Hoy vamos a darle los últimos retoques a nuestro canal para Cinegratis, que a pesar de ser el objetivo de este tutorial por no ser especialmente difícil ha resultado un canal que uso a dario porque es muy completo y con muchas opciones.</p>
<p>En esta última entrega vamos a añadirle algunas cosas que vienen muy bien cuando estás buscando un vídeo en pelisalacarta, además de tratar de recoger todo el contenido posible de la web. Hoy veremos:</p>
<ul>
<li>Como añadir el buscador</li>
<li>Como añadir menús para el filtro por Veoh, Megavideo, Subtituladas, Latino, &#8230; y Deportes</li>
<li>Como terminar de arreglar series y anime</li>
<li>Como añadir listados por categorías para el cine, y alfabéticos para todos los canales</li>
</ul>
<p>¿Parece mucho para una única entrega? Veréis que es realmente sencillo, puesto que sólo necesitamos una función por cada página diferente y vienen a ser todas similares.</p>
<p>Lo primero que vamos a hacer es añadir todas las opciones necesarias en el menú principal, usando la función &#8220;addnewfolder&#8221; que recibe como parámetro la función a ejecutar cuando se seleccione la opción, el título en pantalla y la URL de descarga en caso de ser necesario.</p>
<div id="attachment_189" class="wp-caption aligncenter" style="width: 349px"><img class="size-full wp-image-189" title="Nuevo menú para Cinegratis en pelisalacarta" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-01b.jpg" alt="Nuevo menú para Cinegratis en pelisalacarta" width="339" height="343" /><p class="wp-caption-text">Nuevo menú para Cinegratis en pelisalacarta</p></div>
<div id="attachment_190" class="wp-caption aligncenter" style="width: 540px"><img class="size-full wp-image-190" title="Definición del menú en Python" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-02.jpg" alt="Definición del menú en Python" width="530" height="160" /><p class="wp-caption-text">Definición del menú en Python</p></div>
<p>Viendo el código del menú hay varias cosas interesantes que permiten hacerse mejor una idea de como funciona esto:</p>
<ul>
<li>La opcion <strong>&#8220;Películas &#8211; Novedades&#8221;</strong> se procesa con la función <strong>&#8220;listvideos&#8221;,</strong> que utilizan también algunas de las demás opciones. Esta función interpreta las páginas que tienen listados de vídeos con carátula y descripción.</li>
<li>La opción <strong>&#8220;Series &#8211; Todas&#8221;</strong> se procesa con la nueva función <strong>&#8220;listsimple&#8221;</strong> que también usan algunas opciones más como veremos más abajo. Esta función interpreta las páginas que tienen listados sin carátula ni descripción.</li>
<li>Algunas opciones como las listas de películas por categoría, deportes, etc. tienen funciones específicas porque son diferentes del resto.</li>
<li>La URL (que no se ve completa en la captura) corresponde con la que sale en el navegador cuando pulsas esa opción en la página. Algunas entradas de menú, como el buscador, no la necesitan.</li>
</ul>
<p>Para hacer el buscador añadimos la funcion <strong>&#8220;search&#8221;</strong> donde pedimos al usuario cuál es el texto a buscar usando el teclado en pantalla de XBMC. Con ese texto construimos la URL que muestra los resultados de búsqueda y se la pasamos a la funcion <strong>&#8220;listsimple&#8221;</strong> que interpreta los resultados.</p>
<div id="attachment_191" class="wp-caption aligncenter" style="width: 358px"><img class="size-full wp-image-191" title="Función de búsqueda" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-03.jpg" alt="Función de búsqueda" width="348" height="160" /><p class="wp-caption-text">Función de búsqueda</p></div>
<div id="attachment_192" class="wp-caption aligncenter" style="width: 408px"><img class="size-full wp-image-192" title="Buscador en XBMC" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-04.jpg" alt="Buscador en XBMC" width="398" height="286" /><p class="wp-caption-text">Buscador en XBMC</p></div>
<p>La función <strong>&#8220;listsimple&#8221;</strong> es similar a la que había <strong>&#8220;listvideos&#8221;</strong> pero con un patrón distinto. Cuando se selecciona un vídeo lleva a la misma función <strong>&#8220;detail&#8221;</strong>, ya que las páginas de detalle de una peli son siempre iguales.</p>
<div id="attachment_193" class="wp-caption aligncenter" style="width: 540px"><img class="size-full wp-image-193" title="listsimple" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-05.jpg" alt="listsimple" width="530" height="300" /><p class="wp-caption-text">listsimple</p></div>
<p>Con esto el buscador ya está operativo, y de paso todas las opciones de menú que usan esta función.</p>
<p>El listado alfabético de películas es un menú manual que tiene una entrada para cada letra, y se construye de forma similar al menú principal. No lo reproduzco aquí porque es muy sencillo, si tenéis dudas podéis mirar la función <strong>&#8220;pelisalfa&#8221;</strong> en el código.</p>
<p>El listado por categorías se construye extrayendo cada categoría de la página, con sus iconos y todo, y añadiendo manualmente las categorías &#8220;Versión original&#8221; y &#8220;Versión latina&#8221;.</p>
<div id="attachment_195" class="wp-caption aligncenter" style="width: 540px"><img class="size-full wp-image-195" title="Listado de categorías" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-06.jpg" alt="Listado de categorías" width="530" height="290" /><p class="wp-caption-text">Listado de categorías</p></div>
<p>Esta nueva función <strong>&#8220;peliscat&#8221;</strong> es algo diferente, pero tampoco es muy compleja. Utiliza un patrón para sacar las categorías, y una vez que tiene la categoría dentro del bucle for utiliza otro patrón para sacar el nombre de la categoría de la URL. Esto es necesario porque las categorías tienen icono, pero no título.</p>
<p>El resultado de cada categoría encontrada se añade como carpeta, con la función &#8220;listvideos&#8221; como responsable de procesar los resultados al presentarse con carátula y descripción.</p>
<div id="attachment_197" class="wp-caption aligncenter" style="width: 540px"><img class="size-full wp-image-197" title="Listado de películas por categoría" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-07.jpg" alt="Listado de películas por categoría" width="530" height="251" /><p class="wp-caption-text">Listado de películas por categoría</p></div>
<p>La sección de Deportes no es muy diferente del resto, así que si te interesa ver cómo funciona puedes descargarte el código fuente.</p>
<p>A modo de resumen he preparado un pequeño dibujo donde se ven todas las funciones que hay definidas en este canal de pelisalacarta, y la dependencia que tienen unas de otras.</p>
<div id="attachment_200" class="wp-caption aligncenter" style="width: 486px"><img class="size-full wp-image-200" title="Esquema general de todas las funciones y su dependencia" src="http://www.mimediacenter.info/wp-content/uploads/2009/12/tutorial-pelisalacarta-3-08.jpg" alt="Esquema general de todas las funciones y su dependencia" width="476" height="430" /><p class="wp-caption-text">Esquema general de todas las funciones y su dependencia</p></div>
<p>Con esto damos por concluido el post, y el tutorial de 3 partes que cuenta cómo añadir un canal a pelisalacarta. Espero que haya sido suficientemente explicativo, y que gracias a él os animéis a añadir vuestros propios canales.</p>
<p>El código fuente del nuevo canal está <a href="http://www.mimediacenter.info/tutorial/20091229/cinegratis.py">disponible aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mimediacenter.info/2009/12/29/como-anadir-canales-a-pelisalacarta-parte-3-y-ultima/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como añadir canales a pelisalacarta (Parte 2)</title>
		<link>http://www.mimediacenter.info/2009/11/04/como-anadir-canales-a-pelisalacarta-parte-2/</link>
		<comments>http://www.mimediacenter.info/2009/11/04/como-anadir-canales-a-pelisalacarta-parte-2/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 06:21:01 +0000</pubDate>
		<dc:creator>Jesus</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[pelisalacarta]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[xbmc]]></category>

		<guid isPermaLink="false">http://www.mimediacenter.info/?p=150</guid>
		<description><![CDATA[Tweet Esta entrada es parte de una serie. Puedes leer la entrada anterior en Cómo añadir canales a pelisalacarta &#8211; Parte 1 (Un canal sencillo) Puedes leer la entrada siguiente en Cómo añadir canales a pelisalacarta &#8211; Parte 3 (Buscador, retoques finales) Si te interesa no te pierdas la sección guías de desarrollo La entrega [...]]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share"><div style="width:100px;" class="really_simple_share_facebook_like"> 
				<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mimediacenter.info%2F2009%2F11%2F04%2Fcomo-anadir-canales-a-pelisalacarta-parte-2%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
					scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:27px;" allowTransparency="true"></iframe>
			</div><div style="width:90px;" class="really_simple_share_google1"> 
				<g:plusone size="medium" href="http://www.mimediacenter.info/2009/11/04/como-anadir-canales-a-pelisalacarta-parte-2/" ></g:plusone>
			</div><div style="width:110px;" class="really_simple_share_twitter"> 
				<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" 
					data-text="Como añadir canales a pelisalacarta (Parte 2)" data-url="http://www.mimediacenter.info/2009/11/04/como-anadir-canales-a-pelisalacarta-parte-2/">Tweet</a> 
			</div></div>
		<div style="clear:both;"></div><blockquote><p>Esta entrada es parte de una serie.</p>
<p>Puedes leer la <b>entrada anterior</b> en <a href="http://www.mimediacenter.info/2009/09/24/como-anadir-canales-a-pelisalacarta-parte-1/">Cómo añadir canales a pelisalacarta &#8211; Parte 1 (Un canal sencillo)</a></p>
<p>Puedes leer la <b>entrada siguiente</b> en <a href="http://www.mimediacenter.info/2009/12/29/como-anadir-canales-a-pelisalacarta-parte-3-y-ultima/">Cómo añadir canales a pelisalacarta &#8211; Parte 3 (Buscador, retoques finales)</a></p>
<p>Si te interesa no te pierdas la sección <a href="http://www.mimediacenter.info/guias-de-desarrollo/">guías de desarrollo</a></p>
</blockquote>
<p>La entrega anterior de este tutorial describía cómo añadir un nuevo canal Cinegratis a pelisalacarta, pero es una web con muchas posibilidades y sólo pusimos la primera página del listado de las películas.</p>
<p>En esta segunda entrega vamos a ver cómo realizar algunas mejoras básicas:</p>
<p><strong>1) Paginación de resultados</strong></p>
<p>Para permitir avanzar entre páginas hay que añadir a la lista de resultados una carpeta &#8220;Página siguiente&#8221; que apunte a la URL de la página. Normalmente basta con buscar el botón &#8220;Siguiente&#8221; y poner la URL, pero en este caso es un poco más difícil porque no existe ese botón.</p>
<p>Si nos fijamos en el paginador veremos que el número de página actual está subrayado (menos mal).</p>
<div id="attachment_151" class="wp-caption aligncenter" style="width: 178px"><img class="size-full wp-image-151" title="Estoy en la página 6" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-1.jpg" alt="Estoy en la página 6" width="168" height="30" /><p class="wp-caption-text">Estoy en la página 6</p></div>
<p>Si buscamos en el HTML veremos que esa página está marcada con los tags &lt;u&gt; y &lt;/u&gt;, así que ya tenemos la forma de distinguir la página.</p>
<div id="attachment_153" class="wp-caption aligncenter" style="width: 396px"><img class="size-full wp-image-153" title="Estoy en la página 6" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-2.jpg" alt="Estoy en la página 6" width="386" height="63" /><p class="wp-caption-text">Estoy en la página 6</p></div>
<p>Lo que hacemos es duplicar el bloque que detecta las películas, para que detecte entradas usando una expresión regular distinta. En este caso suele ser fácil ya que no necesitamos más que la URL, que volverá a apuntar además a la misma función.</p>
<div id="attachment_154" class="wp-caption aligncenter" style="width: 500px"><img class="size-full wp-image-154" title="El bloque que detecta la paginación" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-3.jpg" alt="El bloque que detecta la paginación" width="490" height="175" /><p class="wp-caption-text">El bloque que detecta la paginación</p></div>
<p>Esto añadirá el bloque de &#8220;Página siguiente&#8221; dos veces, puesto que en la web hay dos paginadores en la zonas superior e inferior de la página. Si queremos evitarlo basta con cambiar el bucle &#8220;for&#8221; por un &#8220;if&#8221; sencillo.</p>
<div id="attachment_155" class="wp-caption aligncenter" style="width: 377px"><img class="size-full wp-image-155" title="Sólo necesito un paginador" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-4.jpg" alt="Sólo necesito un paginador" width="367" height="96" /><p class="wp-caption-text">Sólo necesito un paginador</p></div>
<p>Para que esto funcione sólo es necesario un cambio más. En la función &#8220;mainlist&#8221; está la URL de la página de forma estática, así que aunque le pasemos la URL de la página siguiente no la va a coger. Hay que cambiar esto:</p>
<div id="attachment_156" class="wp-caption aligncenter" style="width: 458px"><img class="size-full wp-image-156" title="URL fija" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-5.jpg" alt="URL fija" width="448" height="112" /><p class="wp-caption-text">URL fija</p></div>
<p>Por esto:</p>
<div id="attachment_157" class="wp-caption aligncenter" style="width: 488px"><img class="size-full wp-image-157" title="URL parametrizable" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-6.jpg" alt="URL parametrizable" width="478" height="126" /><p class="wp-caption-text">URL parametrizable</p></div>
<p>Y con esto ya tenemos paginación <img src='http://www.mimediacenter.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>2) Menú para permitir elegir entre películas, series, documentales, etc.</strong></p>
<p>Como la página que hemos elegido tiene muchas más opciones, la mayoría de ellas con una estructura de HTML similar, es probable que el código que ya tenemos nos sirva para ver las diferentes secciones de la web cambiando simplemente las URL. Para hacer un menú estático de este tipo, similar al que hay en otros canales de pelisalacarta, basta con copiar y pegar. Usemos como ejemplo el de Peliculasyonkis:</p>
<div id="attachment_158" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-158" title="El menú de peliculasyonkis" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-7.jpg" alt="El menú de peliculasyonkis" width="500" height="118" /><p class="wp-caption-text">El menú de peliculasyonkis</p></div>
<p>Básicamente consiste en añadir a mano las carpetas, poniendo la función que debe ejecutarse, el título que quieres que tengan y la URL desde la que descargar la página con los contenidos. Algunas opciones no necesitarán URL, como el buscador, que será objeto de próximas entregas de este tutorial.</p>
<p>Nuestro menú sería más bien así, con las URL sacadas directamente del menú de Cinegratis:</p>
<div id="attachment_160" class="wp-caption aligncenter" style="width: 540px"><img class="size-full wp-image-160" title="Menú de Cinegratis" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-8.jpg" alt="Menú de Cinegratis" width="530" height="117" /><p class="wp-caption-text">El menú de Cinegratis</p></div>
<p>Para terminar es necesario renombrar la función &#8220;mainlist&#8221; que teníamos antes, para que pase a llamarse &#8220;listvideos&#8221;. Esto es porque la función de entrada al canal tiene que ser siempre &#8220;mainlist&#8221;, y ahora corresponde con nuestro nuevo menú.</p>
<p>Si entramos a probarlo veremos que funcionan bien las opciones de Películas, Estrenos y Documentales. Las de Series y Anime no van, así que probablemente el HTML de estas secciones sea distinto.</p>
<p>En la tercera y última entrega contaré cómo implementar el buscador de la web en el canal, además de explicar un poco más en detalle cómo funcionan las acciones y el paso de parámetros entre ellas. Esto nos permitirá montar las dos entradas de menú que faltan, y tener un menú más completo con categorías y listados alfabéticos. Eso nos dará una navegación más completa por la web.</p>
<p>De momento espero que lo disfrutéis. <a href="http://www.mimediacenter.info/tutorial/20091104/cinegratis.py">Aquí está el canal actualizado</a> para su descarga (incluido en la próxima versión de pelisalacarta 2.8).</p>
<p>Y aquí van las capturas de pantalla del canal tal como ha quedado, usando el skin Rapier que últimamente me gusta cada vez más.</p>
<p>He modificado un poquito el skin original para que muestre el argumento de la peli seleccionada, que ayuda mucho en el plugin. Si os interesa podéis bajaros el <a href="http://www.mimediacenter.info/tutorial/20091104/ViewsCommon.xml">fichero modificado aqui</a> y sustituirlo por el vuestro dentro de skin\Rapier\720p. Pero guardaros el original, que es un experimento <img src='http://www.mimediacenter.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div id="attachment_170" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-170" title="Menú principal" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-scr0.jpg" alt="El menú principal" width="500" height="333" /><p class="wp-caption-text">Menú principal</p></div>
<div id="attachment_171" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-171" title="Listado de películas con paginación" src="http://www.mimediacenter.info/wp-content/uploads/2009/11/tutorial-pelisalacarta-2-scr1.jpg" alt="Listado de películas con paginación" width="500" height="333" /><p class="wp-caption-text">Listado de películas con paginación</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.mimediacenter.info/2009/11/04/como-anadir-canales-a-pelisalacarta-parte-2/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Como añadir canales a pelisalacarta (Parte 1)</title>
		<link>http://www.mimediacenter.info/2009/09/24/como-anadir-canales-a-pelisalacarta-parte-1/</link>
		<comments>http://www.mimediacenter.info/2009/09/24/como-anadir-canales-a-pelisalacarta-parte-1/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 02:07:32 +0000</pubDate>
		<dc:creator>Jesus</dc:creator>
				<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[pelisalacarta]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[xbmc]]></category>

		<guid isPermaLink="false">http://www.mimediacenter.info/?p=102</guid>
		<description><![CDATA[Tweet Esta entrada es la primera de una serie. Puedes leer la entrada siguiente en Cómo añadir canales a pelisalacarta &#8211; Parte 2 (Paginación, menús) Si te interesa no te pierdas la sección guías de desarrollo Este es el primer post de una serie donde voy a intentar contaros lo fácil que es añadir un [...]]]></description>
			<content:encoded><![CDATA[<div style="height:33px;" class="really_simple_share"><div style="width:100px;" class="really_simple_share_facebook_like"> 
				<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mimediacenter.info%2F2009%2F09%2F24%2Fcomo-anadir-canales-a-pelisalacarta-parte-1%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;send=false&amp;height=27" 
					scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:27px;" allowTransparency="true"></iframe>
			</div><div style="width:90px;" class="really_simple_share_google1"> 
				<g:plusone size="medium" href="http://www.mimediacenter.info/2009/09/24/como-anadir-canales-a-pelisalacarta-parte-1/" ></g:plusone>
			</div><div style="width:110px;" class="really_simple_share_twitter"> 
				<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" 
					data-text="Como añadir canales a pelisalacarta (Parte 1)" data-url="http://www.mimediacenter.info/2009/09/24/como-anadir-canales-a-pelisalacarta-parte-1/">Tweet</a> 
			</div></div>
		<div style="clear:both;"></div><blockquote><p>Esta entrada es la <b>primera de una serie</b>.</p>
<p>Puedes leer la <b>entrada siguiente</b> en <a href="http://www.mimediacenter.info/2009/11/04/como-anadir-canales-a-pelisalacarta-parte-2/">Cómo añadir canales a pelisalacarta &#8211; Parte 2 (Paginación, menús)</a>
</p>
<p>Si te interesa no te pierdas la sección <a href="http://www.mimediacenter.info/guias-de-desarrollo/">guías de desarrollo</a></p>
</blockquote>
<p>Este es el primer post de una serie donde voy a intentar contaros lo fácil que es añadir un nuevo canal al plugin pelisalacarta para XBMC, con la intención de animar a aquellos que tengan conocimientos de programación y conseguir que entre todos haya muchas webs de contenidos en castellano en XBMC.</p>
<p>La estructura de ficheros del plugin es muy sencilla, y tiene los siguientes elementos:</p>
<div id="attachment_111" class="wp-caption alignleft" style="width: 106px"><img class="size-full wp-image-111" title="Directorios de pelisalacarta" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/directorios.jpg" alt="Directorios de pelisalacarta" width="96" height="150" /><p class="wp-caption-text">Directorios</p></div>
<p><strong>channels</strong>: Contiene un fichero en Python (.py) para cada canal del plugin: Cinetube, Seriesyonkis, etc.<br />
<strong>servers</strong>: Contiene un fichero Python (.py) para cada servidor donde se alojan los vídeos: Megavideo, etc.<br />
<strong>downloads</strong>: Es el directorio de descargas por defecto<br />
<strong>resources/images</strong>: Donde se graban todas las imágenes del canal, iconos y demás<br />
<strong>resources/language</strong>: Los literales traducidos en varios idiomas, grabados en un fichero xml.<br />
<strong>resources/lib</strong>: El código común reutilizable en varios sitios.</p>
<p>Hay una serie de ficheros Python importantes que es necesario conocer para añadir un nuevo canal:</p>
<ul>
<li><strong>default.py</strong>: Es el que se ejecuta cada vez que accedes al plugin, abres una de sus carpetas o intentas ver uno de sus vídeos. No es necesario modificarlo, y básicamente lo que hace es invocar a pelisalacarta.py.</li>
</ul>
<ul>
<li><strong>pelisalacarta.py</strong>: Extrae los parámetros más importantes de la petición y redirige al selector de canales channelselector.py.</li>
</ul>
<ul>
<li><strong>channelselector.py</strong>: Tiene una lista manual de todos los canales activos en el plugin. Aquí es donde tenemos que añadir nuestro nuevo canal al final de la lista, usando como primer parámetro el nombre que se verá en pantalla y como segundo parámetro un nombre interno que usaremos como identificador del canal.</li>
</ul>
<ul>
<li><strong>channels/nuevocanal.py:</strong> Este es el fichero que vamos a crear con el nuevo canal.</li>
</ul>
<ul>
<li><strong>images/nuevocanal.png:</strong> Este es el fichero con el logotipo del canal.</li>
</ul>
<p style="text-align: left;">¿A que parece sencillo? El primer paso es identificar una web que tenga contenido interesante, y que aloje los vídeos en uno de los servidores que pelisalacarta soporta: megavideo, tutv o stagevu. Para este tutorial vamos a coger Cinegratis.net que es una web bastante chula.</p>
<p style="text-align: left;">Veamos el proceso paso a paso:</p>
<p style="text-align: left;">1) Añadir el nuevo canal al fichero channelselector.py, al final de la lista. El primer parámetro es el nombre con que se verá el canal en la lista, el segundo es el nombre que usaremos para el thumbnail (cinegratis.png), el fichero con el canal (cinegratis.py), y en varias partes del código. El tercer parámetro es el nombre de la primera función a ejecutar dentro de cinegratis.py.</p>
<div id="attachment_113" class="wp-caption aligncenter" style="width: 506px"><img class="size-full wp-image-113" title="Antes" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-02.jpg" alt="Antes" width="496" height="87" /><p class="wp-caption-text">Antes</p></div>
<div id="attachment_114" class="wp-caption aligncenter" style="width: 507px"><img class="size-full wp-image-114" title="Despues" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-03.jpg" alt="Despues" width="497" height="106" /><p class="wp-caption-text">Despues</p></div>
<p>2) Hacer el thumbnail del canal como un PNG de 255&#215;375 y grabarlo como images\cinegratis.png.</p>
<div id="attachment_117" class="wp-caption aligncenter" style="width: 265px"><img class="size-full wp-image-117" title="Icono de canal" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/cinegratis.png" alt="Icono de canal" width="255" height="375" /><p class="wp-caption-text">Icono de canal</p></div>
<p>3) Probar el resultado hasta ahora, entrando en el plugin a ver si sale el canal <img src='http://www.mimediacenter.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div id="attachment_118" class="wp-caption aligncenter" style="width: 288px"><img class="size-full wp-image-118" title="El nuevo canal ya sale en XBMC" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-05.jpg" alt="El nuevo canal ya sale en XBMC" width="278" height="265" /><p class="wp-caption-text">El nuevo canal ya sale en XBMC</p></div>
<p>4) Copia uno de los ficheros de canales que hay en el directorio channels, y renómbralo a cinegratis.py. Uno sencillo que es el que vamos a usar ahora es pintadibujos.py.</p>
<p>5) Ábrelo con un editor y donde aparezca &#8220;pintadibujos&#8221; cámbialo por &#8220;cinegratis&#8221;</p>
<p>6) Cuando seleccionas el canal la primera función que se invoca es &#8220;mainlist&#8221;, donde el plugin va a la URL que le has indicado y extrae las películas para mostrarlas. Para Cinegratis la URL donde están los estrenos de las películas es <a href="http://www.cinegratis.net/index.php?module=peliculas">http://www.cinegratis.net/index.php?module=peliculas</a>, así que vamos a ponerla en el plugin.</p>
<div id="attachment_123" class="wp-caption aligncenter" style="width: 490px"><img class="size-full wp-image-123" title="Cambia la URL" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-06b.jpg" alt="Cambia la URL" width="480" height="185" /><p class="wp-caption-text">Cambia la URL</p></div>
<p>Ahora viene la parte divertida, que es extraer del HTML de la página los datos de las películas. La magia se realiza gracias a las expresiones regulares y un poco de paciencia, y en realidad es muy sencillo porque apenas hay 4 trucos que resuelven la mayoría de los casoa.</p>
<p>Observando la página buscamos la primera película del listado:</p>
<div id="attachment_124" class="wp-caption aligncenter" style="width: 490px"><img class="size-full wp-image-124" title="El listado de películas" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-07.jpg" alt="El listado de películas" width="480" height="377" /><p class="wp-caption-text">El listado de películas</p></div>
<p>En este caso se trata de la película &#8220;Lansky (1999)&#8221;. Si le das a &#8220;Ver código fuente&#8221; en el navegador y buscas el título la encontrarás enseguida, y normalmente el resto de películas se encuentran siempre una debajo de otra en una estructura repetida. En la captura he resaltado el título, argumento, enlace a la página de detalle y carátula de la película. Veréis que al final está ya el título de la siguiente película.</p>
<div id="attachment_134" class="wp-caption aligncenter" style="width: 490px"><img class="size-full wp-image-134" title="HTML de la página con los elementos resaltados" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-12.jpg" alt="HTML de la página con los elementos resaltados" width="480" height="305" /><p class="wp-caption-text">HTML de la página con los elementos resaltados</p></div>
<p>La expresión regular es sencilla si deduces la estructura del código. En este caso podemos ver que el título de la película está dentro de un tag &lt;table&gt;, en el primer &lt;td&gt;, y el argumento en el siguiente &lt;div&gt; que hay. En esa misma tabla está el enlace en un tag &lt;a&gt; y el thumbnail en un tag &lt;img&gt;. Veamos ahora la expresión regular, que describe exactamente lo mismo con su propia notación:</p>
<div id="attachment_126" class="wp-caption aligncenter" style="width: 519px"><img class="size-full wp-image-126" title="La expresión regular" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-10.jpg" alt="La expresión regular" width="509" height="84" /><p class="wp-caption-text">La expresión regular</p></div>
<p>Es compleja, pero como todo es cuestión de práctica. Si la leemos por partes lo que significa es que el patrón que estás buscando:</p>
<ul>
<li><strong>&#8220;&lt;table.*?&lt;td.*?&gt;&#8221;</strong></li>
<li>Empieza en la cadena &#8220;&lt;table&#8221;, luego tiene varios caracteres (representado por .*?) hasta llegar a un &#8220;&lt;td&#8221;, y otros caracteres más hasta llegar a un &#8220;&gt;&#8221; que es el cierre del tag td.</li>
<li><strong>&#8220;([^&lt;]+)&lt;span&#8221;</strong></li>
<li>Esta curiosa fórmula significa que a partir de ahí vale &#8220;cualquier cosa hasta encontrar el carácter &lt;&#8221;, aunque podría haber puesto también &#8220;.*?&#8221;. Los paréntesis indican además que esa parte del texto me interesa.</li>
<li>Luego viene otra vez la expresión .*?, porque no interesa nada más hasta llegar al primer &#8220;&lt;div&gt;&#8221;</li>
<li><strong>&#8220;&lt;div align=&#8217;justify&#8217;&gt;(.*?)&lt;/div&gt;.*?&#8221;</strong></li>
<li>Otra fórmula habitual que viene a significar hay un &#8220;&lt;div&gt;&#8221; con cosas dentro y luego un &#8220;&lt;/div&gt;&#8221;. Muy normal en HTML.</li>
</ul>
<p>Veréis que hay 4 paréntesis en la expresión regular, correspondiendo con el título (posición 0), argumento (posición 1), enlace a la página de detalle (posición 2) y thumbnail (posición 3). Con esto vamos a dar los dos últimos pasos de este tutorial.</p>
<p>7) Copia la expresión regular en la variable &#8220;patronvideos&#8221; tal como está en la captura.</p>
<p>8 ) Asigna valor a las variables que interpretan la expresión regular, utilizando el array &#8220;matches&#8221; que va a almacenar las cadenas de texto extraídas.</p>
<div id="attachment_128" class="wp-caption aligncenter" style="width: 429px"><img class="size-full wp-image-128" title="Asignando valores a las variables" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-11.jpg" alt="Asignando valores a las variables" width="419" height="191" /><p class="wp-caption-text">Asignando valores a las variables</p></div>
<p>Vamos a dejarlo por aquí ahora, con el primer listado de películas de Cinegratis que ya podéis probar.</p>
<p>Si entráis en una película veréis que es totalmente funciona y que podéis reproducir los vídeos, siempre que estén en alguno de los servidores soportados por el plugin (normalmente están en Megavídeo) gracias a que el mecanismo que busca los enlaces es más o menos común para todos los canales.</p>
<p>Aún queda mucho por hacer, como añadir la paginación y poner más listados por categorías y cosas así, que iré añadiendo en sucesivas entregas de este tutorial.</p>
<p>En la captura podéis ver que las pruebas las hago con XBMC en modo ventana, y el log de xbmc siempre debajo usando la utilidad BareTail para verlo en tiempo real.</p>
<div id="attachment_127" class="wp-caption aligncenter" style="width: 490px"><img class="size-full wp-image-127" title="El listado de películas" src="http://www.mimediacenter.info/wp-content/uploads/2009/09/tutorial-pelisalacarta-09.jpg" alt="El listado de películas" width="480" height="398" /><p class="wp-caption-text">El listado de películas</p></div>
<p>Puedes descargar la versión de <a href="http://www.mimediacenter.info/tutorial/20090924/cinegratis.py">cinegratis.py</a> con los cambios ya realizados en este enlace.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mimediacenter.info/2009/09/24/como-anadir-canales-a-pelisalacarta-parte-1/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>


<!-- W3 Total Cache: Minify debug info:
Engine:             disk: basic
Theme:              8eb47
Template:           archive
-->
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: www.mimediacenter.info @ 2012-02-05 09:47:47 -->

<!-- W3 Total Cache: Page cache debug info:
Engine:             disk: basic
Cache key:          w3tc_www.mimediacenter.info_1_page_08ff1c9ef9554cfb950c7fa205d4114d_gzip
Caching:            enabled
Status:             not cached
Creation Time:      0.786s
Header info:
ETag:               "32dc7cdcc544c2a302d11bc0095249f2"
Last-Modified:      Tue, 22 Nov 2011 09:13:09 GMT
Vary:               Accept-Encoding, Cookie
X-Powered-By:       W3 Total Cache/0.9.2.4
Content-Encoding:   gzip
X-Pingback:         http://www.mimediacenter.info/xmlrpc.php
Content-Type:       text/xml; charset=UTF-8
-->
