Cómo ver y controlar tu móvil desde el PC con #Google #Chrome y #Vysor by @xatakandroid

Cómo ver y controlar tu móvil desde el PC con #Google #Chrome y #Vysor by @xatakandroid

fuente: http://www.xatakandroid.com/tutoriales/como-ver-y-controlar-tu-movil-desde-el-pc-con-google-chrome-y-vysor

autor: http://www.xatakandroid.com/autor/ivan-ramirez

A estas alturas probablemente ya sepas que tienes a tu disposición mil y una formas de conectar tu móvil al PC y usarlo remotamente. Con un móvil Samsung una de las mejores opciones es SideSync, mientras que otras opciones más generalistas son Teamviewer Host o AirDroid. Las alternativas no faltan, y ahora te presentamos una más.

Vysor es una forma más de ver la pantalla de tu móvil en el PC y controlarlo con el ratón y teclado. A diferencia de la competencia, se basa en una extensión para Google Chrome, lo cual lo hace compatible con Windows, Mac, Linux y ChromeOS, sin necesidad de instalar un cliente distinto en cada plataforma. ¿Te animas a probarlo?

1. Hazte con la extensión

Antes de nada, instala la extensión de Vysor para Google Chrome de Escritorio. Aquí tienes un enlace directo, aunque también puedes ir a la página oficial y pulsar Install. Como es habitual, la instalacción es cuestión de segundos, lo cual es un gran adelanto si lo comparas con instalar Teamviewer o similares

Lo siguiente que debes hacer es abrir la aplicación. En Google Chrome deberías tener un acceso en tus marcadores para las Aplicaciones de Chrome. Si no, escribe esto en la barra de direcciones:

chrome://apps/

2. Instala los controladores ADB

¿Recuerdas cuando dije que instalar Vysor es muy rápido? Tiene truco, y es que salvo que estés habituado a trastear con ADB, deberás hacer unos pasos adicionales para ponerlo en funcionamiento.

Primero, hazte con los controladores ADB para Windows. Koush, el autor de Vysor, te recomienda usar los de tu fabricante, pero también ha compilado su propia versión de los controladores ADB unificado que debería servir para cualquier dispositivo Android. Los puedes descargar aquí.

Después de descargarlo en Windows, pulsa Siguiente, Siguiente y Siguiente hasta que se complete la instalación, que no debería llevar más de un minuto.

3. Conecta tu móvil con cable USB al PC

Vysor acaba de introducir el control remoto de Android vía Wi-Fi, lo cual es genial, pero desgraciadamente esta es una de las funciones restringidas para la versión de pago (2 dólares al mes, 10 al año). Si no quieres pasar por caja, debes conectar el móvil con cable.

4. Activa la depuración USB

Ve a los Ajustes del sistema – Opciones de desarrollador y activa la depuración USB. Si no tienes el apartado de Opciones de desarrollador en tus Ajustes, ve a Acerca del dispositivo y toca repetidamente el Número de compilación para habilitar este menú.

5. Busca el dispositivo

De vuelta al PC, abre la aplicación Vysor de Chrome y, en un mundo ideal, recibirías una notificación de que el PC está intentando acceder a tu móvil (que deberás aceptar), en cuanto que vayas al apartado Find Devices.

Sin embargo, en mis pruebas nada ha sido tan fácil y ha hecho falta conectar el cable, desconectar, abrir y cerrar varias veces Vysor, así como usar el menú Inicio – Clockworkmod – Start ADB Server para que el sistema empiece a responder. Si es tu caso, puedes probar a usar otra instalación de ADB como el paquete 15 seconds ADB Installer que te mostrábamos aquí.

Básicamente debes lograr que ADB se inicie (te lo indica la parte inferior de Vysor) y que Android te pida la confirmación de depuración para la conexión desde el PC. Parece fácil -y debería serlo- pero podría fallar o hacerse de rogar.

6. Espera a que se instale su APK

