Taller smart devices

Mi Primera Aplicación para

SmartDevices

Mi Primera Aplicación para Smart Devices

Pagina 1

Copyright © Artech Consultores S. R. L. 1988-2009. Todos los derechos reservados. Este documento no puede ser reproducido en cualquier medio sin el consentimiento explícito de Artech Consultores S.R.L. La información contenida en este documento es para uso personal únicamente. Marcas Registradas Artech y GeneXus son marcas o marcas registradas de Artech Consultores S.R.L. Todas las demás marcas mencionadas en este documento son propiedad de sus respectivos dueños.


Pagina 2

Introducción

En este taller vamos a ver las nuevas funcionalidades que nos ofrece y nos brinda el generador Smart Devices de una manera sencilla y rápida de tal modo que se alcance el objetivo que es desarrollar una aplicación funcional para los dispositivos inteligentes. Por otro lado veremos que la generación y ejecución de este tipo de aplicaciones es muy sencilla con la nueva propiedad de poder hacer el deploy de las aplicaciones directamente en la nube. El objetivo del trabajo es desarrollar una aplicación donde que nos muestre los destinos turísticos en México.

Objetivo El objetivo de este laboratorio es que usted pueda desarrollar y probar una aplicación para Smart Devices: Android; Blackberry; iOS; utilizando GeneXus X Evolution 2 Beta. Es necesario contar con las bases de GeneXus. La aplicación a desarrollar es una aplicación desde cero ya que se pretende mostrar las características básicas de GeneXus así como las nuevas funcionalidades en la nueva beta: GeneXus Evolution 2.

Tourism

Usted es un turista en México. Se desea diseñar una aplicación para Smart Devices que muestre información de las principales playas en México así como su ubicación dentro de los diferentes estados de la República Mexicana, de este modo con la aplicación instalada en el dispositivo usted no necesitará investigar o buscar planes turísticos pues la aplicaci ón le brinda desde geo-localización de las playas hasta contacto de los hoteles en las playas que se mostrarán en la aplicación. Es necesario mostrar las playas por estados, y por cada playa mostrar un listado de hoteles en los cuales se pueda hospedar el turista. La aplicación, como veremos más adelante se divide en 2 esquemas: el primero es el backoffice donde es una aplicación web como las comúnmente desarrolladas con GeneXus, que es la parte donde se ingresará la información de las Playas hoteles y estados; la segunda parte de este taller es la parte del Smart Device, en la cual se tiene gran funcionalidad de una aplicación web más la movilidad y las características que nos ofrecen este tipo de dispositivos.


Pagina 3

Parte 1. Creación del Modelo 1. Abrir GeneXus X Evolution 2 Beta 2 utilizando el acceso directo que está en el escritorio. 2. Crear una nueva base de conocimiento de nombre Tourism con el Generador Ruby y ambiente web.


Pagina 4

Creación de Transacciones Para el desarrollo de nuestra aplicación es necesario crear transacciones pus es en ellas donde vamos a estar ingresando los datos de las playas y hoteles. Entonces vamos a crear las transacciones como se lista a continuación:

Estado

EstadoId Numeric(4.0)

EstadoNombre Nombre=Char(20)

EstadoImagen Photo

Playa


PlayaId Numeric(4.0)

PlayaNombre Nombre

PlayaLocalizacion Geolocalization

Hotel



HotelId Numeric(4.0)

HotelNombre Nombre

HotelDireccion Address

HotelTelefono Phone

HotelMail Email

HotelImagen Photo

PlayaImagen

PlayaImagenId Numeric(4.0)


PlayaImagenFoto Photo

Cabe destacar que dentro de los dominios se encuentran algunos que son utilizados por los Smart Devices por ejemplo Phone, Address, Photo, Geolocalization, etc. Hasta el momento solo se han creado las transacciones como normalmente se realizan, para poder trabajan con Smart Devices es necesario aplicar el pattern Work With for SmartDevices


Pagina 5

Parte 2. Work With for SmartDevices Ya que tengamos las transacciones creadas vamos a la parte de los patterns y en la pestaña de Work With for Smart Devices, seleccionamos la opción de “Apply this pattern on save” en odas las transacciones creadas y guardamos. Para que haga el cambio.

Esto hará que se agregue a nuestro desarrollo el generador Smartdevices.


Pagina 6

Creación del Dashboard

Para desplegar los valores en pantalla del Dispositivo es necesario crear un Dashboard que es donde se mostrarán nuestras transacciones. Al Dashboard le ponemos como nombre ‘Destinos’.

Una vez creado el Dashboard agregamos ‘items’ al mismo dando click derecho Add Item. Esto crea los lugares en los cuales se mostraran los objetos


Pagina 7

En las propiedades de cada ítem que agregamos, configuramos el Nombre, Descripción, también se pueden asociar una imagen a este elemento para darle mayor vista a nuestra aplicación. En la propiedad data del Item Es donde se seleccionará el objeto workwithdevices esto se hará para los 3 items que hay que agregar. Para las 3 transacciones, Hotel, Playa Y Estado. Y guardamos.


Pagina 8

Configurando el Generador En las propiedades del nuevo generador Smart Devices, habrá que setear los siguientes valores: -StartupObject: Destinos. Que es el Dashboard que acabamos de crear -Android sdk: la ruta donde está instalado el SDK de Android. -JDK Directory: EL directorio donde se encuentra en jdk de java.

