hello world en blackberry

UNIVERSIDAD DE EL SALVADOR

FACULTAD DE INGENIERIA Y ARQUITECTURA

ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS

PROGRAMACION PARA DISPOSITIVOS MOVILES

PDM115

Ciclo I-2014

GUIA DE LABORATORIO N° 2

PROGRAMACION BASICA SOBRE SMART PHONES

BLACKBERRY E IOS

Objetivos:

*Conocer el entorno de programación del IDE Eclipse para programación bajo el sistema

Blackberry y el entorno del IDE Xcode para programar bajo el sistema IOS.

*Hacer una nueva aplicación en Blackberry que utilice los controles: TextView, EditText y

Button. Interactuando con la interfaz gráfica mediante métodos y eventos, que nos permita ver la

forma de controlar objetos en java para el sistema Blackberry.

*Hacer una aplicación “hola mundo” en IOS que nos permita conocer algunas generalidades del

trabajo en Xcode, con el lenguaje objective C.

*Ejecutar la aplicación mediante un Dispositivo Virtualizado en Blackberry e IOS.





PDM115

Ciclo I-2014

Contenido PROGRAMACION EN BLACKBERRY ........................................................................................... 1

Programa 1(Proyecto básico BB, Hola mundo) ................................................................................... 1

Creación del Proyecto Blackberry .................................................................................................... 1

Correr la aplicación .......................................................................................................................... 5

Programa 2(Fondos de Pantalla) .......................................................................................................... 8

Programa 3(EditField con mascaras) ................................................................................................... 9

PROGRAMACION EN IOS .............................................................................................................. 10

Programa 1(Proyecto básico IOS) ...................................................................................................... 10





PDM115

Ciclo I-2014

1

PROGRAMACION EN BLACKBERRY Programa 1(Proyecto básico BB, Hola mundo) Entre a la sesión de Windows de programación para dispositivos móviles con la contraseña:

Android. Dentro de ella, presione doble clic en el icono de Blackberry plugin 2.0(eclipse de 32 bits

con blackberry)

Utilice un workspace para sus aplicaciones de Blackberry

Creación del Proyecto Blackberry 1) Haga un proyecto Blackberry nuevo en el ide eclipse.(File, New, Project)

2) Buscamos Blackberry Project y presionamos Next





PDM115

Ciclo I-2014

2

3) Definir el nombre del proyecto

4) Presionamos Next dos veces y definimos los demás parámetros

Luego presionamos Finish.





PDM115

Ciclo I-2014

3

Al ver el árbol del proyecto vemos que nuestra aplicación tiene la aplicación y el Screen contenidos

en el mismo proyecto, solo para tener separados ambos, haremos un paquete denominado screen

dentro de sv.ues .fia.carnet02a

5) Haga un paquete nuevo bajo ”sv.ues.fia.carnet02a” que se llame ”sv.ues.fia.carnet02a.screen”.

Clic derecho en paquete contenedor(sv.ues.fia.carnet02a), clic en New, package.

Luego se define el nombre: .screen(al final) y presionamos finish





PDM115

Ciclo I-2014

4

6) Mueva la clase IniScreen.java hacia el nuevo paquete.

Confirmamos que se moverá(ok)

7) En el método principal del Iniscreen(), bajo la línea settitle…..

Ponga lo siguiente:

Y aparecerá este error:

Corregiremos el error de la línea con la importación de librería de Etiquetas de RIM





PDM115

Ciclo I-2014

5

Correr la aplicación

Sobre el proyecto, clic derecho, Run as … Run configurations

Creamos una nueva configuración para el simulador BB 9300(doble clic en Blackberry simulator, clic en el

proyecto a correr)





PDM115

Ciclo I-2014

6

Luego buscamos el simulador, aplicamos y corremos.

Si nos pregunta la aplicación a lanzar, seleccionamos IniScreen.java





PDM115

Ciclo I-2014

7

Al cargar, vera el dispositivo bb8520, para las siguientes corridas solamente se debe buscar la opción run.

Seleccionamos el menú de Blackberry con el clic del

mouse,

Luego con las teclas de desplazamiento de

cursor, busque Downloads y presione enter

Busque la aplicación Carnet02a

Con

lo que podrá visualizar su aplicación corriendo





PDM115

Ciclo I-2014

8

Programa 2(Fondos de Pantalla)

Fondos de pantalla

1) Haz un proyecto como el anterior con el nombre carnet02b