Después de que Vysor se conecte satisfactoriamente con tu móvil, lo primero que hará es instalar el APK que permitirá el acceso remoto. El proceso es automático, por lo que no debes hacer nada más que esperar a que se complete el proceso.

La aplicación de Vysor para Android ocupa unos 8 MB de espacio, lo cual se puede considerar “no demasiado” según los estándares de hoy en día.

7. ¡A disfrutar!

Con esto, ya lo tienes todo listo. Desde la ventana de Vysor puedes ver y controlar la pantalla de tu móvil, a una calidad bastante aceptable, con muy poco retraso y usando tu ratón y teclado para chatear, jugar o lo que quieras.

Vysor incluye algunas funciones adicionales interesantes, como un botón para crear capturas de pantalla, que se abren inmediatamente en una pestaña en Google Chrome. Por lo demás, se puede decir que funcionar, funciona generalmente bien, aunque si tu fabricante dispone de su propia aplicación, probablemente te proporcionará mayor estabilidad.

7 apps de cámara (Camera FV-5) que son mucho mejor que la que trae tu #smartphone by @Gizmodo

fuente: http://es.gizmodo.com/7-aplicaciones-de-camara-que-son-mucho-mejor-que-la-que-1774953146

7-apps-de-camara-camera-fv-5-que-son-mucho-mejor-que-la-que-trae-tu-smartphone-by-gizmodo

Camera FV-5 es una especie de Manual para Android, dado que ofrece mucho más control sobre tus fotos a través de esos ajustes que los fotógrafos profesionales usan día a día en sus cámaras: exposición, balance de blancos, ISO, velocidad de captura y muchas otras opciones más te permitirán lograr que tus fotos se vean justo como lo deseas.

Y también hay muchas opciones que puedes aprovechar antes de presionar el botón para capturar la foto: la app cuenta con una selección de 10 plantillas diferentes para la composición y varias guías para cortar la imagen directamente en la pantalla antes de tomar la foto. También cuenta con un visor de EXIF y soporte para imágenes RAW.

Puedes comprarla por 4 dólares en Google Play, para Android.

Programar #app multiplataforma con #HTML5 by @Yeeply_ES

fuente: https://www.yeeply.com/blog/programar-apps-multiplataforma-html5/

Mucho se ha hablado sobre programar apps en este blog. Sobre desarrollo de aplicaciones Android e iOS, también sobre aplicaciones responsive y las nativas. Sobre monetizar esos proyectos móviles. Incluso el diseño de apps se ha hecho un hueco en nuestro blog. Pero nunca hemos dejado suficientemente clara una buena opción para llevar a cabo tu desarrollo móvil. Me refiero a programar una aplicación multiplataforma con HTML5.

Para los que acabáis de llegar al mundo de las apps, la diferencia entre las aplicaciones nativas y multiplataforma es que las primeras están ‘escritas’ en su propio lenguaje de programación de apps. Mientras que las aplicaciones multiplataforma tienen un solo código que es interpretado y ajustado a los dispositivos, diríamos que son prácticamente sinónimo de las aplicaciones web de las que hemos hablado en varias ocasiones.

Dentro de esta categoría nos encontramos dos existen 2 ramas de aplicaciones multiplataforma: la primera sobre WebView ( que utiliza HTML5, CSS3, JavaScript y que trataremos en este artículo); y otra tipoXamarin que escribes una vez el código en un lenguaje común y te lo “traduce” a nativo de cada una de las plataformas.

Uno de los lenguajes que precisamente nos permiten crear apps multiplataforma, que con un solo desarrollo sean accesibles desde cualquier dispositivo, ese es HTML5. Veamos un poco más en profundidad en qué consiste:

¿Qué es exactamente HTML5?

HTML5 es un lenguaje markup que se utiliza para estructurar y mostrar contenidos en web. Proporciona soporte para aplicaciones multimedia avanzadas, incluyendo audio y video. Pero también nos permite modificar el ‘layout’ de una página y modificar así su aspecto.

En este sentido, ¿cómo pueden aprovecharlo los desarrolladores de apps? El experto podrá programar apps interactivas con HMTL5 que se verán a través del navegador de cualquier dispositivo.

