Afortunadamente eso es cosa del pasado porque gracias a Intel tenemos aceleración de gráficos y hardware  disponible para equipos Mac y PC ( aun no hay soporte para Linux :S ).

El emulador lento es cosa del pasado, con el acelerador por hardware de Intel las aplicaciones funcionaran en toda su gloria y podrás tener un excelente panorama de como funcionará tu aplicación en el mundo real. Por fin tenemos un emulador de primera calidad en Android!

Instalación

Para habilitar la aceleración por hardware debes seguir estos pasos

1. Instalar el SDK de Android y actualizarlo la versión 17 o superior.
2. Selecciona entre los paquetes disponibles del SDK manager:  ”Android 2.3.3 (API 10) “.
3. Busca las opciónes “ Intel Atom x86 System Image by Intel Corporation” e “Intel Hardware Accelerated Execution Manager” y presiona el botón “Install Package”.
    
4. Acepta las condiciones de la licencia de Intel y presiona el botón ”Install“.
    
5. En este punto el SDK manager de android va a descargar e instalar los paquetes necesarios, es posible que el sistema pida que reiniciar el SDK manager, si es así, reinicia.
6. Una vez descargado el paquete, abre  la carpeta en que tienes instalado el SDK de Android y ejecuta el archivo IntelHaxm ubicado en  “extras\intel\Hardware_Accelerated_Execution_Manager”.
7. Acepta las condiciones de licencia de Intel.
8. Asigna la cantidad de RAM dedicada al emulador, por defecto son 512 pero si puedes asignarle 1024 es mejor aun.
9. Abre de nuevo el SDK manager y asegúrate que la opción ” Intel Atom x86 System Image by Intel Corporation” aparezca como instalada, si no lo está, selecciónala y repite el paso 3.
   
    

Crear AVD’s ( Android virtual Devices) acelerados por hardware

Los AVD son las “maquinas virtuales” que nos permiten probar versiones especificas de Android así como configuraciones de hardware.

El acelerador por hardware de Intel  tiene una sola limitación: nos permite crear únicamente AVD’s basadas en Android 2.3.3 ( GingerBread ) afortunadamente , en este momento esta es la versión mas popular de Android. Para crear un AVD acelerado por hardware debes seguir estos simples pasos:

1. Abre el SDK manager de Android, busca la opción ”Tools” y selecciona “Manage AVDs…“
2. El administrador de AVD’s se mostrará a continuación. Para crear un nuevo AVD presiona el botón ”new”
   
3. Escribe el nombre para el nuevo AVD y selecciona de la lista “target” la opción ”Intel Atomx86 System Image (Intel Corporation) – API Level 10“
4.  Una vez lista la configuración, solo presiona “Create AVD” para guardar el nuevo dispositivo virtual.
5. El nuevo dispositivo virtual con aceleración por hardware ya esta disponible para probar tus aplicaciones! para probarlo solo presiona el botón ”start”
   

Una última ventana con las opciones para el AVD aparecerá, selecciona el tamaño y DPI adecuado para tu sistema, de lo contrario el emulador puede aparecer en escala incorrecta. Presiona el boton “Launch” para arrancar el AVD

Listo! si aplicaste todos los pasos correctamente tendrás un dispositivo virtual de Android en velocidad turbo. Disfrutalo y comparte este tutorial con tus amigos desarrolladores!

Fuente: Intel.com
Gracias Willy Aguirre por el tip!
update: Gracias Francisco Reyes por la corrección!

Post Relacionados

• Mostrar sitios para móviles en escala correcta
• Videotutorial: Cómo crear una app móvil con Phonegap y Dreamwaver CS5.5
• Resumen del 2011 y pronósticos para el 2012
• Crear sitios web HTML5 para móviles con Mobile Boilerplate
• Videotutorial: Cómo Instalar phoneGap en Eclipse

Por ejemplo la imagen que se muestra a continuación tiene un gráfico que mide 320 pixels al igual que la pantalla del device, sin embargo, el gráfico aparece con un tamaño muy inferior a causa del efecto de escala automática.

Esta es una conducta normal del navegador, pero cuando estamos construyendo una versión móvil del sitio o una aplicación phoneGap puede generar problemas para diagramar un sitio que se vea consistente en todas las plataformas. La escala automática se puede prevenir y controlar de forma muy sencilla utilizando el atributo viewport. Vamos a revisar a profundidad esta útil técnica.

