Desarrollar una aplicación móvil híbrida con Rational Application Developer V8.5.1

Un enfoque práctico para utilizar la plataforma de IBM Worklight para el desarrollo de aplicaciones móviles

Obtenga conocimientos fundamentales sobre la creación de aplicaciones móviles híbridas con las tecnologías más comúnmente utilizadas, como HTML5, CSS3, JavaScript y Dojo. Explore distintos componentes de una aplicación móvil híbrida desarrollada mediante la plataforma de IBM Worklight y desarrolle rápidamente una aplicación móvil y pruébela en IBM Worklight Server para conocer la sensación de una aplicación móvil.

Hamid Kalantari, Staff software engineer, IBM

author photoHamid is a software engineer at IBM Toronto labs. He is the subject matter expert on web technologies and web services. He holds a Master's degree in software design and optimization from the University of Waterloo.



22-10-2013

Introducción

Pruebe Rational Application Developer e IBM Worklight

IBM Rational Application Developer for WebSphere Software acelera el desarrollo y el despliegue de aplicaciones Java, Java EE, Web 2.0, móviles, OSGi, de portal y de arquitectura orientada a servicios (SOA).

Descargue IBM Rational Application Developer o utilícelo en la nube.

IBM Worklight le ayuda a crear, probar y desplegar aplicaciones móviles nativas HTML5 para dispositivos de Android, iOS, BlackBerry y Windows Phone.

Descargue Worklight para probar sus propias aplicaciones.

Aprenda cómo desarrollar una aplicación móvil híbrida con la plataforma de IBM Worklight instalada en IBM Rational Application Developer for WebSphere Software V8.5.1. IBM Worklight simplifica el desarrollo de aplicaciones web móviles, híbridas y nativas en múltiples plataformas: iOS, Android, BlackBerry, Windows, entre otras. Proporciona posibilidades visuales de desarrollo con base en mejoras de plataforma y de código de origen para ayudar a los desarrolladores a acelerar el desarrollo, las pruebas y la entrega de aplicaciones móviles mediante tecnologías abiertas, como HTML5, Apache Cordova, JavaScript e infraestructuras populares de JavaScript tales como Dojo, jQuery y Sencha Touch. Mediante la maximización del intercambio del código base a través de los entornos, IBM Worklight ayuda a reducir los costos de desarrollo, tiempo de comercialización y de los esfuerzos de gestión continua.

Tras finalizar este artículo, debería tener un buen entendimiento de las siguientes tareas:

  • Configurar el entorno de desarrollo de IBM Worklight
  • Crear un proyecto de IBM Worklight y una aplicación de Worklight
  • Entender el proyecto de IBM Worklight y la estructura y el contenido de la "app"
  • Explorar los entornos de IBM Worklight (Android, iPhone y BlackBerry)
  • Crear vistas para la aplicación móvil
  • Probar las versiones de Android y iPhone en el simulador de navegador móvil.

Configurar el entorno de desarrollo de IBM Worklight

Para configurar el entorno de desarrollo, instale el software de requisito previo e inicie IBM Worklight Studio.

Instale el software de requisito previo

Instale el siguiente software y plug-ins para configurar el entorno para su desarrollo de aplicaciones móviles. (Vea Resources para obtener enlaces).

  • Rational Application Developer for WebSphere Software V8.5.1
  • IBM Worklight Consumer Edition V5.0.5
  • Android SDK V4.2.1
  • Una plataforma del SDK de Android y las herramientas de plataforma del SDK. (Instale mediante el gestor del SDK de Android).
  • Plug-in ADT. (Seleccione Developer tools en la lista).

Inicie IBM Worklight Studio

  1. Lance Rational Application Developer como administrador mediante clic con el botón derecho en <RADInstallDir>\eclipse.exe > Run as administrator
  2. En el diálogo del iniciador de Workspace especifique su ruta de espacio de trabajo.
  3. Si recibe una página de bienvenida, descártela cerrando la pestaña Welcome.
  4. Cámbiese a Design perspective Window > Open perspective > Other > Design.

Crear un proyecto de IBM Worklight y una aplicación de Worklight

  1. Cámbiese a Design perspective > Window > Open Perspective > Other > Design
  2. Seleccione File > New > Worklight Project
  3. Asegúrese de que Hybrid Application esté seleccionada como la plantilla de proyecto.
  4. Ingrese MyMobileApp como nombre del proyecto > haga clic en Next.
  5. En el panel Hybrid Application, especifique el nombre de la aplicación como MyMobileApp.
  6. Asegúrese de que la opción Add Dojo Toolkit esté seleccionada > haga clic en Finish.