Es precisamente HTML5 uno de los lenguajes más versátiles para desarrollar aplicaciones web y el más utilizado al crear apps no nativas.

¿Porqué programar apps con HTML5?

En primer lugar podemos destacar que HTML5 es un lenguaje de programación muy extendido. De hecho se ha convertido desde octubre de 2014 en el estándar de programación web, así siempre encontraremos muchos recursos al respecto. Además, el World Wide Web Consortium (W3C) puso su sello de “Recomendado” a la quinta versión del lenguaje.

Las novedades que ha traído respecto a anteriores versiones de HTML y de otros lenguajes es la inclusión nativa de vídeo y audio y también implementar diseño responsive de forma automática.

La importancia del HTML5

Ya hemos dejado bien claro porque el lenguaje de programación es importante a nivel mundial y para los programadores convencionales. Pero ¿sabes qué características tiene este lenguaje para convertirse en uno de lasmejores opciones para programar apps multiplataforma? Vamos a exponerte esas ventajas de utilizar HTML5 al crear aplicaciones móviles.

  • Ante todo está su universalidad, es decir que funciona en todos los navegadores, ya sean en dispositivos móviles o desde el ordenador tradicional. El código es interpretado y mostrado por cualquiera de los navegadores (Chrome, Safari, Firefox, Internet Explorer).
  • Es una lenguaje con vocación claramente audiovisual. Permite incluir nativamente tanto audio cómo vídeo. Apuesta por mostrar e incluir contenidos multimedia en las creaciones.
  • Es mobile friendly. Una de las ventajas de la programación de apps con HTML5 es que este lenguaje busca ser responsive, adaptarse a la pantalla en la que se muestra el contenido. Por eso se convierte en perfecto para crear webs que se vayan a ver como aplicaciones (es decir, web apps). Según datos de la firma de análisis Vision Mobile, más del 50% de las aplicaciones móviles utilizan HTML5 junto a JavaScript y CSS.
  • Para los presupuestos más limitados es una muy buena opción ya que es más barato que otras alternativas nativas. O incluso para empezar con una beta de nuestro negocio o juego para móviles arrancar con una versión en HTML5 para ver si funciona y existe mercado puede suponer un gran ahorro. Juegos del estilo al de Candy Crush (puzzles) pueden empezar con esta tecnología y más adelante pasarse al nativo.
Puedes programar apps en beta con HTML
  • Y finalmente, pero no menos importante, el lenguaje HTML5 es decarácter abierto: Es decir, cualquiera puede modificar, mejorar, ampliar o inventarse nuevos servicios sobre aplicaciones ya desarrolladas.
Ventajas e inconvenientes de programar apps multiplataforma

Continuando lo que decíamos en el apartado interior, la mayor de lasventajas de crear apps multiplataforma con HTML5 y otros lenguajes es para aquellos de vienen del desarrollo Web. El programador web pueden utilizar su experiencia para introducirse en el desarrollo de apps de forma muy rápida y sencilla.

“Otra ventaja es que no hace falta el doble o triple de recursos para hacer la misma app en Android, iOs y Windows Phone”, añade Jose Antonio Llopis, Director técnico en Yeeply.

Como inconvenientes cabe destacar la velocidad de la app, que se ve seriamente reducida. Del mismo modo el acceso al hardware del dispositivo se ve limitado a los plugins disponibles. Otro inconveniente es que aunque se asegure que la app vaya a funcionar de forma automática en cualquier plataforma, eso no es cierto del todo. En la práctica hay que ir comprobando el desarrollo en todas las plataformas y comprobar que lo se ve bien en una también funciona en las otras.

Eso sí, RECUERDA que aunque las aplicaciones sean multiplataforma hay que generar una apk ( para dispositivos Android) o ipa nativa (para dispositivos iOS) para que sea legible y se muestre en los dispositivos móviles. Por eso mismo nos harán falta los SDK de cada plataforma. Como alternativa podemos usar un servicio que nos lo genere automáticamente como Adobe Build.