Insertar el viewport

El viewport es un atributo del tag <meta> que  debe incluirse entre las etiquetas <head> de un documento HTML , siguiendo este  patrón básico:

<!DOCTYPE html>
<html lang="es">
<head>

<head>

      <title> Tamaño adaptado a un móvil </title>

      <meta name="viewport" content="width=device-width"/>

</head>

<body>

<h1>Contenidos del Documento </h1>

</body>
</html>

Con solo agregar estas líneas de código al documento del ejemplo, se mostrará a escala correcta en la pantalla de un equipo  móvil:

Configurando el Viewport

El viewport es el  área visual en la cual mostramos un documento HTML y podemos manipular esta  característica para controlar como mostrarlo en la pantalla de un  móvil. Utilizando sus atributos podemos configurar elementos como el ancho, alto, tamaño y escala. A continuación la lista completa de propiedades del viewport:

Dimensiones

Es posible definir un tamaño especifico para el  área visible del documento, muchos sitios toman el camino rápido y ajustan el viewport a 320 px para ajustar el aspecto  al display vertical de un iPhone, usando un  código similar a este

<meta name="viewport" content="width=320"/>

Pero, con la enorme fragmentación de equipos y tamaños de pantalla, definir un tamaño especifico como en el ejemplo anterior es una mala practica que puede mostrar resultados incorrectos en algunos equipos o cuando el dispositivo cambia de posición, afortunadamente podemos configurar el viewport para ajustarse dinámicamente al tamaño de cada dispositivo usando el atributo “device-width” que es equivalente al 100% del ancho de la pantalla del  dispositivo, independiente de su tamaño, posición o resolución:

<meta name="viewport" content="width=device-width"/>

El alto de la pantalla  también es configurable con las mismas propiedades a través del atributo “height” , aunque – salvo condiciones muy especificas- no es necesario definirlo. Esta propiedad se asignará automáticamente a través del scroll.

Escala

También podemos controlar la escala de la vista con el atributo “initial-scale“. Por ejemplo con este  código el sitio se mostrará al doble de su tamaño original:

Es posible ademas, limitar el tamaño al que se puede escalar el sitio con el atributo “maximum-scale” . El siguiente ejemplo muestra el documento en escala correcta y permite escalarlo hasta al doble de su tamaño.

<meta name="viewport" content="width=device-width, maximum-scale=2"/>

Por ultimo está el atributo  ”user-scalable“  controla los permisos de escala del documento,con el siguiente código, el sitio se muestra en su escala original y no es posible cambiar el  tamaño desde el dispositivo móvil.

<meta name="viewport" content="width=device-width, user-scalable=no"/>

Importante mencionar que no se recomienda deshabilitar la opción de escalar el contenido

 Viewport optimizado para móviles

El atributo viewport permite muchas configuraciones, pero para asegurar compatibilidad con la mayor cantidad de pantallas y navegadores móviles, se recomienda utilizar este formato como base:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Conclusión

Los dispositivos móviles escalan  automáticamente los documentos HTML generando en ocasiones resultados no deseados. Podemos controlar el  área visible de un documento a través del atributo viewport y sus propiedades.

La configuración del viewport nos será de gran utilidad tanto para la web  móvil en HTML5 como en aplicaciones basadas en phoneGap. Se recomienda usar el viewport optimizado para móviles para garantizar la compatibilidad con la mayor cantidad de resoluciones y plataformas.

Los archivos con los diferentes ejemplos están disponibles para descargar y probar.[descargar ejemplos]

Post Relacionados

• Crear sitios web HTML5 para móviles con Mobile Boilerplate
• Convertir animaciones Flash en HTML5 para móviles con Wallaby
• Resumen del 2011 y pronósticos para el 2012
• Videotutorial: Cómo crear una app móvil con Phonegap y Dreamwaver CS5.5
• Como crear una versión móvil de tu website solo usando CSS

El mercado de los dispositivos móviles es increíblemente dinámico y durante el 2011 vimos muchas empresas crecer como la espuma al igual que presenciamos la caída algunos gigantes de la industria, queremos cerrar este 2011 revisando a los que hicieron noticia este año, los que nos hicieron sufrir con sus caídas y a los que nos abrieron nuevas oportunidades con sus éxitos.