Figura 1. Crear una nueva aplicación híbrida
The wizard for creating a new hybrid application

Entender la estructura y el contenido del proyecto de IBM Worklight

La estructura del proyecto se ilustra en la Figura 2. Incluye estos componentes:

Biblioteca de Worklight Server
El archivo jar de la API de Worklight
 
Server/java
Ubicación del código java del lado del servidor en adaptadores basados en Java (avanzado)
 
Biblioteca de JRE System
Contiene el JRE utilizado en este proyecto
 
Recursos de JavaScript
Contiene las clases de JavaScript del proyecto
 
adapters
Contiene los adaptadores del proyecto (utilizados para conectividad de backend)
 
apps
Contiene las aplicaciones del proyecto
 
bin
Ubicación de los artefactos de compilación (archivos wlapp) que se despliegan en un servidor de Worklight
 
components
Contiene los componentes de la aplicación de shell (avanzado)
 
dojo
Contiene el origen de Dojo Toolkit JavaScript
 
Server
Contiene los archivos de configuración y las ubicaciones de las extensiones para el servidor de prueba de Worklight intercalado, incluido:
conf
Archivos de configuración de IBM Worklight Server tales como worklight.properties
 
java
Código de Java que debe compilarse y empaquetarse en archivos jar desplegables en el servidor
 
lib
Bibliotecas precompiladas que deben desplegarse en el servidor de IBM Worklight
Figura 2. Estructura y contenido del proyecto de IBM Worklight
Project structure and contents

Entender la estructura y el contenido de la aplicación de IBM Worklight

La estructura y el contenido de la aplicación de IBM Worklight se muestran en la Figura 3. El contenido incluye lo siguiente:

common
Los recursos predeterminados comunes para todos los entornos tales como CSS, imágenes, JavaScript y HTML
 
css: /MyMobileApp.css
El archivo CSS principal de la aplicación
 
css: /reset.css
Lleva todos los motores de representación a un lugar común
 
images
Imágenes predeterminadas para el entorno común
 
js: /MyMobileApp.js
El archivo principal de JavaScript para la aplicación, message.js
 
js: /messages.js
Objeto de JSON que tiene todos los mensajes de la aplicación
 
js: /auth.js
Mecanismo de autenticación
 
MyMobileApp.html
El archivo html principal de la aplicación. La aplicación puede tener múltiples archivos html.
 
legal
Todos los documentos legales relacionados tales como el documento de licencia para la aplicación o para software de terceros
 
application-descriptor.xml
Los metadatos de la aplicación utilizados para definir diversos aspectos de la aplicación, por ejemplo, configuración de seguridad, url del servidor, etc.
 
build-dojo
Artefactos relacionados para compilaciones de perfil de dojo (avanzado)
Figura 3. Estructura y contenido de la aplicación de IBM Worklight
Application structure and contents

Los archivos HTML y XML asociados con la aplicación de IBM Worklight incluyen:

MyMobileApp.html
El archivo HTML principal de la aplicación que el motor de representación del dispositivo carga al ser desplegado como una aplicación híbrida en dispositivos móviles tales iPhone y Android.
 
application-description.xml
En la vista del editor, haga clic en la pestaña Source para revisar los elementos del archivo application-description.xml. La Figura 4 muestra estos elementos.
Figura 4. Vista del origen de application-description.xml
The source view of application-description

En el archivo XML application-description, las etiquetas incluyen más información sobre la aplicación:

<application>
El elemento raíz del archivo application-descriptor.xml con dos atributos:
id
Contiene el ID de la aplicación, que debe ser idéntico
 
platformVersion
Contiene la versión de la plataforma de IBM Worklight en la cual se desarrolló la aplicación.

 
<displayName>
Contiene el nombre de la aplicación
 
<description>
Contiene una descripción de la aplicación
 
<author>
Contiene el nombre del autor de la aplicación
 
<height> and <width>
Utilizado para entornos de escritorio
 
<mainFile>
Contiene el nombre del archivo HTML principal para la aplicación
 
<thumbnailImage>
Contiene la ruta hacia la imagen en miniatura para la aplicación

Explorar los entornos de IBM Worklight