2) Incorpora la imagen de background_eisi.jpg (en la carpeta res de tu proyecto) que está en la

página de pdm115.

Como en el anterior programa, agrega una etiqueta, pero además agrégale otras líneas de código

para configurar el background:

Prueba primero el fondo con imagen(asi como se muestra), luego el de degradado(deja con

comentario los demás fondos excepto el de color degradado) y por último el de color solido(deja

con comentario los demás fondos excepto el color solido).





PDM115

Ciclo I-2014

9

Programa 3(EditField con mascaras) Para este programa deberán incorporar un elementos nuevos: el objeto editfield pero con variantes

particulares de máscaras, digítalo, córrelo y contesta cuales mascaras no funcionan correctamente.

1) Haz un proyecto como los anteriores con el nombre carnet02c

2) Siempre en el IniScreen modifica lo siguiente:

Cuáles de las máscaras no funcionan como esperabas?_________________________________

_______________________________________________________________________________

Comprima su carpeta de proyecto y súbalo en el link respectivo (Guia de Laboratorio 2(BB)).





PDM115

Ciclo I-2014

10

PROGRAMACION EN IOS

Simulado en Iphone

Programa 1(Proyecto básico IOS)

1) Abra el programa “VMWare Player” luego abra la máquina virtual con el nombre “OS X

Mavericks”, al iniciar se solicitara una contraseña para el usuario PDM-115, la contraseña es

movil14.

2) Entre al ide Xcode y cree un nuevo proyecto con el nombre “carnet_ios02”

a. Entrar a IDE Xcode

b. File, New, Project.





PDM115

Ciclo I-2014

11

c. Single View Application, Next.

d. Product Name: Carnet_ios02

Organization Name: Su nombre Completo

Company Identifier: UES

Class Prefix:(no escribir nada).

Devices: Iphone

Luego Next.





PDM115

Ciclo I-2014

12

3) Ubicar su carpeta de carnet_ios

Y presionar créate.





PDM115

Ciclo I-2014

13

4) Cambiar la Versión de despliegue de IOS a 6.1(Deployment Target)

5) En la parte superior izquierda, definir el dispositivo de prueba(Phone 6.1)





PDM115

Ciclo I-2014

14

6) Abrir el archivo Main.storyboard(doble clic)

7) Agregar una Etiqueta (Label) y un Botón (Button), arrastrando los objetos desde la librería.





PDM115

Ciclo I-2014

15

8) Para realizar las conexiones habilitar la Vista de asistente (Show the Assistan editor) que es el

siguiente icono : y esconger la columna de utilidades (Hide or show Utilities) con el

siguiente icono: .

9) En el área de trabajo de la izquierda, ubicar el archivo ViewController.h, en la barra de direccion,

como se muestra a continuacion.

10) Para realizar la conexión seleccionar la Etiqueta, presionar la Tecla Ctrl y arrastrar hacia el área de

trabajo de la izquierda ubicando la conexión dentro de @interface y @end como se muestra a

continuacion.

Esto abrira un cuadro de dialogo en el cual se escribira el nombre de la etiqueta como lblMensaje

y presione Connect.





PDM115

Ciclo I-2014

16

Se generara automaticamente la propiedad lblMensaje de tipo UILabel

11) Para realizar la conexión del boton, se realizara el mismo metodo de arrastrado presionando la

tectla Ctrl.

Generara una ventana en la cual seleccionaremos en la caracteristica Connection la opcion Action

y le pondremos de nombre “CambiarMensaje” y presione Connect.

Esto generara una acccion como se observa.





PDM115

Ciclo I-2014

17

12) Utilice el selector de la ventana de edicion de codigo para cambiarse hacia el archivo de

interfaz(ViewController.m)

13) En el archivo ViewController.m, se vera creado tambien un metodo con el nombre de

CambiarMensaje, modificarla para que se observe de la siguiente manera:

14) Corralo

15) Instintivamente agrega una caja de texto siguiendo el mismo patron de la etiqueta para

reemplazar el mensaje “Hola Mundo” por el valor de la propiedad text del objeto UITextField.

16) Corralo de nuevo.

Si tienes dudas consulta a tu instructor.

Comprima su carpeta de proyecto y súbalo en el link respectivo (Guia de Laboratorio 2(IOS)).

hello world en blackberry

Documents

blackberry programa

sistema blackberry

blackberry project

proyecto blackberry

smart phones blackberry

icono de blackberry

proyecto bsico ios

programacion basica