<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Activ</title>
	<atom:link href="http://activ.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://activ.wordpress.com</link>
	<description>Plataforma Flash, Experiencia de Usuario, Mobile y demás...</description>
	<lastBuildDate>Fri, 16 Dec 2011 18:42:00 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='activ.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Activ</title>
		<link>http://activ.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://activ.wordpress.com/osd.xml" title="Activ" />
	<atom:link rel='hub' href='http://activ.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Trollum de Fugitivepixel</title>
		<link>http://activ.wordpress.com/2011/12/16/trollum-de-fugitivepixel/</link>
		<comments>http://activ.wordpress.com/2011/12/16/trollum-de-fugitivepixel/#comments</comments>
		<pubDate>Fri, 16 Dec 2011 18:41:58 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Flash Lite]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[entrevista]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=445</guid>
		<description><![CDATA[En el marco del Adobe Express 2011 conocí a un equipo de chicos muy talentosos que nos mostraron el prototipo de un juego que estaban desarrollando. Utilizaron una tecnología llamada Corona SDK a la cuál le veo un futuro interesante en el mundo del desarrollo móvil. Recientemente publicaron aquel juego que nos mostraron y créanme [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=445&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>En el marco del <a href="http://adobecamp.com.mx/">Adobe Express</a> 2011 conocí a un equipo de chicos muy talentosos que nos mostraron el prototipo de un juego que estaban desarrollando. Utilizaron una tecnología llamada <a href="http://www.anscamobile.com/corona/">Corona SDK</a> a la cuál le veo un futuro interesante en el mundo del desarrollo móvil.</p>
<p><a href="http://www.fugitivepixel.com/"><img src="http://activ.files.wordpress.com/2011/12/trollum-banner.jpg?w=480" alt="Trollum" title="Trollum"   class="aligncenter size-full wp-image-447" /></a></p>
<p>Recientemente publicaron aquel juego que nos mostraron y créanme cuando les digo que vale mucho la pena la jugabilidad e historia de <a href="http://itunes.apple.com/mx/app/trollum/id483754659?ls=1&amp;mt=8">Trollum</a> lo hacen realmente adictivo; además que la calidad es impecable y está a la altura de cualquiera de los mejores.</p>
<p>Tuve la oportunidad de platicar con parte del equipo y hacerles una pequeña entrevista misma que publico a continuación&#8230;<br />
<span id="more-445"></span><br />
<strong>¿Qué es Fugitive Pixel y quiénes lo integran?</strong></p>
<p><a href="http://www.fugitivepixel.com/">Fugitive Pixel</a> es un estudio indie de videojuegos ubicado en la ciudad de Morelia. El equipo actual lo conformamos 5 personas. <a href="https://twitter.com/#!/Unckmania">@Unckmania</a>, <a href="https://twitter.com/#!/CronGM">@CronGM</a>, <a href="https://twitter.com/#!/schmidtsonian">@schmidtsonian</a>, dedicados principalmente a programación y diseño de juego, <a href="https://twitter.com/#!/Melee_Ninja">@Melee_Ninja</a>, que es nuestro artista y <a href="https://twitter.com/#!/sonicmotion">@sonicmotion</a>, que es el compositor de la música. Además colaboró con nosotros <a href="https://twitter.com/#!/VlomLoor">@VlomLoor</a>, que escribió la historia.</p>
<p><strong>¿Cómo comenzaron con el proyecto de Trollum?</strong></p>
<p>Tuvimos <em>al inicio una etapa de adaptación y aprendizaje para desarrollo de videojuegos que duró un par de meses</em>, y hasta entonces fue que empezamos a definir nuestro primer juego. Comenzamos mezclando una serie de conceptos de juegos que ya conocíamos, y buscamos concentrarlo en un paquete sencillo y accesible para el jugador promedio de iOS y smartphones. Poco después se integró al equipo nuestro Art Lead, Adam, que le dio un aspecto único y excepcional. En ese momento supimos exactamente qué tipo de juego sería <strong>Trollum</strong>.</p>
<p><strong>¿Cuáles son sus fuentes de inspiración?</strong></p>
<p>Tenemos varias, que se notan desde los primeros instantes de jugarlo. Por parte del artista, él es un gran fanático de la serie <strong>Monster Hunter</strong> y aprecia el arte de <strong>Magic: The Gathering,</strong> y algo de eso se puede ver en su estilo. En cuanto al gameplay, tomamos prestado de varias fuentes como <em>Dance Dance Revolution, Guitar Hero, Puzzle Quest y seguramente algunas otras.</em> </p>
<p><strong>¿Por qué eligieron Corona SDK como tecnología de desarrollo?</strong></p>
<p>Antes de comenzar a desarrollar revisamos las opciones que eran ampliamente utilizadas en el desarrollo de juegos para iOS, consultando foros y redes sociales especializadas. Probamos directamente con <strong>Xcode/Objective-C</strong>, pero era un proceso muy lento y complicado. Probamos también <strong>Cocos2D</strong>, el cual es fantástico y bastante completo, pero todavía muy apegado a Xcode. Otra opción era <strong>Game Salad</strong>, pero su enfoque de cero programación no fue muy celebrado entre el equipo.</p>
<p>Al final nos topamos con <a href="http://www.anscamobile.com/corona/">Corona SDK</a>, y en muy poco tiempo logramos resultados que en las demás plataformas tomaba algo de tiempo crear, por lo que decidimos que si queríamos llevar este y otros proyectos lo más lejos posible, sin invertir mucho tiempo, era la mejor opción.</p>
<p><strong>¿Sabían que los creadores de Corona trabajaron en el equipo que desarrollo Flash Lite en Adobe?</strong></p>
<p>Sí. ademas de que es un dato comunmente citado en las biografias de los creadores de Corona, hay bastantes similitudes entre el codigo de <strong>LUA</strong> que se usa en Corona y el <strong>Actionscript</strong> enfocado a videojuegos. De hecho hay muchas herramientas actualmente que facilitan el portar contenido de una plataforma a otra con sencillez.</p>
<p><strong>¿Que piensan de Flash y su robustecimiento como tecnología para creación de Juegos?</strong></p>
<p><em>Flash es y seguirá siendo una fantástica plataforma para videojuegos.</em> Que siga creciendo como tal es importante ya que gran parte de su base de usuarios mas avanzados se dedica al desarrollo de videojuegos, que con frecuencia inspiran o son portados a otras plataformas.</p>
<p><strong>¿Cuánto tiempo les llevo desarrollar Trollum y cuáles fueron los mayores retos durante el desarrollo?<br />
</strong><br />
El tiempo total lo estimamos en <strong>aproximadamente 5 meses</strong>. Al ser el primer juego que desarrollamos, tuvimos que pelearnos con la curva de aprendizaje, que es brutal para quienes empiezan apenas en esto.</p>
<p>Después, uno de los retos fue el de limitar el juego para que se ajustara a nuestras posibilidades y recursos. Uno de estos recursos es el tiempo de desarrollo que inicialmente habiamos planeado, que era mucho menor. Pero los retos que se presentaban, además que cada día crecían las características que queríamos introducir al juego, nos hicieron empujar la fecha de lanzamiento un par de veces, con el fin de lanzar un producto bien cuidado a la App Store.</p>
<p><strong>¿Tuvieron algún tipo de asesoría de parte de gente del medio?</strong></p>
<p>En realidad no. Aunque hay mucha gente que nos ha apoyado, mucho de lo que hemos hecho y trabajado esta basado en recomendaciones generales que expertos hacen en sus blogs o guías. Pero al ser nuevos en la industria, no conocemos a muchas personas en ella que pudieran asesorarnos directamente.</p>
<p>En los aspectos legales hemos recibido mucho apoyo por parte de la incubadora de empresas de la Universidad Latina de América.</p>
<p>Trabajando desde provincia, no existen aquí otras empresas (al menos hasta donde sabemos) que se encuentren directamente ligadas al desarrollo de videojuegos, por lo que nuestras posibilidades estaban limitadas en ese aspecto.</p>
<p><strong>¿Algún comentario extra?</strong></p>
<p>Ya nos encontramos trabajando en actualizaciones para Trollum y deberían estar saliendo periodicamente en la <a href="http://itunes.apple.com/mx/app/trollum/id483754659?ls=1&amp;mt=8">App Store</a>, para que no se desesperen. Y también les podemos adelantar que ya iniciamos la etapa de creación de nuestro próximo juego, que esperamos también sea de su agrado. <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/445/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/445/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/445/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=445&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/12/16/trollum-de-fugitivepixel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/12/trollum-banner.jpg" medium="image">
			<media:title type="html">Trollum</media:title>
		</media:content>
	</item>
		<item>
		<title>El Futuro de HTML5 es Flash</title>
		<link>http://activ.wordpress.com/2011/11/15/el-futuro-de-html5-es-flash/</link>
		<comments>http://activ.wordpress.com/2011/11/15/el-futuro-de-html5-es-flash/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 00:27:18 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash Lite]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=435</guid>
		<description><![CDATA[Para todos los que están leyendo esto descuiden no me he vuelto loco y no creo que el futuro de HTML5 sea Flash sin embargo quería ver lo que se siente “engañar” ejem! perdón quise decir “enganchar” al respetable público lector con un título por demás polémico sobre una situación sobre la cuál he visto [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=435&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Para todos los que están leyendo esto descuiden no me he vuelto loco <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  y <strong>no creo que el futuro de HTML5 sea Flash</strong> sin embargo quería ver lo que se siente “engañar” ejem! perdón quise decir “enganchar” al respetable público lector con un título por demás polémico sobre una situación sobre la cuál he visto mucho contenido en blogs o portales que tienen poca o nula autoridad para hablar del tema, la única diferencia es que en mi caso si tengo autoridad e interés sincero para compartir con todos ustedes las siguientes reflexiones. Dicho lo anterior solo espero aportar un poco de perspectiva y tomarle el pulso a la situación que la mayoría conocemos de los últimos días.</p>
<p><img src="http://activ.files.wordpress.com/2011/11/flashcartoon.jpg?w=480" alt="Flash Cartoon" title="Flash Cartoon"   class="aligncenter size-full wp-image-436" /></p>
<p>El asunto en cuestión ya muchos colegas la han descrito mucho mejor que yo, así que tan solo resumiré que <strong>Adobe ha comunicado de una pésima forma la salida de Flash Player de los dispositivos móviles</strong> provocando un ambiente de inseguridad e incertidubre entre los usuarios. La noticia del <strong>despido masivo tampoco ayudo mucho</strong> al respecto y siendo francos el tema sobre <strong>el futuro de Flex terminó por caldear los ánimos de la comunidad</strong> de desarrolladores Flash.<br />
<span id="more-435"></span></p>
<h2>Diferentes Puntos de Vista</h2>
<p>Cuando sucede un cambio de ruta de tal magnitud es casi un hecho que habrá diferentes puntos de vista, algunos estarán a favor y otros en contra; y realmente no importa cuál sea nuestra bandera ya que en alguna de las posiciones encontraremos varias razones como para sentirnos identificados.</p>
<p>A continuación rescato las opiniones de <em>diferentes desarrolladores de Plataforma Flash, equipo de Adobe y líderes de comunidades</em>. No espero realmente sacar conclusiones definitivas de este ejercicio simplemente tratar de hacer un desglose del <strong>criterio colectivo</strong> ante una situación que me preocupa y que seguramente acelerará cambios en mi vida que ya habían comenzado a suceder hacer tiempo.</p>
<h3>Equipo de Adobe</h3>
<p><a href="http://adobeevangelists.com/">http://adobeevangelists.com/</a><br />
<a href="http://blogs.adobe.com">http://blogs.adobe.com</a></p>
<p>En este momento este grupo forma una pieza clave de comunicación que puede ayudar a Adobe a contener parcialmente los daños provocados por el mal manejo de PR sobre el tema, son personas honestas y que sienten una gran pasión por las tecnologías de la marca, que en muchos casos se formaron con la misma comunidad  o tienen sus raíces dentro de los equipos de desarrollo.<br />
￼<br />
<img src="http://activ.files.wordpress.com/2011/11/adobe-logo-big.gif?w=480" alt="Adobe Logo" title="Adobe Logo"   class="aligncenter size-full wp-image-437" /></p>
<p><strong>Ben Forta</strong> (@benforta), Director del programa de Evangelistas de Adobe. Durante la semana pasada escribió en su blog algunas <a href="http://forta.com/blog/index.cfm/2011/11/9/Some-Thoughts-On-Flash-And-Devices">reflexiones sobre Flash y Móviles</a> de donde me quedo con lo siguiente:</p>
<p><em>“So, yes, in-browser Flash on mobile devices is reaching the end of the line. Flash on desktops continues to deliver in ways the browser can&#8217;t (yet). Flash is one way to build apps, and HTML5 (using PhoneGap) is another. You, as a developer, have options”</em>.</p>
<p><strong>Thibault Imbert</strong> (@thibault_imbert), Product Manager de Adobe Flash Runtimes así que lo que tiene que decir es importante para el contexto del futuro de Flash Player en múltiples aspectos. En su blog escribió un post titulado <a href="http://www.bytearray.org/?p=3744">Focusing</a> donde podemos encontrar lo siguiente:</p>
<p><em>“As a long time Flash developer who loves Flash, I can tell you that what is happening right now is a good thing. We are not stepping out of the mobile space with Flash, we are just focusing on what makes sense and where Flash looks great, standalone apps with AIR”</em>.</p>
<p><strong>Mike Chambers</strong> (@mesh), Principal Product Manager de relación con desarrolladores para la Plataforma Flash. Sin lugar a dudas es uno de los líderes tecnológicos dentro de Adobe más importantes que existen, ha sido parte de la compañia desde la época de Allaire y después Macromedia. Varios colegas que conozco nos sentimos identificados con Mike ya que como <a href="http://www.mikechambers.com/blog/2011/11/11/clarifications-on-flash-player-for-mobile-browsers-the-flash-platform-and-the-future-of-flash/">él lo confiesa </a>han sido los días más complicados de su carrera en cuanto al tema de Flash.</p>
<p><em>“A lot of the things that you have done via Flash in the past, will increasingly be done via HTML5 and CSS3 directly in the browser. I know that this is a bit scary for a lot of people who have made their career working with Flash. I completely get that. However, I think it is a HUGE opportunity for the Flash community”</em>.</p>
<p><strong>Lee Brimelow</strong> (@leebrimelow), Evangelista de Desarrollo de Juegos para Adobe y una de las personas dentro de Adobe más comprometidas con la comunidad latina, hace un par de años que creo un esfuerzo de evento posterior a MAX llamado <a href="http://latinflashtour.com/">Latin Flash Tour</a> del cuál algunos somos cómplices en nuestros países, en su <a href="http://www.leebrimelow.com/?p=3151">blog personal</a> publico lo siguiente:</p>
<p><em>“So the big question I’m sure you have is, why did we do this? The decision reflects the reality that the kind of highly-interactive content people build with Flash, games being a great example, are much-better suited to run as mobile apps”</em>.</p>
<h3>Desarrolladores de Plataforma Flash</h3>
<p>Es un grupo conformado por gente comprometida con Flash, varios de ellos participan activamente en la comunidad escribiendo artículos, dando conferencias, apoyando diferentes iniciativas de la marca y en ciertos casos dirigiendo grupos de usuarios y comunidades.</p>
<p><img src="http://activ.files.wordpress.com/2011/11/flash_bkg1.png?w=237&#038;h=300" alt="Flash Logos" title="Flash Logos" width="237" height="300" class="aligncenter size-medium wp-image-439" /></p>
<p>￼Justo ahora hay una gran polarización con los anuncios de los últimos días, en la mayoría de los casos hay que analizar las biografías de cada uno de estos interesantes personajes y su relación con Flash que en la mayoría de los casos viene desde tiempos cuando Flash aún era parte de una empresa llamada Macromedia y una visión basada en lo que podía ser la web <em>&#8220;what the web can be&#8221;</em></p>
<p><strong>Grant Skinner</strong> (@gskinner), diseñador interactivo de gran abolengo dentro del mundo Flash. Actualmente desarrolla junto con su equipo <a href="http://easeljs.com/">EaselJS</a>, una librería de Javascript para trabajar con el Canvas de HTML5 en diversos tipos de proyectos que llevan las características de presentación de los browsers a sus extremos.</p>
<p>Dentro de <a href="http://gskinner.com/blog">su blog</a> Grant escribe:</p>
<p><em>“Yes, Flash is proprietary, but that allows it to be agile. Yes, there’s an abundance of truly horrible Flash content out there, but that’s more a testament to its ease of use than its failings as a technology. I guarantee that if creating HTML5 content ever becomes as simple as with Flash, you will see a plethora of horrible HTML5 content (though hopefully some lessons will not be forgotten – RIP Skip Intro)”</em>.</p>
<p><strong>Carlos Rovira</strong> (@carlosrovira), Director de Tecnología de Codeoscopic una empresa especializada en aplicaciones RIA, creador de la Plataforma <a href="http://www.codeoscopic.com/tecnologia/riality/">RIAlity</a> una tecnología muy interesante en el mercado empresarial de JEE/Flex y cofundador de <a href="http://www.madeinflex.com/">MadeInFlex</a> hoy en día el grupo de usuarios de Adobe más importante de Flex en habla hispana.</p>
<p>En el <a href="https://groups.google.com/forum/#!topic/madeinflex/EpuH3s6FQd4">grupo de MadeInFlex</a> hay una interesante discusión sobre el futuro de Flex que merece la pena participar en ella y en la cuál Carlos ha escrito lo siguiente:</p>
<p><em>“Historicamente Adobe ha sido una empresa de herramientas de diseño y su forma de llevar Flex dado los resultados actuales ha sido fatal para todos. Lo normal es que las nuevas herramientas HTML sean como las que siempre han fabricado, orientadas al diseñador/desarrollador de pequeños sites y no para desarrolladores de aplicaciones empresariales que es el target de Flex”</em>.</p>
<p>Personalmente el escuchar a un Rovira (de cariño) quién ha sido fuente de inspiración para muchos hablar así me tiene un tanto revuelto, pero entiendo totalmente sus razones y le seguiré teniendo el mismo respeto y aprecio del que le tengo, quizá más.</p>
<p><strong>Raúl Jiménez</strong> (@elecash) es desarrollador de la Plataforma Flash especializado en móviles, manager del grupo de usuarios de Adobe enfocado a móviles llamado <a href="http://www.blocketpc.com/">BlocketPC</a>. Toda una autoridad hablando de la escena de Flash para móviles.</p>
<p>Dentro del <a href="http://www.blocketpc.com/2011/11/reflexiones-sobre-el-futuro-de-flash/">blog del grupo</a>, Raúl resume de una muy buena forma algunos de los puntos más relevantes de esta discusión:</p>
<p><em>“Dentro de este nuevo paradigma, en el que nos metió Apple, Flash Player para dispositivos no tiene cabida, básicamente porque la gente ya se ha acostumbrado a pagar y a acceder al contenido multimedia a través de tiendas de aplicaciones y el uso de Flash Player en los navegadores Android se ha reducido a la visualización de vídeo, terreno en el que HTML5 aún está muy, muy, muy, muy lejos”</em>.</p>
<p><strong>Mariano Carrizo</strong> (@kiwox) autor del primer <a href="http://www.alfaomega.com.mx/magento/co/index.php/computacion/desarrollo-de-paginas-web/flex-4-5.html">libro escrito de Flex en español</a>, comanager del grupo de usuarios de Adobe en Argentina y speaker en diferentes eventos internacionales.</p>
<p>De <a href="http://www.marianocarrizo.com/2011/11/15/el-futuro-de-adobe-flex-en-el-proyecto-spoon/">su blog</a> tomamos lo siguiente:</p>
<p><em>“Este anuncio no determina la muerte de Flex Framework, pero de aquí en adelante el aporte de las comunidades y las decisiones de los líderes del proyecto Spoon serán quienes determinen el futuro exitoso o fracasado de uno de los pilares de la Plataforma Flash. El tiempo lo dirá”</em>.</p>
<h2>Conclusiones desde la Burbuja</h2>
<p>En esta ocasión no quiero concluir más nada, con tiempo escribiré tal vez algo más extenso&#8230; eso si se agradece leer las palabras de quiénes como yo vivimos en este <strong>burbuja llamada internet</strong> el los comentarios, ciao! </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/435/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/435/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/435/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/435/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/435/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/435/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/435/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/435/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/435/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/435/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/435/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/435/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/435/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/435/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=435&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/11/15/el-futuro-de-html5-es-flash/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/11/flashcartoon.jpg" medium="image">
			<media:title type="html">Flash Cartoon</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/11/adobe-logo-big.gif" medium="image">
			<media:title type="html">Adobe Logo</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/11/flash_bkg1.png?w=237" medium="image">
			<media:title type="html">Flash Logos</media:title>
		</media:content>
	</item>
		<item>
		<title>Contenidos Top de Campus Party México 2011</title>
		<link>http://activ.wordpress.com/2011/07/18/contenidos-top-de-campus-party-mexico-2011/</link>
		<comments>http://activ.wordpress.com/2011/07/18/contenidos-top-de-campus-party-mexico-2011/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 16:27:35 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Eventos]]></category>
		<category><![CDATA[campus party]]></category>
		<category><![CDATA[conferencias]]></category>
		<category><![CDATA[contenidos]]></category>
		<category><![CDATA[eventos]]></category>
		<category><![CDATA[talleres]]></category>
		<category><![CDATA[tecnología]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=423</guid>
		<description><![CDATA[Campus Party 2011 está a punto de dar inicio en la Ciudad de México, esta será su tercera edición en nuestro país y no quería dejar pasar la oportunidad para compartir con ustedes algunos consejos en cuanto a la agenda de contenidos de este año. Tal vez algunos recuerden el post que hice en 2010 [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=423&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.campus-party.com.mx/2011/index.html">Campus Party 2011</a> está a punto de dar inicio en la Ciudad de México, esta será su tercera edición en nuestro país y no quería dejar pasar la oportunidad para compartir con ustedes algunos consejos en cuanto a la agenda de contenidos de este año.</p>
<p><img src="http://activ.files.wordpress.com/2011/07/cpmx3.jpg?w=480" alt="Campus Party México 2011" title="Campus Party México 2011"   class="aligncenter size-full wp-image-425" /></p>
<p>Tal vez algunos recuerden el <a href="http://activ.wordpress.com/2010/08/18/editor%E2%80%99s-pick-de-campus-party-mexico-2010/">post que hice en 2010</a> cuando fui Coordinador de Contenidos en dicho evento, y aunque en esta ocasión no tengo nada que ver con la organización (iré como líder de comunidad a disfrutar de Campus) estoy basando estos tips en mi propia experiencia ya que conozco a varios de los conferencistas, talleristas y/o asesores en persona y se lo que podemos esperar de ellos en el escenario <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>En la siguiente lista voy a enumerar por área esas actividades que considero no pueden perderse como campuseros&#8230;<br />
<span id="more-423"></span></p>
<h2>Astronomía y Espacio</h2>
<p>Es una de las áreas de Campus más fascinantes, por lo regular es el área que congrega a los conferencistas con mayor experiencia y logros académicos pero sin tantos followers <img src='http://s0.wp.com/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' />  por lo que a veces pasa un tanto desapercibida en las redes sociales, blogs y demás reseñas.</p>
<p>Si tienen oportunidad de ver a <em>Julieta Fierro</em> en acción es toda una experiencia, recuerdo que nos costo mucho trabajo convencerla el año pasado de participar en Campus pero ahora hasta keynote va a dar!</p>
<p>La conferencia de <strong>“Astronomía Cultural”</strong> de <em>Ernesto Juárez</em> se ve muy interesante, sobretodo viniendo de alguien responsable de un planetario móvil y que ha participado en proyectos como Papalote Museo del Niño. Otra conferencia que se lee muy bien es la <strong>“Web y la Estación Espacial”</strong>, <em>Fernando de la Peña</em> es muy bueno explicando y seguramente los colegas que lo acompañan harán una muy buena combinación.</p>
<p>Me causa curiosidad (aunque supongo el porqué) varios de los conferencistas están vinculados a la <a href="http://www.unam.mx/">UNAM</a> (cosa que en ediciones anteriores no era tanto) lo cuál asegura una buena calidad de las actividades en el área. </p>
<p>Por último decir que se extrañan las actividades que promovían mayor interactividad con los campuseros, el año pasado se logró que participara Universum con un planetario móvil cosa que ahora no veo presente y tampoco miro al que fuera asesor <em>Pablo Lonnie</em> para el cuál los elogios se quedan cortos.</p>
<h2>Robótica</h2>
<p>Es una de las áreas más vistosas de Campus, sobre todo cuando vuelan las partes mecánicas o hay anotación a gol por parte de algún robot con playera de la selección. No pueden perderse los <strong>&#8220;Mecawars&#8221;</strong>, que es la experiencia más cercana a ver trasnformers en la vida real <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Las conferencias de <strong>“Robots de Servicio”</strong> y <strong>“Robótica Militar”</strong> prometen bastante, y si quieren divertise un rato el taller de LEGO por lo regular ofrece un nivel introductorio bastante aceptable para cualquier tipo de público. </p>
<p>Si están metidos en el tema de interfaces creo que la conferencia de <strong>“BCI”</strong> que impartirá <em>Miguel Angel Piedra</em> valdría la pena checarla. Y para los que nada tienen que ver con el área pero aún así les gustaría participar de alguna actividad, la mesa redonda de <strong>“Robótica Adaptada a la Sociedad&#8221;</strong> seguramente despertará una acalorada discusión con el público.</p>
<h2>Hardware y Modding</h2>
<p>El área de hardware y modding es curiosa, la mayoría de los que participan de las actividades llegan a Campus desde el principio y se van hasta el final. Vale la pena darse una vuelta para ver el tipo de locuras que logran hacer con las tarjetas lógicas, el tipo de trabajo forzado que imponen a los procesadores comerciales claro están con sus respectivos sistemas de enfriamiento.</p>
<p>Creo que un must sería atender a la conferencia sobre la <strong>“Problemática de Residuos Electrónicos en México”</strong>, ya sea por interés o por responsabilidad social sobre lo que genera nuestra industria.</p>
<p>Seguramente si van a la conferencia de <strong>“Herramientas Low Tech para Sonido Hi Tech”</strong> me verán entre los asistentes, el tema me resulta bastante original y el conferencista <em>Daniel Lara</em> se ve que se ha ganado a pulso todos sus méritos.</p>
<p>El taller de <strong>“Kinect Possibilities”</strong> estoy seguro que tendrá bastante éxito con los asistentes sobre todo tengan en cuenta los requisitos previos que una leída a lo que es Unity y <strong>&#8220;Processing&#8221;</strong> no vendría mal para aprovechar al máximo la actividad. Otra situación curiosa es ver a <em>Arcángel Constantini</em> y a <em>Yair López</em> en el área de Modding y no de Música pero de igual forma se los recomiendo mucho ya que el nivel de los conferencistas vale mucho la pena. </p>
<p>Si tienen un huequito libre y quieren aprender algo muuuy cool vayan al taller de <strong>“Processing”</strong>, les aseguro que nos se arrepentiran <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  también veo otro gran ausente como asesor en esta área <a href="http://www.twitter.com/mago_de_siam">@mago_de_siam</a> su curaduría en 2010 fue muy valiosa.</p>
<h2>Artes Visuales</h2>
<p>Artes Visuales es un área compleja <em>per se</em>, puede ser vista desde muchos ángulos y es el balance entre diseñador y artista lo que logra buenos contenidos.</p>
<p>De entrada diré que la conferencia de <em>David O’Reilly</em> sobre <strong>“Animación de Vanguardia”</strong> es un must y punto, basta con ver <a href="http://www.davidoreilly.com/">el trabajo del conferencista</a> para convencerse de que se está ante alguien de mucho talento. <strong>“Diminished Reality”</strong> creo que tiene posibilidades siempre y cuando los conferencistas puedan romper ese hielo generado por la barrera del idioma que a veces es un problema.</p>
<p>Las conferencias de <strong>“Visualización de Datos”</strong> e <strong>“Infográficos”</strong> de los fundadores de <a href="http://www.sietemedia.com.mx/">Siete Media</a>, <em>Isabel Adame</em> y <em>Roberto López</em> me parece que tienen contenido interesante que ofrecer y me da gusto que este año participen en Campus ya que el año pasado fue muy complicado convencerlos del proyecto. </p>
<p>No quiero sonar exagerado pero si solo pudiera ver una sola actividad de esta área seguramente sería el taller <strong>“Del Pincel al Pixel”</strong> con <em>Gabriel Martínez Meave</em> el año pasado tuve el honor de invitarlo y que aceptara (tiene una agenda apretadísima!) claro cuando se es una de los mejores tipógrafos del mundo eso sucede <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Un último tip, no se dejen asustar por el término “conferencia institucional” al referirme a <strong>“Animación y Efectos Especiales de Eskimal”</strong>, de lo que se puede ver será una gran actividad. Por cierto si van a la charla de <strong>“Cinépolis 4DX”</strong> podrán ser testigos de una de las propuestas más interesantes que se está generando en la industria de las salas cinematográficas del país y BTW no dejen de mandarle saludos a <em>Patrick</em> de mi parte, el tipo es un crack!</p>
<h2>Música</h2>
<p>El área más movida de Campus donde podemos ser testigos de grandes artistas y propuestas fuera de lo común.</p>
<p><strong>“La Música en el Siglo XXI”</strong> aunque bastante predecible se antoja por el nivel del conferencista <em>Jesse Rogg</em>. <strong>“Paisajes Sonoros”</strong> por <em>David Lobato</em> es otra de las imperdibles del área, el año pasado le fue muy bien en las reseñas situación que no dudemos se repita este año.</p>
<p><em>Toy Selectah</em> seguramente dará un buen show al armar un remix en vivo y para aderezar la mezcla <strong>“Sonido para Video y Cine”</strong> sería mi elección a cargo de <em>Carlos Honc</em>. Para los músicos independientes la charla de <strong>“Self Publishing”</strong> de <em>Lauro Robles</em> seguramente tendrá cosas interesantes que ofrecer.</p>
<p>Y para cerrar con broche de oro las recomendaciones de esta área <em>Mercurio Bajo</em> de <a href="http://arscite.org/">Arscite</a> un muy interesante proyecto creativo, dará una demo sobre <strong>“Composición Musical basada en Patrones”</strong>.</p>
<p><em>Héctor Mijangos</em> <a href="http://www.twitter.com/mijangos">@mijangos</a> es uno de los asesores de mayor abolengo de Campus y este año repite lo que asegura la calidad de los contenidos que seguramente veremos. Este año se extrañan los talleres impartidos por el equipo de <em>Nortec</em>, el humor de <em>Humberto Vélez</em> y por supuesto al keynote speaker <em>Daito Manabe</em>.</p>
<h2>Social Media</h2>
<p>Y llegamos al área donde todos somos expertos, ja! es complicado seleccionar contenidos  en Social Media porque por lo regular la cantidad de propuestas y de gente interesada en participar supera en mucho a los de otras áreas y el trabajo que tiene que realizar el asesor <em>Raúl Ramírez</em> <a href="http://www.twitter.com/isopixel">@isopixel</a> y los organizadores es mucho, recuerdo que tuvimos que lidiar con algunas “divas” el año pasado y seguramente este no fue la excepción pero en fin he aquí <em>my two cents&#8230;</em></p>
<p><em>Dany Saadia</em> <a href="http://www.twitter.com/danysaadia">@danysaadia</a> y la conferencia de <strong>&#8220;Videos que se han Convertido en Virales&#8221;</strong> es un <em>must</em>, sobretodo porque además de ser alguien con gran experiencia en el medio tiene la particularidad de decir las cosas como van “sin maquillaje”.</p>
<p><strong>“Comunicación de Crisis en Internet”</strong> por <em>Oscar Rojas</em> <a href="http://www.twitter.com/Amenazza">@Amenazza</a> que supongo hará una adaptación de su charla en SXSW es otra de las participaciones interesantes del área. <strong>“Así somos”</strong> de <em>Efraín Mendicutti</em> <a href="http://www.twitter.com/efrainmendicuti">@efrainmendicuti</a> también valdrá mucho la pena seguramente sobretodo por la frescura del conferencista al llevar una audiencia.</p>
<p><strong>“Perfil profesional, identidad y reputación online”</strong> de Ana Vázquez <a href="http://www.twitter.com/anavasquezc">@anavasquezc</a> seguramente ofrecerá algunos datos interesantes para los asistentes y Ana tiene la particularidad de preparar muy bien sus charlas. <strong>“Redes Sociales, del amigo a la marca”</strong> seguramente será buena conferencia por <em>Alvaro Rattinger</em> que es otro de los que no puede faltar en la agenda.</p>
<p>Creo que la combinación de literatura y redes sociales fue algo de lo que más gusto el año pasado y este año <em>Ernesto Priani</em> <a href="http://www.twitter.com/epriani">@epriani</a> (a juicio personal uno de los mejores editores web de México) estará acompañado de un interesante reparto: <em>Dulce Colin, Renato Guillen, Alberto Chimal y Tomás Granados.</em></p>
<p>Por último creo que escogería la mesa redonda de <strong>“Medios Sociales”</strong> porque con <em>Raymundo López, Luis González y González, Jamín Fajardo, Oscar Rojas y Daniela Vargas</em> la calidad de ese contenido esta asegurada.</p>
<h2>Desarrollo de Software</h2>
<p>Desarrollo es un área exigente debido al buen nivel de programación de los asistentes y el intererés en particular por los temas de Innovación de la mayor parte de los asistente a Campus.</p>
<p>Creo que comenzaría por recomendar la charla de <strong>“Usabilidad y Eficacia”</strong> por parte de <em>César Salazár</em>, en las conferencias que lo he visto participar destaca la sencillez de sus lenguaje y los mensajes que logra trasmitir a la audiencia.</p>
<p><em>Erick Camacho</em> es otro de los imperdibles, es un desarrollador mexicano con mucha versatilidad y talento que en cada una de sus sesiones logra inspirar a los asistentes. La conferencia de <strong>“Desarollo de Apps Web/Móviles en Ruby con Sinatra y jQuery”</strong> por si misma es atractiva en contenido y si eres desarrollador deberías estar pensando en adoptar de ya alguna de estas tecnologías para algún proyecto.</p>
<p>Aunque el tema pudiera parecer árido <strong>“Integración Continua”</strong> por parte de <em>Isaac Ruiz</em> seguramente dará mucho de que hablar, si están dentro de los asistentes no dejen de darle un gran saludo de mi parte <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  </p>
<p>La conferencia y talleres de <a href="www.bluevia.com">BlueVia</a> pudieran parecer de entrada el corte comercial del área (y lo es!) pero <em>Andrés</em> es un gran tipo que conoce muy bien su tema, tuve el gusto de participar con él en <a href="http://www.adobenvivo.com/argentina2011/speakers.php">un evento en Argentina</a> este año y las oportunidades que ofrece la plataforma son bastante atractivas para los desarrolladores de aplicaciones móviles.</p>
<p><strong>“El taller de APIs”</strong> de <em>Arturo Garrido</em> también es otra de las actividades que regresa este año a Campus y si logran asistir se darán cuenta el porqué. Y <em>Domingo Suárez</em> con la actividad <strong>“Coding Dojo”</strong> es otra de las paradas obligadas del área.</p>
<p>Como dicen por ahí top-of-the-class se ve la conferencia de <em>Charles McCathieNevil</em> de Opera Software, por lo regular los miembros del equipo de Opera están muy comprometidos con el tema de estándares web y aunque tienen un navegador feo (es broma!) y que pocos usan es uno de los que tiene mayor adopción en móviles y mayor apegación a las propuestas de la w3c.</p>
<p>La asesora <em>Paola Villareal</em> <a href="http://www.twitter.com/paw">@paw</a> repite en el área de innovación pero ahora en Desarrollo y su labor constante sobre la agenda es algo que sin duda los dejará con buen sabor de boca.</p>
<h2>Cultura Libre</h2>
<p>Es de esas áreas que siempre da sorpresas, el año pasado inclusive fue la de mayor afluencia en el área de Innovación y eso en gran parte al excepcional trabajo del asesor <em>Octavio Ruiz</em> <a href="http://www.twitter.com/tacvbo">@tacvbo</a> quién veo con gusto que repite este año</p>
<p>De lo que puedo recomendarles sin falla es&#8230;</p>
<p><strong>“20 años de Linux”</strong> por <em>John “MadDog” Hall</em> quién no necesita presentación! toda una institución del software libre y campusero de corazón si le quieren seguir el paso aprovechen porque cada que viene a México realiza algunas otras conferencias en diferentes universidades.</p>
<p>Creo que la conferencia de <strong>“Open ACTA”</strong> debería de estar en su agenda si son usuarios de internet y se sienten comprometidos con lo que sucede más allá de los fierros y las redes sociales. <strong>“Cómo reinventar la rueda y crear una economía”</strong> a cargo de <em>Federico Mena</em> fue un contenido que estuvimos buscando desde el año pasado y me mucho gusto que se tenga este año presente, ¿por qué tanto halago? les dejo la bio en Wikipedia <a href="http://es.wikipedia.org/wiki/Federico_Mena">sobre Federico.</a></p>
<p>La conferencia de <strong>“Facturación Electrónica para programadores y mortales”</strong> de parte de <em>Fernando Romo alias el Pop y Mauricio Baeza</em> también es de esas charlas que ofrecen un contenido práctico y útil a cargo de dos grandes figuras del software libre en México.</p>
<p>Aunque pareciera un área para geeks de hueso colorado hay algunas actividades que merecen mucho la pena y son para un público más general, de ellas <strong>“Copia e Innovar, las dos caras del progreso tecnológico”</strong> a cargo de Oscar Mondragón <a href="http://www.twitter.com/omondra">@omondra</a> (maestro y amigo) les aseguro que vale mucho la pena. A <strong>“Hacker Spaces”</strong> y <strong>“Monetización Editorial Web”</strong> les daría un lugar especial en la agenda también <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h2>Seguridad y Redes</h2>
<p>De las áreas más controversiales de Campus, recuerdo que el año pasado tuvimos un par de eventualidades entre contenidos y el área tecnológica pero que se resolvieron de buena manera.</p>
<p>Creo que una buena conferencia será la de <em>Eduardo Espina</em> sobre <strong>“Tratamiento de Brechas de Seguridad en Redes”</strong>, así mismo <strong>“Los 7 hábitos de la gente vulnerable”</strong> a cargo de <em>David Schekaiban</em> tiene buena pinta y buen contenido que presentar.</p>
<p>Las conferencias de <strong>“Honeypots: Espiando al hacker”</strong> y <strong>“Rompiendo llaves RSA”</strong> son otras de las que no pueden perderse sobretodo por la experiencia de quiénes realizarán las actividades. <em>Rolando Cedillo</em> hablará sobre <strong>“Hacking Etico de Consolas”</strong> tema que seguramente interesa a muchos en Campus. Y para cerrar las recomendaciones del área en definitiva me quedo con la mesa redonda de <strong>“Profesión Hacker”</strong> sobre la cuál pueden esperar grandes aportaciones.</p>
<h2>Juegos</h2>
<p>Es otra área donde el asesor tiene mucho que ver para lograr buenos contenidos y es alguien con mucha experiencia en el medio, <em>Andro Miralrio</em> <a href="http://www.twitter.com/miralrio">@miralrio</a>.</p>
<p>De entrada la conferencia de <strong>“Play for Japan”</strong> de <em>Akira Yamaoka</em> entra en el top sobre todo por la gran cantidad de fans rinden culto al género y el tinte experimental que siempre tienen sus presentaciones.</p>
<p><strong>“La Oportunidad Digital para LATAM”</strong> por parte de <em>Mario Valle</em> <a href="http://www.twitter.com/bilbeny">@bilbeny</a> es otra de esas sesiones de inpiración para la gente interesada en la industria de videojuegos en México y la región, además de que Mario siempre esta dispuesto a responder todas las inquietudes de la gente y tiene buen verbo. <strong>“Fundamentos para el desarrollo de videojuegos”</strong> es otra de las conferencias con mucho que aportar, <em>Cuauhtémoc Senties</em> estoy seguro que no los decepcionará en escena, además de ser alguien con mucho nivel en la parte de animación y 3D. </p>
<p>Y las competencias que no pueden faltar en el área, <strong>Call of Duty</strong> para todos aquellos fans de uno de los shooter en primera persona más populares del momento o <strong>Marvel vs Capcom 3</strong> de la popular serie donde se mezclan de igual manera personajes de X-Men contra guerreros de la saga Street Fighter.</p>
<h2>Conclusión</h2>
<p>En fin espero que les haya sido útil esta información para hacer más amena su estadía en Campus y cualquier comentario adicional será bienvenido en los comentarios de este post o si prefieren hacerlo en mi twitter <a href="http://www.twitter.com/edgarparada">@edgarparada</a> </p>
<p><strong>Ya esta a punto de empezar el conteo regresivo, nos vemos en Campus 2011!</strong></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/423/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/423/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/423/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/423/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/423/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/423/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/423/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/423/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/423/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/423/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/423/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/423/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/423/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/423/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=423&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/07/18/contenidos-top-de-campus-party-mexico-2011/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/07/cpmx3.jpg" medium="image">
			<media:title type="html">Campus Party México 2011</media:title>
		</media:content>
	</item>
		<item>
		<title>Efecto Parallax con CSS3</title>
		<link>http://activ.wordpress.com/2011/07/13/efecto-parallax-con-css3/</link>
		<comments>http://activ.wordpress.com/2011/07/13/efecto-parallax-con-css3/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 17:40:06 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=408</guid>
		<description><![CDATA[CSS3 nos permite acceder a diferentes niveles de personalización visual en nuestros sitios web, desde cajas con bordes redondeados, efectos de sombra en el texto, manejo de diferentes tipografías con @font-face, animaciones entre otros. En esta ocasión aprovecharemos la propiedad de multiple-backgrounds para lograr un efecto llamado Parallax, que antes requería de insertar diferentes divs [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=408&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>CSS3</strong> nos permite acceder a diferentes niveles de personalización visual en nuestros sitios web, desde <em>cajas con bordes redondeados, efectos de sombra en el texto, manejo de diferentes tipografías con @font-face, animaciones entre otros</em>. </p>
<p><img src="http://activ.files.wordpress.com/2011/07/css3_logo.jpg?w=480" alt="CSS3 logo" title="CSS3 logo"   class="aligncenter size-full wp-image-410" /></p>
<p>En esta ocasión aprovecharemos la propiedad de <strong>multiple-backgrounds</strong> para lograr un efecto llamado <strong>Parallax</strong>, que antes requería de insertar diferentes divs sin ningún sentido semántico para nuestro código HTML pero que hoy es más sencillo gracias a las hojas de estilo.<br />
<span id="more-408"></span><br />
<strong>Parallax</strong> es una técnica donde se aplica profundidad a los diferentes elementos mediante el uso de capas. Esto permite simular un movimiento de cámara al estilo de las películas <em>sci-fi</em> donde se crean movimientos en el espacio que nos dejan percibir lo lejos que se encuentran las estrellas de nuestro sistema solar.</p>
<h2>Selección de Imágenes</h2>
<p>Para nuestro ejemplo utilizaremos una imagen generada por mi amigo y colega Juan Silva <a href="http://twitter.com/#!/kidbuda">@kidbuda</a> de <a href="http://www.kidbuda.com/">www.kidbudda.com</a> al cuál agradezco su valiosa contribución. Como es solamentente un ejemplo podemos darnos ciertos lujos en cuanto al peso de las imágenes pero ya en un sitio web de producción recomendaría que el tamaño de las mismas no excediera los <strong>100 kb</strong>.</p>
<p><img src="http://activ.files.wordpress.com/2011/07/parallax1_low.jpg?w=480" alt="Efecto Parallax CSS3" title="Efecto Parallax CSS3"   class="aligncenter size-full wp-image-413" /></p>
<p>Como podemos apreciar de sitios web que ya utilizan esta técnica como <a href="http://www.silverbackapp.com/">Silverback App</a> o <a href="http://www.nikebetterworld.com/">Nike Better World</a> es recomendable tener una imagen flotante de preferencia en múltiples capas, para nuestro ejemplo tendremos <strong>petalos1.png</strong>, <strong>petalos2.png</strong> y <strong>petalos3.png</strong> para posicionarlos al frente, en medio y al fondo de la composición. Y como base dejaremos a la chica sexy con su escenario para crear el efecto de movimiento al rescalar la ventana del navegador.</p>
<p>Es importante hacer notar que los pétalos más cercanos (los que se ven más grandes) deben de tener un efecto de blur aplicado para crear esa ilusión de <em>desenfoque</em> y por ende los pétalos de tamaño mediano y pequeño lucen con mayor <em>nitidez</em>.</p>
<p><img src="http://activ.files.wordpress.com/2011/07/parallax2_low.jpg?w=480" alt="Efecto Parallax con CSS3" title="Efecto Parallax con CSS3"   class="aligncenter size-full wp-image-414" /></p>
<h2>Código CSS3 para crear Parallax</h2>
<p>El código CSS que utilizaremos requiere que tengamos un selector de tipo ID asociado a nuestro contenedor, inclusive podría ser el <strong>body</strong> pero en este caso utilizaremos un <strong>div</strong> con un ID <strong>wrapper</strong> asignado.</p>
<p><code><br />
body {<br />
	margin:0px;<br />
	padding:0px;<br />
	background: #FE81B4;<br />
}</p>
<p>#wrapper {<br />
	position:absolute;<br />
	left:0px;<br />
	right:0px;<br />
	top:0px;<br />
	bottom:0px;<br />
	background:url(petalos1.png) repeat-x 50%, url(petalos2.png) repeat-x 70%, url(petalos3.png) repeat-x 120%, url(kid_buda_sexy.jpg) no-repeat;<br />
}<br />
</code></p>
<p>Para posicionar las demás capas solamente es necesario pensar en porcentajes y así cuando asignemos la posición en los diferentes fondos sepamos hacia donde se realizará el movimiento y con que rapidez, la cuál será proporcional al borde de la ventana que estaremos rescalando.</p>
<p><a href="http://activ.com.mx/edgar/examples/css3_parallax/kid_buda_parallax.html">Resultado final del Efecto Parallax con CSS3</a></p>
<p>Pueden contactarme en mi twitter <a href="http://twitter.com/#!/edgarparada">@edgarparada</a> para cualquier duda relacionada con este tutorial, espero que les haya gustado <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/408/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/408/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/408/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/408/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/408/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/408/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/408/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/408/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/408/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/408/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/408/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/408/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/408/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/408/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=408&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/07/13/efecto-parallax-con-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/07/css3_logo.jpg" medium="image">
			<media:title type="html">CSS3 logo</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/07/parallax1_low.jpg" medium="image">
			<media:title type="html">Efecto Parallax CSS3</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/07/parallax2_low.jpg" medium="image">
			<media:title type="html">Efecto Parallax con CSS3</media:title>
		</media:content>
	</item>
		<item>
		<title>Swifty de Flash a HTML5 en segundos</title>
		<link>http://activ.wordpress.com/2011/07/04/swifty-de-flash-a-html5-en-segundos/</link>
		<comments>http://activ.wordpress.com/2011/07/04/swifty-de-flash-a-html5-en-segundos/#comments</comments>
		<pubDate>Tue, 05 Jul 2011 05:55:19 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=377</guid>
		<description><![CDATA[Hace unos días Google dio a conocer una tecnología muy interesante llamada Swifty para convertir archivos SWF de Flash hacia HTML5 y permitiendo con ello reutilizar el mismo contenido en dispositivos que no tengan Flash Player siendo más específicos: iPhones y iPads. ￼ Adobe había mostrado algo similar con Wallaby, sin embargo el acercamiento de [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=377&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Hace unos días Google dio a conocer una tecnología muy interesante llamada <a href="http://swiffy.googlelabs.com/">Swifty</a> para convertir archivos SWF de Flash hacia HTML5 y permitiendo con ello reutilizar el mismo contenido en dispositivos que no tengan Flash Player siendo más específicos: <em>iPhones y iPads.</em></p>
<p><a href="http://swiffy.googlelabs.com/"><img src="http://activ.files.wordpress.com/2011/06/swiffy_logo.gif?w=480" alt="Google Swifty" title="Google Swifty"   class="aligncenter size-full wp-image-379" /></a><br />
￼<br />
Adobe había mostrado algo similar con <a href="http://labs.adobe.com/technologies/wallaby/">Wallaby</a>, sin embargo el acercamiento de ambas tecnologías en un poco diferente. Swifty es una tecnología que “vive” en los servidores de Google y aprovecha de fuente un archivo SWF para la conversión hacia HTML5 y Wallaby es una aplicación AIR que el desarrollador instala en su computadora y que se alimenta de archivos FLA para convertir a HTML5.<br />
<span id="more-377"></span></p>
<h2>¿Por qué la necesidad de convertir Flash a HTML5?</h2>
<p>Si tienes algo que ver con el diseño y/o desarrollo web seguramente alguna vez has tenido alguna experiencia con estas tecnologías y habrás experimentado en carne propia el <em>vía crucis</em> que es, cuando algo a la mitad del camino no funciona, pero el hecho de tener opciones extra siempre se agradecerá enormemente.</p>
<p>En este caso la <strong>necesidad de convertir Flash a HTML5</strong> viene a raíz de la ausencia de Flash Player en una plataforma móvil que se ha vuelto muy popular hoy en día, nos referimos a iOS de Apple, sobre la cuál se soportan dispositivos como <em>iPhone, iPad, iPod Touch, etc.</em></p>
<p>Y ¿qué pasa con Android, BlackBerry, Symbian y los demás jugadores? bueno pues todos ellos participan en un proyecto llamado <a href="http://www.openscreenproject.org/partners/">Open Screen Project</a> donde su principal objetivo es llevar la misma experiencia de usuario a través de diferentes dispositivos, tratando de reducir la fragmentación mediante un runtime consistente a todos los ambientes, dicho proyecto ha tenido <a href="http://www.adobe.com/flashplatform/certified_devices/">buenos resultados</a> hasta el momento.</p>
<h2>Google Swifty y Adobe Wallaby</h2>
<p>La pregunta obligada es ¿Cómo se comparan ambas tecnologías?, más allá de lo que ya mencionamos sobre que <strong>Swifty</strong> aprovecha el formato <em>SWF</em> y <strong>Wallaby</strong> necesita una fuente en formato <em>FLA</em>. En principio podríamos ver a <em>Swifty como un servicio</em> donde dependemos totalmente de Google para decodificar los contenidos del SWF e interpretarlos como algo visible sin Flash Player y <em>Wallaby como una aplicación standalone</em> cuya mayor restricción es que tienen que ser archivos generados con Flash CS5.</p>
<p>El resultado final en ambos casos es un archivo HTML, algo de código CSS y mucho Javascript. A continuación pueden revisar una animación hecha con Flash y compararla con su salida en Swifty y Wallaby respectivamente.</p>
<p><a href="http://activ.com.mx/edgar/examples/swifty_wallaby/animation1.html">Versión Flash Original</a></p>
<p><a href="http://activ.com.mx/edgar/examples/swifty_wallaby/animation1_swifty/Swiffy%20output.html">HTML5 generado por Swifty</a></p>
<p><a href="http://activ.com.mx/edgar/examples/swifty_wallaby/animation1_wallaby/animation1.html">HTML5 generado por Wallaby</a></p>
<p>El archivo resultante solamente es visible en navegadores basados en <strong>Webkit</strong> tales como Chrome o Safari, ¿la razón? depende bastante de ciertas características de SVG y del <a href="http://www.w3.org/TR/css3-animations">Módulo Animations de CSS3</a> con implementaciones en Webkit desde 2009 pero todavía con poco soporte en IE9 y reciente <a href="https://developer.mozilla.org/en/CSS/CSS_animations">integración en Firefox 5</a>.</p>
<p>Donde comenzamos a ver algunas diferencias es en el soporte de ActionScript, <strong>Swifty</strong> soporta cierto código <em>ActionScript 2.0</em> básico pero como en el mismo sitio web nos lo indican “<strong>no esperen todavía convertir su juego Flash favorito a HTML5</strong>”. En este aspecto un buen tip es configurar las opciones de publicación de Flash para dar salida a archivos compatibles con Flash 5 y AS2.</p>
<p><a href="http://activ.com.mx/edgar/examples/swifty_wallaby/animation2_swifty/Swiffy%20output.html"><img src="http://activ.files.wordpress.com/2011/07/swifty_wallaby_2.jpg?w=300&#038;h=268" alt="Google Swifty y Adobe Wallaby" title="Google Swifty y Adobe Wallaby" width="300" height="268" class="aligncenter size-medium wp-image-385" /></a><br />
Este es el tipo de ActionScript old-school que Swifty convertirá sin problemas <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Si quieres visualizar <a href="http://activ.com.mx/edgar/examples/swifty_wallaby/animation2_swifty/Swiffy%20output.html">el ejemplo</a></p>
<p>Pero con <strong>Wallaby</strong> las opciones se reducen a programar las interacciones directamente con Javascript aprovechando código directo o librerías como jQuery, de hecho Wallaby se apoya bastante en ella.</p>
<p>Código de Wallaby mezclando una llamada a función de Javascript:</p>
<p><a href="http://activ.com.mx/edgar/examples/swifty_wallaby/animation3_wallaby/animation3.html"><img src="http://activ.files.wordpress.com/2011/07/swifty_wallaby_41.gif?w=480" alt="Google Swifty y Adobe Wallaby" title="Google Swifty y Adobe Wallaby"   class="aligncenter size-full wp-image-396" /></a><br />
Si quieres visualizar <a href="http://activ.com.mx/edgar/examples/swifty_wallaby/animation3_wallaby/animation3.html">el ejemplo</a></p>
<h2>Conclusiones, aunque muy lejos de ser finales</h2>
<p>Seguramente muchos en este momento después de ver las opciones que ofrece Swifty y/o Wallaby irán a probar sus propios <em>banners, animaciones, juegos</em> y en algunos casos el resultado será satisfactorio y podremos hacer felices a nuestros clientes de que sus contenidos se ven en el iPhone pero en otros casos no será tan bueno el resultado. </p>
<p>No estoy seguro de que estemos viendo siquiera una versión final de estas tecnologías, sin embargo nos da una muy buena pista hacia donde esta evolucionando el tema de animación en Internet, siendo <strong>Flash</strong> la herramienta más utilizada es obvio pensar en una evolución en cuanto a la oferta de Adobe para incorporar <em>HTML5, CSS3</em> y demás tecnologías web, por ejemplo con herramientas como <a href="http://labs.adobe.com/technologies/edge/">Adobe Edge</a>. </p>
<p>Por otro lado también es muy interesante ver lo que piensa Google al respecto siendo el principal vendedor de anuncios por internet y muchos de ellos todavía soportados por Flash, pero que tiene que proveer una alternativa HTML5 para tablets y smartphones debido a su rápida distribución y características de interactividad.  </p>
<p>Y para los más aventureros quisiera dejarles un par de recomendaciones, por un lado <a href="http://easeljs.com/">EaselJS</a> una librería de javascript para trabajar con el <strong>Canvas de HTML5</strong> inspirada fuertemente en la implementación del display list de Flash, por lo que los <strong>desarrolladores de juegos</strong> actuales no tendrán problemas en implementarla rápidamente. Y la otra recomendación es para aquellos <strong>desarrolladores de aplicaciones RIA</strong> que dependen fuertemente de ActionScript 3.0 para sus aplicaciones y consideran todavía el migrar a Javascript, para ellos es <a href="http://www.jangaroo.net/home/">Jangaroo</a> un proyecto open source para aprovechat el poder de ActionScript 3.0 en frameworks y aplicaciones de Javascript.</p>
<p>Si tienen algun comentario me encantaría leerlo al final de este post o si prefieren hacerlo vía twitter <a href="http://twitter.com/#!/edgarparada">@edgarparada</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/377/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/377/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/377/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/377/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/377/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/377/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/377/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/377/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/377/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/377/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/377/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/377/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/377/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/377/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=377&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/07/04/swifty-de-flash-a-html5-en-segundos/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/06/swiffy_logo.gif" medium="image">
			<media:title type="html">Google Swifty</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/07/swifty_wallaby_2.jpg?w=300" medium="image">
			<media:title type="html">Google Swifty y Adobe Wallaby</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/07/swifty_wallaby_41.gif" medium="image">
			<media:title type="html">Google Swifty y Adobe Wallaby</media:title>
		</media:content>
	</item>
		<item>
		<title>Reflexiones sobre Diseño Web en 2011</title>
		<link>http://activ.wordpress.com/2011/03/22/reflexiones-sobre-diseno-web-en-2011/</link>
		<comments>http://activ.wordpress.com/2011/03/22/reflexiones-sobre-diseno-web-en-2011/#comments</comments>
		<pubDate>Tue, 22 Mar 2011 06:35:52 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[articulos]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=366</guid>
		<description><![CDATA[Hace unos días me hicieron una pregunta que me dejo reflexionando sobre las tecnologías que utilizo en mi vida profesional y hacia donde irían dirigidos mis esfuerzos de aprendizaje en los próximos meses, al final espero que más de uno se sienta identificado y quiera compartir sus comentarios al final del post. La persona con [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=366&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Hace unos días me hicieron una pregunta que me dejo reflexionando sobre las tecnologías que utilizo en mi vida profesional y hacia donde irían dirigidos mis esfuerzos de aprendizaje en los próximos meses, al final espero que más de uno se sienta identificado y quiera compartir sus comentarios al final del post.</p>
<p><img src="http://activ.files.wordpress.com/2011/03/web_design.jpg?w=300&#038;h=198" alt="Reflexiones Web" title="Reflexiones Web" width="300" height="198" class="aligncenter size-medium wp-image-375" /></p>
<p>La persona con la que estaba platicando me conoce bien y aunque es totalmente ajena al medio del diseño y/o desarrollo web; palabras como <em>Flex, RIA, HTML</em> le resultan familiares como parte de una charla informal conmigo, recuerdo que he tenido que explicarle el significado de alguno de estos términos en más de una ocasión pero me resulta fascinante el hecho de salir de la burbuja de vez en cuando y pensar que hay personas que tienen intereses diferentes a los nuestros.<br />
<span id="more-366"></span><br />
Todo salió de un <strong>¿Qué estás estudiando?</strong> <em>Un poco de jQuery</em> <strong>¿Y qué es eso?</strong> <em>Es algo parecido a Flex pero que en lugar de generar aplicaciones Flash, te ayuda a crear aplicaciones con HTML, CSS y Javascript tipo Gmail</em>. Entonces <strong>¿quiere decir que Adobe pierde dinero?</strong> <em>No precisamente, de hecho <a href="http://activ.com.mx/adobe-colabora-con-jquery/">Adobe esta invirtiendo recursos en ese proyecto</a>, al igual que Microsoft, Nokia y otras empresas.</em> Y más allá de lo incorrecto que resulte desde un punto de vista técnico comparar Flex con jQuery estoy seguro que más de uno hemos tenido que emplear este tipo de analogías con personas ajenas a nuestro medio.</p>
<h2>Hagamos un pequeño recuento</h2>
<p>Hace algunos años que empece a estudiar diseño web, primero fue por <em>hobbie</em> pero después se convirtió en una de mis pasiones. Recuerdo que en aquellas épocas todo se tenía que hacer a mano con editores de código y probar el HTML resultante en <strong>Internet Explorer</strong> y <strong>Netscape Navigator</strong>, tiempo después llegaron los editores <strong>WYSIWYG</strong> y el mundo del diseño web dió un giro para integrar en su flujo creativo a diseñadores, artistas y demás perfiles que hicieron la web un poco más bonita de lo que era. </p>
<p>Hoy en día tenemos otros navegadores y por ende hay que hacer más pruebas pero resulta muy bueno que el usuario promedio ahora tenga más opciones, eso también ha generado una competencia entre los diferentes involucrados para tener mejores características, motores de Javascript más potentes, mejor adopción de estándares web, etc. En concreto que sea una realidad el pensar en la web como una plataforma y que más allá de páginas web involucra también <em>redes sociales, servicios, aplicaciones RIA y un sinfín de tecnologías</em> que cada una de ellas en individual representa una oportunidad de especialización y deja en claro también una oportunidad de negocio.</p>
<p>Estoy convencido que un diseñador web en la actualidad necesita saber algo de código, y que miéntras mejor pueda expresar la interactividad con el usuario dentro de una interfaz, mayor será el cheque que cobre a final de mes. Y todo esto no se logra con <strong>Flash</strong> ni con <strong>Flex</strong>, tampoco con <strong>HTML5, CSS3 o Javascript;</strong> para lograrlo se requiere un poco de sentido común, buen gusto, curiosidad por el conocimiento y muchas ganas de intentar las cosas más de una vez <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h2>¿Curiosidad por los acabados?</h2>
<p>Si eres de aquellas personas que al ver un sitio web increíble te preguntas ¿cómo es que esta hecho? te tengo un consejo, en este momento deberías de estar aprendiendo un poquito de <strong>HTML</strong> y que mejor si es la última versión <strong>HTML5</strong> (por cierto estaré dando un <a href="http://activ.com.mx/cursos/web/estandares-web/">curso próximamente</a>), también deberías de maquetar con <strong>CSS</strong> y por supuesto que también deberías de conocer <strong>Flash</strong> pero sobre todo más allá que dominar la herramienta, conocer las posibilidades de la plataforma, y aprender cuando incluírlo en un proyecto y también cuando poder prescindir del mismo.</p>
<p>En definitiva si puedes incluir en tu biblioteca algún libro sobre usabilidad y otro que hable sobre experiencia de usuario serán de gran ayuda en tu quehacer profesional (<em>a mi en lo personal me han servido y mucho!</em>) Y si algo he entendido de estar en este negocio es que es mucho más barato hacer un cambio en una hoja de papel, que en una herramienta de diseño, y mucho más sencillo que antes de llegar a realizar dicho cambio en un editor de código o en el servidor; pero que también muchas veces esto es innevitable y hasta pareciera parte natural de algunos proyectos.</p>
<p>Otra tema fundamental para cualquier diseñador web que busque no solamente vender páginas si no crear un vínculo con sus clientes para acompañarlos a lo largo de su estrategia en internet es pensar en los sitios web como entes vivientes que tienen un ciclo de vida y que llegado el momento tienen que renovarse o morir, y durante ese lapso una de las mejores recetas que puede tener un sitio para estar al día son las constantes actualizaciones de contenido. </p>
<p>Esto último se puede lograr relativamente fácil (al menos la parte técnica) con un buen administrador de contenidos, y no me refiero precisamente a un XML interminable al cuál hay que irle agregando nodos cada que se requiere “presentar” nueva información, estoy hablando de sistemas que permitan controlar un flujo de edición de uno o varios usuarios y que a su vez sean modulares para permitir escalar un sitio hacia otros rumbos.</p>
<p>Por suerte hay varios de estos sistemas ya creados y lo que hay que hacer es elegir alguno que se acomode a nuestras necesidades, entre los más comunes están <em>WordPress, Joomla, Drupal, Magento</em>, pero  si revisamos las listas de sitios como <a href="http://php.opensourcecms.com/">Open Source CMS</a> encontraremos opciones prácticamente para cada necesidad que se nos pueda ocurrir.</p>
<h2>¿Lo tuyo son los cimientos?</h2>
<p>Si lo tuyo son las bases de como esta construído un sitio web en definitiva también hablarás de <em>HTML, CSS, Javascript y Flash</em> pero tu acercamiento será diferente. Seguramente hay muchas personas con mucho más autoridad para hablar del tema que un servidor pero igual puedo compartirles algunas ideas.</p>
<p>Las 3 tecnologías más comunes en ese sentido son <em>PHP, Java y .NET</em> que en origen comparten algunos conceptos, de hecho si quisieramos ponerlos en una balanza sería más justo comparar <em>PHP, JSP y ASP</em>. Para necesidades básicas nos podemos quedar con alguno de estos en su versión más simple, pero conforme vayamos avanzando en requerimentos y conocimientos será indispensable conocer uno o varios frameworks que nos ahorren tiempo al momento del desarrollo y permitan integrar más fácilmente a otros programadores a un proyecto, teniendo seguridad que aunque no compartan el mismo estilo de programación al menos compartiran una metodología.</p>
<p>Existen otras tecnologías que permiten desarrollar aplicaciones y que han ido tomando lo mejor de cada una de las tres tecnologías nombradas anteriormente y se han ido deshaciendo de lo que no se necesita: <strong>Ruby, Python, Scala</strong> por citar algunos en definitiva estarían en mi lista de cosas a aprender próximamente.</p>
<h2>Web Móvil ¿Un realidad?</h2>
<p>Entre los más veteranos esta pregunta ya es un poco vieja, y han sido varias las ocasiones en las cuáles <strong>hemos visto a la misma industria desmentir una promesa</strong> realizada en muy poco tiempo, ¿la razón? la adopción por parte de los usuarios. </p>
<p><strong>No es que antes no hubiera terminales móviles capaces</strong> de conectarse a Internet, ni que tampoco no existiera la tecnología, simplemente que la experiencia web móvil era muy pobre. O acaso alguien se atrevería a defender los portales WAP y conexiones de 14.4 kbps apenas hace unos 2 o 3 años (al menos en el caso de México).</p>
<p>En el caso de las plataformas era exactamente lo mismo, la <strong>fragmentación de mercado</strong> era tal que prácticamente te casabas con algún fabricante y los posibles “estándares” que haya decidido adoptar. Estoy conciente que hoy en día también tenemos diferentes plataformas <em>iOS, Android, Blackberry, WebOS, etc.</em> <strong>pero al hablar del terreno web</strong> son realmente pocos los ajustes que tenemos que hacer para lograr una experiencia consistente.</p>
<p>Así que si alguien llega y me pregunta en la calle si creo acaso que el diseño/desarrollo web móvil es una realidad hoy en día, mi respuesta sería afirmativa. Lo he visto con clientes y en algunos proyectos, ya no es algo que deba leer en el <em>whitepaper</em> de alguna compañía extranjera con una realidad de mercado diferente a la local.</p>
<h2>Consideraciones Finales</h2>
<p>Creo que en este momento se esta escribiendo un capítulo importante de esta, <strong>la era digital de la raza humana</strong>. Cada vez más veo a personas conectadas fuera de sus lugares de trabajo y eso me da gusto, quiere decir que la tecnología esta permeando de tal manera que se esta volviendo <em>“algo”</em> de uso normal, pero dentro de esos usos casuales que todo mundo pueda darle <em>siempre habrá una necesidad de gente especializada para crear, solucionar y seguir revolucionando&#8230;</em></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/366/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/366/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/366/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/366/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/366/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/366/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/366/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/366/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/366/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/366/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/366/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/366/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/366/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/366/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=366&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/03/22/reflexiones-sobre-diseno-web-en-2011/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/03/web_design.jpg?w=300" medium="image">
			<media:title type="html">Reflexiones Web</media:title>
		</media:content>
	</item>
		<item>
		<title>Desarrollo de iPhone con Flash</title>
		<link>http://activ.wordpress.com/2011/03/07/desarrollo-de-iphone-con-flash/</link>
		<comments>http://activ.wordpress.com/2011/03/07/desarrollo-de-iphone-con-flash/#comments</comments>
		<pubDate>Tue, 08 Mar 2011 00:25:43 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Otros]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[presentaciones]]></category>
		<category><![CDATA[speaker]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=359</guid>
		<description><![CDATA[El jueves pasado impartí una presentación donde el tema principal fue el desarrollo de aplicaciones para dispositivos iOS (iPhone, iPad, etc.) mediante Flash. A continuación les comparto mi presentación: En general estoy satisfecho con el resultado, el contenido presentado estuvo orientado a un nivel de audiencia general donde mi objetivo principal era dejarles la cosquillita [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=359&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>El jueves pasado impartí una presentación donde el tema principal fue el desarrollo de aplicaciones para dispositivos iOS (<em>iPhone, iPad, etc.</em>) mediante Flash. A continuación les comparto mi presentación:</p>
<iframe src='http://www.slideshare.net/slideshow/embed_code/7152689' width='480' height='394'></iframe>
<p>En general estoy satisfecho con el resultado, el contenido presentado estuvo orientado a un nivel de audiencia general donde mi objetivo principal era dejarles la <em>cosquillita</em> de empezar a publicar algunas aplicaciones desarrolladas con <strong>Flash CS5 en el App Store.</strong><br />
<span id="more-359"></span><br />
Creo que ya quedaron atrás los argumentos que escuchamos hace tiempo, donde se decía que Flash no era una tecnología viable para desplegarse en los teléfonos móviles, y aunque todavía veo muy remoto que mediante un browser podamos ver aplicaciones Flash en Safari de iOS; sí que es posible crear aplicaciones con Flash y publicarlas para hacerlas compatibles con dispositivos como <em>iPhone, iPad, iPod touch, etc.</em></p>
<p>El proceso es bastante transparente, simplemente hace falta crear un archivo nuevo con el perfil de iPhone OS el cuál seguramente en próximas actualizaciones de la herramienta incluirá los perfiles para iPad de manera nativa. Si queremos publicar nuestra aplicación en el dispositivo tendremos que estar suscritos al plan de desarrolladores de iPhone que tiene un costo de 100 usd anuales, posteriormente pulir lo más posible el desempeño de nuestra aplicación y enviarla para su aprobación en la App Store de Apple.</p>
<p>Como lo menciono en la presentación ya hay varias aplicaciones aprobadas mediante este proceso, así que no queda la menor duda de que si el desarrollo es bueno pueda monetizar bastante bien con algunas descargas.</p>
<p>De las preguntas que más me hicieron y que considero oportuno compartir con ustedes varias de ellas estaban orientadas al desempeño de las aplicaciones, donde es obvio que <strong>NUNCA</strong> se va a alcanzar el mismo nivel de desempeño que si las aplicaciones estuvieran generadas con <em>Objective-C</em> pero es una alternativa interesante de desarrollo para aquellas personas que quieran portar alguna aplicación existente o estén pensando en generar una primera versión para múltiples plataformas: Android, Blackberry, etc.</p>
<p>Otro de los temas recurrentes es en cuanto al acceso a ciertas características del dispositivo y a pesar de que Adobe ha hecho un gran trabajo al portar diferentes APIs (<em>Acelerómetro, Geolocalización, Multitouch, etc.</em>) siempre habrá características a las cuales no tendremos acceso tan fácilmente.</p>
<p>En fin, espero sus comentarios en el hilo de mensajes de este post o a mi twitter <a href="twitter.com/edgarparada">@edgarparada</a> y para todos aquellos interesados en aprender el desarrollo de aplicaciones para iPhone con iOS mediante objective-C, les recomiendo el siguiente curso, próximo a empezar el <a href="http://activ.com.mx/cursos/otros/iphone-development/">19 de Marzo en Activ.</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/359/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/359/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/359/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/359/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/359/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/359/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/359/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/359/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/359/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/359/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/359/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/359/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/359/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/359/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=359&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/03/07/desarrollo-de-iphone-con-flash/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>
	</item>
		<item>
		<title>Geolocalización con HTML5</title>
		<link>http://activ.wordpress.com/2011/02/18/geolocalizacion-con-html5/</link>
		<comments>http://activ.wordpress.com/2011/02/18/geolocalizacion-con-html5/#comments</comments>
		<pubDate>Fri, 18 Feb 2011 07:19:36 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[geolocalizacion]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=353</guid>
		<description><![CDATA[Hace tiempo que tengo en mente compartir con ustedes algunos tips sobre geolocalización a partir de HTML5, así que espero que lo que están a punto de leer les sea de utilidad. El término geolocalización se refiere a la ubicación de la posición geográfica de un objeto. Anteriormente esta tecnología estaba limitada a dispositivos GPS [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=353&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Hace tiempo que tengo en mente compartir con ustedes algunos tips sobre <em>geolocalización a partir de HTML5</em>, así que espero que lo que están a punto de leer les sea de utilidad. </p>
<p>El término <strong>geolocalización</strong> se refiere a la ubicación de la posición geográfica de un objeto. Anteriormente esta tecnología estaba limitada a dispositivos GPS pero con la aparición de los smartphones en el mercado, se volvió cada vez más común tener acceso a este tipo de funcionalidades desde un teléfono o una computadora con acceso a Internet.</p>
<p><img src="http://activ.files.wordpress.com/2011/02/geolocation1.jpg?w=480" alt="Geolocalización con HTML5" title="Geolocalización con HTML5"   class="aligncenter size-full wp-image-354" /></p>
<p>A partir de que el término se volvió de uso común para más personas, surgieron nuevos usos para dicha información entre los que podemos destacar: <em>geocoding, geotargeting, geotagging, geomarketing, etc.</em><br />
<span id="more-353"></span><br />
Empresas como <strong>Foursquare</strong> han sabido aprovechar el momentum y han creado interesantes <a href="http://foursquare.com/apps/">plataformas de desarrollo</a> alrededor de sus servicios. <strong>Twitter</strong> nos permite localizar los <a href="http://blog.twitter.com/2009/08/location-location-location.html">mensajes de otros</a> usuarios dentro de nuestra propia ciudad, colonia y/o vecindario. Y aunque no hemos podido probarlo aún en México, <strong>Facebook</strong> tiene un servicio llamado <a href="http://www.facebook.com/places/">Places</a> que permite interactuar con nuestra base de amigos aprovechando la información de su ubicación actual.</p>
<h2>¿Cómo podemos usar Geolocalización nosotros?</h2>
<p>Desde 2008 gracias a <a href="http://gears.google.com/">Google Gears</a> podemos contar con Geolocalización directa en nuestros browsers sin necesidad de contar con algún dispositivo GPS, y recientemente esta funcionalidad se ha ido incorporando en diferentes navegadores ya que forma parte de la <a href="http://dev.w3.org/geo/api/spec-source.html">especificación de HTML5.</a></p>
<p>Es relativamente sencillo acceder con una función de javascript como la siguiente que podemos crear nosotros mismos e incluir dentro del código HTML de nuestra página web:</p>
<p><code>function obtener_ubicacion(){<br />
	if(Modernizr.geolocation){<br />
		navigator.geolocation.getCurrentPosition(mostrar_mapa)<br />
	} else {<br />
		alert("No acepta geolocalización")<br />
	}<br />
}</code></p>
<p>En esta función también se esta haciendo uso de la librería <a href="http://www.modernizr.com/">Modernizr</a>, que simplemente debemos de tener disponible en la ruta donde se encuentre nuestro proyecto, esto lo hacemos para revisar la disponibilidad de esta función en nuestro navegador y/o dispositivo.</p>
<p>Si miramos dentro de esta función hay una llamada a otra función de tipo <em>callback</em> <strong>mostrar_mapa</strong>, que será la responsable de regresarnos los datos de las coordenadas para ubicar al usuario. Aquí tienen la estructura básica de dicha función:</p>
<p><code>function mostrar_mapa(position) {<br />
	var latitud = position.coords.latitude;<br />
	var longitud = position.coords.longitude;<br />
	alert("Esta es tu latitud/longitud "+latitud+","+longitud)<br />
}</code></p>
<p>Posteriormente con esas coordenadas podemos realizar diferentes cosas, desde simplemente <em>generar un popup</em> con la información hasta aprovechar las características de un API como la de <a href="http://code.google.com/apis/maps/index.html">Google Maps</a> para generar un marcador en el punto exacto donde se haya detectado la <strong>geolocalización</strong>.</p>
<p>Solo queda comentar un detalle respecto a este proceso y es el hecho de que <strong>NO habrá forma de obtener esa información sin la autorización de parte del usuario.</strong> Así que si tenían en mente alguna aplicación para espiar a la chica de sus sueños pueden olvidarlo desde este momento <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><img src="http://activ.files.wordpress.com/2011/02/geolocation2.jpg?w=480" alt="Geolocalización HTML5" title="Geolocalización HTML5"   class="aligncenter size-full wp-image-355" /></p>
<p>Pero no se desanimen, aún quedan un montón de ideas por explotarse y es justamente lo que haremos en el siguiente apartado.</p>
<h2>Geolocalización + Google Maps</h2>
<p><strong>Google Maps</strong> es un servicio muy conocido en la red que nos permite accesar a una base de datos con información geográfica muy interesante, es posible tener diferentes vistas (<em>satelite, mapa, street view</em>) y obtener información relevante acerca del tráfico, las rutas de traslado e inclusive negocios cercanos a cierta ubicación.</p>
<p>Teniendo en cuenta lo que podemos hacer con este servicio, vamos a aprovechar su API para construir un mapa y ubicar un marcador según el punto donde nos encontremos. Lo primero que hay que hacer es entrar al sitio web de <a href="http://code.google.com/apis/maps/index.html">Google Maps API</a> donde encontraremos diferentes opciones de integración mediante <em>Javascript, Flash, XML y/o JSON.</em></p>
<p>La tecnología que seleccionaremos para este ejemplo con <a href="http://code.google.com/apis/maps/documentation/javascript/">HTML5 es Javascript</a>, y modificaremos un poco el código del <a href="http://code.google.com/apis/maps/documentation/javascript/tutorial.html">tutorial de ejemplo</a> para integrarlo con las funciones de <strong>obtener_ubicacion</strong> y <strong>mostrar_mapa</strong> que previamente habíamos utilizado.</p>
<p><code></p>
<p> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 100% }</p>
<p>function obtener_ubicacion(){<br />
	if(Modernizr.geolocation) {<br />
		navigator.geolocation.getCurrentPosition(mostrar_mapa)<br />
	} else {<br />
		alert("No hay geolocalización!")<br />
	}<br />
}</p>
<p>function mostrar_mapa(position) {<br />
	var latitud = position.coords.latitude;<br />
	var longitud = position.coords.longitude;<br />
	var latlng = new google.maps.LatLng(latitud,longitud);<br />
    var myOptions = {zoom: 16, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP};<br />
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);<br />
	var marker = new google.maps.Marker({position: latlng, map: map, title: "Aquí estoy"});<br />
}</p>
<div id="map_canvas" style="width:100%;height:100%;"></div>
<p></code></p>
<p>Y listo, ya con esto tendremos un bonito mapa con geolocalización que nos muestra en un marcador el punto exacto de nuestra ubicación. Recuerden descargar <strong>Modernizr</strong> y modificar la ruta para hacer funcionar el ejemplo.</p>
<h2>Conclusiones</h2>
<p>Sin riesgo a equivocarme creo que estamos viendo la punta del iceberg sobre el tipo de aplicaciones que veremos en un futuro aprovechando la geolocalización, hoy en día es una realidad que cualquier persona con un <em>smartphone</em> llegue a un restaurant y haga check-in para compartir sus impresiones sobre ese lugar, también para acceder a recomendaciones de anteriores visitantes así como a promociones gestionadas por el mismo lugar.</p>
<p>En un futuro próximo no será extraño el utilizar servicios de generación de rutas dinámicas basadas en los intereses de los viajeros, poder crear redes sociales locales que permitan identificar tendencias de una forma más precisa que simples <em>hits</em> en una página web, accesar a ofertas de último minuto para aprovechar los <em>runshowers</em> de las tiendas departamentales, y todo esto sigue siendo solo el comienzo.</p>
<p>Espero sus comentarios en esta entrada, vía twitter en <a href="http://twitter.com/#!/edgarparada">@edgarparada</a> o tal vez nos veamos en algún <a href="http://activ.com.mx/cursos/web/estandares-web/">curso de HTML5</a>, hasta la próxima <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/353/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/353/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/353/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=353&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/02/18/geolocalizacion-con-html5/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/02/geolocation1.jpg" medium="image">
			<media:title type="html">Geolocalización con HTML5</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/02/geolocation2.jpg" medium="image">
			<media:title type="html">Geolocalización HTML5</media:title>
		</media:content>
	</item>
		<item>
		<title>Los Evangelistas de Adobe en un solo lugar</title>
		<link>http://activ.wordpress.com/2011/02/08/los-evangelistas-de-adobe-en-un-solo-lugar/</link>
		<comments>http://activ.wordpress.com/2011/02/08/los-evangelistas-de-adobe-en-un-solo-lugar/#comments</comments>
		<pubDate>Tue, 08 Feb 2011 16:56:42 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[adobe community]]></category>
		<category><![CDATA[recopilacion]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=347</guid>
		<description><![CDATA[Si alguna vez te has preguntado ¿Cuántos evangelistas tiene Adobe? o ¿Dónde puedo encontrarlos a todos? En el sitio www.adobeevangelists.com encontrarás la respuesta Es un recurso interesante donde encontrarás ordenados en pequeños módulos el perfil de cada uno de ellos: Ben Forta, Duane Nickull, Enrique Duvos, Lee Brimelow, por citar algunos&#8230; además de un link [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=347&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Si alguna vez te has preguntado ¿Cuántos evangelistas tiene Adobe? o ¿Dónde puedo encontrarlos a todos? En el sitio <a href="http://adobeevangelists.com/">www.adobeevangelists.com</a> encontrarás la respuesta <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p><a href="http://adobeevangelists.com/"><img src="http://activ.files.wordpress.com/2011/02/adobeevangelists.jpg?w=480" alt="Adobe Evangelists" title="Adobe Evangelists"   class="aligncenter size-full wp-image-348" /></a></p>
<p>Es un recurso interesante donde encontrarás ordenados en pequeños módulos el perfil de cada uno de ellos: <a href="http://twitter.com/#!/benforta">Ben Forta</a>, <a href="http://twitter.com/#!/duanechaos">Duane Nickull</a>, <a href="http://twitter.com/#!/eduvos">Enrique Duvos</a>, <a href="http://twitter.com/#!/leebrimelow">Lee Brimelow</a>, por citar algunos&#8230; además de un link a su <em>BIO, blogs, redes sociales</em> y en algunos casos <em>Flickr</em> y <em>Vimeo</em>.</p>
<p>La iniciativa resulta <strong>bastante atractiva</strong> para mantener en un solo lugar contacto y registro de los movimientos de todos estos rockstars de la industria. A la par han surgido proyectos como <a href="http://www.theflashpeople.com/brasil/#/homepage">The Flash People en Brasil</a> que espero que poco a poco logren contagiar a otras latitudes!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/347/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/347/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/347/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/347/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/347/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/347/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/347/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/347/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/347/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/347/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/347/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/347/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/347/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/347/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=347&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/02/08/los-evangelistas-de-adobe-en-un-solo-lugar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/02/adobeevangelists.jpg" medium="image">
			<media:title type="html">Adobe Evangelists</media:title>
		</media:content>
	</item>
		<item>
		<title>Adobe Community Champion 2011 el gran reto</title>
		<link>http://activ.wordpress.com/2011/01/28/adobe-community-champion-2011-el-gran-reto/</link>
		<comments>http://activ.wordpress.com/2011/01/28/adobe-community-champion-2011-el-gran-reto/#comments</comments>
		<pubDate>Fri, 28 Jan 2011 15:41:00 +0000</pubDate>
		<dc:creator>activ</dc:creator>
				<category><![CDATA[Acerca del Autor]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[adobe community]]></category>
		<category><![CDATA[edgarparada]]></category>
		<category><![CDATA[flex]]></category>

		<guid isPermaLink="false">http://activ.wordpress.com/?p=338</guid>
		<description><![CDATA[El día de hoy me he despertado con la noticia de ser nombrado Adobe Community Champion para 2011, lo cuál representa un gran reto para mí. En palabras de la marca, &#8220;Adobe Community Champions are the “megaphone” of the Adobe community, whose objective is to evangelize Adobe products beyond the existing circle of our Adobe [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=338&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>El día de hoy me he despertado con la noticia de ser nombrado <a href="http://blogs.adobe.com/community/2011/01/adobe-community-champions-2011.html">Adobe Community Champion</a> para 2011, lo cuál representa un gran reto para mí.</p>
<p>En palabras de la marca, &#8220;<em>Adobe Community Champions are the “megaphone” of the Adobe community, whose objective is to evangelize Adobe products beyond the existing circle of our Adobe ecosystem and helping connect people to the Adobe community.</em>&#8220;</p>
<p><a href="http://blogs.adobe.com/community/2011/01/adobe-community-champions-2011.html"><img class="aligncenter size-full wp-image-339" title="Adobe Community Champions Logo" src="http://activ.files.wordpress.com/2011/01/adobe_champion_primary.jpeg?w=480" alt="Adobe Community Champions Logo"   /></a></p>
<p>Mi colega <a href="http://twitter.com/#!/marliton">Marlon</a> los ha enumerado de la siguiente forma, a lo que me atrevo a complementar con un comentario de manera personal&#8230;<br />
 <span id="more-338"></span></p>
<ul>
<li>Mariano Kiwo Carrizo (<a href="http://twitter.com/kiwox" target="_blank">@kiwox</a>) – Argentina: Adobe Community Champion <br /><em>Pocos <a href="http://www.arfug.com/">grupos</a> tienen un comanager tan fuerte, con dominio de JEE, PHP, iOS, Flex, AS3, UML, uff la lista es interminable.</em></li>
<li>Maximiliano Firtman (<a href="http://twitter.com/firt" target="_blank">@firt</a>) – Argentina: Adobe Community Champion<br /><em>Autor de diversos libros para O&#8217;Reilly, cursos para v2b, y artículos técnicos. Director de un centro de <a href="http://www.itmaster.com.ar/">Formación</a> y Manager de <a href="http://www.arfug.com/">AUG</a>, creo que no necesita mayor presentación?</em></li>
<li>Carlos Solís (<a href="http://twitter.com/siddharta" target="_blank">@siddharta</a>) – Costa Rica: Adobe Community Champion<br /><em>Experto en el tema de desarrollo móvil y fundador del proyecto <a href="http://revolucion.mobi/equipo/">Revolución Mobi</a>, si andan buscando al experto él es.</em></li>
<li>Mariana Cabral (<a href="http://twitter.com/marianacabralmx" target="_blank">@marianacabralmx</a>) – Mexico: Adobe Community Professional<br /><em>Hemos sido testigos de su evolución, líder en <a href="http://www.video2brain.com/mx/">v2b</a> para Latinoamérica, consultora de <a href="http://www.adobe.com/mx/">Adobe en México</a>, Instructora, Manager de <a href="http://extendedmx.groups.adobe.com/">ExtendedMX</a>, una de las mejores.</em></li>
<li>Edgar Parada (<a href="http://twitter.com/Edgarparada" target="_blank">@Edgarparada</a>) – Mexico: Adobe Community Champion<br /><em>Manager de <a href="http://riactive.com/">RIActive</a> y Director en <a href="http://activ.com.mx/">Activ</a>. Tratamos de generar comunidad en México</em></li>
<li>Elder Vásquez (<a href="http://twitter.com/eldervaz" target="_blank">@eldervaz</a>) – Perú: Adobe Community Champion<br /><em>Además de ser manager de <a href="http://www.garageflash.org/">AUG</a>, es nuestro líder dentro de la comunidad como Regional Coordinator.</em></li>
<li>Paul Marcel Salazar (<a href="http://twitter.com/kayl29s" target="_blank">@kayl29s</a>)  – Costa Rica:Adobe Community Champion<br /><em>Manager del <a href="http://www.vgroupcr.com/">vGroup</a> en Costa Rica</em>, con dominio en tecnologías de Adobe, Google y Apple</li>
<li>Jorge Mochón (<a href="http://twitter.com/jmochon" target="_blank">@jmochon</a>) – España: Adobe Community Professional<br /><em>Pocos son los speakers que logran cautivar a la audiencia con tal facilidad. Formador de <a href="http://www.video2brain.com/mx/">v2b</a>, manager de <a href="http://groups.adobe.com/group/467/">Adobe LaBo</a> y trotamundos!</em></li>
<li>Marlon Ceballos (<a href="http://twitter.com/adobexpert" target="_blank">@adobexpert</a>) – Colombia: Adobe Community Professional<br /><em>Pocas personas tan certificadas como Marlon, Photoshop, Illustrator, Flash, Acrobat, etc. Manager de <a href="http://xpert.com.co/">Xpert</a> y Director de un centro AATC. Y por supuesto un gran rumbero!</em></li>
<li>José Ramos (<a href="http://twitter.com/josemramos" target="_blank">@josemramos</a>) – Puerto Rico: Adobe Community Professional<br /><em>La palabra correcta para definir a José Ramos es artista, todo un crack en el medio!</em></li>
<li>Luis Sosa (<a href="http://twitter.com/Lsosa22" target="_blank">@Lsosa22</a>) &#8211; República Dominicana: Adobe Community Professional<br /><em>Si alguien puede servir de ejemplo e inspiración es Luis, siempre le aprendo algo ya sea a nivel profesional o personal</em></li>
</ul>
<p>Y si quieren ver la lista completa, aquí tienen la de <a href="http://blogs.adobe.com/community/2011/01/adobe-community-professionals-2011.html">ACP</a> y <a href="http://blogs.adobe.com/community/2011/01/adobe-community-champions-2011.html">ACC</a> respectivamente.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/activ.wordpress.com/338/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/activ.wordpress.com/338/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/activ.wordpress.com/338/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/activ.wordpress.com/338/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/activ.wordpress.com/338/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/activ.wordpress.com/338/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/activ.wordpress.com/338/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/activ.wordpress.com/338/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/activ.wordpress.com/338/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/activ.wordpress.com/338/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/activ.wordpress.com/338/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/activ.wordpress.com/338/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/activ.wordpress.com/338/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/activ.wordpress.com/338/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=activ.wordpress.com&amp;blog=342356&amp;post=338&amp;subd=activ&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://activ.wordpress.com/2011/01/28/adobe-community-champion-2011-el-gran-reto/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/a069fe8a244b45bac96671930b312fd6?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">activ</media:title>
		</media:content>

		<media:content url="http://activ.files.wordpress.com/2011/01/adobe_champion_primary.jpeg" medium="image">
			<media:title type="html">Adobe Community Champions Logo</media:title>
		</media:content>
	</item>
	</channel>
</rss>