Los ganadores del 2011

Android

Mas de 500000 de activaciones al día y mas de 200 millones de dispositivos en el mundo usando esta plataforma, Android es sin ninguna duda el nuevo rey de los sistemas operativos para móviles. Aunque el liderazgo de Android se anticipa desde hace tiempo no fue sino hasta el 2011 que por fin se consolidó como el sistema operativo mas popular del planeta.

Pero no todo fueron récords de ventas, también nos sorprendieron con el lanzamiento de 2 nuevas versiones:  una especializada para Tablets (Honeycomb) y la cuarta versión del sistema operativo (Ice Cream Sandwich).  Un año entero de éxito tras éxito, definitivamente el 2011 fue el año de Android.

iPad 2

El iPad 2 siguió el camino de su antecesor como el líder absoluto del mercado de las tablets. Aunque desde su salida han aparecido muchos equipos con la misión específica de robarle la corona al iPad, durante el 2011 se mantuvo como el rey de los tablets con mas de 40 millones de unidades. La presentación del iPad 2 fue una de los ultimas apariciones publicas del hoy extinto Steve Jobs, solo una semana después  se agotaron todas las unidades disponibles.

En el 2011 el iPad salió ileso de la pelea con todos los tablets del mercado que no le han hecho ni un rasguño. Por el contrario siguió creciendo. Los usuarios de iPad son responsables del 97% del trafico de internet generado por  tablets en EEUU.

Square

Aunque fue presentado en el 201o, Square es uno de los startups que mas ha crecido durante este año y es la punta de lanza de lo que se comienza a llamar el M-Commerce. Square es un pequeño dispositivo que se conecta al puerto de audio standard del móvil y permite recibir pagos con tarjetas de crédito y debito. Desde hace un tiempo  incluso esta disponible en la apple store como un periférico mas. En este momento Square esta valorada en mas de 1 billón de dólares.

La Web Móvil

A inicios del 2010 era difícil encontrar sitios web amigables con dispositivos móviles, hoy en día, gracias a la popularidad de los dispositivos móviles y a tecnologías como HTML5 cada día vemos mas sitios web amigables con la plataforma móvil. Este año sitios de alto perfil migraron a HTML5 y de paso se adaptaron a los equipos con pantallas mas pequeñas.

Nuevos proyectos como jQuery mobile, Sencha touch o  Mobile Boilerplate crecen como la espuma y le facilitan a los desarrolladores adaptar sus contenidos. Gracias a todas estas iniciativas el 2011 fue un año mucho mas placentero para navegar por la red desde el móvil.

Los perdedores del 2011

HP, TouchPad y WebOS

Una de las noticias mas comentadas del año fue  la decisión de HP de abandonar el mercado de las tablets y rematar el TouchPad a solo $100. Las flojas ventas se dispararon como pocas veces se ha visto y por un breve instante antes de caer en el olvido, el Touchpad fue un éxito de ventas. Por desgracia en HP no solo abandonaron la producción de tablets, también aniquilaron el sistema operativo que la acompañaba, el WebOS.

Originalmente creado por Palm (empresa que HP compró en 2010)  tenia una buena base de fieles seguidores y admiradores, pero parece que no fue suficiente la buena critica que tenia WebOS para abandonarlo por completo en agosto del 2011 tirando por la borda el esfuerzo de muchos desarrolladores y la oportunidad de crear un nuevo ecosistema móvil.

Afortunadamente hay una luz en el camino para webOS que fue liberado con licencia de código abierto a finales de año, esperamos escuchar buenas noticias para el 2012

Symbian y Meego

El 2011 fue un año difícil para Nokia, apenas comenzando tuvieron que enfrentar  el desplome en las ventas y la urgencia de una reestructuración. De ese proceso salieron 3 bombas: El abandono de Meego, la unión estratégica con Microsoft y el uso de Windows Phone (en detrimento de Symbian).

Meego era un prometedor sistema operativo basado en Linux que Nokia creo en conjunto con Intel, en su momento recibió excelentes criticas pero Nokia solo lo incluyo en su N9 y luego se olvidó de él.

Symbian por su parte aunque no esta oficialmente abandonado, luego de la unión de Nokia y Microsoft ha pasado a un muy distante segundo plano, todo parece indicar que correrá con la misma suerte que Meego.

