A blog about data, information and IT, by Mario Alberich

Aug 08
2013

Ripple - Emulador para móviles

A estas alturas ya no resulta difícil disponer de un dispositivo móvil con prestaciones de smartphone para revisar o testear una página web. Para echar un vistazo rápido, es más que suficiente.

Sin embargo, salvo que tu tarea sea dedicarte al desarrollo de aplicaciones móviles, no dispondrás de varias BlackBerry, los dos o tres últimos modelos de iPhone o iPad, y varios modelos de Android, con sus variaciones en tamaños de pantalla, versiones de sistema operativo, etc. Y si el trabajo a entregar requiere una revisión más o menos exhaustiva con dispositivos móviles, la tarea es compleja.

Revisar con Ripple en Chrome


A partir del proyecto Ripple que actualmente está en la incubadora de Apache (código bajo Licencia Apache), se ha desarrollado una extensión para Google Chrome, disponible gratuitamente en la Chrome Web Store.

Al instalar la aplicación, aparecerá un botón con la imagen del logo de Ripple. Al navegar por una página (funciona con páginas http://, pero no con accesos locales vía file://, por lo que hay que poner las páginas tras un servidor http), se puede clicar sobre el botón y seleccionar la opción enable.

En la primera carga de una determinada URL se solicitará qué plataforma se quiere utilizar para hacer la simulación. Esto se puede modificar en cualquier momento desde el entorno de emulación.

En ese momento aparecerá un interfaz en la que se identifican claramente tres apartados:

  • En la parte izquierda, la configuración del dispositivo y de algunas de sus características, además de la orientación y la opción de "shaking". También se puede cambiar la plataforma.
  • En la parte central, una interfaz emulada del dispositivo escogido a la izquierda. La página que estabas visualizando debería mostrarse dentro.
  • A la derecha, algunas características de la conexión del dispositivo, así como la posibilidad de simular geoposicionamiento.


Con la variedad de opciones, se puede jugar un rato largo y ver, por ejemplo, la interacción para realizar scroll en la página, o el ajuste en ancho y alto del dispositivo, entre otras opciones.

¿Es la solución definitiva?


Está claro que no. El proyecto aún está en fase Beta, y eso se nota cuando se comparan ciertos detalles. Aunque en el aspecto de renderizado los resultados son bastante similares (aunque se nota un poco la diferencia de densidades de pantallas), la interacción y la navegación presentan diferencias de comportamiento. Es decir, que por ahora no está de más (léase es necesario) revisar el resultado final con un dispositivo de al menos cada sistema operativo.

Sin embargo, en lo relativo a revisar el responsive design, los efectos en el cambio de orientación del dispositivo, ya ayuda bastante. Y para el resto de funcionalidades (simular GPS y otros detalles) no lo he probado, pero seguro que simplifica las pruebas más rutinarias.

En fin, ahí queda, por si a alguien le interesa.

 

Tags

gestión documental 10     Recuperación información 11     Linux 7     Usabilidad 5     open source 3     Tagging 12     lógica borrosa 2     fuentes de información 12     Google 6     off-topic 6     spam 2     grafos 6     Web social 11     modelización 12     Productividad 11     buscadores 2     utilidades 17     Profesionales 9     SEO 5     estándares 3     veracidad 3     relevancia 2     lingüística 2     PLN 2     lenguajes documentales 2     apis-mashups 3     reseñas 7     Flash 7     Gráficos estadísticos 13     Publicidad 3     Innovación 5     muestreo estadístico 9     PHP 14     internet 2     testeo 12     desarrollo 3     visualizacion 36     javascript 16     datos abiertos 9     elecciones 2     simulación 5     html5 7     phing 9     ssh 2     seguridad 3     indicadores 2     demografía 3     media 2     algoritmos 7     shell 4     mysql 2     backup 2     big data 6     twitter 2     d3js 11     revealjs 2     metodología 6     data-journalism 6     smartcities 2     NYT 2     privacidad 3     benchmarking 4     recopilaciones 21     magento 5     formacion 2     github 2     HHVM 3     psicología 2     angularjs 3     grep 2     nodejs 5     promises 2     mapreduce 3     crossfilter 2     exploración de datos 2     machine learning 2    

© 2007 and beyond Mario Alberich, licensed under CC-BY-SA unless stated otherwise.