Sorprenda a los usuarios con funciones de la aplicación móvil adaptadas a cada dispositivo

Hoy en día, existe una increíble variedad de teléfonos móviles y tabletas en el mundo, y constantemente se anuncian nuevos modelos. Todos estos dispositivos móviles tienen diferentes especificaciones y capacidades, lo que puede ser un problema para los desarrolladores que crean aplicaciones móviles. Las tabletas tienen pantallas grandes, pero no siempre incluyen conectividad de datos móviles; los conjuntos de colores predeterminados varían según el fabricante del teléfono, y las funciones móviles integradas pueden comportarse de manera diferente en cada sistema operativo móvil. Afortunadamente, MobileTogether Designer proporciona un entorno de desarrollo integrado que permite a los usuarios diseñar y crear rápidamente funciones de aplicaciones móviles multiplataforma, perfectamente adaptadas a cada dispositivo del usuario final.

Tres funcionalidades únicas en el entorno de desarrollo MobileTogether facilitan el desarrollo multiplataforma:

• El simulador de ejecución integrado permite a los desarrolladores ver cómo se ve y funciona su aplicación en diferentes dispositivos
• Un conjunto extenso de variables globales proporciona al desarrollador acceso a las características del dispositivo del usuario final, lo que permite definir operaciones condicionales basadas en el dispositivo
• Visibilidad dependiente del dispositivo: por defecto, cualquier control que se agregue a una aplicación es visible en todos los dispositivos, pero los desarrolladores pueden configurar la visibilidad de cualquier control para que dependa del dispositivo

Trabajar con MobileTogether Designer le permite desarrollar aplicaciones que funcionan de manera fluida y elegante en todos los dispositivos, incluyendo iPhone, iPad, Android, así como en estaciones de trabajo con Windows 8 y Windows 10. Al mismo tiempo, su aplicación puede aprovechar al máximo las funciones más avanzadas cuando estén disponibles.

Implementamos varias funciones de la aplicación móvil que dependían del dispositivo en la aplicación de demostración de geolocalización que se mencionó en nuestra publicación reciente titulada "Servicios REST como fuentes de datos para aplicaciones móviles". En esa publicación, publicamos capturas de pantalla de la aplicación completa en funcionamiento en un iPhone, pero, a medida que desarrollábamos la aplicación, fue útil ejecutarla en el simulador MobileTogether para ver cómo se vería en diferentes dispositivos.

A continuación, se muestra una vista parcial de la ventana del simulador, que muestra la misma aplicación ejecutándose en diferentes dispositivos.

Android:

iOS:

Windows Phone:

Las tres ilustraciones incorporan la misma información y los mismos controles que se presentan en la aplicación móvil. Las diferencias en la visualización entre los diferentes dispositivos se deben a las variaciones en el tamaño de la pantalla y a las diferencias en la interfaz de usuario de los distintos sistemas operativos.

Nuestra aplicación incluye una página de Configuración que permite a los usuarios finales establecer las preferencias de la aplicación. Esta página incorpora funcionalidades que dependen del dispositivo, ya que los diferentes sistemas operativos móviles tienen diferentes capacidades. A continuación, se muestra una vista de la página de Configuración en la ventana principal de diseño:

Las pestañas situadas en los bordes izquierdos de los controles que se encuentran en el centro de la pantalla definen qué dispositivos móviles mostrarán estos elementos. Para establecer la visibilidad según el dispositivo, el desarrollador simplemente crea el control de la manera habitual y, a continuación, utiliza un menú contextual al hacer clic derecho para abrir el cuadro de diálogo de visibilidad específica para cada dispositivo. En nuestra página, los botones de "Archivo GPX" están diseñados para dispositivos Android e iOS, pero no para Windows, por lo que las opciones correspondientes están seleccionadas en el cuadro de diálogo de visibilidad.

Cuando ejecutamos la aplicación en el simulador, podemos previsualizar los controles en cada dispositivo. A la izquierda, se muestra la página de configuración simulada para Android, y a la derecha, la simulada para Windows Phone.

El Diseñador también permite a los desarrolladores definir acciones a realizar en función de los valores de variables globales y locales que almacenan datos sobre el dispositivo del usuario final. Existen más de dos docenas de variables globales para información sobre el sistema operativo y las características físicas del dispositivo, y más de una docena de variables locales cuyos valores pueden cambiar a medida que la aplicación se ejecuta. Las variables locales permiten a los desarrolladores crear pantallas personalizadas para diferentes orientaciones, como la vertical y la horizontal, por ejemplo. A continuación, se muestra una parte de la lista de variables globales.

Nuestra aplicación de demostración está diseñada para permitir a los usuarios de Android e iOS recopilar todos sus puntos GPS registrados en un archivo y enviar ese archivo como un adjunto de correo electrónico. El sistema operativo Windows Phone no permite que las aplicaciones externas creen fácilmente adjuntos de correo electrónico, por lo que no implementaremos esa función para Windows Phone, y tampoco necesitamos crear el archivo.

MobileTogether nos permite definir un grupo de acciones para añadir la latitud y la longitud de cada punto al archivo, pero solo si el usuario final está utilizando Android o iOS, como se muestra aquí:

Por otro lado, Windows Phone ofrece un comportamiento de zoom más elegante al mostrar direcciones en un mapa en comparación con otros sistemas operativos. Por lo tanto, permitimos a los usuarios de Windows elegir el factor de zoom del mapa en la página de configuración.

Si desea probar el comportamiento específico de cada dispositivo en el diseñador MobileTogether, descargue el diseñador MobileTogether (su uso es gratuito) y obtenga una copia de la aplicación de demostración de geolocalización y los archivos asociados en GitHub en https://github.com/altova/MobileTogether-geolocation-example.