Blackberry playbook

Si hay una empresa que la paso mal en el 2011 es sin duda RIM ( Casa matriz de Blackberry ) ademas de los múltiples problemas que tuvieron con su red y de la caída en sus acciones, se le suma el fracaso en ventas del Blackberry Playbook.

El tablet tuvo problemas desde su nacimiento, aunque era un dispositivo muy prometedor, retraso demasiado su llegada al mercado y para el día que salió ya estaba desactualizado, todos los tablets del mercado ofrecían mejores features. Para rematar el software no incluía correos, calendarios ni agenda de contactos, solo podía hacerlo de manera indirecta a través de un móvil blackberry.

Personalmente le tenia mucha fe a este device, como dije, era muy prometedor pero nunca paso mas allá de las promesas. El mercado ya decidió y Playbook pasara a la historia como un fracaso de RIM en uno de sus peores años.

Flash en dispositivos móviles

Adobe al igual que Nokia se reestructuró radicalmente este 2011 y en el camino lanzó una noticia que corrió como pólvora por la Internet: No mas Flash para dispositivos móviles.  La caída de flash en los móviles no debió tener mayor impacto ya que un numero relativamente bajo de equipos tenia soporte para esta tecnología, sin embargo Adobe no supo comunicar correctamente el mensaje y el publico en general percibió la noticia como un abandono de la plataforma Flash en General.

Las consecuencias de este anuncio aunque funesto en su momento parecen haber sido mas bien positivas:  Flash se está reinventando como plataforma para juegos y aplicaciones enriquecidas en dispositivos móviles y sistemas anidados pero mas importante aun fortaleció ante el mundo la posición de HTML5 como tecnología clave para el desarrollo de la web móvil.

Predicciones para el 2012

Ademas del Apocalipsis maya, el 2012 nos comienza a dar pinceladas del panorama que nos espera y definitivamente será un año de grandes cambios y de maduración de la plataforma móvil. Es hora de tomar apunte porque estas son las tendencias que tendremos en el mundo de los móviles durante el 2012

HTML5 por todas partes

Consolidado ante el publico como el lenguaje de facto para la web móvil, en el 2012 tendremos una explosión de sitios (móviles y de escritorio) usando al máximo HTML5 , sus API’s y tecnologías paralelas como CSS3.  La presión del publico forzará a los sistemas operativos a competir y mejorar el soporte HTML5 en sus browsers.

Estos avances beneficiarán también a plataformas como phoneGap que se basa en HTML5 para crear aplicaciones nativas, en el 2012 veremos un enorme crecimiento de este tipo de aplicaciones híbridas con una notable mejora en su rendimiento y capacidades.

Kindle Fire  seguirá creciendo

El nuevo tablet de Amazon comienza con el pie derecho el 2012: es desde ya un éxito rotundo en ventas y comienza a perfilarse como el primer gran competidor del iPad.

Su sistema operativo es una versión de Android  especialmente adaptada para el hardware del tablet. El equipo solo cuesta $199 y viene integrado con el servicio Kindle de Amazon y si tienes el servicio Amazon Prime tienes acceso ilimitado y gratuito a películas,series y libros seleccionados.

En el 2012 definitivamente hablaremos mucho del Kindle Fire y su tienda propia en Amazon, muy posiblemente estamos frente a un nuevo ecosistema lleno de oportunidades para los desarrolladores móviles.

Windows Phone desplaza a Blackberry

Aunque durante mucho tiempo Windows ha tenido una cuota prácticamente nula en el campo de los smartphones en el 2011 comenzaron a dar sus primeros pasos con el Lumia 800 que ha tenido buena acogida del publico y ya es un éxito en ventas en el Reino Unido y Francia.

Al duo Microsoft/Nokia  le espera en el 2012 la prueba de fuego: El mercado Estadounidense. Pronto veremos si Windows Phone se consolida en el mercado y principalmente entre los desarrolladores que son los que crean lo mas importante de una plataforma: el contenido. Si Microsoft tiene exito en los EEUU puede convertirse en el tercer ecosistema móvil desplazando al maltrecho Blackberry.

M-Commerce cada vez mas cerca

