Your SlideShare is downloading. ×
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Taller smart devices
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Taller smart devices

1,967

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,967
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
107
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mi PrimeraAplicación para SmartDevices
  • 2. Mi Primera Aplicación para Smart DevicesCopyright © Artech Consultores S. R. L. 1988-2009.Todos los derechos reservados. Este documento no puede ser reproducido en cualquier mediosin el consentimiento explícito de Artech Consultores S.R.L. La información contenida en estedocumento es para uso personal únicamente.Marcas RegistradasArtech y GeneXus son marcas o marcas registradas de Artech Consultores S.R.L. Todas lasdemás marcas mencionadas en este documento son propiedad de sus respectivos dueños. Pagina 1
  • 3. Mi Primera Aplicación para Smart DevicesIntroducciónEn este taller vamos a ver las nuevas funcionalidades que nos ofrece y nos brinda el generadorSmart Devices de una manera sencilla y rápida de tal modo que se alcance el objetivo que esdesarrollar una aplicación funcional para los dispositivos inteligentes. Por otro lado veremosque la generación y ejecución de este tipo de aplicaciones es muy sencilla con la nuevapropiedad de poder hacer el deploy de las aplicaciones directamente en la nube. El objetivodel trabajo es desarrollar una aplicación donde que nos muestre los destinos turísticos enMéxico.ObjetivoEl objetivo de este laboratorio es que usted pueda desarrollar y probar una aplicación paraSmart Devices: Android; Blackberry; iOS; utilizando GeneXus X Evolution 2 Beta. Es necesariocontar con las bases de GeneXus. La aplicación a desarrollar es una aplicación desde cero yaque se pretende mostrar las características básicas de GeneXus así como las nuevasfuncionalidades en la nueva beta: GeneXus Evolution 2.TourismUsted es un turista en México. Se desea diseñar una aplicación para Smart Devices quemuestre información de las principales playas en México así como su ubicación dentro de losdiferentes estados de la República Mexicana, de este modo con la aplicación instalada en eldispositivo usted no necesitará investigar o buscar planes turísticos pues la aplicaci ón le brindadesde geo-localización de las playas hasta contacto de los hoteles en las playas que semostrarán en la aplicación.Es necesario mostrar las playas por estados, y por cada playa mostrar un listado de hoteles enlos cuales se pueda hospedar el turista.La aplicación, como veremos más adelante se divide en 2 esquemas: el primero es elbackoffice 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 segundaparte de este taller es la parte del Smart Device, en la cual se tiene gran funcionalidad de unaaplicación web más la movilidad y las características que nos ofrecen este tipo de dispositivos. Pagina 2
  • 4. Mi Primera Aplicación para Smart DevicesParte 1. Creación del Modelo 1. Abrir GeneXus X Evolution 2 Beta 2 utilizando el acceso directo que está en elescritorio. 2. Crear una nueva base de conocimiento de nombre Tourism con el Generador Ruby yambiente web. Pagina 3
  • 5. Mi Primera Aplicación para Smart DevicesCreación de Transacciones Para el desarrollo de nuestra aplicación es necesario crear transacciones pus es enellas donde vamos a estar ingresando los datos de las playas y hoteles. Entonces vamos a crearlas transacciones como se lista a continuación: Estado EstadoId Numeric(4.0) EstadoNombre Nombre=Char(20) EstadoImagen Photo Playa EstadoId Numeric(4.0) PlayaId Numeric(4.0) PlayaNombre Nombre PlayaLocalizacion Geolocalization Hotel EstadoId Numeric(4.0) PlayaId Numeric(4.0) HotelId Numeric(4.0) HotelNombre Nombre HotelDireccion Address HotelTelefono Phone HotelMail Email HotelImagen Photo PlayaImagen PlayaImagenId Numeric(4.0) PlayaId Numeric(4.0) PlayaImagenFoto PhotoCabe destacar que dentro de los dominios se encuentran algunos que son utilizados por losSmart Devices por ejemplo Phone, Address, Photo, Geolocalization, etc.Hasta el momento solo se han creado las transacciones como normalmente se realizan, parapoder trabajan con Smart Devices es necesario aplicar el pattern Work With for SmartDevices Pagina 4
  • 6. Mi Primera Aplicación para Smart DevicesParte 2. Work With for SmartDevicesYa que tengamos las transacciones creadas vamos a la parte de los patterns y en la pestaña deWork With for Smart Devices, seleccionamos la opción de “Apply this pattern on save” en odaslas transacciones creadas y guardamos. Para que haga el cambio.Esto hará que se agregue a nuestro desarrollo el generador Smartdevices. Pagina 5
  • 7. Mi Primera Aplicación para Smart DevicesCreación del DashboardPara desplegar los valores en pantalla del Dispositivo es necesario crear un Dashboard que esdonde 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 6
  • 8. Mi Primera Aplicación para Smart DevicesEn 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 nuestraaplicación. En la propiedad data del Item Es donde se seleccionará el objeto workwithdevicesesto se hará para los 3 items que hay que agregar. Para las 3 transacciones, Hotel, Playa YEstado. Y guardamos. Pagina 7
  • 9. Mi Primera Aplicación para Smart DevicesConfigurando el GeneradorEn las propiedades del nuevo generador Smart Devices, habrá que setear los siguientesvalores:-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 SmartDevices. Pagina 8
  • 10. Mi Primera Aplicación para Smart DevicesParte 3. EjecuciónGuardamos los cambios que hayamos realizada y ahora sí presionamos F5. Ingresamos losdatos 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 AndriodEn el primero es donde vamos a ingresar los datos de manera normal, a final de cuentas es unaaplicación web. Pagina 9
  • 11. Mi Primera Aplicación para Smart DevicesY en el emulador de android podremos ver la información ingresada desde web e inclusopodemos realizar inserciones de nuevas playas.Ahora podemos ingresar algunos Datos a la aplicación web, mientras inicia el emulador deAndriod. Pagina 10
  • 12. Mi Primera Aplicación para Smart DevicesUna vez que hayamos cargado algunos datos en la aplicación y el emulador esté listo podemosempezar a ver cómo queda el diseño en el dispositivo. Pagina 11
  • 13. Mi Primera Aplicación para Smart DevicesEn el emulador cuando lo desbloqueamos aparece el dashboard con los elementos queagregamos a él. Seleccionamos el listado de playasAhora seleccionamos alguna de las playas que hayamos ingresado mediante la aplicación web. Pagina 12
  • 14. Mi Primera Aplicación para Smart DevicesVemos que nos muestra la información de las playas, si ahora damos click en la parte deLocalización veamos que sucede…El emulador abre la aplicación de mapas del dispositivo y muestra la geolocalización del puntoque le ingresamos. Pagina 13
  • 15. Mi Primera Aplicación para Smart DevicesAhora bien, regresamos a la pantalla anterior:Y Podemos ver en la parte de arriba que tenemos ‘pestañas’ que en realidad son los niveles dela transacción Playa, creamos como niveles a Hotel, para hacer referencia a los hoteles que haycercanos a esa playa, y Playa Imagen esto es para que los usuarios que visiten la playa puedansubir imágenes desde su dispositivo de esa playa o de cualquier otra. Pagina 14
  • 16. Mi Primera Aplicación para Smart DevicesDe 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 cloudPara el caso de que deseemos realizar el deploy directamente en la nube, solo ay que cambiaruna propiedad en el generador Ruby. La propiedad se llama ‘Deploy to cloud’ la seteamos enyes. Al realizar esto las propiedades e incluso el DataStore cambiará, pues es un Datastorepúblico, pero no necesitamos cambiar nada más.Ahora solo hacemos un Rebuild All para que los objetos tomen los cambios, de este modo laaplicación se desplegará directamente en la nube. Pagina 15
  • 17. Mi Primera Aplicación para Smart DevicesComo podemos observar, la aplicación en la nube nos muestra aparte del Developer Menú uncódigo QR el cual al ser escaneado por un dispositivo, en este caso andriod , pues estamosgenerando para esta tecnología. El dispositivo andriod en el escaneo del código detecta unaURL la cual contiene la aplicación lista para descargarla e instalarla. Una vez instalada laaplicación, el dispositivo se conectará al servidor público para realizar la conexión a la basede 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 QuickResponse Code, este tipo de códigos puede utilizarse para url, textos largos, tarjetas depresentación, números telefónicos etc. Actualmente la mayoría de los nuevos dispositivosincorporan un lector de este tipo de códigos sobre todo para bajar aplicaciones rápidamente. Pagina 16
  • 18. Mi Primera Aplicación para Smart DevicesContactos y RecursosLa Comunidad GeneXusLa Comunidad GeneXus le brinda diversas formas de obtener respuestas a sus preguntas ysoluciones a sus problemas, así como también oportunidades para compartir sus propiasexperiencias. Encontrará una lista completa de los recursos disponibles de la Comunidad enhttp://www.genexus.com/community/SoporteARTech 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 GXte chnical (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 agxtrial.usa@genexus.comComo ComprarLas 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/distributorsO póngase en contacto con sales@genexus.comLinks recomendadosWeb site: http://www.genexus.comEvolution 2: www.genexus.com/xev2betaGeneXus X Basic Course: http://www.gxtechnical.com/basiccourse/Laboratorio práctico de GeneXus X y Libro online: www.genexusx.com/aprendaComunidad GeneXus: http://www.genexus.com/community Pagina 17

×