Herramientas para desarrollo multiplataforma

programar-apps-con-HTML5

Las herramientas más utilizadas para programar apps plataforma del tipo de WebView son las que te presentamos a continuación:

  • Apache Cordova: es un framework para el desarrollo de aplicaciones móviles propiedad de Adobe Systems que permite a los programadores desarrollar aplicaciones para dispositivos móviles utilizando herramientas web genéricas como JavaScript, HTML5 y CSS3, resultando aplicaciones híbridas.
  • AngularJS: es un framework de JavaScript de código abierto, mantenido por Google, que se utiliza para crear y mantener aplicaciones web de una sola página.
  • Ionic:es una herramienta, gratuita y open source, para el desarrollo de aplicaciones híbridas basadas en HTML5, CSS y JS. Está construido con Sass y optimizado con AngularJS.

Aunque la calidad de este tipo de aplicaciones no es la óptima que podemos encontrar en un desarrollo nativo, funciona muy bien para proyectos pequeños y medianos que no necesitan un rendimiento muy alto ni demasiadas funcionalidades. De hecho la primera aplicación de Facebook estaba desarrollada con este tipo de tecnología hasta que se decidió por la programación de apps nativas.

#html: Probar como se ve tu #web en movil, tablet, etc by geektation.com

Fuente: http://www.geektation.com/2012/12/emular-y-probar-si-tu-sitio-web-se-ve.html

¿Cómo se ve mi página web en un móvil, tablet ó tv?. Hoy en día es muy importante que una página ó sitio web se vea bien en distintos dispositivos cualquiera sea su tamaño y/o resolución. Si no dispones de un sitio donde probar como se ve tu página web en estos dispositivos, se te hará complicado como corregir y en que mejorar tu sitio web, de lo contrario perderás muchas visitas y posibles clientes si tienes una tienda online.

Existe una interesante herramienta online desarrollada por QuirkToolsllamada “Screenfly”; el cual es una aplicación web gratuita que te será muy útil si te dedicas al desarrollo web. Este sitio emulador online te va a permitir probar y visualizar cómo ven tu sitio web las personas en distintos dispositivos, entre los cuales están los móviles y tablets que son los más utilizados.

Su funcionamiento es sencillo ya que utiliza un servidor Proxy para emular a estos dispositivos mientras visualizan tu website. No es necesario agregar instrucciones ya que para usarlo, sólo necesitas ingresar la URL del sitio que deseen probar: Screenfly detecta de forma automática la URL y los redirecciona al sitio web tal como se vería en la resolución o dispositivo que elijan. Sería recomendable hacer prueba con diferentes resoluciones de pantalla, ya que si no se ve bien, las personas que visiten por primera vez nuestra página ya no volverán a retornar a nuestro sitio web.

Dentro de los dispositivos y resoluciones que te permite probar están:

  1. Desktop: 10″ 12″ 13″ 15″ 19″ 20″ 22″ 23″ 23″
  2. Tablets: ViewSonic WiewPad, Velocity Cruz, Samsung Galaxy, Apple iPad 1&2, Motorola Xoom
  3. Móviles: Motorola Razr V3m, Motorola Razr V8, Blackberry 8300, Apple iPhone 3, LG Optimus S, Google Nexus S, ASUS Galaxy 7, Apple iPhone 4.
  4. Televisión: 480px, 720px, 1080px.

Puedes probar cómo se ve mi página web en un móvil, tablet ó tv ingresando en la página de Screenfly en:  www.quirktools.com/screenfly

Búsquedas relacionadas: cómo se ve mi web en un móvil, probar mi sitio en un iphone, resolución de mi página en un smartphone, como se ve mi web en un celular, probar mi web en Android, resoluciones tablets, como se ve mi página en un móvil 

Espero que te haya gustado este post Emular  y probar como se ve mi sitio web en celulares, tablets, TVs y más , no te olvides de apóyarnos haciendo un clic en me gusta.