Recuerda esta palabra, la escucharás muy pronto. M-Commerce es la capacidad comerciar bienes y servicios a través de dispositivos móviles. Esto ya es una realidad en algunos países de Asia y Africa. Empresas como Square se están encargando de que esto sea una realidad cotidiana en el resto del mundo. Te suena muy lejano? mira este video de Starbucks aplicando sistemas de M-Commerce en el mundo real

http://www.youtube.com/watch?v=or6U0GeZ4j0

Se nos avecina un nuevo año lleno de posibilidades para los que trabajamos con dispositivos móviles, si aun no te decides a trabajar con plataformas móviles, es momento de incluirlo en tus propósitos para el 2012.

Desde revolución móvil les deseamos un 2012 lleno de oportunidades, éxitos y muchas novedades!!

Post Relacionados

• Crear sitios web HTML5 para móviles con Mobile Boilerplate
• Adobe compra PhoneGap…y ahora que?
• Convertir animaciones Flash en HTML5 para móviles con Wallaby
• Mostrar sitios para móviles en escala correcta
• Videotutorial: Cómo crear una app móvil con Phonegap y Dreamwaver CS5.5

HTML5 es una excelente opción para los desarrolladores que quieren crear un sitio compatible con los dispositivos móviles mas modernos y comenzar a ofrecer nuevos e innovadores servicios haciendo uso de todas las nuevas características del HTML5.

Sin embargo  este  lenguaje actualmente esta apenas dando sus primeros pasos y aun tiene muchos problemas de implementación y compatibilidad en las diferentes plataformas móviles. Para crear un sitio web optimizado para móviles usando HTML5 es indispensable aplicar una serie de trucos y buenas practicas para garantizar resultados consistentes.

Afortunadamente un grupo de desarrolladores profesionales conscientes de este problema crearon un proyecto que nos ofrece instantáneamente todo lo necesario para crear un sitio móvil HTML5 de calidad profesional.

Mobile Boilerplate

Este proyecto es un derivado del legendario HTML5 Boilerplate. Usando los mismos principios, el Mobile Boilerplate es una versión optimizada para smarphones y otros equipos móviles de alta gama.

Incluye una gran cantidad de trucos y técnicas para garantizar la compatibilidad , consistencia y rendimiento de tu sitio web, entre sus principales características están:

• Creado usando buenas practicas de desarrollo tanto en la estructura del código como en el CSS
• Optimizado para funcionar en los principales smartphones y equipos de alta gama ( Android, iOS, Symbian, Blackberry)
• Ajustes del área de visión o Viewport para evitar problemas de escala involuntaria del sitio
• Media queries que permiten adaptar el sitio según tamaño y resolución del equipo
• Favicons de múltiples resoluciones.

… y muchísimos trucos técnicos mas, que te darán un solido punto de partida para cualquier proyecto móvil.

Importante aclarar que esta plantilla esta planeada para dar la mejor experiencia en smartphones, celulares modernos y equipos de alta gama, para darle soporte a equipos de baja gama y móviles básicos, es mejor aplicar otras técnicas.

Como instalar Mobile Boilerplate

La instalación toma solo unos minutos, lo único que hay que hacer es bajar el archivo disponible en el sitio oficial de Mobile Boilerplate   o si eres usuario de github, puedes hacer un fork en su repositorio 

Una vez descargado simplemente se descomprime el fichero y tendrás un grupo de archivos algo similar a este:

Puedes copiar estos archivos directamenta a la base de tu proyecto web y comenzar a trabajar en ellos de inmediato. El archivo index.html ya viene listo para ser la base de tu proyecto, ábrelo y comienza a editarlo a partir el tag <body>.

En la carpeta CSS encontraras un archivo llamado style.css basado en los principios del normalize.css (normalizar y standarizar los elementos graficos de todos los navegadores) pero  adaptado específicamente para los navegadores de dispositivos móviles.

Por ultimo en la carpeta img, se encuentran 3 subcarpetas con los nombres “h”, “l” , “m” cada una de ellas alberga favicons y pantallas de inicio para equipos de diferentes resoluciones (high, low, medium) puedes editar esas imágenes con tus logos e iconos para desplegarlas en las barras de navegación y pantallas de inicio de equipos iOS y Android.

Bonus: puedes usar Mobile Boilerplate como base para proyectos phoneGap

Mobile Boilerplate ya pensó en la apariencia estructura y consistencia de un archivo HTML5 corriendo en un dispositivo movil y justamente esa es la base de una aplicación phoneGap,  no tiene sentido duplicar el trabajo para crear una aplicación móvil.

