Archivo

Archive for the ‘MAF / ADF Mobile’ Category

MAF tips: Iniciar ruta en el navegador GPS del dispositivo

MAF-tips_RGB

En esta ocasión vamos a ver cómo incluir un botón en una aplicación MAF que nos abra el navegador GPS del dispositivo con una ruta a un lugar concreto.

En los sistemas operativos para dispositivos móviles actuales disponemos de una utilidad llamada “URL schemes“. Estas URLs las definen las mismas aplicaciones y el sistema operativo se encarga de asociarlas con ellas. De este modo, podemos invocar a otras aplicaciones usando estas URLs.

En el caso que nos ocupa, en función de la plataforma móvil en la que se ejecuta la aplicación, tenemos dos posibles aplicaciones candidatas a ser usadas como navegador GPS: en iOS, “Mapas“, y en Android, “Google Maps“. Ambas aplicaciones disponen de “URL schemes” para ser invocadas. En los siguientes links encontrareis información acerca de como construir “URL schemes” para estas aplicaciones: iOS MapasGoogle Maps.

Supongamos que ya tenemos una aplicación base a la que deseamos añadirle la posibilidad de iniciar el navegador GPS con una ruta desde la ubicación actual del dispositivo hasta, pongamos, la oficina de avanttic en Barcelona.

Para ello, necesitamos simplemente dos elementos:

  1. Backing bean con un método para construir la URL adecuada
  2. Componente “goLink” en una página AMX para lanzar la URL

Leer más…

Oracle MCS como proveedor de autenticación en Oracle MAF

Oracle Mobile Application Framework (MAF) no sólo nos proporciona un desarrollo rápido y funcional, sino que nos ofrece una autenticación robusta y en un marco de autorización.

Screen-Shot-2014-07-20-at-10.32.21-pm1.png

MAF nos permite autenticarnos contra varios tipos de autenticación, en este caso nos centraremos en HTTP Basic y nos apoyaremos en Oracle Mobile Cloud Service (MCS) como servidor de autenticación.

Captura de pantalla 2016-03-20 a las 19.47.13

Oracle Mobile Cloud Service

 

Creación de un dominio y un rol

Accedemos a nuestra consola de Mobile Cloud Service.

Dentro del menú podremos ver todas las opciones que nos permite MCS, en nuestro caso seleccionamos la opción de “Aplicaciones” -> “Gestión de usuarios móviles”.

En la pantalla de gestión de usuario móviles, se pueden gestionar los dominios, roles o los usuarios que usaran MCS, en nuestro caso crearemos un nuevo dominio y posteriormente asignaremos ese dominio a nuestro MBE.

Captura de pantalla 2016-03-26 a las 18.17.55.png

Leer más…

Categorías:MAF / ADF Mobile Etiquetas: , ,

MAF 2.3 – Preparar un PC para generar Apps para Windows 10

Dentro de las novedades que incorpora MAF 2.3 la más importante es la posibilidad de generar aplicaciones para entornos Windows. Vamos a ver cómo preparar un entorno para desarrollar aplicaciones para Windows mediante Oracle MAF.

Instalar la extensión de MAF 2.3

La nueva versión de MAF se presenta como una extensión para JDeveloper 12.2.1. Este es un cambio importante, ya que las versiones anteriores se instalaban en JDeveloper 12.1.3. La instalación sigue el mismo patrón que cualquier extensión de JDeveloper, mediante la opción “Check for Updates…” en el menú “Help”.

Instalar Visual Studio 2015 Community Edition

Para generar los ejecutables, MAF se apoya en la plataforma de desarrollo de Microsoft, Visual Studio. Por lo tanto, necesitamos tener instalado en nuestro PC una copia de Visual Studio. Microsoft ofrece distintos paquetes de la herramienta, entre ellos la Community Edition, que se puede instalar sin coste. La versión gratuita es suficiente para generar con MAF. La descargamos y la instalamos.