Un entorno es una plataforma móvil, de escritorio o web que puede representar y visualizar una aplicación basada en web. Los ejemplos de entornos incluyen Apple iPhone, teléfonos Android, Facebook y iGoogle. Esta sección cubre cómo crear entornos para brindar compatibilidad para iPhone y Android.

Crear el entorno de IBM Worklight para la aplicación MyMobileApp.

  1. En el Project Explorer seleccione la aplicación MyMobileApp: MyMobileApp > apps, haga clic con el botón derecho y seleccione New > Worklight Environment. Vea la Figura 5.
Figura 5. Añadir un entorno de Worklight a la aplicación
The wizard to add Worklight environment
  1. En el diálogo Worklight Environment seleccione iPhone, Android phones and tablets > Haga clic en Finish.
  2. Verifique la ventana Console y vea el mensaje sobre los entornos que ha configurado en su aplicación.
  3. En la vista Package Explorer verifique que ahora haya dos carpetas adicionales creadas en la carpeta de la aplicación MyMobileApp. Vea la Figura 6.
Figura 6. Carpetas adicionales creadas para el entorno móvil respectivo
Respective folder created for added environments

Los recursos del nuevo entorno tendrán la siguiente relación con los recursos comunes:

image
Alterar temporalmente la imagen común en caso de que ambas compartan el mismo nombre
 
css
Extender y/o alterar temporalmente los archivos CSS comunes
 
js
Extiende el objeto de JS de la instancia de la aplicación común, por ejemplo, la clase del entorno extiende la clase de la aplicación común.
 
HTML
Alterar temporalmente el código HTML común en caso de que ambos compartan el mismo nombre
 
native
Contiene código de la aplicación del entorno generado específicamente

Revisión rápida de la carpeta nativa para entornos específicos

La carpeta native de Android contiene código de la aplicación de Android generado automáticamente que es importado en el espacio de trabajo como un proyecto de Android durante la tarea de compilación y despliegue que se realizará más tarde. No se recomienda editar archivos en la carpeta de activos, ya que cada vez que la aplicación se compila, estos se regeneran.

Las carpeta de iPhone incluyen una carpeta native que contiene el código de la aplicación de iPhone generado automáticamente. Adicionalmente, la carpeta package contiene una aplicación empaquetada. No se recomienda editar archivos en la carpeta native/www , ya que cada vez que la aplicación se compila éstos se regeneran.

Compilar y desplegar todos los entornos

  1. Haga clic en la aplicación MyMobileApp y seleccione Run As > Build All and Deploy
  2. Verifique el registro Console para asegurarse de que la compilación y el despliegue fueron exitosos. Vea la Figura 7.
Figura 7. Compilar y desplegar todos los entornos
The console output for build and deploy
  1. Verifique que el proyecto Native Android se haya creado e importado en el espacio de trabajo. Vea la Figura 8. Este es un ejemplo de la integración de IBM Worklight con los SDK del dispositivo. Ya que el SDK de Android está habilitado para Eclipse, IBM Worklight puede generar inmediatamente un proyecto de Android en el espacio de trabajo. Esto también se aplica para BlackBerry. En otras plataformas, como iPhone, Worklight inicia las herramientas respectivas que no son de Eclipse y proporciona un proyecto en ese formato de las herramientas para finalización, por ejemplo, de Xcode.
Figura 8. Proyecto Native Android creado e importado en el espacio de trabajo
The Android project imported into workspace

Crear vistas para la aplicación MyMobileApp

En esta sección, continuamos desarrollando MyMobileApp con el editor de páginas enriquecidas de IBM Worklight.

  1. Cree dos vistas de la aplicación MyMobileApp :
    1. La vista principal consiste en una dojo.mobile.ScrollableView con una cabecera, un botón de navegación para ir a la vista profile y algo de texto de muestra.
    2. La vista profile también se compila en una dojo.mobile.ScrollableView con un botón para utilizarlo para iniciar un pop-up.
  2. Configurar Rational Application Developer para el desarrollo con el Editor de Páginas Enriquecidas (RPE). Asegúrese de que las pestañas Palette y Mobile Navigation estén visibles. La Mobile Navigation se utilizará para arrastrar elementos visuales hacia la página. Si estas pestañas no están visibles en el entorno de trabajo de Rational Application Developer, vaya a Window > Show View y selecciónelas como corresponde.
  3. Abra el archivo MyMobileApp.html en el editor.
  4. Añada una vista de desplazamiento para la página. Vea la Figura 9.
    1. Asegúrese de que el archivo MyMobileApp.html esté activo y de que la pestaña de diseño o partida esté visible. Se debe tener en cuenta que las páginas en una aplicación móvil se compilan en vistas. Como se mencionó para esta aplicación, nosotros utilizamos dojo.mobile.ScrollableView, que son widgets de vistas de dojo que gestionan un panel de visualización.
    2. En Palette expanda la sección Dojo Mobile Widget . Arrastre el widget ScrollableView en la pestaña de diseño del editor, en la sección <body> del archivo MyMobileApp.html .