Para usar Mobile Boilerplate simplemente debes agregar el script de phoneGap al index.html y podrás usar esta plantilla como base de proyectos robustos en phonegap que se desplegaran correctamente en múltiples pantallas y plataformas.

Post Relacionados

• Mostrar sitios para móviles en escala correcta
• Resumen del 2011 y pronósticos para el 2012
• Convertir animaciones Flash en HTML5 para móviles con Wallaby
• Como crear una versión móvil de tu website solo usando CSS
• Adobe compra PhoneGap…y ahora que?

Sin embargo instalar phoneGap en Eclipse es un proceso bastante tedioso por decir poco: necesita copiar archivos, crear carpetas y editar incluso algunas clases y archivos de configuración. Lo peor es que el proceso debe repetirse cada vez que creamos un nuevo proyecto phoneGap.

En este tutorial aprenderás no solo a preparar Eclipse para crear aplicaciones de Android, también instalaras el MDS de Applaud, un plugin que instala phoneGap en un solo paso.

http://www.youtube.com/watch?v=olCh2k4mimA

Si te gustan estos tutoriales compártelos con tus amigos, síguenos en Twitter y si quieres un tema en especial no dudes en pedirlo!

Post Relacionados

• VideoTutorial: Como instalar y probar Google Maps en phoneGap
• Videotutorial: Cómo crear una app móvil con Phonegap y Dreamwaver CS5.5
• Como crear una versión móvil de tu website solo usando CSS
• Tutorial: Mejorar el rendimiento del Emulador Android
• Mostrar sitios para móviles en escala correcta

La noticia

Adobe anunció que finalizaría el soporte de flash player en móviles para enfocarse en su versión PC y contribuir mas agresivamente en HTML5 ( ver comunicado oficial ).

Esto no es mayor sorpresa, desde hace tiempo Adobe esta enfocado en el desarrollo para dispositivos móviles. En el mas reciente update de su suite creativa (CS5.5) la mayor parte de las herramientas fueron actualizadas con funciones para publicación de contenido en móviles. El enfoque de Adobe sobre HTML5 es evidente con programas como EDGE, MUSE, Wallabee, las nuevas funciones de Dreamweaver CS5.5 y en especial la compra de Nitobi, creadores de phoneGap.

Este anuncio solo le da fin a algo que se veía venir desde hace un tiempo: Flash player en el navegador móvil, un producto que realmente no logro despegar igual que su contraparte de escritorio.

Las consecuencias

En realidad aunque muchos sitios hablan de una catástrofe, realmente eliminar flash player de los móviles no tiene un gran impacto porque aunque en teoría a partir de Android 2.2 era soportado, solo una cantidad limitada de equipos tenían capacidad de hacerlo efectivamente.

Ningún sitio web realmente optimizado para móviles depende de Flash precisamente por este soporte tan limitado. La web móvil no se verá afectada por este cambio.

Se divorcia Flash de los móviles?

No, por el contrario Adobe seguirá impulsando la tecnología Flash en equipos móviles, solo que ya no desde el navegador, sino como plataforma de desarrollo de apps nativas. Hoy en día hay miles de aplicaciones para móviles basadas en Flash, muchas de ellas son éxito en ventas como Machinarium una app 100% flash que ha logrado llegar al top 10 de apps para iPad.

Si estas desarrollando aplicaciones para móviles usando la plataforma Flash sigue adelante, esta noticia no te afecta en nada!

Es el principio del fin para Flash?

El futuro del flash nadie lo puede saber, aun es muy temprano para ello. Adobe le sigue apostando  fuerte y la plataforma sigue robusta en PC con mejoras constantes como el soporte para gráficos 3D acelerados por hardware.

Lo que si es definitivo es que estamos en un periodo de transición donde las paginas web utilizan cada vez mas tecnologías standard como HTML5 y CSS3 para su diseño y animaciones mientras que flash se va moviendo hacia el área de experiencias enriquecidas y juegos.

El futuro de Adobe

Como empresa Adobe esta en medio de una reestructuración profunda, enfocándose en campos como los dispositivos móviles, la creación de contenidos multimedia y el marketing digital. Recientes compras como Typekit, Nitobi y Omniture denotan la tendencia hacia la web y tal como lo anuncian en su comunicado “un mayor enfoque a tecnologías como html5″.

