El documento presenta una capacitación sobre el desarrollo de aplicaciones móviles guiado por modelos mediante el uso de la notación IFML. Explica los elementos básicos de IFML y cómo la plataforma WebRatio permite el desarrollo visual de aplicaciones móviles multiplataforma a través de la generación de código. También describe funcionalidades comunes como enviar y recibir notificaciones push, interactuar con el calendario, contactos y códigos QR, geolocalizaciones e idiomas.

1. www.sgcampus.com.mx @sgcampus
www.sgcampus.com.mx
@sgcampus
Verónica Contreras
Responsable de Servicio al Cliente y
Capacitación / WebRatio SRL /Sede Ecuador
Desarrollo de aplicaciones móviles guiado
por modelos mediante el uso de la notación
IFML

2. www.sgcampus.com.mx @sgcampus
Agenda
• Introducción a IFML
•Desarrollo de aplicación móvil
–Enviar y recibir notificaciones push
– Interacción con el calendario y contactos
– Crear y leer códigos QR
– Geolocalizaciones
– Manejo de idiomas

3. www.sgcampus.com.mx @sgcampus
Introducción a IFML

4. www.sgcampus.com.mx @sgcampus
IFML: El nuevo estándar de la OMG
IFML – Interaction Flow Modeling Language, es un lenguaje de modelado para la dinámica de la
Interacción del Usuario entre la aplicación y sus usuarios.
El lenguaje es abstracto e independiente de la tecnología de implementación. Puede ser utilizado
para la creación de aplicaciones en todos los dominios: de escritorio, cliente-servidor, Web, TV
Digital, HMI, etc.

5. www.sgcampus.com.mx @sgcampus
IFML Elementos esenciales

6. www.sgcampus.com.mx @sgcampus
WebRatio Platform
WebRatio Platform 7.2 es la primera plataforma
model-driven de desarrollo basada en IFML.
Permite el desarrollo visual de aplicaciones BPM,
Web/SOA y Móviles en lugar de escribir código a
mano, liberando potencial productivo para que los
grupos de desarrollo puedan focalizarse sobre la
innovación y creatividad.
Desde el 2011 WebRatio Platform ha sido empleada
exitosamente en el área Financiera, Energía,
Gobierno, Industria, Transportes, Retail y Defensa
Product

7. www.sgcampus.com.mx @sgcampus
WebRatio Mobile Platform
 Plataforma de desarrollo Model-Driven
de aplicaciones con Alta Productividad
que permite programar visualmente
Aplicaciones Móviles en lugar de
codificar
 Basada en el lenguaje de modelado
IFML
 Tecnología Smart code generation que
permite
 Apps Móviles cross-platform
 Servicios de back-end Java estándar
 Lista para poner en producción ya sea
on-premises o en el Cloud

8. www.sgcampus.com.mx @sgcampus
WebRatio Mobile Platform Architecture
Your IT
assets
Hybrid
Cordova-based
architecture
Java EE Webapp
Standards-based
Open code
Client-side
(Front-end)
Server-side
(Back-end)
Mobile
App
Interaction Flow
Model
Compile time Runtime
Business Process
Model
Data Model
Integration Model
Layout/Style Model
DBMS BPMS
Data sync /
offline mode
Design time
Build

9. www.sgcampus.com.mx @sgcampus
Desarrollo de la Aplicación Móvil

10. www.sgcampus.com.mx @sgcampus
Enviar y recibir notificaciones push
Una notificación push es un mensaje o alerta
liberada por un servidor centralizado a un
dispositivo final (usualmente adoptado para
noticias, alertas, medios sociales… )

11. www.sgcampus.com.mx @sgcampus
Enviar y recibir notificaciones push
La implementación de notificaciones Push requieren
tener un back-end para generar la notificación y un
front-end para recibirla.
En WebRatio Mobile Platform esto se lo hace
utilizando un proyecto Mobile y Data Service.

12. www.sgcampus.com.mx @sgcampus
Enviar y recibir notificaciones push
Disponible para Android y iOS con diferentes
ajustes debido a diferentes políticas de gestión.
How to Generate an Apple Push
Notification Service Certificate
How to Configure Google Cloud
Messaging Service

13. www.sgcampus.com.mx @sgcampus
Interactuar con el calendario
Abrir el calendarioAgregar eventos al calendario

14. www.sgcampus.com.mx @sgcampus
Interactuar con los contactos
Seleccionar desde contactosGuardar contactos

15. www.sgcampus.com.mx @sgcampus
Crear y leer códigos QR
Generar Bar CodeScaneo Bar Code

16. www.sgcampus.com.mx @sgcampus
Geolocalizaciones
(Integración con mapas)
Está disponible tanto para Android como iOS.
Funciona como visualizador de mapas
(aprovechando Google Maps API) o como
visualizador de rutas.
Requiere la configuración de un Google API Project.
Maps Integration

17. www.sgcampus.com.mx @sgcampus
Geolocalizaciones
(Integración con mapas)
Configuración de RutaVisualizar Mapa

18. www.sgcampus.com.mx @sgcampus
Manejo de idiomas
(Localizaciones)
La localización permite adaptar el idioma de una
aplicación Mobile al del dispositivo,
proporcionando la traducción de todas las
etiquetas y patrones.
Mobile App Localization

19. www.sgcampus.com.mx @sgcampus
Preguntas
&
Respuestas

20. www.sgcampus.com.mx @sgcampus
¡Gracias por su atención!
Verónica Contreras
Responsable de Servicio al Cliente y Capacitación
WebRatio srl
Sede Ecuador
veronica.contreras@webratio.com
Linked in: Verónica Contreras
Twitter: @VeroMiki