Figura 9. La vista de origen muestra el código insertado en la página para ScrollableView
The ScrollableView component inserted into the page
  1. Complete el panel Create a new Dojo Mobile Scrollable View de la siguiente manera:
    1. Edite el campo Id y cambie el nombre predeterminado de view0 por mainView
    2. Marque el recuadro Set as default view .
    3. Seleccione el recuadro Include heading .
    4. Ingrese MyMobileApp como la etiqueta de cabecera.
    5. Haga clic en Finish para completar la tarea.
  2. Añada una segunda dojo.mobile.ScrollableView a la aplicación y arrastre otro widget ScrollableView en la página.
    1. Desde la gaveta de rack Dojo Mobile Widget arrastre ScrollableView en el panel de diseño
    2. Ingrese la ScrollableView en el cuerpo después de mainView
  3. Después de arrastrar y soltar la ScrollableView aparecerá el mismo recuadro de diálogo:
    1. Ingrese profileView como el Id.
    2. Marque el recuadro Include heading para incluir una cabecera.
    3. Ingrese My Profile como Heading label.
    4. Ingrese Home como Back button label.
    5. Seleccione mainView en la lista desplegable Back button. Haga clic en Finish.
  4. Abra la pestaña Mobile Navigation y verifique cómo puede alternar los contenidos de la pestaña de diseño en el editor de páginas enriquecidas mediante la selección de cuál es la vista móvil activa.

    Cuando creamos la segunda ScrollableView (la vista de perfil), tuvimos la opción en el asistente de crear un botón de retroceso para navegar hacia la pantalla de inicio de MyMobileApp , por ejemplo, mainView. Ahora añadiremos un botón de barra de herramientas en mainView, el cual nos enviará a profileView y completará nuestra navegación.

    1. En la vista Mobile Navigation , seleccione el ojo de mainView para hacerla la vista activa en el editor. Vea la Figura 10.
      Figura 10. Seleccionar el ojo de mainView para hacerla la vista activa
      Mobile Navigation view displaying the active view
    2. En el Dojo Mobile Widget Palette, arrastre un ToolBarButton hacia la posición de cabecera de mainView y suéltelo en la cabecera junto al texto de cabecera "MyMobileApp". Vea la Figura 11.
Figura 11. Arrastrar un ToolBarButton hacia la porción de cabecera de mainView
Insert a ToolBarButton into the mainView
  1. Enlace el nuevo botón a la vista móvil profileView
    1. Seleccione el nuevo botón, el cual actualmente se llama "Label". Esto hará que aparezca un icono contextual que diga "Link to Mobile View".
    2. Haga clic en el icono Link to Mobile View para abrir el diálogo Link to mobile view.
    3. Seleccione la profileView en el menú desplegable inline mobile view .
    4. Haga clic en Finish para completar el enlace desde este botón en mainView con la profileView.
  2. Cambie la etiqueta del botón de su valor predeterminado y añada algunas instrucciones de CSS incorporadas para reubicar el botón en el lado derecho de la cabecera.
    1. Haga clic con el botón derecho en el ToolBarButton y seleccione Properties en el menú. Haga doble clic en la pestaña Properties para maximizar la vista.
    2. En la pestaña Dojo de la vista Properties , actualice la etiqueta con el nuevo nombre Profile.
    3. Cámbiese a la pestaña All dentro de la vista Properties y desplácese hacia la propiedad style .
    4. Ingrese float:right; como Value para el campo style . Haga clic en Enter para asegurarse de que el valor sea aceptado. Esto causa que el botón se cambie al lado derecho de la cabecera.

El botón debe etiquetarse como Profile y debe estar en el lado derecho de la cabecera, como se muestra en la Figura 12.