El anuncio del retiro del soporte para flash player en móviles viene acompañado del cierre de programas de corte empresarial como liveCycle o  Connect y el despido del 9% de su fuerza laboral. Esta reestructuración general se da para alcanzar los objetivos financieros del ultimo cuarto del 2011 y al menos por ahora es financieramente positivo para Adobe.

Personalmente creo que en el futuro próximo veremos una oleada de productos y servicios de Adobe enfocados en equipos móviles y HTML5, mejoras en la plataforma AIR y soporte ampliado para el desarrollo de aplicaciones para móviles con la plataforma Flash/ AIR así como una mayor integración de sus productos con phoneGap

Conclusión

Es imposible no ver esta noticia y pensar que en algún lugar esta Steve Jobs con una enorme sonrisa, el anuncio de Adobe francamente no tiene gran impacto real sobre la red, pero si aclara un poco el panorama para el futuro de la web móvil, ahora sabemos que no hay lugar para flash ni ningún otro plugin allí, Microsoft por ejemplo también anuncio el retiro progresivo de soporte para silverlight en favor de tecnologias como HTML5

Estos anuncios son simplemente un reflejo del impacto que tienen los dispositivos móviles en toda la industria  y es en definitiva el primer gran éxito de HTML5. Después de este anuncio, HTML5 se consolidó oficialmente como el lenguaje por excelencia de la web móvil.

Post Relacionados

• Convertir animaciones Flash en HTML5 para móviles con Wallaby
• Resumen del 2011 y pronósticos para el 2012
• Vale la pena desarrollar con Flash para moviles?
• Mostrar sitios para móviles en escala correcta
• Crear sitios web HTML5 para móviles con Mobile Boilerplate

En este videotutorial aprenderás a crear una aplicación phoneGap con Google Maps que muestra tu ubicación real usando GPS. Además te mostramos los trucos para probar tu aplicación simulando el GPS desde el computador.

http://www.youtube.com/watch?v=HAn1Brs88Qo

Puedes seguir probando esta aplicación y crear tus propias funciones,  descargar los archivos del ejemplo para verlo en acción . No olvides darle una ojeada  la documentación de google maps.

Si te gustan estos tutoriales compártelo con tus amigos, síguenos en Twitter y si quieres un tema en especial no dudes en pedirlo!

Post Relacionados

• Videotutorial: Cómo crear una app móvil con Phonegap y Dreamwaver CS5.5
• Mostrar sitios para móviles en escala correcta
• Resumen del 2011 y pronósticos para el 2012
• Crear sitios web HTML5 para móviles con Mobile Boilerplate
• Videotutorial: Cómo Instalar phoneGap en Eclipse

Te mostraremos como modificar cualquier elemento en la interface de tu aplicación… sin escribir ni una linea de código!. Con el nuevo Fireworks CSS3 Mobile pack  puedes editar los temas nativos de jQuery Mobile. Fireworks se encargará de crear las imágenes y el CSS necesario por ti.

http://www.youtube.com/watch?v=ZebyrBILqmo

Si quieres seguir probando puedes descargar los archivos del ejemplo y verlo en acción.

Cuéntanos que te parecen nuestros videotutoriales gratuitos y si te gustan, compártelo con tus amigos,  síguenos en Facebook o envíale un comentario al autor;

Post Relacionados

• Videotutorial: Cómo crear una app móvil con Phonegap y Dreamwaver CS5.5
• Resumen del 2011 y pronósticos para el 2012
• VideoTutorial: Como instalar y probar Google Maps en phoneGap
• Como crear una versión móvil de tu website solo usando CSS
• Tutorial: Mejorar el rendimiento del Emulador Android

http://www.youtube.com/watch?v=EAz0pa0Uu2c

Listo! hoy has creado tu primera app móvil usando dreamweaver… era mas fácil de lo que pensabas no? Aun falta mucho por aprender y esperamos darte todas las herramientas en nuestros tutoriales.

Si aun no nos sigues(…y deberias hacerlo!) , puedes encontrarnos en Twitter, Facebook o suscribirte a nuestras actualizaciones por email. Cuéntanos que te pareció nuestro video tutorial, cómo mejorar y si te gustaría que hiciéramos mas de ellos

