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 programacin del IDE Eclipse para programacin bajo el sistema
Blackberry y el entorno del IDE Xcode para programar bajo el sistema IOS.
*Hacer una nueva aplicacin en Blackberry que utilice los controles: TextView, EditText y
Button. Interactuando con la interfaz grfica mediante mtodos y eventos, que nos permita ver la
forma de controlar objetos en java para el sistema Blackberry.
*Hacer una aplicacin hola mundo en IOS que nos permita conocer algunas generalidades del
trabajo en Xcode, con el lenguaje objective C.
*Ejecutar la aplicacin mediante un Dispositivo Virtualizado en Blackberry e IOS.
PDM115
Ciclo I-2014
Contenido
PROGRAMACION EN BLACKBERRY ........................................................................................... 1
Programa 1(Proyecto bsico BB, Hola mundo) ................................................................................... 1
Creacin del Proyecto Blackberry.................................................................................................... 1
Correr la aplicacin .......................................................................................................................... 5
Programa 2(Fondos de Pantalla) .......................................................................................................... 8
Programa 3(EditField con mascaras) ................................................................................................... 9
PROGRAMACION EN IOS .............................................................................................................. 10
Programa 1(Proyecto bsico IOS) ...................................................................................................... 10
PDM115
Ciclo I-2014
PROGRAMACION EN BLACKBERRY
Programa 1(Proyecto bsico BB, Hola mundo)
Entre a la sesin de Windows de programacin para dispositivos mviles con la contrasea:
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
Creacin 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
3) Definir el nombre del proyecto
4) Presionamos Next dos veces y definimos los dems parmetros
Luego presionamos Finish.
PDM115
Ciclo I-2014
Al ver el rbol del proyecto vemos que nuestra aplicacin tiene la aplicacin 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
6) Mueva la clase IniScreen.java hacia el nuevo paquete.

Confirmamos que se mover(ok)
7) En el mtodo principal del Iniscreen(), bajo la lnea settitle..

Ponga lo siguiente:
Y aparecer este error:
Corregiremos el error de la lnea con la importacin de librera de Etiquetas de RIM
PDM115
Ciclo I-2014
Correr la aplicacin
Sobre el proyecto, clic derecho, Run as Run configurations
Creamos una nueva configuracin para el simulador BB 9300(doble clic en Blackberry simulator, clic en el
proyecto a correr)
PDM115
Ciclo I-2014
Luego buscamos el simulador, aplicamos y corremos.
Si nos pregunta la aplicacin a lanzar, seleccionamos IniScreen.java
PDM115
Ciclo I-2014
Al cargar, vera el dispositivo bb8520, para las siguientes corridas solamente se debe buscar la opcin run.
Seleccionamos el men de Blackberry con el clic del
Luego con las teclas de desplazamiento de
mouse,
cursor, busque Downloads y presione enter
Con
Busque la aplicacin Carnet02a
lo que podr visualizar su aplicacin corriendo
PDM115
Ciclo I-2014
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
pgina de pdm115.
Como en el anterior programa, agrega una etiqueta, pero adems agrgale otras lneas de cdigo
para configurar el background:
Prueba primero el fondo con imagen(asi como se muestra), luego el de degradado(deja con
comentario los dems fondos excepto el de color degradado) y por ltimo el de color solido(deja
con comentario los dems fondos excepto el color solido).
PDM115
Ciclo I-2014
Programa 3(EditField con mascaras)
Para este programa debern incorporar un elementos nuevos: el objeto editfield pero con variantes
particulares de mscaras, digtalo, crrelo 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:
Cules de las mscaras no funcionan como esperabas?_________________________________

_______________________________________________________________________________
Comprima su carpeta de proyecto y sbalo en el link respectivo (Guia de Laboratorio 2(BB)).
PDM115
Ciclo I-2014
PROGRAMACION EN IOS
Simulado en Iphone
Programa 1(Proyecto bsico IOS)

1) Abra el programa VMWare Player luego abra la mquina virtual con el nombre OS X
Mavericks, al iniciar se solicitara una contrasea para el usuario PDM-115, la contrasea 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.
10
PDM115
Ciclo I-2014
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.
11
PDM115
Ciclo I-2014
3) Ubicar su carpeta de carnet_ios

Y presionar crate.
12
PDM115
Ciclo I-2014
4) Cambiar la Versin de despliegue de IOS a 6.1(Deployment Target)
5) En la parte superior izquierda, definir el dispositivo de prueba(Phone 6.1)
13
PDM115
Ciclo I-2014
6) Abrir el archivo Main.storyboard(doble clic)
7) Agregar una Etiqueta (Label) y un Botn (Button), arrastrando los objetos desde la librera.
14
PDM115
Ciclo I-2014
8) Para realizar las conexiones habilitar la Vista de asistente (Show the Assistan editor) que es el
siguiente icono :
siguiente icono:
y esconger la columna de utilidades (Hide or show Utilities) con el

.
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 conexin seleccionar la Etiqueta, presionar la Tecla Ctrl y arrastrar hacia el rea de
trabajo de la izquierda ubicando la conexin 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.
15
PDM115
Ciclo I-2014
Se generara automaticamente la propiedad lblMensaje de tipo UILabel
11) Para realizar la conexin 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.
16
PDM115
Ciclo I-2014
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 sbalo en el link respectivo (Guia de Laboratorio 2(IOS)).
17

Hello World en BlackBerry

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Hello World en BlackBerry

Загружено:

Авторское право:

Доступные форматы

UNIVERSIDAD DE EL SALVADOR

FACULTAD DE INGENIERIA Y ARQUITECTURA

Utilice un workspace para sus aplicaciones de Blackberry

Creacin del Proyecto Blackberry

2) Buscamos Blackberry Project y presionamos Next

3) Definir el nombre del proyecto

4) Presionamos Next dos veces y definimos los dems parmetros

Luego presionamos Finish.

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

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

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

7) En el mtodo principal del Iniscreen(), bajo la lnea settitle..

Y aparecer este error:

Corregiremos el error de la lnea con la importacin de librera de Etiquetas de RIM

Si nos pregunta la aplicacin a lanzar, seleccionamos IniScreen.java

Seleccionamos el men de Blackberry con el clic del

Luego con las teclas de desplazamiento de

cursor, busque Downloads y presione enter

lo que podr visualizar su aplicacin corriendo

Cules de las mscaras no funcionan como esperabas?_________________________________

Programa 1(Proyecto bsico IOS)

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

b. File, New, Project.

c. Single View Application, Next.

Product Name: Carnet_ios02

3) Ubicar su carpeta de carnet_ios

4) Cambiar la Versin de despliegue de IOS a 6.1(Deployment Target)

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

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

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

Se generara automaticamente la propiedad lblMensaje de tipo UILabel

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

Esto generara una acccion como se observa.

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

Вам также может понравиться