Figura 12. El botón etiquetado como "Profile" en el lado derecho de la cabecera
The profile button placed inside the header
  1. Añada un componente RoundRect a la página mainView
    1. Desde Dojo Mobile Widgets , arrastre un widget RoundRect hacia mainView e insértelo en la ScrollableView debajo de la cabecera, como se muestra en la Figura 13.
      Figura 13. Añadir RoundRect en la página mainView
      Inserting RoundRect component into the mainView page
    2. Haga doble clic en el RoundRect recién creado para llevarlo a la vista en Source. Inserte el siguiente texto entre las pestañas de inicio y de finalización <div> para RoundRect en la pestaña Source.
      Esta es una aplicación de muestra compilada en IBM Worklight Platform.
  2. Añada un botón a la profileView. Este botón se utilizará para lanzar un recuadro de diálogo de pop-up.
    1. En la vista Mobile Navigation , haga clic en el icono eye para cambiar la vista activa por profileView.
    2. Arrastre un Button desde la Palette y suéltelo en la profileView debajo de la cabecera.
    3. En la página Properties página de Button cámbiese a All e ingrese Click me! como label.
    4. En la misma página Properties , ingrese "onclick" en el campo de filtro para reducir la lista de propiedad.
    5. En la propiedad onclick , añada la siguiente función como el valor:

      loadSimpleDialog('Button clicked on My Profile!')
  3. Añada un Contenedor (<div>) a la mainView
    1. Utilice la pestaña Mobile Navigation para regresar la mainView al primer plano de la pestaña de diseño.
    2. Añada un Contenedor a la mainView mediante el arrastre del widget Container desde Dojo Mobile Widgets e insertar la ScrollableView antes de RoundRect, como se muestra en la Figura 14.
Figura 14. Añadir ScrollableView a la página mainView
Inserting ScrollableView into the mainView page
  1. Añada un nombre de clase a Container , de forma que podamos aplicar instrucciones de CSS para márgenes.
    1. Seleccione la línea dojo.mobile.Container en el panel Source, como se muestra en la Figura 15.
      Figura 15. La vista Source muestra el código para el componente "dojo.mobile.Container"
      The code line inserted for container component
    2. Cámbiese a la vista Properties y asegúrese de que el elemento Container se esté mostrando.
    3. Cámbiese a la pestaña Styles dentro de la vista Properties.
    4. Ingrese spacer como el valor para la propiedad Class . El archivo CSS tendrá una referencia para la clase llamada "spacer", la cual heredará este contenedor.
  2. Añada un Contenedor a la profileView:
    1. Utilice la pestaña Mobile Navigation para regresar la profileView al primer plano de la pestaña de diseño
    2. Añada un Contenedor a la profileView al arrastrar el widget Container desde la paleta Dojo Mobile Widgets e insértelo en la ScrollableView antes de Button.
  3. Añada un nombre de clase a Container de forma que podamos aplicar CSS para márgenes.
    1. Seleccione la línea dojo.mobile.Container en el panel Source, como se muestra en la Figura 16.
      Figura 16. La vista de origen muestra el código para el componente "dojo.mobile.Container"
      The code line inserted for container component
    2. Cámbiese a la vista Properties y asegúrese de que el elemento Container se esté mostrando.
    3. Cámbiese a la pestaña Styles dentro de la vista Properties .
    4. Ingrese spacer como el valor para la propiedad Class . El archivo CSS tendrá una referencia para la clase llamada "spacer", la cual heredará este contenedor.
  4. Añada CSS a MyMobileApp.css para proporcionar una vista personalizada con la marca a la aplicación, alterando temporalmente los valores predeterminados. Esta acción proporcionará una experiencia más consistente en distintos dispositivos.
    1. En la vista Project Explorer abra /MyMobileApp/apps/MyMobileApp/common/css/MyMobileApp.css
      Ingrese el código del Listado 1 en el fondo del archivo CSS:
