<?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>Túnel Carpiano &#187; flash</title>
	<atom:link href="http://tunelcarpiano.net/etiqueta/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://tunelcarpiano.net</link>
	<description>El Blog de Jose Frechín</description>
	<lastBuildDate>Tue, 22 May 2012 08:06:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>		<item>
		<title>Cómo configurar TiltViewer para Picasa en Ubuntu</title>
		<link>http://tunelcarpiano.net/2009/09/como-configurar-tiltviewer-para-picasa-en-ubuntu.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=como-configurar-tiltviewer-para-picasa-en-ubuntu</link>
		<comments>http://tunelcarpiano.net/2009/09/como-configurar-tiltviewer-para-picasa-en-ubuntu.html#comments</comments>
		<pubDate>Mon, 28 Sep 2009 11:44:00 +0000</pubDate>
		<dc:creator>Jose Frechín</dc:creator>
				<category><![CDATA[álbum]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[fotografía]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[tiltviewer]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://tunelcarpiano.metriz.com/2009/09/como-configurar-tiltviewer-para-picasa-en-ubuntu.html</guid>
		<description><![CDATA[Ayer iba a montar un álbum de fotos (una serie de 76 para General de pie), así que me acordé de Tiltviewer, un visor en flash bastante molón, que permite definir el listado de ficheros directamente desde un xml. Así que me puse a revisar cómo iba el tema y me topé con que había [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;">Ayer iba a montar un álbum de fotos (una serie de 76 para General de pie), así que me acordé de Tiltviewer, un visor en flash bastante molón, que permite definir el listado de ficheros directamente desde un xml.</p>
<p>Así que me puse a revisar cómo iba el tema y me topé con que había una plantilla para Picasa, algo que puede facilitar un poco la generación del álbum, sobre todo en lo que se rerfiere a los pasos de redimensionar todas las fotos y crear el listado de las mismas en el xml.</p>
<p>Aunque para configurar la plantilla en ubuntu hay que tener en cuenta un par de detalles:</p>
<p>- Lo primero es instalar la versión de Picasa para linux, en mi caso el fichero deb para Ubuntu.<br /><a href="http://picasa.google.com/linux/">http://picasa.google.com/linux/</a></p>
<p>- Lo siguiente descargarse el paquete de TiltViewer.<br /><a href="http://www.simpleviewer.net/tiltviewer/">http://www.simpleviewer.net/tiltviewer/</a></p>
<p>- Por último la plantilla de TiltViewer para Picasa.<br /><a href="http://www.paulvanroekel.nl/picasa/tiltviewer/">http://www.paulvanroekel.nl/picasa/tiltviewer/</a></p>
<p>(ojo: tanto el tiltviewer como la plantilla de picasa vienen en ficheros zip con el nombre tiltviewer, la plantilla con &#8220;T&#8221; mayúscula)</p>
<p>La plantilla se instala manualmente, esto es dentro de la carpeta \web\templates del directorio donde se haya instalado Picasa. Para esto debemos descomprimir el fichero zip en el que viene la plantilla, por ejemplo en la carpeta personal y lo copiamos a la ruta donde se instala Picasa, algo así:</p>
<p><code></code><br /><code>sudo cp -r Tiltviewer /opt/google/picasa/3.0/wine/drive_c/Program\ Files/Google/Picasa3/web/templates</code><br /><code></code></p>
<p>Una vez instalada la plantilla, lo único que resta es:<br />- arrancar Picasa y decirle que no escanee la carpeta de imágenes (odio que haga eso), desde Tools -> Folder Manager, decirle que se centre en la carpeta que nos interese.</p>
<p>- Ahora hay que pulsar (botón derecho) sobre la carpeta y seleccionar &#8220;Export as HTML page&#8221;, elegimos tamaño de las fotos (personalmente prefiero como mínimo 800 px), nombre para el álbum y lugar donde se alojará, luego pulsamos en Siguiente.</p>
<p>- Ahora elegimos TiltViewer en Template Name y Terminar. Dependiendo del número de fotografías tardará más o menos en el proceso de exportación</p>
<p>- Luego abrirá una ventana del navegador con el mensaje de que no tira porque requiere Javascript y Flash, esto es porque necesita que le añadamos a la carpeta resultante de la exportación dos ficheros que vienen en el paquete comprimido de Tiltviewer (el que viene en un zip en minúsculas), concretamente necesitamos copiar: <b>swfobject.js</b> y <b>TiltViewer.swf</b></p>
<p>Una vez hecho esto, abrimos en local el fichero index.html en un navegador y todo debería funcionar.</p>
<p>Puede que sea un poco lioso la primera vez, pero luego se hace en dos patadas. Si te quieres meter un poco más en el tema puedes cambiar algo la descripción en el fichero gallery.xml de la plantilla, para que salga un texto personalizado y luego volver a copiar al directorio de templates de picasa.</p>
<p>En principio no viene preparado para verse incrustar en otro sitio, pero con hacer un iframe es suficiente, mira el resultado en este post de <a href="http://generaldepie.com/2009/09/album-fotografico-del-real-madrid-tenerife/">General de pie</a>.</div>
<p>
<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://generaldepie.com/2009/09/album-fotografico-del-real-madrid-tenerife/"><img style="margin: 0pt 0pt 10px 10px; cursor: pointer; width: 400px; height: 339px;" src="http://2.bp.blogspot.com/_LvTcJXThjBg/SsCSQ-nsoKI/AAAAAAAAKj8/aX_e70Yxt8s/s400/tilt-viewer-picasa-ubuntu.png" alt="Cómo configurar TiltViewer para Picasa en Ubuntu" id="BLOGGER_PHOTO_ID_5386465974720176290" border="0" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://tunelcarpiano.net/2009/09/como-configurar-tiltviewer-para-picasa-en-ubuntu.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Mapbridge: programa la API de google maps para flash con javascript</title>
		<link>http://tunelcarpiano.net/2009/09/mapbridge-programa-la-api-de-google-maps-para-flash-con-javascript.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mapbridge-programa-la-api-de-google-maps-para-flash-con-javascript</link>
		<comments>http://tunelcarpiano.net/2009/09/mapbridge-programa-la-api-de-google-maps-para-flash-con-javascript.html#comments</comments>
		<pubDate>Wed, 02 Sep 2009 19:14:00 +0000</pubDate>
		<dc:creator>Jose Frechín</dc:creator>
				<category><![CDATA[api]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[gmaps]]></category>
		<category><![CDATA[google maps]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://tunelcarpiano.metriz.com/2009/09/mapbridge-programa-la-api-de-google-maps-para-flash-con-javascript.html</guid>
		<description><![CDATA[A finales de julio se añadió la posibilidad de usar la perspectiva en google maps usando la API para flash, ahora han creado un &#8220;puente&#8221; que permite programarla a través de javascript. Resulta espectacular el ejemplo del &#8220;vuelo&#8221;, que te permite ver en perspectiva la ruta que hay de un punto a otro, con indicaciones [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;">A finales de julio se añadió la posibilidad de usar la <a href="http://googlegeodevelopers.blogspot.com/2009/07/3d-perspective-in-maps-api-for-flash.html">perspectiva</a> en google maps usando la API para flash, ahora han creado un &#8220;<span style="font-weight: bold;">puente</span>&#8221; que permite programarla a través de javascript.</p>
<p>Resulta espectacular el ejemplo del &#8220;vuelo&#8221;,  que te permite ver en perspectiva la ruta que hay de un punto a otro, con indicaciones en las intersecciones y en movimiento:</div>
<p><center><iframe style="border: medium none ;" src="http://tunelcarpiano.s3.amazonaws.com/contenido/mapbridge/DirectionsFlyTo.html" frameborder="0" height="560" width="550"></iframe></center><br /><a href="http://tunelcarpiano.s3.amazonaws.com/contenido/mapbridge/DirectionsFlyTo.html">Ver ejemplo fuera de esta entrada</a>.</p>
<div style="text-align: justify;">En Google Geo Developers Blog lo explican con todo detalle: &#8220;<a href="http://googlegeodevelopers.blogspot.com/2009/08/mapbridge-javascript-bridge-to-google.html">MapBridge: JavaScript Bridge to Google Maps API for Flash</a>&#8220;.</div>
]]></content:encoded>
			<wfw:commentRss>http://tunelcarpiano.net/2009/09/mapbridge-programa-la-api-de-google-maps-para-flash-con-javascript.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Avances en la indexación de flash</title>
		<link>http://tunelcarpiano.net/2009/06/avances-en-la-indexacion-de-flash.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=avances-en-la-indexacion-de-flash</link>
		<comments>http://tunelcarpiano.net/2009/06/avances-en-la-indexacion-de-flash.html#comments</comments>
		<pubDate>Mon, 29 Jun 2009 12:00:00 +0000</pubDate>
		<dc:creator>Jose Frechín</dc:creator>
				<category><![CDATA[buscadores]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://tunelcarpiano.metriz.com/2009/06/avances-en-la-indexacion-de-flash.html</guid>
		<description><![CDATA[Una de las tendencias que más daño ha hecho a la web es el diseño de sitios enteramente en flash. A pesar de lo mucho que se ha hablado sobre este tema, de los perjuicios en posicionamiento, usabilidad y accesibilidad que lleva aparejado el uso de este tipo de contenedores de información, existe un porcentaje [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;">Una de las tendencias que más daño ha hecho a la web es el diseño de sitios enteramente en flash. A pesar de lo mucho que se ha hablado sobre este tema, de los perjuicios en posicionamiento, usabilidad y accesibilidad que lleva aparejado el uso de este tipo de contenedores de información, existe un porcentaje desconocido* de websites que persisten en seguir usándolo de forma exclusiva.</p>
<p>Las razones, de este empecinamiento, habitualmente se encuentran en la creencia de que con flash, el diseño gráfico y los efectos en la interacción del interfaz son mucho más avanzados y/o molones, también tiene que ver la inercia y el seguidismo de otros sitios.</p>
<p>Bueno, ya he rajado lo suficiente de flash, ahora vamos a ver las soluciones al problema del posicionamiento que están planteando buscadores. En principio un objeto flash, ya sea un banner, una presentación, infografía o un sitio entero, no son indexables por los buscadores, aunque desde hace tiempo Google hace lo siguiente:<br />
<blockquote style="font-style: italic;">- Indexar el contenido textual que aparece cuando un usuario interactúa con el archivo. Hacemos clic en los botones y proporcionamos la información, al igual que haría un usuario.<br />- Descubrir enlaces dentro de archivos Flash.<br />- Dar soporte a las técnicas comunes de JavaScript para incrustar Flash, como SWFObject y SWFObject2.<br />- Indexar sitios creados con scripts AS1 y AS2, incluso si el ActionScript está ofuscado. También indexamos sitios con AS3. La versión de ActionScript no es especialmente relevante en nuestro proceso de indexación, así que también damos soporte a versiones anteriores de AS.</p></blockquote>
<p>Y a partir de ahora:<br />
<blockquote style="font-style: italic;">Hemos añadido la carga de recursos externos para la indexación de Flash. Esto significa que cuando un archivo SWF carga contenido de algún otro archivo, ya sea texto, HTML, XML, otro SWF, etc., se puede indexar este contenido externo también, asociándolo al archivo SWF principal y a cualquier documento que lo incruste.</p></blockquote>
<p>Una buena noticia para quien se preocupa por el SEO, incluso cuando desarrolla para flash. Una mala noticia para los talibanes del flash que ignoran el mundo del posicionamiento y no se dan cuenta del medio en el que se mueven.</div>
<p>
<div style="text-align: right;"><span style="font-style: italic;">* su propia naturaleza hace difícil encontrarlos.</span></div>
<p>Vía <a href="http://googlewebmaster-es.blogspot.com/2009/06/indexacion-flash-con-carga-de-recursos.html">El Blog de Webmasters</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tunelcarpiano.net/2009/06/avances-en-la-indexacion-de-flash.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Realidad aumentada: Papervision [flash + webcam]</title>
		<link>http://tunelcarpiano.net/2008/11/realidad-aumentada-papervision-flash-webcam.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=realidad-aumentada-papervision-flash-webcam</link>
		<comments>http://tunelcarpiano.net/2008/11/realidad-aumentada-papervision-flash-webcam.html#comments</comments>
		<pubDate>Fri, 28 Nov 2008 13:04:00 +0000</pubDate>
		<dc:creator>Jose Frechín</dc:creator>
				<category><![CDATA[3d]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[papervision]]></category>
		<category><![CDATA[realidad aumentada]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://tunelcarpiano.metriz.com/2008/11/realidad-aumentada-papervision-flash-webcam.html</guid>
		<description><![CDATA[Nota mental: tengo que probar este experimento de realidad aumentada, usando un símbolo impreso, flash y una webcam. Una vez instalado Papervision y FLARToolkit, se trata de: Descargar e imprimir este símbolo Permitir acceso de flash a tu webcam (ni idea de cómo se hace esto). Enfocar con la webcam al símbolo impreso y el [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;">Nota mental: tengo que probar este experimento de realidad aumentada, usando un símbolo impreso, flash y una webcam.</p>
<p>Una vez instalado <a href="http://code.google.com/p/papervision3d/" title="Papervision3D" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/code.google.com');">Papervision</a> y <a href="http://www.libspark.org/wiki/saqoosha/FLARToolKit/en" title="FLARToolkit" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.libspark.org');">FLARToolkit</a>, se trata de:</div>
<ol style="text-align: justify;">
<li>Descargar e imprimir este <a href="http://interactive.digitalpictures.com.au/wp-content/uploads/printme.pdf" title="Augmented Reality - Print Symbol" target="_blank">símbolo</a></li>
<li>Permitir acceso de flash a tu webcam (ni idea de cómo se hace esto).</li>
<li>Enfocar con la webcam al símbolo impreso y el <a href="http://polycount.com/models/quake2/">bicho</a> aparecerá.</li>
</ol>
<div style="text-align: justify;">Todo lo necesario viene explicado en <a href="http://interactive.digitalpictures.com.au/?p=392">Boffswana</a>.</div>
<p>http://vimeo.com/moogaloop.swf?clip_id=2283082&#038;server=vimeo.com&#038;show_title=1&#038;show_byline=1&#038;show_portrait=0&#038;color=&#038;fullscreen=1<br /><span style="font-size:85%;"><a href="http://vimeo.com/2283082">Papervision &#8211; Augmented Reality (extended)</a> from <a href="http://vimeo.com/user946580">dpinteractive</a> on <a href="http://vimeo.com/">Vimeo</a>.</span></p>
<p>Me enteré a través de <a href="http://digitalurban.blogspot.com/2008/11/papervision-augmented-reality.html">Digital Urban</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tunelcarpiano.net/2008/11/realidad-aumentada-papervision-flash-webcam.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&lt;head&gt; global web conference [24-26 oct]</title>
		<link>http://tunelcarpiano.net/2008/10/head-global-web-conference-24-26-oct.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=head-global-web-conference-24-26-oct</link>
		<comments>http://tunelcarpiano.net/2008/10/head-global-web-conference-24-26-oct.html#comments</comments>
		<pubDate>Wed, 22 Oct 2008 20:02:00 +0000</pubDate>
		<dc:creator>Jose Frechín</dc:creator>
				<category><![CDATA[congreso]]></category>
		<category><![CDATA[eventos]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[servicio web]]></category>

		<guid isPermaLink="false">http://tunelcarpiano.metriz.com/2008/10/head-global-web-conference-24-26-oct.html</guid>
		<description><![CDATA[A través del blog de Carlos Ulloa me entero de que los días 24 a 26 de octubre se celebrará the global web conference, con un programa realmente interesante. Como el evento me queda algo retirado, intentaré seguirlo por el twitter y la web. web conference: October 24-26, 2008&#8243; border=&#8221;0&#8243; height=&#8221;54&#8243; width=&#8221;425&#8243; /> El propio [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;">A través del blog de <a href="http://blog.carlosulloa.com/2008/10/20/head-the-global-web-conference/">Carlos Ulloa</a> me entero de que los días 24 a 26 de octubre se celebrará <a href="http://www.headconference.com/"><span style="font-weight: bold;"><head> the global web conference,</head></span></a> con un programa realmente interesante. Como el evento me queda <a href="http://www.headconference.com/hubs/">algo retirado</a>, intentaré seguirlo por el <a href="http://twitter.com/headconference">twitter</a> y la web.</div>
<p><center><a href="http://www.headconference.com/"><img src="http://www.headconference.com/images/buttons/button_468x60.gif" alt="&lt;head&gt; web conference: October 24-26, 2008" /><head> web conference: October 24-26, 2008&#8243; border=&#8221;0&#8243; height=&#8221;54&#8243; width=&#8221;425&#8243; /></head></a></center>
<div style="text-align: justify;">El propio <a href="http://carlosulloa.com/">Carlos Ulloa</a> participará con una presentación genialmente titulada: &#8220;<a href="http://www.headconference.com/speakers/carlos-ulloa/">La mejor forma de predecir el futuro es inventándolo</a>&#8220;.</div>
<p>
<div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.headconference.com/"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://www.headconference.com/images/buttons/sky300x600.gif" alt="" border="0" /></a>Igualmente interesante pinta esta de <span style="font-weight: bold;">Thijs Triemstra</span> &#8220;<a href="http://www.headconference.com/speakers/thijs-triemstra/">Python meets Flash</a>&#8220;.</div>
]]></content:encoded>
			<wfw:commentRss>http://tunelcarpiano.net/2008/10/head-global-web-conference-24-26-oct.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TiltViewer [Visor de imágenes Flash]</title>
		<link>http://tunelcarpiano.net/2008/04/tiltviewer-visor-de-imagenes-flash.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=tiltviewer-visor-de-imagenes-flash</link>
		<comments>http://tunelcarpiano.net/2008/04/tiltviewer-visor-de-imagenes-flash.html#comments</comments>
		<pubDate>Fri, 18 Apr 2008 11:31:00 +0000</pubDate>
		<dc:creator>Jose Frechín</dc:creator>
				<category><![CDATA[3d]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[mashup]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://tunelcarpiano.metriz.com/2008/04/tiltviewer-visor-de-imagenes-flash.html</guid>
		<description><![CDATA[TiltViewer es un espectacular visor de imágenes, hecho en flash y con características de zoom, movimiento y rotación en 3D, que puedes usar en la web y personalizar. Las imágenes pueden estar en flickr, picassa, o donde las tengas alojadas tirando de xml. Tienen dos versiones, gratuita y de pago (con más opciones de personalización). [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;"><a href="http://www.airtightinteractive.com/projects/tiltviewer/">TiltViewer</a> es un espectacular visor de imágenes, hecho en flash y con características de zoom, movimiento y rotación en 3D, que puedes usar en la web y personalizar. Las imágenes pueden estar en flickr, picassa, o donde las tengas alojadas tirando de xml. Tienen dos versiones, gratuita y de pago (<span style="font-style: italic;">con más opciones de personalización</span>).</p>
<p>He hecho un <a href="http://metriz.com/tiltviewer/">ejemplo</a> usando unas ilustraciones de <a href="http://kizerdabbles.blogspot.com/">Kizer</a> que encontré en <a href="http://kizer180.deviantart.com/">deviantart</a>.</div>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://metriz.com/tiltviewer/"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_LvTcJXThjBg/SAh31de-MPI/AAAAAAAAIb8/U3w6lMZwA0U/s400/Pantallazo.png" alt="" id="BLOGGER_PHOTO_ID_5190530330875801842" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tunelcarpiano.net/2008/04/tiltviewer-visor-de-imagenes-flash.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

