ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

Actividad Entregable Especializacin Tecnolgica: Desarrollo de aplicaciones para dispositivos mviles. Fase: Ejecucin Fecha de elaboracin (D/M/A): 28/07/2011 Competencia: Desarrollar el sistema que cumpla con Requerimientos de la solucin informtica Duracin en horas: 4

los

VISUAL MIDLET Para trabajar bajo Visual Midlet, se debe crear un nuevo proyecto, al crearlo se debe generar en el source package,dando clic derecho y seleccionar en New Visual MIDLET.

El espacio de trabajo que se tiene con el visualMIDLET, es el siguiente:

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

En el costado derecho aparece una paleta de herramientas para hacer la aplicacin mvil.

1. El primer paso es crear una lista, esto se logra haciendo clic sostenido en la herramienta llamada list ubicada la paleta de herramientas y luego arrastrarla hacia la parte central, que es el espacio de trabajo.

En este item vamos a ubicar una lista con la descripcin de una empresa, los productos y los datos de contacto 2. Ubicar la herramienta llamada list element, dar clic sostenido y soltar dentro de list. (como se muestra a continuacin).

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

Luego pulsar clic derechosobre List Element Propiedades Donde dice String cambiar list element por el nombre de la empresa.

Luego se arrastra tantos list element como productos se vaya a ofertar (mnimo 2), y se repite el paso anterior cambiando esta vez por el nombre de cada producto. Posteriormente, se arrastra un ltimo list element y lo renombramos como contacto. Finalizado lo anterior ya tenemos la lista principal de nuestro aplicativo en el cual nos desplazaremos en el dispositivo mvil. 3. Ahora, por cada uno de los list element que se agregaron a list, se crea un form al rea de trabajo. Cada form equivale a un formulario que se ver en el dispositivo mvil, es una nueva ventana

Dar clic derecho sobre form Rename y cambiar el nombre por el nombre de la empresa. Luego en form1 cambiar el nombre por el nombre del primer producto. Se repite este proceso con cada uno de los productos y contacto hasta que todos los form queden renombrados.

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

4. Luego se debe buscar los elementos Image Item y String Item, estos elementos permiten insertar una imagen y texto respectivamente.

Inicialmente, se selecciona image item y con clic sostenido se debe arrastrar dentro de form(ahora nombre_empresa) y se debe hacr lo mismo con string item
Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

Se debe repetir el paso anterior en todos los form. Ahora dar doble clic en el recuadro pequeo que se encuentra dentro de form, se observa que otro ambiente de trabajo llamado Screen.

En la anterior vista se encuentra el image item y el string item que se arrastr anteriormente. Para agregar una imagen, dar doble clic en <<missing image>> y aparece un recuadro como el siguiente.

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

Ahora dar clic en Add y se activa el botn de bsqueda de la ruta Se pulsa y se ubica la imagen que se desea cargar, luego de seleccionarla dar clic en aceptar y se observa que en la ventana aparece una vista en miniatura de la imagen que se elegi (esta imagen debe ser pequea puesto que va a visualizarse en un dispositivo mvil), en esta ventana dar clic en ok.

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

Ahora en <<null>> ubicado en string item dar doble clic y escribir el nombre de la empresa (pulsar ENTER luego de escribirlo para que quede guardado). Ubicar la pestaa en la parte superior de la ventana de trabajo y dar en ella doble clic (para ir a la ventana principal). Se repite los anteriores pasos con todos los form. 5. Posteriormente, en la ventana de trabajo se le va a dar la ruta de funcionamiento al programa. Se selecciona started, dar clic sostenido, y arrastrar hasta cualquier punto dentro del recuadro list, se observa que se crea una flecha que une estos puntos. Posteriormente desde cada list element agregado repetimos el paso anterior hasta cada form segn corresponda.

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

Ya se ha creado la aplicacin para dispositivos mviles. Ahora se debe comprobar su funcionamiento con el emulador de dispositivos mviles.

6. Ahora es necesario agregar los comandos de salir de la aplicacin y atrs. En la paleta de herramientas encontramos la opcin Exit Command, la seleccionamos y la arrastramos al List y tambien encontramos la opcin Back Command, la seleccionamos y la arrastramos cada uno de los Form. Luego se debe realizar la conexin lgica de comportamiento el comando Exit para salir de la aplicacin y los Back para regresar. Solo basta con unir el cada Back Command con el List que quiere ser abierto. Con clic sostenido sobre la herramienta por Default Started se lleva hasta la primera herramienta List que se cre.

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co

ESPECIALIZACIN TECNOLGICA EN DESARROLLO DE APLICACIONES PARA DISPOSITIVOS MVILES

Ing. Evelyn Garnica Estrada evelyngarnica@misena.edu.co