Listado 1. La hoja de estilo casecase para alterar temporalmente los valores predeterminados
.spacer {
    margin-top: 100px;
}
.mblView {
    background: -webkit-gradient(linear, left top, left bottom, from(#096093), to(#ffffff)) !important!
}
.mblHeading {
    background: -webkit-gradient(linear, left top, left bottom, from(#379AC4), to(#096193)) !important!
}
.mblToolBarButtonBody {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0B0D), 
color-stop(1, #434949)) !important!
}
.mblArrowButtonBody {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0B0D), 
color-stop(1, #434949)) !important!
}
.mblArrowButtonHead {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0B0B0D), 
color-stop(1, #434949)) !important!
}
  1. Añada la función de JavaScript para implementar el pop-up del diálogo.
    1. En la vista project Explorer , abra MyMobileApp.js al navegar hacia MyMobileApp/apps/MyMobileApp/common/js/MyMobileApp.js
    2. Ingrese el código de función del Listado 2 al fondo de MyMobileApp.js
Listado 2. Función de JavaScript para implementar la función de pop-up del diálogo
 loadSimpleDialog(dialogText) {
	WL.SimpleDialog.show('Hello!', dialogText, [ {
		text : 'Dismiss',
		handler : de jQuery() {
			WL.Logger.debug("button pressed");
		}
	} ]);

}

Esta función acepta una cadena del interlocutor dialogText e invoca el control común de Worklight WL.SimpleDialog.show(), el cual pasa un título para el diálogo, el texto que se debe mostrar en el diálogo y los detalles sobre el botón de descarte, que ofrece la habilidad de llamar a una función cuando el diálogo es descartado.

Sus páginas móviles deben verse como las siguientes figuras cuando salve todos los cambios. La Figura 17 muestra la mainView y la Figura 18 muestra la profileView.

Figura 17. La página mainView mostrada en el panel de diseño para Apple iPhone 4s
The mainView page look and feel
Figura 18. La página profileView mostrada en el panel de diseño para Apple iPhone 4s
The profileView page look and feel

La prueba de simulador del navegador móvil

Para probar la aplicación MyMobileApp , utilice el simulador del navegador móvil para la representación del tiempo de desarrollo en un contenedor integrado y específico del dispositivo. Haga una vista previa del entorno de iPhone en el simulador del navegador móvil:

  1. En la vista Project Explorer expanda MyMobileApp/apps/MyMobileApp y haga clic con el botón derecho en iPhone environment > Run As > Preview
  2. Analice la vista previa para determinar cómo funciona la aplicación y la navegación en el entorno de iPhone.

Resumen

En este artículo, desarrolló una aplicación móvil híbrida con el entorno de desarrollo de IBM Worklight Studio instalado en la plataforma de Rational Application Developer V8.5.1. Utilizó técnicas de plataformas cruzadas, como HTML5, CSS3, JavaScript y la infraestructura móvil de Dojo. Desarrolló algo de conocimiento fundamental sobre cómo se compilan y conectan las páginas móviles y cómo puede hacer uso de componentes de arrastrar y soltar desde la vista Palette para crear rápidamente su página móvil. Además, desarrolló su aplicación móvil para el servidor de IBM Worklight intercalado en su plataforma de Rational Application Developer V8.5.1 para conocer la sensación de su aplicación móvil en distintos entornos nativos, como iPhone y Android.

Reconocimientos

El autor desea agradecer a Ali Manji por revisar este artículo.

Recursos

Aprender

Obtener los productos y tecnologías

Comentar

Comentarios

developerWorks: Ingrese

Los campos obligatorios están marcados con un asterisco (*).


¿Necesita un IBM ID?
¿Olvidó su IBM ID?


¿Olvidó su Password?
Cambie su Password

Al hacer clic en Enviar, usted está de acuerdo con los términos y condiciones de developerWorks.

 


La primera vez que inicie sesión en developerWorks, se creará un perfil para usted. La información en su propio perfil (nombre, país/región y nombre de la empresa) se muestra al público y acompañará a cualquier contenido que publique, a menos que opte por la opción de ocultar el nombre de su empresa. Puede actualizar su cuenta de IBM en cualquier momento.

Toda la información enviada es segura.

Elija su nombre para mostrar



La primera vez que inicia sesión en developerWorks se crea un perfil para usted, teniendo que elegir un nombre para mostrar en el mismo. Este nombre acompañará el contenido que usted publique en developerWorks.

Por favor elija un nombre de 3 - 31 caracteres. Su nombre de usuario debe ser único en la comunidad developerWorks y debe ser distinto a su dirección de email por motivos de privacidad.

Los campos obligatorios están marcados con un asterisco (*).

(Por favor elija un nombre de 3 - 31 caracteres.)

Al hacer clic en Enviar, usted está de acuerdo con los términos y condiciones de developerWorks.

 


Toda la información enviada es segura.


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=90
Zone=Desarrollo móvil, Rational
ArticleID=960546
ArticleTitle=Desarrollar una aplicación móvil híbrida con Rational Application Developer V8.5.1
publish-date=10222013