Página principal Visual Studiio
Durante el proceso de instalación, hay que asegurarse de instalar  la opción “Visual Studio Tools For Universal Windows Apps”.
Marcar "Universal Windows App Development Tools" Leer más…

Categorías:MAF / ADF Mobile Etiquetas: , ,

MAF 2.3 – Primeras impresiones con Windows 10

En avanttic ya hemos probado la versión 2.3 de MAF y su opción de generar aplicaciones para entornos Windows. Para poder hacernos una idea de las posibilidades que nos ofrece, hemos utilizado la aplicación WorkBetter (incluida como sample en la extensión) para poder ver cómo se comporta en un PC con Windows 10.

En primer lugar, una vez resuelto todo el tema de la preparación del entorno (post con las instrucciones), cabe decir que el desarrollo con MAF 2.3 no sufre ningún cambio respecto a versiones anteriores. El hecho de que permita generar para Windows no implica cambios durante el desarrollo. Por lo tanto, no necesitamos adquirir nuevos conocimientos para poder desarrollar.

El despliegue de la aplicación no conlleva ningún esfuerzo adicional al que se tiene cuando se desarrolla para iOS o Android; con un simple click se inicia el despliegue y en un par de minutos ya tenemos la aplicación corriendo en nuestro sistema. Lo primero que sorprende al ejecutar la aplicación es que, a diferencia de iOS y Android, no hace falta iniciar ningún emulador o simulador; como el sistema operativo del PC en el que realizamos las pruebas es un Windows 10, la aplicación se abre directamente.

Workbetter en Windows 10

En la imagen que acompaña este texto, podemos ver cómo se muestra la aplicación en el entorno Windows. Lo que podemos observar primero es que su GUI nos permite realizar las mismas acciones que cualquier aplicación de Windows: ampliar, redimensionar, cerrar… La aplicación WorkBetter se adapta perfectamente al tamaño que le indiquemos.

Redimensionado vertical

Redimensionado vertical

Redimensionado horizontal

Redimensionado horizontal

Observamos también que los componentes del framework mantienen la funcionalidad y el mismo comportamiento que en las otras dos plataformas, adaptando el look&feel al estilo de las aplicaciones para Windows.

El rendimiento de la aplicación en un PC portátil equipado con un procesador i5 y 16GB de RAM es más que correcto. Las pantallas se presentan de forma ágil y las animaciones son fluidas. Faltará ver cómo se comporta en equipos menos potentes.

En resumen, el desarrollo de aplicaciones para entornos Windows 10 con MAF es ya una realidad, manteniendo los niveles de productividad y calidad a la que nos tiene acostumbrados la plataforma.

MAF 2.3 – Llega el esperado soporte a Windows 10

Oracle MAFOracle ha publicado una nueva versión de su framework de desarrollo de aplicaciones móviles, Oracle Application Framework, MAF 2.3. La novedad más importante que trae es la posibilidad de compilar nuestras aplicaciones para entornos Windows 10. De este modo, MAF ya nos permite generar ejecutables para iOS, Android y Windows a partir de un único código fuente. En el caso de Windows, no se limita únicamente a dispositivos móviles sino que genera una aplicación universal que se puede instalar también en equipos de sobremesa y en portátiles.

Sistemas operativos móviles

Actualmente está en auge el uso de equipos convertibles (de tableta a portátil) en entornos empresariales, y con ello, Windows 10 se ha convertido en una buena opción para las empresas que precisan desarrollos de movilidad. Con la nueva versión, MAF se convierte en una herramienta perfecta para abordar proyectos en estos entornos.

Por otro lado, una de las posibilidades que nos va a dar la opción de generar aplicaciones para entornos Windows, es que nos va a permitir utilizar nuestras aplicaciones móviles para entornos que no son estrictamente de movilidad, de modo que vamos a poder reutilizar las aplicaciones para dotar de más funcionalidades a nuestros usuarios “desktop”.