Post Relacionados

• Mostrar sitios para móviles en escala correcta
• Resumen del 2011 y pronósticos para el 2012
• VideoTutorial: Como instalar y probar Google Maps en phoneGap
• VideoTutorial: Cómo crear temas de jQuery Mobile con Adobe Fireworks
• Adobe compra PhoneGap…y ahora que?

Qué compró exactamente Adobe?

Adobe compro a Nitobi, la empresa que creó PhoneGap, compró todos sus productos y servicios, sin embargo el proyecto y código fuente de PhoneGap fue donado por completo a la fundación Apache (ASF) para garantizar que permanezca siempre abierto y gratuito.  Puedes leer los detalles exactos de la compra en el comunicado oficial de prensa.

PhoneGap se volverá de paga?

No, es y seguirá siendo opensource a perpetuidad, así que no tienes que preocuparte por pagar licencias para desarrollar con PhoneGap o regalías por tu aplicación ya publicada. Puedes seguir con tranquilidad desarrollando Apps espectaculares en HTML5 de forma gratuita, lo que cambiará es que ahora tendrás muchas más herramientas profesionales gracias al apoyo de Adobe.

Entonces, porqué Adobe compró Nitobi pero donó su producto mas importante?

Adobe está apostando con todo a la plataforma móvil, al comprar Nitobi no buscan ganar dinero cerrando el codigo del proyecto, buscan mejorar sus productos. Adobe gana haciendo crecer el proyecto Phonegap aunque sea gratuito. Con Nitobi a su lado tienen  la posibilidad de integrar sus herramientas de desarrollo directamente a esta nueva tecnología.

Estas son excelentes noticias para los desarrolladores móviles que en el futuro podrán esperar  nuevos productos que aprovechen la integración HTML5 + JS + CSS  + móviles. Productos como Dreamweaver, Muse o Edge  podrán exportar directamente su código como una aplicación móvil para cualquiera de las 7 plataformas soportadas por PhoneGap

Que cambios vienen en corto plazo?

Durante el AdobeMAX se anuncio que PhoneGap Build, el servicio compilación en la nube de Nitobi será parte del Adobe Creative Cloud  lo que permitirá a los desarrolladores crear aplicaciones para cualquier plataforma sin tener siquiera que instalar frameworks nativos o comprar equipos. Actualmente Dreamweaver CS5.5 ya incluye soporte nativo para PhoneGap y jQuery Mobile es muy probable que en su próxima versión la integración sea aun mayor y posiblemente permita compilación en la nube.

Adobe está apostando por HTML5, se están rindiendo con Flash?

No! de ninguna forma, Adobe deja muy en claro que estas tecnologías no son rivales, el punto aquí es ofrecer opciones para todos. Flash sigue robusto y por el contrario sigue creciendo tanto en escritorios como en móviles con soporte 3D nativo para todos los equipos. HTML5 es solo una opción mas de las muchas que tenemos para expresar nuestra creatividad.

Bonus: qué es mejor HTML5, Flash o código nativo para mi app?

Una de las preguntas que mas nos hacen, la respuesta: Depende de tus necesidades y preferencias.

Si eres un desarrollador web con poderes ninja, porque cambiar de lenguaje y desaprovechar tus talentos? o si ya llegaste al nivel inmortal en ActionScript para que borrar la mitad de tu cerebro para aprender nuevos lenguajes? Una app nativa es muy poderosa y si te entusiasma aprender cosas nuevas o estas comenzando desde cero, disfruta creando! lo mejor de vivir en esta época es que hay opciones para todos!

Precisamente esto es lo que esta ofreciendo Adobe: opciones. Los diseñadores pueden trabajar con Muse o con el  Digital Publishing, los desarrolladores tienen Flash, Flex y Air y los webdevs ahora tienen PhoneGap! el pastel es muy grande y aun sobra para todos.

Al final del día, lo que vende no es la tecnología en la que se crea una app sino las ideas creativas bien aplicadas

Post Relacionados

• Resumen del 2011 y pronósticos para el 2012
• Crear sitios web HTML5 para móviles con Mobile Boilerplate
• Videotutorial: Cómo crear una app móvil con Phonegap y Dreamwaver CS5.5
• Convertir animaciones Flash en HTML5 para móviles con Wallaby
• Mostrar sitios para móviles en escala correcta