Post on 04-Jul-2015
Aplicaciones Distribuidas II
Laboratorio J2ME
Construcción de una aplicación para dispositivos móviles
utilizando J2ME y el API de twitter
Laboratorio J2ME
Construcción de una aplicación para dispositivos móviles
utilizando J2ME y el API de twitter
Página 1
Construcción de una aplicación para dispositivos móviles
Aplicaciones Distribuidas II
Construcción de una aplicación para dispositivos móviles utilizando J2ME y el API de twitter
Prerrequisitos
Conocimientos de programación orientada a objetos y conocimientos de lenguaje de programación Java
Requerimientos de Sistema
• Sistema Operativo: Windows 7/Vista/XP, Mac OS
Software necesario para el laboratorio
Por favor, descargue e instale el siguiente conjunto de aplicativos:
• JDK 5 ó superior
• Netbeans 6.7.x
• API de twitter: twitter_api_me-1.5.jar
Ejercicios del laboratorio
• Ejercicio 0: Crear una aplicación móvil
• Ejercicio 1: Añadir el API de twitter a la aplicación
• Ejercicio 2: Publicar la aplicación en el sitio web de twitter
• Ejercicio 3: Construir la aplicación utilizando el API de twitter
Construcción de una aplicación para dispositivos móviles utilizando J2ME y el API de twitter
Conocimientos de programación orientada a objetos y conocimientos de lenguaje de programación Java
dows 7/Vista/XP, Mac OS
l siguiente conjunto de aplicativos:
Añadir el API de twitter a la aplicación
Publicar la aplicación en el sitio web de twitter
Construir la aplicación utilizando el API de twitter
Página 2
Construcción de una aplicación para dispositivos móviles utilizando J2ME y el API de twitter
Aplicaciones Distribuidas II
Ejercicio 0: Crear una aplicación móvil
1. Creamos una nueva aplicación Java ME y escogemos la opción “Mobile Application” y clic en siguiente:
2. Ponemos un nombre a nuestra aplicación móvil en este caso será MobileTweeting y clic en siguiente:
Ejercicio 0: Crear una aplicación móvil
Creamos una nueva aplicación Java ME y escogemos la opción “Mobile Application” y clic en siguiente:
Ponemos un nombre a nuestra aplicación móvil en este caso será MobileTweeting y clic en siguiente:
Página 3
Aplicaciones Distribuidas II
3. Luego clic en siguiente:
Página 4
Aplicaciones Distribuidas II
4. Finalmente hacemos clic en terminar:
Página 5
Aplicaciones Distribuidas II
Página 6
Aplicaciones Distribuidas II
Ejercicio 1: Añadir el API de twitter a la aplicación
1. Hacemos clic derecho sobre la nuestra aplicación MobileTweeting vamos a propiedades, hacemos clic en Libraries and
Resources y escogemos la opción Add Jar/Zip
Ejercicio 1: Añadir el API de twitter a la aplicación
Hacemos clic derecho sobre la nuestra aplicación MobileTweeting vamos a propiedades, hacemos clic en Libraries and
Resources y escogemos la opción Add Jar/Zip
Página 7
Hacemos clic derecho sobre la nuestra aplicación MobileTweeting vamos a propiedades, hacemos clic en Libraries and
Aplicaciones Distribuidas II
2. Seleccionamos la ubicación de nuestro .jar del api de twitter y
3. Finalmente hacemos clic en Ok
ubicación de nuestro .jar del api de twitter y clic en abrir
Página 8
Aplicaciones Distribuidas II
Ejercicio 2:
1. Accedemos a la dirección de developer de Twiter que es la siguiente:
2. Cuando terminamos de registrar la aplicación nos va a devolver unos datos para el manejo del api de twitter
Ejercicio 2: Publicar la aplicación en el sitio web de twitter
Accedemos a la dirección de developer de Twiter que es la siguiente: http://dev.twitter.com/apps/new
Cuando terminamos de registrar la aplicación nos va a devolver unos datos para el manejo del api de twitter
Página 9
http://dev.twitter.com/apps/new
Cuando terminamos de registrar la aplicación nos va a devolver unos datos para el manejo del api de twitter
Aplicaciones Distribuidas II
Ejercicio 3: Construir la aplicación utilizando el API de twitter
1. Abrimos la solapa que dice Screen y borramos todos los componentes que están incrustados en el form
Ejercicio 3: Construir la aplicación utilizando el API de twitter
Screen y borramos todos los componentes que están incrustados en el form
Página 10
Screen y borramos todos los componentes que están incrustados en el form
Aplicaciones Distribuidas II
2. Arrastramos los siguientes componentes al formulario
a. TextField
b. StrigItem
c. okCommand
Arrastramos los siguientes componentes al formulario
Página 11
Aplicaciones Distribuidas II
3. Luego Hacemos clic derecho sobre okCommand y clic en go to Source y nos redirige al código fuen
copiamos el siguiente código:
public void commandAction(Command command, Displayable displayable) {
if (displayable == form) {
if (command == okCommand) {
SearchDevice s = SearchDevice.getInstance(); Query q = QueryComposer.containAny(textField.getString()); try
{ Tweet[] twts = s.searchTweets(q); // Implementar un for para recorrer el arreglo
// M }
catch (IOException ex) {
ex.printStackTrace(); }
catch (LimitExceededException ex) {
ex.printStackTrace(); } } } }
4. Finalmente hacemos un Build a nuestra aplicación mobil y luego la hacemos correr
5. Ingresamos algún texto en el campo b
Luego Hacemos clic derecho sobre okCommand y clic en go to Source y nos redirige al código fuen
public void commandAction(Command command, Displayable displayable)
if (displayable == form)
if (command == okCommand)
SearchDevice s = SearchDevice.getInstance(); // Llamamos a una instancia de la claseQuery q = QueryComposer.containAny(textField.getString()); // Hacemos una busqueda
Tweet[] twts = s.searchTweets(q); //Llenamos nuestro arreglo// Implementar un for para recorrer el arreglo // Mandar a imprimir los datos en el stringItem
catch (IOException ex)
ex.printStackTrace();
LimitExceededException ex)
ex.printStackTrace();
Finalmente hacemos un Build a nuestra aplicación mobil y luego la hacemos correr
texto en el campo búsqueda y el api nos devolverá lo que encontró
Página 12
Luego Hacemos clic derecho sobre okCommand y clic en go to Source y nos redirige al código fuente de la aplicación y
Llamamos a una instancia de la clase
// Hacemos una busqueda
arreglo