<?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>La Célula Mecánica</title>
	<atom:link href="http://blogs.zemos98.org/lacelulamecanica/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogs.zemos98.org/lacelulamecanica</link>
	<description>el bit como unidad mínima</description>
	<lastBuildDate>Fri, 06 Jan 2012 02:00:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Guadalinex V8: wow!!</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2012/01/06/guadalinex-v8-wow/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2012/01/06/guadalinex-v8-wow/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 01:58:45 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[guadalinex]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[software libre]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1660</guid>
		<description><![CDATA[El pasado día 30 de diciembre de 2011 los amigos y amigas de guadalinex.org liberaron la primera RC (Release Candidate, versión casi final), de este sistema operativo basado en Ubuntu, Guadalinex V8. Llevo siguiendo esta distribución, puesta en marcha por la Junta de Andalucía, desde su primera versión y he de decir que cada vez mejoran [...]]]></description>
			<content:encoded><![CDATA[<p>El pasado día <strong>30 de diciembre de 2011</strong> los amigos y amigas de <a href="http://www.guadalinex.org/noticias/noticias/empieza-el-2012-con-guadalinex-v8/" target="_blank">guadalinex.org</a> liberaron la primera RC (<a href="http://es.wikipedia.org/wiki/Fases_del_desarrollo_de_software#Versi.C3.B3n_candidata_a_definitiva_.28RC.29" target="_blank">Release Candidate</a>, versión casi final), de este sistema operativo basado en <a href="http://www.ubuntu.com/" target="_blank">Ubuntu</a>, Guadalinex V8.</p>
<p><span id="more-1660"></span></p>
<p>Llevo siguiendo esta distribución, puesta en marcha por la Junta de Andalucía, desde su primera versión y he de decir que cada vez mejoran más y más. Desde el entorno gráfico, mucho más amigable y más atractivo, hasta los programas incluidos, actualizados y libres, un sistema muy sencillo de instalación y la forma de actualizarlo todo&#8230; sencillamente genial.</p>
<p style="text-align: center"><a href="http://blogs.zemos98.org/lacelulamecanica/files/empieza-el-2012-con-guadalinex-v8.png"><img class="aligncenter" src="http://blogs.zemos98.org/lacelulamecanica/files/empieza-el-2012-con-guadalinex-v8-1024x819.png" alt="" width="500" /></a></p>
<p>Yo lo he instalado en una máquina virtual usando el programa <a href="https://www.virtualbox.org/" target="_blank">VirtualBox</a>, creado por Oracle y distribuido bajo <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">licencia GNU GPL versión 2</a>, software libre y gratuito, como tiene que ser. Todavía tiene algunos problemas, algunas ausencias, pero hay que tener en cuenta que es una versión preliminar, no la final, es solo para ir probándola. Te animo a que la instales, la pruebes y después entres en <a href="http://www.guadalinex.org/participa/foros/foro/26" target="_blank">los foros de su web</a> y comentes tus impresiones sobre la nueva versión.</p>
<p>Cuando salga la versión final publicaré una revisión completa de la versión con las mejoras y características que incluya.</p>
<p style="text-align: left">Software Libre con cariño.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2012/01/06/guadalinex-v8-wow/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sunrise, reedición de dominio público</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2012/01/01/sunrise-reedicion-de-dominio-publico/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2012/01/01/sunrise-reedicion-de-dominio-publico/#comments</comments>
		<pubDate>Sat, 31 Dec 2011 23:01:26 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
		
		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1647</guid>
		<description><![CDATA[Hoy, 1 de enero, se celebra el Día del Dominio Público. Celebración que se viene realizando desde 2010 y que sirve para festejar la entrar en el dominio público de obras intelectuales. En España la legislación es un poco más severa que en otros países, aquí es necesario que hayan pasado 80 años desde la [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy, 1 de enero, se celebra el <a href="http://www.publicdomainday.org/" target="_blank"><strong>Día del Dominio Público</strong></a>. Celebración que se viene realizando desde 2010 y que sirve para festejar la entrar en el dominio público de obras intelectuales. En España la legislación es un poco más severa que en otros países, aquí es necesario que hayan pasado 80 años desde la muerte del autor o autora. Así, <strong>Murnau</strong>, director de cine alemán, murió en 1931, por lo que su obra acaba de entrar en dominio público en España.</p>
<p><span id="more-1647"></span></p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/sunrise.jpg"><img class="wp-image-1656 aligncenter" title="sunrise" src="http://blogs.zemos98.org/lacelulamecanica/files/sunrise.jpg" alt="" width="169" height="223" /></a></p>
<p style="text-align: left;"><a href="http://es.wikipedia.org/wiki/F._W._Murnau" target="_blank"><strong>F. W. Murnau</strong></a>, conocido director de cine de origen alemán, director de <a href="http://es.wikipedia.org/wiki/Nosferatu" target="_blank">Nosferatu</a> (1922), tras rodar decenas de películas en su país natal, viajó a EE.UU. y se afincó en Hollywood donde dirijió la que muchos llaman la mejor película muda de todos los tiempos, <a href="http://es.wikipedia.org/wiki/Amanecer_%28pel%C3%ADcula%29" target="_blank">Sunrise</a> (1927). Amanecer, su título en español, narra la historia de un matrimonio donde él engaña a su esposa con una mujer de la ciudad. Esta mujer le pide que se vaya con ella y que asesine a su mujer tirándola por la borda de su barca. Así arranca la historia que lleva al matrimonio a descubrir el amor que sienten el uno por el otro.</p>
<p>Para celebrar el Día del Dominio Público he realizado una reedición de la película Sunrise quitando todos los planos donde aparecen los protagonistas de la historia, desvirtuando casi por completo el sentido original de la obra.</p>
<p><a href="http://blogs.zemos98.org/lacelulamecanica/2012/01/01/sunrise-reedicion-de-dominio-publico/"><em>Pinche aquí para ver el vídeo</em></a></p>
<p><a href="http://www.archive.org/details/Nosferatu_DVD_quality" target="_blank">Aquí puedes encontrar Nosferatu en calidad DVD</a>.</p>
<p>Y <a href="http://www.megavideo.com/?v=X4WIPE65" target="_blank">aquí la película en cuestión, Sunrise</a>, con subtítulos en español.</p>
<p>&nbsp;</p>
<blockquote><p>Esta es mi contribución a <a href="http://14festival.zemos98.org/Hoy-es-el-dia-del-dominio-publico" target="_blank">la celebración del día del Dominio Público</a> en la<br />
blogosfera de ZEMOS98, hemos querido programar un post porque hoy, 1 de<br />
enero, entran al Dominio Público en España la obra de multitud de<br />
autores y autoras de diversos tipos. Con estos post colectivos hacemos<br />
nuestra pequeña fiesta particular al mismo tiempo que reivindicamos el<br />
acceso a la cultura como derecho fundamental.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2012/01/01/sunrise-reedicion-de-dominio-publico/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Taller: Posibilidades del Open Video y el HTML5, día 3</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2011/12/14/taller-posibilidades-del-open-video-y-el-html5-dia-3/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2011/12/14/taller-posibilidades-del-open-video-y-el-html5-dia-3/#comments</comments>
		<pubDate>Wed, 14 Dec 2011 19:59:24 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[html5]]></category>
		<category><![CDATA[open video]]></category>
		<category><![CDATA[software libre]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1633</guid>
		<description><![CDATA[Hoy, último día del taller, vamos a ver una herramienta realizada por Mozilla llamada Popcorn Maker, que aunque está en fase alpha de desarrollo, permite hacer mezclas de un vídeo con diferentes fuentes, que van desde mapas de Google Maps, subtítulos, textos, enlaces, Twitter, fotos de Flickr, etc. Esta es una captura del ejercicio que [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Curso HTML5 - Miércoles 14 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6511329843/"><img class="aligncenter" src="http://farm8.staticflickr.com/7001/6511329843_096830428a.jpg" alt="Curso HTML5 - Miércoles 14 diciembre 2011" width="500" height="331" /></a></p>
<p>Hoy, <strong>último día del taller</strong>, vamos a ver una herramienta realizada por Mozilla llamada <strong><a href="http://mozillapopcorn.org/maker/" target="_blank">Popcorn Maker</a></strong>, que aunque está en fase <em><a href="http://es.wikipedia.org/wiki/Fases_del_desarrollo_de_software#Alpha_.2F_Alfa" target="_blank">alpha</a></em> de desarrollo, permite hacer mezclas de un vídeo con diferentes fuentes, que van desde mapas de Google Maps, subtítulos, textos, enlaces, Twitter, fotos de Flickr, etc.</p>
<p><span id="more-1633"></span></p>
<p>Esta es una captura del ejercicio que hizo mi grupo en clase.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/popcornMaker.png"><img class="wp-image-1634 aligncenter" title="popcornMaker" src="http://blogs.zemos98.org/lacelulamecanica/files/popcornMaker-1024x736.png" alt="" width="550" height="393" /></a></p>
<p><a href="http://www.twitter.com/misteroom" target="_blank">Oscar</a> explicó otra herramienta, <strong><a href="http://www.3wdoc.com" target="_blank">3Wdoc</a></strong>, se diferencia de Popcorn Maker, en que se puede hacer una creación, un vídeo sin usar ningún vídeo, sino usando imágenes, sonidos, enlaces. Aunque trabaja con HTML5 y JavaScript, me huele mal la <a href="http://es.wikipedia.org/wiki/Copyright" target="_blank">c</a> en el pie de la web.</p>
<p>Nos separamos en grupos para usar Popcorn Maker, pasando el resultado, que se puede exportar a HTML o a <a href="http://es.wikipedia.org/wiki/Json" target="_blank">JSON</a>, por algunas modificaciones de estilo y de HTML5, para crear un vídeo con los conocimientos adquiridos. Se crearon tres grupos y <strong><a href="http://anavallasuiza.com/share/zemos-workshop/3rd-day/" target="_blank">estos son los resultados</a></strong>.</p>
<p>Al terminar el ejercicio, <a href="http://www.twitter.com/bertez" target="_blank">Berto</a> dibujó una tabla en la pizarra y nos preguntó que cosas nos habían gustado de lo que habíamos estado haciendo y que cosas no. Así, saldría un listado de las características que tendría que tener la aplicación que se desarrollará próximamente, objetivo final del taller.</p>
<p><a title="Curso HTML5 - Miércoles 14 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6511320663/"><img class="aligncenter" src="http://farm8.staticflickr.com/7016/6511320663_d55c472f72.jpg" alt="Curso HTML5 - Miércoles 14 diciembre 2011" width="500" height="331" /></a></p>
<p>Lo que pone en la pizarra es (más o menos):</p>
<ul>
<li><strong>Cosas que nos gustan</strong></li>
<ul>
<li>interfaz de usuario para humanos.</li>
<li>Popcorn Maker es código abierto y gratuito.</li>
<li>se puede usar en multitud de plataformas.</li>
<li>se pueden sincronizar diferentes tipos de contenido.</li>
<li>la posibilidad de hacer lo mismo con el audio.</li>
<li>guardar el proyecto.</li>
<li>todo está en el navegador, nada de programas.</li>
<li>la indexación del contenido y control sobre el mismo.</li>
</ul>
</ul>
<ul>
<li><strong>Cosas que no nos gustan y que debería existir<br />
</strong></li>
<ul>
<li>falta la función de autoguardar.</li>
<li>falta de soporte para diferentes navegadores.</li>
<li>hace falta más interactividad y menos contenido a sincronizar.</li>
<li>no se pueden crear clips de vídeos.</li>
<li>no se pueden concatenar vídeos y audios.</li>
<li>falta de plantillas.</li>
<li>no hay un editor visual del código.</li>
</ul>
</ul>
<p>A partir de aquí se establece un debate muy interesante sobre como queremos que sea la herramienta. Queremos que enseñe a la gente el futuro de la web, de los formatos abiertos y que genere un OGG o que permita compartirlos directamente en Youtube, por ejemplo. Quizás las dos cosas sean necesarias. Pero se habla de si es legal o no coger imágenes de otros sin su permiso, sobre si el apropiacionismo es lícito y si nos podemos acoger al derecho a cita al realizar esta apropiación. Este debate final, aunque breve, porque no se disponía de más tiempo, fue una buena manera de cerrar el taller sobre las posibilidades del HTML5 y el <em>open video</em>, <strong>porque hablar de <em>open video</em> es hablar de licencias, de dominio público, de remezcla, de cultura y por supuesto de política.</strong></p>
<p><a title="Curso HTML5 - Miércoles 14 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6511299855/"><img class="aligncenter" src="http://farm8.staticflickr.com/7159/6511299855_df0c9e1ffa.jpg" alt="Curso HTML5 - Miércoles 14 diciembre 2011" width="500" height="331" /></a></p>
<p>Berto termina agradeciendo a ZEMOS98 por organizar el taller. <a href="http://www.twitter.com/rubendiaz" target="_blank">Rubén</a> agradece a los compañeros de <a href="http://blogs.zemos98.org/DocNextNetwork/" target="_blank">Doc Next Network</a>, al resto de asistentes al taller y a <a href="http://www.anavallasuiza.com/" target="_blank">A Navalla Suíza</a> su presencia y participación en el taller.</p>
<p>Y así termina el ultimo día del taller, una pena. Siempre que terminamos un taller te quedas con ganas de más, en este caso, aunque era una introducción al HTML5, yo personalmente, me he quedado con ganas de mucho más, no porque el contenido fuera poco, todo lo contrario, el HTML5 tiene tantas posibilidades si lo unes al <em>open video</em> que el taller debería durar 1 mes y nos quedaríamos cortos. <strong>Resumiendo, los profesores excelentes y los participantes muy implicados.</strong> Un buen inicio.</p>
<address>Las fotos las realizó <a href="http://www.twitter.com/chezricard" target="_blank">Ricardo Barquín</a>. <a href="http://www.flickr.com/photos/zemos98/sets/72157628388928643/with/6511299855/" target="_blank">Aquí hay algunas más</a>.</address>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2011/12/14/taller-posibilidades-del-open-video-y-el-html5-dia-3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Taller: Posibilidades del Open Video y el HTML5, día 2</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2011/12/13/taller-posibilidades-del-open-video-y-el-html5-dia-2/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2011/12/13/taller-posibilidades-del-open-video-y-el-html5-dia-2/#comments</comments>
		<pubDate>Tue, 13 Dec 2011 16:00:47 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[html5]]></category>
		<category><![CDATA[open video]]></category>
		<category><![CDATA[software libre]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1618</guid>
		<description><![CDATA[Otro día de este interesante taller sobre HTML5 y open video. De nuevo comenzamos con una presentación realizada, como la primera, enteramente usando HTML. En esta ocasión vamos a ver los diferentes entornos de desarrollo o frameworks que hay disponibles para trabajar más cómodamente con HTML5. La primera es una conocida de ZEMOS98, Popcorn.js, es [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Curso HTML5 - Martes 13 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6504865915/"><img class="aligncenter" src="http://farm8.staticflickr.com/7023/6504865915_e340373cb5.jpg" alt="Curso HTML5 - Martes 13 diciembre 2011" width="500" height="331" /></a></p>
<p>Otro día de este interesante taller sobre HTML5 y <em>open video</em>. De nuevo comenzamos con <a href="http://anavallasuiza.com/share/presentations/frameworks/" target="_blank">una presentación realizada</a>, como la primera, enteramente usando HTML. En esta ocasión vamos a ver los <strong>diferentes entornos de desarrollo o <em>frameworks</em></strong> que hay disponibles para trabajar más cómodamente con HTML5.</p>
<p><span id="more-1618"></span>La primera es una conocida de ZEMOS98, <strong><a href="http://popcornjs.org/code/dist/popcorn-complete.min.js" target="_blank">Popcorn.js</a></strong>, es conocida porque <a href="http://www.zemos98.org/laescucha/" target="_blank">el proyecto &#8220;La Escucha&#8221;</a> lo realizamos usando esta <em>framework</em>. Está desarrollado por Mozilla y su comunidad. Entre sus principales características tenemos que permite la sincronización entre diferentes fuentes mediante el uso de <em>plugins</em>. Fuentes que van desde Twitter, Wikipedia, Flickr y <a href="http://popcornjs.org/plugins" target="_blank">un largo etc</a>. Tiene un editor en línea donde se pueden mezclar estas fuentes sin tener que instalar ningún programa llamado <em><a href="http://mozillapopcorn.org/maker" target="_blank">Popcorn Maker</a></em>.</p>
<p>Toda la documentación está disponible en la <a href="http://popcornjs.org/plugins" target="_blank">web de Popcorn.js</a>, así como la <a href="http://popcornjs.org/plugins" target="_blank">documentación de los <em>plugins</em></a> existentes y de su uso. A la hora de implementar en el código el uso de Popcorn.js hay que tener en cuenta que para usar los <em>plugins</em> hay que usar la versión completa del código JavaScript, llamado: <a href="http://popcornjs.org/code/dist/popcorn-complete.min.js" target="_blank">popcorn-complete.min.js</a>.</p>
<p>Otra <em>framework</em> es <strong><a href="http://www.universalsubtitles.org/es/" target="_blank">Universal Subtitles</a></strong>, y está más dirigida a la inclusión de subtítulos en diferentes idiomas y en diferentes plataformas de vídeo, no solo HTML5, también en Youtube o Vimeo. <a title="Como descargar un vídeo de Youtube e incrustarle los subtítulos" href="http://blogs.zemos98.org/lacelulamecanica/2011/07/28/como-descargar-un-video-de-youtube-e-incrustarle-los-subtitulos/" target="_blank">Escribí un artículo</a> sobre su uso para subtitular vídeos de Youtube. Lo interesante de esta <em>framework</em> es que permite crear susbtítulos de forma colaborativa y así establecer grupos de traducción de subtítulos por ejemplo. Ofrece una forma facil de incrustar los vídeos con los subtítulos en la web.</p>
<p>El último es <a href="http://idc.anavallasuiza.com/project/jquerymedia/" target="_blank"><strong>$media</strong></a>, desarrollado por <a href="http://www.anavallasuiza.com/" target="_blank">A Navalla Suíza</a>. Esta <em>framework</em> utiliza como base jQuery, que no es más que otro <em>framework</em>, aunque con $media se simplifica bastante el código, y eso que en palabras de <a href="http://www.twitter.com/misteroom" target="_blank">Oscar Otero</a>, $media está más enfocado a desarrolladores. Al igual que Popcorn.js, es capaz de manejar las propiedades de vídeo y de audio, de eventos y línea de tiempo. También puede extender su usabilidad mediante <em>plugins</em>, aunque hay pocos desarrollados, comparado con Popcorn.js, seguro que nos sorprenderán con más y más en los próximos meses. <a href="http://idc.anavallasuiza.com/project/jquerymedia/demo/" target="_blank">Este es un pequeño ejemplo</a> de lo que puede hacer, y nos mostraron otros ejemplos como puede ser la conversión del vídeo a caracteres ASCII, a letras vamos. O la posibilidad de &#8220;simular&#8221; el efecto <em>chroma key</em> e incluso establecer el seguimiento de un color y aplicarle una capa a ese movimiento, un flipe. Como ellos mismos han dejado claro durante el taller, $media no es un producto final, es una herramienta para trabajar sobre ella, por lo que su desarrollo no tiene fin.</p>
<p>Una aclaración cuando se implementa en el código es que hay que cargar previamente las librerías jQuery para que $media pueda funcionar.</p>
<address style="text-align: center;"><a title="Curso HTML5 - Martes 13 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6504881759/"><img class="aligncenter" src="http://farm8.staticflickr.com/7174/6504881759_d5343f9c35.jpg" alt="Curso HTML5 - Martes 13 diciembre 2011" width="500" height="331" /></a>Grupo de diseño y programación web.</address>
<address style="text-align: center;"><a title="Curso HTML5 - Martes 13 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6504875759/"><img class="aligncenter" src="http://farm8.staticflickr.com/7147/6504875759_421ccfc025.jpg" alt="Curso HTML5 - Martes 13 diciembre 2011" width="500" height="331" /></a>Grupo de grabación y edición del vídeo.</address>
<p>Después de terminar con la presentación, nos separamos en dos grupos, uno se dedicó a pensar, grabar, editar y crear los subtítulos en inglés, como resultado tuvieron cuatro mini entrevistas a cuatro personas del grupo, cada uno en su idioma nativo. El otro grupo, donde yo me encontraba, se dedicó a montar la estructura de la web, a crear los <em>scripts</em> para poner en funcionamiento $media. Cuando los dos grupos terminamos, se fusionó y dio como resultado esta <a href="http://anavallasuiza.com/share/zemos-workshop/2nd-day/" target="_blank">demo de clase</a> de la que estamos muy orgullosos. En esta demo se puede ver como los vídeos codificados como OGV muestran usos subtítulos en formato <a href="http://es.wikipedia.org/wiki/Srt" target="_blank">SRT</a>, además se muestran los últimos <em>tweets</em> de cada entrevistado.</p>
<p>Para terminar esta crónica agradecer a Orton el descubrimiento de la extensión para Mozilla Firefox, <a href="http://firefogg.org/" target="_blank">Firefogg</a>. Una extensión que permite codificar vídeo en OGG y que está continuamente actualizado a la última versión del códec.</p>
<address>Fotos realizadas por <a href="https://twitter.com/chezricard" target="_blank">Ricardo Barquín</a>. Más en la cuenta de <a href="http://www.flickr.com/photos/zemos98/sets/72157628388928643/with/6504875759/" target="_blank">Flickr de ZEMOS98</a>.</address>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2011/12/13/taller-posibilidades-del-open-video-y-el-html5-dia-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Taller: Posibilidades del Open Video y el HTML5, día 1</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2011/12/12/taller-posibilidades-del-open-video-y-el-html5-dia-1/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2011/12/12/taller-posibilidades-del-open-video-y-el-html5-dia-1/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 19:07:14 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[html5]]></category>
		<category><![CDATA[open video]]></category>
		<category><![CDATA[software libre]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1603</guid>
		<description><![CDATA[ZEMOS98 ha puesto en marcha un taller de tres días de duración con el título Posibilidades del Open Video y el HTML5, donde Berto Yáñez y Oscar Otero, miembros de A Navalla Suíza, nos guiarán por el mundo de posibilidades que el nuevo HTML5 ofrece con relación al vídeo en Internet. Apoyado por la convocatoria [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Curso HTML5 - Lunes 12 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6499713347/"><img class="aligncenter" src="http://farm8.staticflickr.com/7009/6499713347_d6b0b55cd5.jpg" alt="Curso HTML5 - Lunes 12 diciembre 2011" width="500" height="331" /></a></p>
<p><a href="http://www.zemos98.org" target="_blank">ZEMOS98</a> ha puesto en marcha un taller de tres días de duración con el título <a href="http://equipo.zemos98.org/Posibilidades-del-Open-Video-y-el" target="_blank">Posibilidades del <em>Open Video</em> y el HTML5</a>, donde <a href="http://www.twitter.com/bertez" target="_blank">Berto Yáñez</a> y <a href="http://www.twitter.com/misteroom" target="_blank">Oscar Otero</a>, miembros de <a href="http://anavallasuiza.com/" target="_blank">A Navalla Suíza</a>, nos guiarán por el mundo de posibilidades que el nuevo HTML5 ofrece con relación al vídeo en Internet. Apoyado por la convocatoria Sueño Digital del <a href="http://cicus.us.es/cas/index.php?page=taller_ficha&amp;id=60" rel="external">CICUS</a> Lab de la Universidad de Sevilla y con el apoyo de la European Cultural Foundation (ECF) para la red <a href="http://blogs.zemos98.org/DocNextNetwork/" target="_blank">Doc Next Network</a>.</p>
<p><span id="more-1603"></span>El taller está realizado en inglés porque nos acompañan miembros de la Doc Next Network y porque no viene mal quitarle un poco las telarañas al inglés. Se puede seguir en Twitter la evolución del taller siguiendo el <a href="http://es.wikipedia.org/wiki/Hashtag">hashtag</a> <a href="https://twitter.com/#!/search/%23ZEMOS98html5">#ZEMOS98html5</a></p>
<p>El <strong>objetivo final del taller</strong> es realizar una herramienta en línea que sirva para la realización de Código Fuente Audiovisual sin la necesidad de tener conocimientos técnicos de edición, con posibilidad de enlazar vídeos, audios e imágenes directamente desde la red, es decir, sin descargar ningún programa. La fecha de presentación de la herramienta será en Abril de 2012.</p>
<p>Como he dicho el taller será en tres días, hoy hemos tenido la primera sesión. Tras las presentaciones personales de cada uno de las personas asistentes al taller, Berto abrió Google Chrome y lanzó <a href="http://anavallasuiza.com/share/presentations/html5" target="_blank">una presentación realizada en HTML5</a>. Antes de comenzar enseña algunas demostraciones realizadas por Jonathan Macintosh, como son <em><a href="http://www.rebelliouspixels.com/semanticremix/" target="_blank">Donald Duck meet Glenn Beck</a></em> y <em><a href="http://www.genderremixer.com/html5/" target="_blank">Gendered Advertising Remixer</a></em>. Y el documental <em><a href="http://highrise.nfb.ca/onemillionthtower" target="_blank">One Millionth Tower</a></em> como el <em><a href="http://es.wikipedia.org/wiki/Estado_del_arte">state of art</a></em> del HTML5.</p>
<p>De la <a href="http://anavallasuiza.com/share/presentations/html5" target="_blank">presentación</a> destaco los siguientes puntos:</p>
<ul>
<li>HTML5 es más <strong><a href="http://www.elated.com/articles/7-lovely-things-about-html5-markup/" target="_blank">semántico</a></strong> que HTML4 (que es el actual estándar).</li>
<li>Se produce una mejora notable de los <strong><a href="http://brucelawson.co.uk/tests/html5-forms-demo.html" target="_blank">formularios</a></strong>. Con la posibilidad de crear cuadros de texto con un formato determinado, o de usar el autofocus (propiedad por la que el cursor se coloca en el cuadro de texto que queramos) sin necesidad de código ajeno.</li>
<li>Nueva versión <strong>CSS3</strong>, que incluye:</li>
<ul>
<li>La posibilidad de usar cualquier <strong>tipografía</strong>. Google ha creado la herramienta <a href="http://www.google.com/webfonts" target="_blank">Webfonts</a> donde se pueden usar tipografías sin necesidad de copiarlas en nuestro servidor o se pueden usar servicios como <a href="http://www.fontsquirrel.com/fontface/generator" target="_blank">@font-face Generator de Font Squirrel</a> para convertir cualquier tipografía a una tipografía web.</li>
<li>Implementación de<strong> <a href="http://debray.jerome.free.fr/index.php?outils/Generateur-de-multi-colonnes-en-css3" target="_blank">columnas de texto</a></strong>.</li>
<li>Uso de <strong>Media Queries</strong>, es decir, se <a href="http://bostonglobe.com/" target="_blank">adapta el contenido al tamaño de la pantalla y ventana</a>.</li>
<li>Y <a href="http://www.css3.me/" target="_blank">muchas más cosas</a> como <strong>bordes redondeados, sombras, degradados y opacidad</strong>.</li>
</ul>
</ul>
<ul>
<li>Integración de <strong>vídeo y audio</strong> como parte del código.</li>
<li><strong>Canvas element</strong>, que permite una programación más avanzada para realizar, por ejemplo, <a href="http://chrome.angrybirds.com/">juegos</a> (mejor en Google Chrome).</li>
<li><a href="http://www.chromeexperiments.com/webgl"><strong>WebGL</strong></a>, gráficos 3D.</li>
<li><a href="http://kangax.github.com/fabric.js/kitchensink/"><strong>SVG</strong></a>, imágenes vectoriales manipulables.</li>
<li><strong>JavaScript</strong>, con más funcionalidades.</li>
<li><strong><a href="http://html5demos.com/geo">Geolocalización</a>.</strong></li>
<li><a href="http://oscarotero.com/notes/"><strong>Almacenamiento local</strong></a>. Es como una versión ampliada de las <a href="http://es.wikipedia.org/wiki/Cookie_%28inform%C3%A1tica%29">cookies</a>.</li>
<li>Acceso al <em><strong>hardware</strong></em>.</li>
<li><em><strong>Websockets</strong></em>. A partir de HTML5 cambia el concepto de petición de inicio de conversación (proceso interno de las comunicaciones por el cual antes de transmitir la información se envía una petición o <em>request</em> de inicio de conversación), las peticiones están siempre abiertas. Así se pueden crear, por ejemplo, <a href="http://chat.nodejs.org/">salas de <em>chat</em> en tiempo real</a>.</li>
<li><em><strong>Web workers</strong></em>, el trabajo en segundo plano (<em>background</em>) no interfiere en el trabajo principal.</li>
</ul>
<p>Berto realizó una aclaración fundamental, <strong>todas estas mejoras están pensadas para funcionar mejor en dispositivos móviles</strong>.</p>
<p>Pero, <strong>¿por qué es tan bueno el HTML5?</strong>, la respuesta es sencilla. El HTML5 es abierto. Esto quiere decir que si quieres ver como está hecha una web solo tienes que ver el código y si quieres, copiar las partes que te interesen. Es la fortaleza frente a tecnologías como <a href="http://es.wikipedia.org/wiki/Adobe_Flash">Flash</a>, totalmente cerrado y enclaustrado en sí mismo ya que no permite interacciones con otros lenguajes. Otro punto fuerte es la accesibilidad. HTML5 al estar desarrollado por la <a href="http://es.wikipedia.org/wiki/W3C">W3C</a> sigue unos parámetros de accesibilidad de muy estrictos con respecto por ejemplo a personas con problemas de visión o de audición.</p>
<p>En resumen, HTML5 es &#8220;No Flash, no shits!&#8221;.</p>
<p>A partir de aquí, la presentación giró en torno a lo que se centra el taller, el vídeo y el audio. En cuanto al vídeo, establece un punto de partida, flash tiene un problema, necesita de <em>plugin</em> que se actualiza con frecuencia. Es un formato cerrado, y lo más importante la interacción con el resto de la web es muy limitada. <strong>HTML5 soluciona todo eso</strong>. El vídeo y el audio son una parte más del código HTML.</p>
<p>Entre los formatos que podemos usar siguiendo el estándar HTML nos encontramos con:</p>
<ul>
<li><a href="http://es.wikipedia.org/wiki/Mp4"><strong>MP4</strong></a> &#8211; que usa el códec de audio <a href="http://es.wikipedia.org/wiki/Advanced_Audio_Coding"><strong>AAC</strong></a> o <a href="http://es.wikipedia.org/wiki/MP3"><strong>MP3</strong></a> y de vídeo el <a href="http://es.wikipedia.org/wiki/H.264"><strong>H.264</strong></a>. El problema que presenta este formato es que es propietario, concretamente de Apple. Está permitido su uso personal, pero no para el ámbito profesional sin pagar los correspondientes <em>royalties</em>.</li>
<li><a href="http://es.wikipedia.org/wiki/OGG"><strong>OGG</strong></a> &#8211; El códec de vídeo es <a href="http://es.wikipedia.org/wiki/Theora"><strong>Theora</strong></a> y el de audio <a href="http://es.wikipedia.org/wiki/Vorbis"><strong>Vorbis</strong></a>. Totalmente libre. Open source puro y duro, el problema, se ha estancado su desarrollo, por lo que está perdiendo presencia.</li>
<li><a href="http://es.wikipedia.org/wiki/WebM"><strong>WebM</strong></a> &#8211; El vídeo es <a href="http://es.wikipedia.org/wiki/VP8"><strong>VP8</strong></a> y el audio <a href="http://es.wikipedia.org/wiki/Vorbis"><strong>Vorbis</strong></a>. Desarrollado por Google, está en un periodo prematuro de desarrollo y aún no puede competir en calidad con los dos anteriores. Tiene la ventaja de que tiene detrás a Google que está apostando fuerte por el formato, aunque este también es su punto flojo, una macrocorporación detrás de un desarrollo libre, da que pensar.</li>
</ul>
<p><a title="Curso HTML5 - Lunes 12 diciembre 2011 por ZEMOS 98, en Flickr" href="http://www.flickr.com/photos/zemos98/6499730063/"><img class="aligncenter" src="http://farm8.staticflickr.com/7162/6499730063_6874b199c7.jpg" alt="Curso HTML5 - Lunes 12 diciembre 2011" width="500" height="332" /></a></p>
<p>Tras esta introducción se realizó un descanso y al volver Oscar comenzó su parte donde explicaba como era el código básico de una página HTML5. Empezó con una estructura muy básica y fue haciéndola más compleja, añadiéndole diferentes posibilidades, <a href="http://anavallasuiza.com/share/zemos-workshop/1st-day/">hasta llegar a esto</a>.</p>
<p>El objetivo de esta parte era mostrarnos en conjunto lo que podíamos a hacer. Mañana pasaremos a meternos de lleno en el código, comenzando con una idea y dividiéndonos en grupos donde uno se dedique a pensar el diseño, otro el código, otro la interactividad, otro el vídeo y luego se ponga todo en común, para que al final de la jornada tengamos una demostración realizada.</p>
<h3> Mañana más.</h3>
<p>&nbsp;</p>
<address>Las fotos han sido realizadas por <a href="https://twitter.com/#!/chezricard" target="_blank">Ricardo Barquín</a>.</address>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2011/12/12/taller-posibilidades-del-open-video-y-el-html5-dia-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Como descargar un vídeo de Youtube e incrustarle los subtítulos</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2011/07/28/como-descargar-un-video-de-youtube-e-incrustarle-los-subtitulos/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2011/07/28/como-descargar-un-video-de-youtube-e-incrustarle-los-subtitulos/#comments</comments>
		<pubDate>Thu, 28 Jul 2011 11:48:07 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[subtítulos]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1553</guid>
		<description><![CDATA[Mi compañero Felipe aka abrelatas me planteaba la siguiente duda: A menudo nos encontramos con la necesidad de tener descargado un vídeo con subtítulos integrados en Español. Este fue mi caso con Donald Duck meets Glen Beck. Oye Juan! ¿cómo has conseguido descargar los subtítulos e integrarlos en un video? ¿podrías explicarmelo paso a paso [...]]]></description>
			<content:encoded><![CDATA[<p>Mi compañero Felipe aka <a href="http://www.twitter.com/abrelatas" target="_blank">abrelatas</a> me planteaba la siguiente duda:</p>
<blockquote><p>A menudo nos encontramos con la necesidad de tener descargado un vídeo con subtítulos integrados en Español. Este fue mi caso con <a href="http://www.youtube.com/watch?v=HfuwNU0jsk0" target="_blank">Donald Duck meets Glen Beck</a>. Oye Juan! ¿cómo has conseguido descargar los subtítulos e integrarlos en un video? ¿podrías explicarmelo paso a paso y de forma didáctica?</p></blockquote>
<p>Para hacerlo necesitamos los siguientes programas:</p>
<ul>
<li><a href="http://avidemux.berlios.de/download.html" target="_blank">Avidemux2</a></li>
<li><a href="https://addons.mozilla.org/es-ES/firefox/addon/video-downloadhelper/" target="_blank">Extensión para Firefox Download Helper</a></li>
</ul>
<p><span id="more-1553"></span></p>
<p><strong>ACTUALIZACIÓN (5/9/2011): Avidemux no se ejecuta en la nueva versión de Mac OS X, OS X Lion, así que he encontrado otra aplicación mucho más amigable y que funciona bastante bien, se llama <a href="http://www.bitfield.se/submerge/index.html" target="_blank">Submerge</a>, vale $9 y vale totalmente la pena. La inclusión de subtítulos se reduce a varias pulsaciones.</strong></p>
<p>Si estás en Mac, como yo, la última versión de Avidemux2, <a href="http://prdownload.berlios.de/avidemux/avidemux2_2.5.4_intel.dmg" target="_blank">la 2.5.4</a> tiene un problema que impide cargar subtitulos en formato SRT, así que tendrás que descargar la <a href="http://prdownload.berlios.de/avidemux/avidemux_2.5.3_Universal.dmg" target="_blank">version 2.5.3</a> si quieres trabajar con este formato.</p>
<p>Lo primero es decargar el vídeo de Youtube, asegúrate de que tienes instalada la extensión de Firefox Download Helper. En el caso de la duda de Felipe, el vídeo es <a href="http://www.youtube.com/watch?v=HfuwNU0jsk0" target="_blank">Donald Duck meets Glen Beck</a>, verás que junto al nombre del vídeo aparecen tres pelotitas de colo azul, amarilla y roja:</p>
<p style="text-align: center"><img class="size-full wp-image-1555 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.19.06.png" alt="" width="150" height="140" /></p>
<p>Sí pulsas encima verás que se abre un menú donde puedes &#8220;Descargar&#8221; el vídeo:</p>
<p style="text-align: center"><img class="size-full wp-image-1556 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.19.58.png" alt="" width="240" height="269" /></p>
<p>Selecciona la carpeta donde quieras guardar el vídeo y acepta. También podemos añadir a la barra de herramientas de Firefox un botón con el que obtendrás más opciones de descarga, así como más calidades:</p>
<p style="text-align: center"><img class="size-full wp-image-1561 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.34.53.png" alt="" width="515" height="137" /></p>
<p>Desde aquí podremos descargar el vídeo directamente en MP4, que sería el original que subió el usuario. O las calidades 240p, 360p o 480p en formato FLV.</p>
<p>Bien, ya tenemos el vídeo en nuestro ordenador. Ahora tenemos que obtener los subtítulos. Para ello usaremos un servicio gratuito llamado <a href="http://www.universalsubtitles.org/" target="_blank">Universal Subtitles</a>. Es un servicio por el cual podemos crear subtítulos o editar los que ya existan. Entramos en la web y pulsa sobre &#8220;Subtitle a video now&#8221;:</p>
<p><img class="size-full wp-image-1557 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.23.46.png" alt="" width="513" height="76" /></p>
<p>Entonces aparecerá una página para introducir una URL de Youtube o cualquier otro servicio de vídeo online. Copiamos la URL del vídeo de Youtube que nos hemos descargado antes y la pegamos en el cuadro de texto:</p>
<p style="text-align: center"><img class="size-full wp-image-1558 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.25.20.png" alt="" width="516" height="96" /></p>
<p style="text-align: center">Y pulsamos en &#8220;Begin&#8221;. Nos aparecerá la siguiente página:</p>
<p><img class="size-full wp-image-1559 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.29.14.png" alt="" width="516" height="462" /></p>
<p>Verás que puedes seleccionar los subtitulos que quieras ver. Seleccionamos en este caso &#8220;español&#8221;. Luego pulsamos en &#8220;Download Subtitles&#8221; y se desplegará un menú donde podremos elegir el formato de los subtítulos. A mi me gusta trabajar con el formato SRT, porque es sencillo de modificar desde cualquier editor de texto.</p>
<p style="text-align: center"><img class="size-full wp-image-1560 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.31.44.png" alt="" width="205" height="258" /></p>
<p>Seleccionamos la misma carpeta donde antes guardamos el vídeo de Youtube y aceptamos. Es un archivo muy pequeño así que tardará muy poco en descargarse. Hasta aquí valdría como tutorial sobre como descargar subtitulos de vídeos de Youtube. Seguimos para bingo explicando como incrustarlos en</p>
<p>Abrimos ahora el Avidemux2. Arrastramos el vídeo de Youtube que estará en formato FLV o MP4, depende de la calidad con la que te lo bajaras, dentro del programa. Es posible que te pregunte esto:</p>
<p style="text-align: center"><img class="size-full wp-image-1563 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.41.57.png" alt="" width="438" height="187" /></p>
<p>Pulsa en &#8220;No&#8221;. También te puede preguntar esto:</p>
<p style="text-align: center"><img class="size-full wp-image-1564 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.43.18.png" alt="" width="429" height="247" /></p>
<p>En este caso, la respuesta es &#8220;Yes&#8221;.</p>
<p>Entonces ya tendrás el vídeo cargado:</p>
<p><img class="size-full wp-image-1565 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.45.50.png" alt="" width="516" height="342" /></p>
<p>Verás que a la izquierda aparecen tres secciones. &#8220;Video&#8221;, está establecido en &#8220;Copy&#8221;, que significa que el vídeo no se codificará. En nuestro caso el vídeo tiene que codificarse para poder incrustar los subtitulos. Si pulsamos sobre &#8220;Copy&#8221; se despliega el siguiente menú:</p>
<p style="text-align: center"><img class="size-full wp-image-1566 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.53.43.png" alt="" width="201" height="349" /></p>
<p>Aquí tenemos que decidir en que formato queremos nuestro vídeo. Personalmente prefiero codificarlo a MP4 ya que permite más calidad en menos tamaño. Preferiría OGG pero no lo permite este programa. Si lo codificamos a MP4 debemos elefir &#8220;MPEG-4 ASP (avcodec)&#8221; para que el vídeo se codifique bien. Una vez seleccionado se activa &#8220;Configure&#8221; y &#8220;Filters&#8221;:</p>
<p style="text-align: center"><img class="size-full wp-image-1567 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.57.07.png" alt="" width="212" height="112" /></p>
<p>En &#8220;Configure&#8221; podemos cambiar las opciones de codificación del vídeo. Solo vamos a tocar la calidad, la tasa de bits por segundos. En &#8220;Encoding mode&#8221; hay que seleccionar &#8220;Constant Bitrate&#8221;, y establece el &#8220;Target bitrate (kb/s)&#8221; en un valor parecido al que tiene el vídeo que te bajaste de Youtube, como se hace esto? Pues en mi caso uso el Quicktime Player para saberlo pulsando en Cmd+i para verlo. Una vez que sepamos el valos, introducimos uno un poco mayor en Avidemux2 y pulsamos en &#8220;OK&#8221;.</p>
<p style="text-align: center"><img class="size-full wp-image-1569 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-13.59.50.png" alt="" width="444" height="188" /></p>
<p>Llega el turno de &#8220;Filters&#8221; para cargar los subtítulos. Pulsa en &#8220;Subtitles&#8221; y luego dos veces en &#8220;Subtitles&#8221;:</p>
<p style="text-align: center"><img class="size-full wp-image-1572 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-14.03.26.png" alt="" width="515" height="246" /></p>
<p>Aparecerá otra ventana donde tendremos: en &#8220;Subtitle file:&#8221; pulsamos en &#8220;Open&#8221; y buscamos el SRT que nos descargamos de &#8220;Universal Subtitles&#8221;. En &#8220;Font (TTF)&#8221; seleccionamos la tipografía que llevará el subtítulo. En &#8220;Encoding&#8221; seleccionamos &#8220;UTF-8&#8243;. Podemos además seleccionar el color en &#8220;Select Color&#8221;, está en blanco por defecto.</p>
<p style="text-align: center"><img class="size-full wp-image-1573 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-14.09.18.png" alt="" width="516" height="355" /></p>
<p>En &#8220;Set Size and Position&#8221; tendremos que seleccionar el tamaño de la fuente, por defecto está en 24, y la posición en la pantalla:</p>
<p style="text-align: center"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-14.14.13.png"><img class="size-full wp-image-1574 aligncenter" style="font-size: 19.5px;line-height: 28.5px" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-14.14.13.png" alt="" width="516" height="419" /></a></p>
<p>Acepta todo.</p>
<p>El &#8220;Audio&#8221; también está en &#8220;Copy&#8221; y se quedará así porque el audio no hay que tocarlo para este caso. En &#8220;Format&#8221; podemos cambiar el formato correspondiente a qué eligamos en &#8220;Video&#8221;, en este caso &#8220;MP4&#8243;.</p>
<p><img class="size-full wp-image-1577 aligncenter" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-03-15-a-las-14.16.15.png" alt="" width="516" height="384" /></p>
<p>Solo nos queda exportar el vídeo. Para ello pulsar en el segundo icono de la izquierda de la zona superior que está representado por un disquete de 3 1/3. Elegimos la carpeta y ten en cuenta que tienes que ponerle la extensión .mp4.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2011/07/28/como-descargar-un-video-de-youtube-e-incrustarle-los-subtitulos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sobre HTML5 y CSS3</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2011/02/14/sobre-html5-y-css3/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2011/02/14/sobre-html5-y-css3/#comments</comments>
		<pubDate>Mon, 14 Feb 2011 08:40:36 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1541</guid>
		<description><![CDATA[El otro día, @pedrojimenez, me enviaba vía directo de Twitter un enlace a una presentación realizada por @martuishere y @htmlboy sobre conceptos básicos que hay que saber sobre HTML5 y CSS3. En cuanto a cuando entrará en vigor decir que todavía se encuentra en fase de borrador y que en 2012 se prevé entre en [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blogs.zemos98.org/lacelulamecanica/files/HTML5-logo.png"><img class="alignleft size-full wp-image-1543" src="http://blogs.zemos98.org/lacelulamecanica/files/HTML5-logo.png" alt="" width="197" height="197" /></a>El otro día, <a href="http://twitter.com/pedrojimenez" target="_blank">@pedrojimenez</a>, me enviaba vía directo de Twitter un enlace a una presentación realizada por @<a rel="nofollow" href="http://twitter.com/martuishere">martuishere</a> y @<a rel="nofollow" href="http://twitter.com/htmlboy">htmlboy</a> sobre <a href="http://www.slideshare.net/Martulina/conoce-html5-y-css3-6893390?from=ss_embed" target="_blank">conceptos básicos que hay que saber sobre HTML5 y CSS3</a>. En cuanto a cuando entrará en vigor decir que todavía se encuentra en <a href="http://dev.w3.org/html5/spec/" target="_blank">fase de borrador</a> y que <a href="http://wiki.whatwg.org/wiki/FAQ#What.27s_this_I_hear_about_2022.3F" target="_blank">en 2012 se prevé entre en fase de &#8220;Candidate Recommendation&#8221; y en &#8220;Recommendation en 2022</a>. Toca esperar. Mucho. Aunque debido a la propia estructura de Internet se puede usar desde ya, muchos servidores ya lo permiten.<span id="more-1541"></span></p>
<p>El caso es que hay muchas novedades con <strong>HTML5</strong> sobre el actual HTML4, el nuevo logotipo es una de ellas, entre las demás novedades que más me interesan está la inclusión de audio y vídeo (aparecen las etiquetas &lt;video&gt; y &lt;audio&gt;) sin la necesidad de plugin externo, ¿cómo es esto posible? sencillamente porque el navegador lo traerá integrado de fábrica, entremezclándolo con el mismo código HTML de manera que la interacción es total. Valores como minutos, segundos, volumen, tamaño, proporción, rotación, transparencia, etc, podrán aplicarse sobre el vídeo sin mayor problema. Como ejemplo de esto tenemos la siguiente demostración, donde el vídeo se reroduce y la web va mostrando las fuentes de los vídeos del remix creado por <a href="http://www.rebelliouspixels.com/about-jonathan-mcintosh">Jonathan McIntosh</a>. <a href="http://www.rebelliouspixels.com/semanticremix/" target="_blank">Disfrútenlo</a>.</p>
<p>Otra de las novedades es que se desarrolla conjuntamente con <strong>CSS3</strong>, la hoja de estilo en cascada versión 3 que entre otras novedades podemos destacar, múltiples fondos, colores con transparencia, tipografías, tranformación de formas, transiciones, etc.</p>
<p>Más información sobre HTML5 en <a href="http://es.wikipedia.org/wiki/HTML5" target="_blank">Wikipedia</a>.</p>
<p>Compatibilidad de navegadores web con HTML5 y CS3 en <a href="http://html5readiness.com/" target="_blank"><strong>HTML5</strong> &amp; <em>CSS3</em> Readiness</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2011/02/14/sobre-html5-y-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Configurar Google Apps con tu dominio</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2010/10/07/configurar-google-apps-con-tu-dominio/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2010/10/07/configurar-google-apps-con-tu-dominio/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 22:24:59 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[1]]></category>
		<category><![CDATA[google apps]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1434</guid>
		<description><![CDATA[Esta semana he conseguido recuperar mi dominio comcinco.es, anteriormente lo tenía con una alojamiento incluido pero la falta de fondos me hizo darlo de baja. Ahora lo retomo usando Google Apps. Ya la había usado para el correo electrónico de un centro educativo que le ha proporcionado una cuenta a todo el alumnado del centro, [...]]]></description>
			<content:encoded><![CDATA[<p>Esta semana he conseguido recuperar mi dominio comcinco.es, anteriormente lo tenía con una alojamiento incluido pero la falta de fondos me hizo darlo de baja. Ahora lo retomo usando <a href="http://www.google.com/apps/intl/es/group/index.html" target="_blank">Google Apps</a>. Ya la había usado para el correo electrónico de un <a href="http://www.iesprofesorjuanbautista.es" target="_blank">centro educativo</a> que  le ha proporcionado una cuenta a todo el alumnado del centro, así como a  los docentes.<br />
Atención que el artículo es largo, tiene muchas capturas para que no os perdais como me pasó a mí.<br />
<span id="more-1434"></span></p>
<h3><strong>¿Qué es Google Apps?</strong></h3>
<p>Google Apps es un servicio de Google para el trabajo colaborativo de una empresa, pero que tiene su versión gratuita llamada Edición Standard. La versión de pago Edición Premier cuesta 40€ al año por usuario y ofrece, entre otras cosas, más capacidad, 25GB frente a los 7,5GB de la edición standard.</p>
<p>Mediante Google Apps podemos tener con nuestro dominio, en mi caso, comcinco.es, correo de gmail, mensajería instantaneo, calendarios, documentos y algunas cosas más. En resumen tengo una cuenta yo@comcinco.es con el interfaz y las capacidades de Gmail.</p>
<h3><strong>El proceso</strong></h3>
<p>Lo primero es tener un domino en algún regitrador que te permita tocar las <a href="http://es.wikipedia.org/wiki/Domain_Name_System" target="_blank">DNS</a> para poder redirigir el correo electrónico que llegue a tu dominio al servidor de Google. Yo lo registré en <a href="http://www.cdmon.com" target="_blank">cdmon.com</a>, ya he trabajado con ellos para otros trabajos y va bastante bien a un buen precio. Otro puede ser <a href="http://www.hospedajeydominios.com" target="_blank">hospedajeydominios.com</a> (más adelante explico como hacerlo con Hospedaje y Dominios).</p>
<p>Lo siguiente es darse de alta en Google Apps, es un proceso sencillo y rápido. Entramos en <a href="http://www.google.com/apps/intl/es/group/index.html" target="_blank">su web</a> y pulsa en &#8220;Introducción&#8221; (ya podían poner &#8220;Regístrate&#8221; o algo parecido) te saldrá una página como esta:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.38.57.png"><img class="aligncenter size-full wp-image-1442" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.38.57.png" alt="" width="530" height="349" /></a></p>
<p>Pulsamos en &#8220;Administrador: controlo este dominio o es de mi propiedad.&#8221; y debajo introducimos el nombre de tu dominio, en mi caso fue &#8220;comcinco.es&#8221; en el ejemplo es &#8220;undominiotuyo.es&#8221;. El siguiente paso es introducir los datos personales. Es importante que los datos marcados con un asterisco en rojo (<span style="color: #ff0000;">*</span>) sean reales, el resto, los datos relativos a tu organización depende de tí, pueden ser reales o no. ATENCIÓN, hay que marcar la casilla &#8220;Reconozco que si no puedo modificar los registros de DNS de mi dominio,  ello puede afectar al uso que haga mi organización de Google Apps.&#8221; para que nos deje continuar.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.42.38.png"><img class="aligncenter size-full wp-image-1443" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.42.38.png" alt="" width="513" height="331" /></a></p>
<p style="text-align: left;">Una vez que has rellenado los datos estaremos en el paso tres de registro llamado &#8220;Configuración&#8221; donde estableceremos la cuenta de administrador.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.49.11.png"><img class="aligncenter size-full wp-image-1444" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.49.11.png" alt="" width="520" height="685" /></a></p>
<p style="text-align: left;">Una vez terminado este proceso podrás acceder con tus datos de administrador a la cuenta de Google Apps. Aunque ya venga referenciado tu dominio dentro del panel de administración de Google Apps todavía no están disponibles cosas como mail.undominiotuyo.es ni el correo info@undominiotuyo.es porque todavía no hemos tocado las DNS de nuestro dominio. Al entrar aparecerá un panel de administración parecido a este:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.51.21.png"><img class="aligncenter size-full wp-image-1445" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-12.51.21.png" alt="" width="520" height="417" /></a></p>
<p style="text-align: left;">Ahora tenemos que empezar a jugar con las DNS de tu dominio. Lo primero es verificar que el dominio es tuyo. Verás que hay una advertencia arriba del todo (en la captura de arriba no aparece porque es mi panel de configuración) como esta:</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 0pt none;" src="http://staff.prosoftwarefactory.com.ar/blogs/joaco/wp-content/uploads/2008/02/verificardominio-thumb.jpg" alt="" width="402" height="28" /></p>
<p style="text-align: left;">Al pulsa para verificar la propiedad del dominio te aparecerá otra página con lo siguiente.</p>
<p style="text-align: left;"><img class="aligncenter" src="http://staff.prosoftwarefactory.com.ar/blogs/joaco/wp-content/uploads/2008/02/verificardominiocname-thumb.jpg" alt="" width="269" height="99" /></p>
<p style="text-align: left;">Si lo que tenemos registrado es solo el dominio la verificación de la propiedad tiene que hacerse con la opción &#8220;Cambia tu registro CNAME&#8221;, si tienes alojamiento tienes que elegir la opción de crear un archivo HTML. Yo solo registré el dominio así me ahorraba unas pelillas por lo que hice la primera opción. Cuando la seleccionas te dice lo que tienes que hacer. Tienes que crear un registro CNAME que apunte a una determinada URL.</p>
<p>Comienza el baile. Nos vamos a nuestra cuenta de usuario de CDMON, al hacer login nos encontramos en este panel. Pulsamos sobre &#8220;DNS Estático&#8221;.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-13.05.08.png"><img class="aligncenter size-full wp-image-1446" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-13.05.08.png" alt="" width="519" height="290" /></a></p>
<p style="text-align: left;">
<p style="text-align: left;">La primera vez que entramos nos aparecerá vacío y tendremos que añadir el dominio a la gestión de las DNS, en este apartado de la web tienes que desplegar y seleccionar tu dominio, luego pulsa en &#8220;Añadir&#8221;.</p>
<p style="text-align: left;"><a href="http://blogs.zemos98.org/lacelulamecanica/files//files/Captura-de-pantalla-2010-10-06-a-las-13.13.24.png"><img class="aligncenter size-full wp-image-1447" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files//files/Captura-de-pantalla-2010-10-06-a-las-13.13.24.png" alt="" width="389" height="392" /></a></p>
<p style="text-align: left;">En la siguiente página tenemos que crear un &#8220;Registro CNAME&#8221; que apunte a la URL que Google Apps nos ha dado.</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 1px solid black;" src="http://info.cdmon.com/faqs/cas/img/cname/fig01.png" alt="" width="474" height="180" /></p>
<p style="text-align: left;">En la captura anterior, de la web de CDMON, donde pone &#8220;demo.zonasms.es&#8221; tendremos que poner la URL que nos dió Google Apps. Pulsamos en &#8220;Guardar&#8221; y como estamos trabajando con DNS tendremos que esperar entre 2 y 48 horas para que esté disponible ese cambio en toda la web. A mi me viene tardando entorno a las 5-10 horas, no os desespereis por lo menos hasta que no pasen las 48 horas.</p>
<p style="text-align: left;">Ahora queda volver al panel de Google Apps y pulsar en &#8220;Verificar&#8221;. Y a esperar&#8230;</p>
<p style="text-align: left;">Cuando esté verificado el dominio podremos comenzar con la activación del correo electrónico. Esto requiere más modificación del DNS. La página de &#8220;DNS Estático&#8221; debería quedar como esta:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-13.35.30.png"><img class="aligncenter size-full wp-image-1449" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-13.35.30.png" alt="" width="517" height="627" /></a></p>
<p style="text-align: left;">El truco sin duda está en crear una &#8220;Página en contrucción&#8221;, y por debajo de ese registro establecer los &#8220;Registros MX&#8221; que son los que hacen referencia al correo electrónico. Los registros MX los obtenemos en el panel de administración de Google Apps al pulsar en &#8220;Activar el correo electrónico&#8221;. En la página de CDMON tenemos que borrar el registro CNAME (OJO, solo si ya está verificado el dominio), entonces aparecerá de nuevo el menú para crear registros y le pulsaremos en &#8220;Página en contrucción&#8221;:</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 1px solid black;" src="http://info.cdmon.com/faqs/cas/img/en_construc/fig4b.png" alt="" width="522" height="64" /></p>
<p style="text-align: left;">Al pulsar se nos abrirán las opciones para personalizar la página en construcción:</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 1px solid black;" src="http://info.cdmon.com/faqs/cas/img/en_construc/fig5.png" alt="" width="520" height="629" /></p>
<p style="text-align: left;">La razón por la cual hay que crear una página en construcción es porque los registros MX necesitan de un registro A (redirección a una IP) y la página en construcción es como un registro A pero encubierto para no tener que especificar una IP (que en principio no tenemos que saber cual es, debería ser la IP de CDMON donde esté nuestro dominio), además con esta opción tenemos una página a la que entrar si alguien entra en nuestro dominio que no tiene alojamiento, por ejemplo <a href="http://www.comcinco.es" target="_blank">comcinco.es</a>. Cuando a creamos, aparecerá un registro como este:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.02.42.png"><img class="aligncenter size-full wp-image-1451" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.02.42.png" alt="" width="518" height="84" /></a></p>
<p>Ahora vamos a ir metiendo los datos de los registros MX que &#8220;cuelgan&#8221; de este de &#8220;Página en construcción&#8221;. Para ello tenemos que pulsar sobre el tercer icono por la izquierda, el que tiene un sobre con una flecha verde.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.04.51.png"><img class="aligncenter size-full wp-image-1452" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.04.51.png" alt="" width="511" height="161" /></a></p>
<p>En el cuadro de texto &#8220;es entregado en el dominio&#8221; ponemos el primer servidor que aparece en la información dada por Google Apps y en &#8220;con preferencia&#8221; el valor indicado. Así lo haremos con todos los registros MX que Google nos especifica.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.08.25.png"><img class="aligncenter size-full wp-image-1453" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.08.25.png" alt="" width="521" height="790" /></a></p>
<p>Cuando estén todos creados volvemos al panel de administración de Google Apps donde está la información de los registros MX y pulsamos en &#8220;He completado estos pasos&#8230;&#8221;</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.09.59.png"><img class="aligncenter size-full wp-image-1454" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.09.59.png" alt="" width="474" height="69" /></a></p>
<p style="text-align: left;">Ahora Google Apps comenzará a comprobar si tienes los registros MX configurados correctamente. Como antes hay que esperar entre 2 y 48 horas. Mientras lo comprueba en el panel aparecerá así la sección de correo electrónico, &#8220;Actualizando&#8230;&#8221;:</p>
<p style="text-align: left;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.11.53.png"><img class="aligncenter size-full wp-image-1455" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.11.53.png" alt="" width="369" height="89" /></a></p>
<p style="text-align: left;">Lo más seguro es que aún ponga &#8220;Actualizando&#8230;&#8221; cuando ya estás disfrutando de Google Apps a pleno rendimiento, no te preocupes, en 2 días dirá que está ok.</p>
<p style="text-align: left;">Lo siguiente sería posibilitar que se entre en el correo mediante el subdominio <a href="http://mail.comcinco.es" target="_blank">mail.comcinco.es</a> o como sea tu dominio. Para ello, en CDMON tendrémos que crear un registro CNAME pulsando en el segudo icono por la izquierda, un papel en blanco de aquí:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.02.42.png"><img class="aligncenter size-full wp-image-1451" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.02.42.png" alt="" width="516" height="84" /></a></p>
<p style="text-align: left;">Al pulsar aparece esta página donde pones como se llamará el subdominio:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.21.55.png"><img class="aligncenter size-full wp-image-1457" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.21.55.png" alt="" width="500" height="107" /></a></p>
<p style="text-align: left;">Yo lo he llamado mail2 porque tengo ya un mail, aparecerá en la lista de registros al mismo nivel que &#8220;Página en construcción&#8221;:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.23.54.png"><img class="aligncenter size-full wp-image-1458" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.23.54.png" alt="" width="516" height="52" /></a></p>
<p style="text-align: left;">Ahora tenemos que decirle a donde apuntará mail.comcinco.es, para ello pulsa en las herramientas, primer icono por la izquierda, pulsa en &#8220;Registro CNAME&#8221;, la URL que hay que poner en el cuadro de texto la obtenemos llendo al panel de administración de Google Apps, pulsando en &#8220;Correo Electrónico&#8221;:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.27.08.png"><img class="aligncenter size-full wp-image-1459" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.27.08.png" alt="" width="519" height="420" /></a></p>
<p style="text-align: left;">
<p style="text-align: left;">Pulsar en &#8220;Cambiar URL&#8221;.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.28.42.png"><img class="aligncenter size-full wp-image-1460" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.28.42.png" alt="" width="492" height="237" /></a></p>
<p style="text-align: left;">Luego selecciona la opción personalizado y escribe cual es el subdominio, pulsar &#8220;Continuar &gt;&gt;&#8221;.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.33.46.png"><img class="aligncenter size-full wp-image-1461" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.33.46.png" alt="" width="420" height="237" /></a></p>
<p style="text-align: left;">Ese ghs.google.com es que el que tienes que poner en el cuadro de texto de CDMON. Lo mismo puedes hacer para el Calendar, Docs y Sites. Solo tienes que pulsar en &#8220;Cambiar URL para todos los servicios de dominio&#8221; que aparece cuando pulsas en &#8220;Cambiar URL&#8221;:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.41.27.png"><img class="aligncenter size-full wp-image-1462" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.41.27.png" alt="" width="520" height="663" /></a></p>
<p style="text-align: left;">El proceso es el mismo que para crear mail.comcinco.es. Crear el registro CNAME y ponerle la URL ghs.google.com tal y como se describe más arriba.</p>
<h3>Mismo proceso anterior para Hospedaje y Dominios</h3>
<p style="text-align: left;">Otro de los proveedores que suelo usar es <a href="http://www.hospedajeydominios.com">Hospedaje y Dominios</a>. Aquí la configuración de las DNS es un poco deficiente y nada claro. Parece que prefieren hacerlo los del servicio técnico antes que poner las instrucciones en alguna parte. <strong>ACTUALIZACIÓN</strong>: me ha comentado la gente del soporte técnico de Hospeda y Dominios, que están trabajando para publicar una mejora en el panel de administración de las DNS para poder configurar Google Apps con un solo click, enhorabuena por ese paso.</p>
<p style="text-align: left;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/misdominios.jpg"><img class="aligncenter size-full wp-image-1522" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/misdominios.jpg" alt="" width="520" height="275" /></a></p>
<p style="text-align: left;">Este es el panel de administración de Hospedaje y Dominios en la parte de &#8220;Mis Dominios&#8221; donde deben aparecer todos los dominios. Para administrarlo tendremos que pulsar sobre el icono con un documento y una flechita verde que aparece junto al precio. Una vez en la página podremos administrador las DNS de nuestro dominio. El problema que se plantea con Hospedaje y Dominios es que no hay campo para poner la prioridad. Tras consultar con el servicio técnico me dieron la solución.</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-02-10-a-las-08.42.52.png"><img class="size-full wp-image-1533 aligncenter" style="border: 1px solid black;" title="Captura de pantalla 2011-02-10 a las 08.42.52" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2011-02-10-a-las-08.42.52.png" alt="" width="521" height="325" /></a></p>
<p style="text-align: left;">El formato que se tiene que seguir es el de la captura. Atención porque los datos de la primera columna que Google Apps te los especifica con un punto final, no lo llevan.</p>
<p style="text-align: left;">
<h3 style="text-align: left;">Crear más cuentas de correo</h3>
<p style="text-align: left;">Por defecto está crear el correo electrónico que le dijiste al crear el perfil del administrador en los primeros pasos del registro en Google Apps, si quieres crear más, tienes hasta 50 cuentas/usuarios. La creación de cuentas de correo dentro de tu dominio es muy sencillo. En el panel de administración de Google Apps pulsa en &#8220;Organización y usuarios&#8221; y verás el botón &#8220;Crear un usuario nuevo&#8221;:</p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.45.34.png"><img class="aligncenter size-full wp-image-1463" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.45.34.png" alt="" width="519" height="200" /></a></p>
<p style="text-align: center;"><a href="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.51.14.png"><img class="aligncenter size-full wp-image-1465" style="border: 1px solid black;" src="http://blogs.zemos98.org/lacelulamecanica/files/Captura-de-pantalla-2010-10-06-a-las-14.51.14.png" alt="" width="305" height="183" /></a></p>
<p>Espero que este tutorial te haya sido de ayuda para configurar Google Apps con tu dominio.</p>
<p>Salud.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2010/10/07/configurar-google-apps-con-tu-dominio/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>HTML5: the video standard strikes back</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2010/10/06/html5-the-video-standard-strikes-back/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2010/10/06/html5-the-video-standard-strikes-back/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 10:04:15 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[1]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[software libre]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1425</guid>
		<description><![CDATA[Las guerras por la implantación de un formato determinado no es nuevo, ejemplos clásicos y viejunos como el Beta vs VHS o el Vinilo vs CD. El mercado era suculento y una sola empresa o un conjunto de ellas podrían hacerse con todo el pastel. Ahora ocurre una cosa similar, la diferencia es que no [...]]]></description>
			<content:encoded><![CDATA[<p>Las guerras por la implantación de un formato determinado no es nuevo, ejemplos clásicos y viejunos como el Beta vs VHS o el Vinilo vs CD. El mercado era suculento y una sola empresa o un conjunto de ellas podrían hacerse con todo el pastel. Ahora ocurre una cosa similar, la diferencia es que no se obtienen réditos económicos directos. La guerra de cual será el estandar para la nueva etiqueta &lt;video&gt; dentro de la nueva versión de HTML, HTML5. La etiqueta &lt;audio&gt; parece que está fuera de esta guerra y que se establece el codec libre de Xiph.org, Vorbis, como estandar. ¿No se podría hacer lo mismo con el vídeo?. Hace unos meses saltaban los blogs de alegría al conocer la noticia de que OGG Theora, también de Xiph.org podría convertirse en el estandar de vídeo para HTML5, que la W3C lo estaba estudiando. El codec H264 (con Apple a la cabeza) estaba ahí, pero no es libre y hay que pagar royalties por su uso (la gratuidad se terminaba en 2010). Apareció Google con su codec libre y sin royalties WebM, entonces dijeron que H264 seguiría siendo gratuito hasta 2015.</p>
<p>La guerra ha comenzado.</p>
<p><span id="more-1425"></span></p>
<p>La <a href="http://www.mpegla.com/main/Pages/Media.aspx">MPEGLA</a>, el organismo propietario del codec <a href="http://es.wikipedia.org/wiki/H264">H264</a>, ha sacado un comunicado diciendo que el uso del codec H.264 será gratuito siempre que se distribuya el contenido también de forma gratuita, para siempre&#8230; o hasta que las empresas que forman la MPEGLA quieran. Porque aunque se pueda usar no deja de ser un codec cerrado, un software privativo. Esto hará que Youtube o Vimeo no tengan que pagar nada por usar H.264 y que Apple con iTunes Store si lo tenga que hacer&#8230; Claro que Apple es parte de la MPEGLA&#8230;</p>
<p>Recordemos que la pelota se la lanzó Google al crear un codec libre, llamado <a href="http://es.wikipedia.org/wiki/WebM">WebM</a>, basado en el codec <a href="http://es.wikipedia.org/wiki/VP8">VP8</a> desarrollado por <a href="http://es.wikipedia.org/wiki/On2_Technologies">On2 Technologies</a> comprada por Google hace unos meses, y que se podría convertir en el estandar de vídeo de HTML5. Y más anteriormente sonó <a href="http://es.wikipedia.org/wiki/Theora">OGG Theora</a> como ese posible estandar. Como te podrás imaginar prefiero OGG Theora como estandar de vídeo para HTML5 por una cuestión muy sencilla, no está controlado por ninguna corporación, es 100% Software Libre. Sí, WebM de Google también es libre, pero lo controla Google y eso no está bien. Del H264 ni hablamos.</p>
<p>En esta puja entran los navegadores web. Mozilla Firefox solo admite como codec de vídeo del HTML5 al OGG Theora, aunque incluirá el WebM. Mientras que Google Chrome tiene el WebM y el H.264, Safari tienen al H.264 al igual que Internet Explorer 9 que también incluirá el WebM (Microsoft también es parte de la MPEGLA.</p>
<p>Pero sin duda la peor parada de todo esto es Adobe. El estandar actual de vídeo en la web es el Flash Video (Youtube, Vimeo&#8230;), totalmente cerrado y con royalties. Con la entrada del H.264 como estandar gratuito y el WebM y OGG Theora como libres, Flash Video queda fuera de esta puja por establecer un estandar web de vídeo.</p>
<p>Y para lanzar más leña al fuego, un <a href="http://www.theregister.co.uk/2010/08/26/mozilla_on_h264/">miembro de Mozilla ha dicho</a> que el codec H.264 no será relevante dentro de 4 años como para convertirlo en estandar del HTML5, debido a que ya se están entregando solicitudes de patentes para registrar el sucesor, el H.265.</p>
<p>Me pongo a pensar en el código HTML y pienso, nadie controla eso, nadie tiene poder sobre el &lt;div&gt; ¿por qué lo tendría que tener alguien sobre el &lt;video&gt; o &lt;audio&gt;? Cierto es que etiquetas similares, como &lt;img&gt; pueden mostrar JPGs que es software privativo, pero por una vez no se podrían hacer las cosas bien desde el principio?.</p>
<p>Hablando de imágenes, Google está trabajando en un nuevo sistema de codificación de imágenes para la web llamado <a href="http://barrapunto.com/articles/10/10/01/1723226.shtml" target="_self">WebP</a>, basado en VP8, al igual que WebM. Bajo una licenia BSD y sin patentes. Todavía está muy verde, pero por lo menos es un paso en la liberación de patentes de la web.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2010/10/06/html5-the-video-standard-strikes-back/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Software Libre con cariño</title>
		<link>http://blogs.zemos98.org/lacelulamecanica/2010/09/01/software-libre-con-carino/</link>
		<comments>http://blogs.zemos98.org/lacelulamecanica/2010/09/01/software-libre-con-carino/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 10:49:44 +0000</pubDate>
		<dc:creator>comcinco</dc:creator>
				<category><![CDATA[1]]></category>
		<category><![CDATA[software libre]]></category>

		<guid isPermaLink="false">http://blogs.zemos98.org/lacelulamecanica/?p=1408</guid>
		<description><![CDATA[Hablar de Software Libre no siempre es sencillo. Hace unos meses participé en las Jornadas de Cultura Libre que se celebraron en Sevilla entre el 18 y 20 de junio en la CSOE LA Huelga con un taller titulado &#8220;Software Libre con cariño&#8220;. Partiendo del eslogan que usa el grupo de desarrollo de SPIP en [...]]]></description>
			<content:encoded><![CDATA[<p>Hablar de <strong>Software Libre</strong> no siempre es sencillo. Hace unos meses participé en las <a href="http://estrecho.indymedia.org/culturalibre">Jornadas de Cultura Libre</a> que se celebraron en Sevilla entre el 18 y 20 de junio en la CSOE LA Huelga con un taller titulado &#8220;<strong>Software Libre con cariño</strong>&#8220;. Partiendo del eslogan que usa el grupo de desarrollo de <a href="http://www.spip.net/es">SPIP</a> en una de sus camisetas quise hacer <a href="http://blogs.zemos98.org/lacelulamecanica/2010/05/28/software-libre-en-zemos98/">un repaso de herramientas de uso común</a> con licencias libres desde la idea de que hay que tomarse las cosas con tranquilidad y que los integrismos no son nunca buenos.</p>
<p><span id="more-1408"></span></p>
<p style="text-align: center"><img class="aligncenter" title="Cartel Jornadas Cultura Libre" src="http://estrecho.indymedia.org/sites/default/files/images/banner-web-grande.jpg" alt="Cartel Jornadas Cultura Libre" width="300" height="313" /></p>
<p style="text-align: left">Por eso, además, comencé el taller con un punto que decía &#8220;<strong>Cómo justificar el uso de software propietario</strong>&#8220;. Porque si quieres contar algo, hacer algo, prefiero que lo hagas con software privativo a que no lo hagas por no saber usar una herramienta Software Libre. Hay gente que opina lo contrario, que si no usas Software Libre, mejor no uses nada.</p>
<p>Intentaré que mi vecino use OpenOffice Draw para hacer ese cartel de las fiestas del barrio, lo intentaré convencer, hacerle ver las ventajas, pero si aún así quiere usar Corel Draw, ¿que puedo hacer? (espero propuestas). Alguien podrá decir que le cuente aquello de que la libertad tecnológica es básica para el desarrollo humano, que la libertad hay que lucharla dándole por culo a las grandes empresas que solo quieren ganar dinero robando nuestros datos, nuestra vida. Entonces, mi vecino, me mirará con cara de WTF!, pero si yo solo quiero imprimir un cartel, a mi que más me da la libertad tecnológica y las multinacionales. No tengo ya suficiente con trabajar, mantener a mis hijos, pagar casa, coche, agua, luz&#8230;&#8221;.</p>
<p>La próxima vez que sean las fiestas del barrio le haré el cartel usando Software Libre y se lo mostraré, le diré, mira vecino, queda igual que el tuyo pero con un programa que es gratuito y que te lo puedes bajar de su web sin que te cueste nada. No le voy a interpelar por ser un desconocedor de sus derechos o de las posibilidades del SL o de que está a merced de las grandes compañías, a la gente eso le da igual. La gente quiere poder llegar a final de mes sin pasar penurias, quiere poder ver tranquilo un partido de fútbol en el bar con los amigos. Por eso digo que a la gente hay que tratarla con cariño. Mi vecino no gana nada con Linux instalado en su ordenador, no le sirve para nada más que si tuviera un PC con Windows. El que no vea esto es que está ciego.<br />
Y no digo que no haya que enseñarle a la gente las bondades del Software Libre y de su filosofía de vida, pero cada cosa a su tiempo. Primero hay que hablar de lo cotidiano para luego pasar a palabras mayores.</p>
<p><strong>Desde aquí lanzo la pregunta y la propuesta. ¿Cómo hacer que una persona no iniciada use programas libres?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.zemos98.org/lacelulamecanica/2010/09/01/software-libre-con-carino/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