Veamos el siguiente ejemplo: disponemos de una aplicación móvil desarrollada para uso en tablet por la red de ventas, con funcionalidades que le serían también útiles al departamento de telemarketing; con la opción de compilación para Windows vamos a poder generar casi inmediatamente una nueva aplicación (sin necesidad de realizar un desarrollo específico) que podrá utilizar el departamento de telemarketing en sus ordenadores de sobremesa.

Con la publicación de la nueva versión, MAF se consolida como una opción óptima para desarrollos de movilidad en entornos empresariales.

Novedades de Oracle MAF 2.2 (Mobile Application Framework)

octubre 16, 2015 Deja un comentario

Recientemente Oracle ha lanzado al público la nueva versión de Mobile Application Framework v2.2, incorporando las siguientes novedades:

1. Componente de interfaz de usuario

Pull To Refreh:

Acción muy demandada por los usuarios y que impedía poder usar un swipe down al principio de la lista para refrescar el componente.

Para poder usarlo se debe agregar el componente amx:refreshContainer. En este componente, además de los listener, encontramos la posibilidad de poder informar al usuario según la situación:

  • El usuario está realizando un swipe down y se va mostrando.
  • El usuario ha terminado de realizar el pull to refresh y se está ejecutando un proceso. Por ejemplo se puede cambiar el texto a “Actualizando…”.
  • Ha terminado la acción programada y se le informa al usuario de la actualización.

Tirar para refrescar

Swipe to reveal:

Se le añade la posibilidad de poder mostrar menús contextuales en las listas, cuando se realiza swipe left o right dentro de una lista.

Para poder usarlo se debe agregar el componente amx:accessoryLayout. Este componente, además de poder indicar el ancho del panel, contiene su propio style para poder diseñarlo a nuestro gusto.

Deslizar Para Revelar Muestra Leer más…

MAF tips: Embeber vídeos de YouTube en una página AMX

avanttic-MAF-tipsA raíz de una consulta que vi en un foro, me pareció interesante mostrar un forma de poder visualizar vídeos de YouTube en una aplicación MAF. Se trata de algo sencillo, ya que YouTube nos proporciona un reproductor HTML5 que puede incrustarse perfectamente en una página AMX. MAF nos facilita el componente verbatim con el que podemos escribir directamente código HTML. Mediante este componente podemos incorporar cualquier tipo de elemento HTML en nuestras páginas AMX. El uso de un componente verbatim es muy sencillo: lo añadimos a la página y dentro de él incluimos un elemento CDATA con el código HTML deseado.

Hay que tener presente que estamos escribiendo código HTML; si queremos ejecutar código Javascript dentro de un componente verbatim, debemos insertarlo con un tag “script”.

Ejemplo uso A continuación vamos a ver cómo insertar el reproductor de YouTube en un componente verbatim. Antes de proceder es interesante consultar la documentación que nos ofrece Google sobre el reproductor. En la documentación se nos facilita el código Javascript necesario para inicializar el reproductor. El proceso consiste en descargar el código Javascript necesario e insertarlo en la página HTML base. Una vez descargado el código, se ejecuta el método onYouTubeIframeAPIReady que nos permite crear e inicializar un objeto “player”. Para renderizar el reproductor, la API hace uso internamente de un iframe, pero necesita un placeholder para poder saber dónde debe incrustarlo. Para realizar una prueba rápida, basta con coger el código de ejemplo que está disponible en la documentación de Google e incrustarlo en un componente verbatim. Así de fácil. Inserción código Youtube en componente AMX Hay que tener en cuenta que para poder mostrar el reproductor y los vídeos debemos incluir los dominios que son necesarios en la whitelist de nuestra aplicación. Si no los incluimos, el framework impide que se puedan resolver y no podremos descargar los Javascripts necesarios ni el contenido del vídeo. Los dominios que hace falta incluir son los siguientes: Whitelist En este enlace podéis encontrar una aplicación de ejemplo que consiste en 2 pantallas, la principal con una lista de vídeos precargada y otra de detalle que reproduce el vídeo. Al seleccionar un elemento en la lista de vídeos disponibles, la aplicación navega a la página de detalle donde se carga el reproductor.