Con esta configuración ya podemos compilar y probar nuestra primera aplicación para Smart Devices.


Pagina 9

Parte 3. Ejecución

Guardamos los cambios que hayamos realizada y ahora sí presionamos F5. Ingresamos los datos de conexión a la base de datos y listo.

GeneXus deberá realizar 2 cosas:

1. Ejecutar la aplicación web. 2. Leventar el emulador de Andriod

En el primero es donde vamos a ingresar los datos de manera normal, a final de cuentas es una aplicación web.


Pagina 10

Y en el emulador de android podremos ver la información ingresada desde web e incluso podemos realizar inserciones de nuevas playas.

Ahora podemos ingresar algunos Datos a la aplicación web, mientras inicia el emulador de Andriod.


Pagina 11

Una vez que hayamos cargado algunos datos en la aplicación y el emulador esté listo podemos empezar a ver cómo queda el diseño en el dispositivo.


Pagina 12

En el emulador cuando lo desbloqueamos aparece el dashboard con los elementos que agregamos a él. Seleccionamos el listado de playas

Ahora seleccionamos alguna de las playas que hayamos ingresado mediante la aplicación web.


Pagina 13

Vemos que nos muestra la información de las playas, si ahora damos click en la parte de Localización veamos que sucede…

El emulador abre la aplicación de mapas del dispositivo y muestra la geolocalización del punto que le ingresamos.


Pagina 14

Ahora bien, regresamos a la pantalla anterior:

Y Podemos ver en la parte de arriba que tenemos ‘pestañas’ que en realidad son los niveles de la transacción Playa, creamos como niveles a Hotel, para hacer referencia a los hoteles que hay cercanos a esa playa, y Playa Imagen esto es para que los usuarios que visiten la playa puedan subir imágenes desde su dispositivo de esa playa o de cualquier otra.


Pagina 15

De este modo es como interactuamos con la aplicación en el dispositivo. La parte de las fotos, por ser un emulador no se podrá visualizar en esta parte.

Parte 4. Deploy to cloud

Para el caso de que deseemos realizar el deploy directamente en la nube, solo ay que cambiar una propiedad en el generador Ruby. La propiedad se llama ‘Deploy to cloud’ la seteamos en yes. Al realizar esto las propiedades e incluso el DataStore cambiará, pues es un Datastore público, pero no necesitamos cambiar nada más.

Ahora solo hacemos un Rebuild All para que los objetos tomen los cambios, de este modo la aplicación se desplegará directamente en la nube.


Pagina 16

Como podemos observar, la aplicación en la nube nos muestra aparte del Developer Menú un

código QR el cual al ser escaneado por un dispositivo, en este caso andriod, pues estamos

generando para esta tecnología. El dispositivo andriod en el escaneo del código detecta una URL la cual contiene la aplicación lista para descargarla e instalarla. Una vez instalada la

aplicación, el dispositivo se conectará al servidor público para realizar la conexión a la base de datos y de este modo traer los datos que habíamos guardado en un principio.

Nota: Los códigos QR son códigos de respuesta rápida por sus siglas en inglés Quick

Response Code, este tipo de códigos puede utilizarse para url, textos largos, tarjetas de presentación, números telefónicos etc. Actualmente la mayoría de los nuevos dispositivos

incorporan un lector de este tipo de códigos sobre todo para bajar aplicaciones rápidamente.


Pagina 17

Contactos y Recursos

La Comunidad GeneXus

La Comunidad GeneXus le brinda diversas formas de obtener respuestas a sus preguntas y soluciones a sus problemas, así como también oportunidades para compartir sus propias

experiencias. Encontrará una lista completa de los recursos disponibles de la Comunidad en

http://www.genexus.com/community/

Soporte ARTech ofrece una amplia variedad de servicios y recursos de soporte:

Soporte Auto-Servicio Online Estos recursos están disponibles para todos online. No obstante, la información a la que

cada uno pueda acceder depende de su Nivel de Acceso a GXtechnical (Usuario Registrado o Cliente).

Servicios de Soporte Interactivo

Interactúe con otros miembros de la Comunidad o con el Equipo de Soporte. Visite http://www.genexus.com/support/

Si usted vive en Estados Unidos o Canadá puede enviarnos sus preguntas a [email protected]

Como Comprar

Las Tecnologías GeneXus se venden a través de la red de distribuidores en todo el mundo. Encuentre su distribuidor más cercano aquí http://www.genexus.com/distributors

O póngase en contacto con [email protected]

Links recomendados

Web site: http://www.genexus.com

Evolution 2: www.genexus.com/xev2beta GeneXus X Basic Course: http://www.gxtechnical.com/basiccourse/

Laboratorio práctico de GeneXus X y Libro online: www.genexusx.com/aprenda

Comunidad GeneXus: http://www.genexus.com/community

http://www.genexus.com/community/

http://www.genexus.com/support/

mailto:[email protected]

http://www.genexus.com/distributors

mailto:[email protected]

http://www.genexus.com/

http://www.genexus.com/xev2beta

https://owanew.artech.com.uy/exchweb/bin/redir.asp?URL=http://www.gxtechnical.com/basiccourse/

https://owanew.artech.com.uy/exchweb/bin/redir.asp?URL=http://www.genexusx.com/aprenda

https://owanew.artech.com.uy/exchweb/bin/redir.asp?URL=http://www.genexus.com/community

Documents

Taller smart devices