Está en la página 1de 36

MTI.

Faustino Peraza Rodriguez

COLEGIO DE ESTUDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE HIDALGO


PLANTEL 17 HUEJUTLA IGNACIO UGALDE BRAVO

CARRERA
PROGRAMACIN

Elaboro: MTI. Faustino Peraza Rdz.

MTI. Faustino Peraza Rodriguez

CARRERA PROGRAMACIN

Modul 3

Mdulo 3
Desarrolla aplicaciones web y mviles.

Submdulo 2

Desarrolla aplicaciones mviles

Competencia 1
Desarrolla
aplicaciones
para
dispositivos mviles sobre plataformas
abiertas.

Competencia 2
Desarrolla
aplicaciones
para
dispositivos mviles sobre plataformas
cerradas.

MTI. Faustino Peraza Rodriguez

MODULO III DESARROLLA APLICACIONES WEB Y


MOVILES
SUBMDULO 2 - DESARROLLA APLICACIONES MVILES
Competencia 1
Desarrolla aplicaciones para dispositivos mviles sobre plataformas
abiertas
Atributos de la competencia

1. Conceptos bsicos
2. Conocer una plataforma abierta
3. Conocer los dispositivos mviles de plataforma abierta
4. Conocer la programacin del mvil
5. Desarrollo de aplicaciones

EJERCICIO 1 Orientada a Objetos


Instrucciones para el alumno|
1. Realiza un mapa conceptual de los principales conceptos de la programacin orientada a
objetos, como: clase, objeto, mtodo, encapsulamiento, atributo, herencia, etc.
Saberes a adquirir
Recordar los conceptos bsicos que se manipularan de forma cotidiana durante el desarrollo
del submdulo, as como nuevos conceptos que se deban adquirir.
Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad.

SABERES 1 Sistemas Operativos


3

MTI. Faustino Peraza Rodriguez

Instrucciones para el alumno: Analiza la lectura de los diferentes tipos de sistemas


operativos para dispositivo mviles; desarrolla un mapa mental de estos sistemas operativos
y posteriormente.
Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad.
Hace ya mucho tiempo que la guerra de los fabricantes de los telfonos mviles pas del hardware al
software. Desde la lejana poca de la serie Nokia N, cuando la diferencia la marcaban los extras del
hardware, hemos pasado a otra en que la fortaleza del sistema operativo y su ecosistema tiene ms
importancia que el terminal en el que se encuentra. El pistoletazo de salida a este cambio lo dio Apple
en el 2007 con el primer iPhonev y desde entonces han aparecido muchos candidatos a llevarse una
parte del pastel.

iOS La versin 8 del sistema operativo del iPhone ver la luz en breve. Los nuevos terminales de la
compaa de Cupertino, el iPhone 6 y 6 Plus, estn diseados para sacarle todo el partido, aunque desde
el iPhone 5S en adelante podrn disfrutarla. Las principales caractersticas que trae son: una mayor
integracin con OSX y la extensin de su ecosistema haca los wearables y el Internet of Thinks
con el healthkit y homekit respectivamente.
Lo que caracteriza a iOS frente a otros es que es un sistema operativo
cerrado. Apple no permite que se modifiquen caractersticas internas del
sistema ms all de las limitadas opciones que da en los ajustes. Un sistema
cerrado permite, sin embargo, ofrecer siempre una experiencia ms estable
y segura tal y como dise el fabricante en un principio. Sin embargo a
muchos usuarios, que buscan una mayor personalizacin, se le puede quedar
cortas las opciones que le da Apple.
Por otro lado, como tambin suele ser habitual en los productos de la
empresa, no se licencia a terceros por lo que tan solo los iPhone disponen de
este sistema operativo.

Android
Analizara los tres mtodos o estrategias para el desarrollo de sistemas; los cuales le darn la
pauta de elegir el que le convenga para generar la solucin mas optima a sus problemas.

El sistema operativo nmero uno en cuanto a popularidad. Con una cuota de


mercado cercana al 85% el sistema operativo de Google se caracteriza por ser
abierto y disponible para cualquier fabricante interesando en utilizarlo para
sus dispositivos mviles.
Esta disponibilidad ha creado sin embargo una gran fragmentacin, pudindose
encontrar innumerables dispositivos de miles de formas y funcionalidades con
todas las versiones de Android existentes. Adems la posibilidad de que cada fabricante incluya su
4

MTI. Faustino Peraza Rodriguez

propia capa sobre el original, propicia que la experiencia de usuario no sea siempre la deseada por
Google y las actualizaciones tarden en llegar.
Una penetracin de mercado tan grande, ha propiciado por otro lado, que aunque en un primer
momento iOS fuera el ms popular de los SO para los desarrolladores, cada vez ms, estos dedican
grandes esfuerzos a disear sus apps para los usuarios de Android.

Windows Phone
Microsoft que est realizando un gran esfuerzo financiero para posicionar Windows Phone como una
tercera opcin interesante para los consumidores despus de que llegara tarde a la fiesta de los
smartphones. Su alianza con Nokia y su posterior compra le ha ayudado a darse a conocer mejor e ir
araando cuota de mercado a los dos lderes. Los ltimos datos hablan de un 2,5% a nivel mundial.
Con un diseo radicalmente distinto a las dos opciones ya comentadas,
Windows Phone destaca por su pantalla de inicio personalizable que ofrece las
notificaciones de las apps de una manera sencilla y limpia. Adems ofrece una
experiencia de usuario muy buena independientemente del tipo y gama de
terminal en que se est usando.
Aunque con menos apps disponibles que en Android y iOS, Windows Phone 8.1,
cuenta ya con ms de 300.000 apps en su tienda, adems de ofrecer aplicaciones
propias de la compaa como Skype, OneDrive o Xbox Live.

Firefox OS
Un sistema operativo basado en HTML5 con ncleo Linux, de cdigo abierto. Desarrollado por
Mozilla Corporatin con apoyo de empresas como Telefnica. El sistema operativo est basado en
Linux y usa la tecnologa de Mozilla, Gecko. Se basa en estndares abiertos como por ejemplo HML5,
CSS3 y JavaScript.
Pensado para ser un sistema operativo realmente abierto, a diferencia de Android,
donde Google controla ciertos aspectos del sistema. Esta caracterstica, permite a
Firefox OS llegar a cubrir el nicho de mercado de la gama baja con mayor
facilidad que Android. El anuncio hecho en febrero de este ao de lanzar un
smartphone por 25 euros va completamente en esa lnea. Movistar ya lanz hace ms de
un aos los primeros smartphone con este sistema operativo en Espaa y Latinoamrica.
Entre las interesantes caractersticas de este sistema operativo abierto estn las aplicaciones web y
pueden ser de dos tipos diferentes: aplicaciones de servidor o empaquetadas. A diferencia de los SO
ya comentados, en este caso, las apps de servidor, corren va web, es decir son pginas webs con la
apariencia de aplicaciones y sin conexin a internet no es posible acceder a estas. Las aplicaciones
empaquetadas necesitan la descarga de un paquete comprimido y se cargan desde la fuente local cada
vez que se accede a la aplicacin.
5

MTI. Faustino Peraza Rodriguez

Blackberry
Blackberry anteriormente conocida como RIM no est pasando por sus mejores momentos. Al igual
que le pas a Nokia, el cambio de paradigma en los smartphones le pillo con el pie cambiado.
Acostumbrado a ofrecer terminales con teclado fsico, el paso a las pantallas tctiles se le atragant. Sin
embargo, los esfuerzos realizados por la compaa canadiense para recuperar el terreno perdido han
sido grandes y en el ao 2012 lanzaron su rdago con un renovado sistema operativo el Blackberry 10.
Aun as, los ltimos estudios sobre cuota de mercardo lo dejan en tan solo un 0,5% mundial.
Blackberry 10 tiene una interfaz ms fluida, un teclado inteligente y tctil ms depurado y otra
serie de opciones que lo acercan a las de la competencia. Al igual que con iOS, el SO es software
propietario y solamente los telfonos de la compaa llevan su sistema instalado.

Ubuntu Touch
Otro sistema operativo basado en Linux pero en esta ocasin bajo la famosa firma Ubuntu.
Presentado en el 2013, se trata de un proyecto de Canonical. En la actualidad varias empresas estn
desarrollando terminales para este sistema operativo, entre ellas la espaola Bq.

Ubuntu Touch utiliza las mismas tecnologas de la versin de escritorio, por lo que ambas comparten
apps sin problemas de compatibilidad. Dispone tambin de algunas de las aplicaciones ms
populares como Facebook y Youtube.
Tambin es un sistema operativo mvil basado en Linux desarrollado por Canonical. Presentado el 2 de enero
de 2013 al pblico mediante un anuncio en la web de Ubuntu, culmina el proceso de Canonical para desarrollar
una interfaz que pueda utilizarse en ordenadores de sobremesa, porttiles, netbooks, tabletas y telfonos
inteligentes. Esta interfaz, Unity, se compone, a grandes rasgos, de un dock a la izquierda, una especie de panel
en la parte superior y un sistema de bsqueda que emplea "lentes".

Ubuntu Touch utiliza las mismas tecnologas esenciales del Escritorio de Ubuntu, por lo que las
aplicaciones diseadas para esta plataforma pueden ser usada en ambas. Adems, los componentes de
escritorio de Ubuntu vienen con el sistema Ubuntu Touch, permitiendo que los dispositivos tctiles de
Ubuntu puedan proporcionar una completa experiencia de escritorio cuando se conecta a un monitor
externo.

MTI. Faustino Peraza Rodriguez

Los dispositivos tctiles de Ubuntu pueden estar equipados con una sesin completa de Ubuntu y
pueden cambiar por completo el escritorio del sistema operativo cuando se conecta a una estacin de
acoplamiento. Si est conectado el dispositivo se pueden utilizar todas las caractersticas de Ubuntu y el
usuario puede realizar trabajo de oficina o incluso jugar juegos en ARM mediante el dispositivo.
Algunas de sus caractersticas ms destacadas son:

Pantalla de inicio sin sistema de bloqueo/desbloqueo (que funciona con un nuevo sistema de gestos y
se aprovecha para mostrar notificaciones).
Ubuntu Touch incluye como aplicaciones centrales de medios sociales y medios de comunicacin (por
ejemplo, aplicaciones de Facebook, YouTube, y un lector de RSS ). Las aplicaciones estndar, tales
como una calculadora, un cliente de correo electrnico, un despertador, un gestor de archivos, e
incluso un terminal estn incluidos tambin. En este momento doce o ms aplicaciones principales se
estn desarrollando.
Integracin con Ubuntu One.

Tizen
Sistema operativo mvil, tambin basado en Linux, patrocinado por
Linux Fundation y Fundacin LiMo. Se ha desarrollado a partir de
la plataforma Linux de Samsung. Aunque en un principio fue
presentado como un SO de cdigo abierto, Tizen 2 funciona con un
sistema de licencias no abiertas. El SDK completo fue publicado
bajo licencia de Samsung de cdigo no abierto.
Aunque pueda parecer que Tizen forma parte de la estrategia de Samsung a largo plazo, su apuesta
errtica por este sistema operativo hace que no se sepa muy bien qu pasar con l. De momento
algunos de sus dispositivos ya lo incorporan como el caso del famoso smartwatch Samsung Gear S.

WebOS
Este interesante sistema operativo, fue a Palm lo que Blackberry 10 a RIM. Sin embargo, pese a las
buenas crticas que cosech este sistema operativo, no consigui salvar la compaa. Tras la compra
por parte de HP de la compaa Palm Inc, en la actualidad webOS es propiedad de LG que lo utiliza
como sistema operativo para sus televisores inteligentes.
Arquitectura
webOS esta basado en Linux, con una interfaz grfica moderna basada en tecnologas web como
HTML5, JavaScript y CSS.
El diseo alrededor de estas tecnologas fue intencionadamente escogido por Palm, para evitar as el
aprendizaje de un nuevo lenguaje de programacin por parte de los desarrolladores.
La interfaz de webOS est basada en un sistema de cartas utilizado para administrar la multitarea. El
usuario cambia entre las aplicaciones abiertas realizando un gesto en el rea de gestos del telfono
para traer las cartas al frente y movindose a la izquierda y a la derecha de la pantalla. Las aplicaciones
son cerradas lanzando la carta de la pantalla, y estas pueden ser lanzadas ya sea desde el iniciador, con
7

MTI. Faustino Peraza Rodriguez

varias pginas de iconos de aplicaciones en rejilla, o desde el iniciador rpido, que muestra iconos
alineados horizontalmente.
Versiones similares han sido publicadas posteriormente por otros sistemas operativos como iOS 7

MEEGO
Es la unin de los sistemas operativos Maemo de Nokia y Moblin de Intel, con los cuales pretendan
competir con el sistema Android de Google. El proyecto del nuevo sistema, a diferencia de Android, est
auspiciado por la Linux Foundation. Nokia present su nuevo mvil N9 el cual utiliza el sistema MeeGo
y fue lanzado a finales de 2011. MeeGo se present como un sistema preparado para funcionar en
netbooks, dispositivos porttiles, sistemas en vehculos, televisiones y telfonos multimedia.
Bsicamente se trata de una distribucin Linux con soporte para ARM e Intel/Atom que usa Qt para su
interfaz
En el marco del Mobile World Congress 2010 Intel y Nokia anunciaron que uniran sus plataformas
basadas en Linux en una sola llamada MeeGo. Ambas compaas declararon a mediados del ao 2009
su inters en trabajar juntos y MeeGo es un producto de esa relacin.
La Fundacin Linux cancel MeeGo en septiembre de 2011 a favor de Tizen Una empresa emergente
finlandesa, Jolla, tom el sucesor Mer basado en la comunidad de MeeGo, y cre un nuevo sistema
operativo: Sailfish OS, y lanz un nuevo smartphone a fines del 2013.
El 27 de septiembre de 2011 el empleado de Intel Imad Sousou anunci que en colaboracin con
Samsung, MeeGo sera reemplazado por Tizen durante el ao 2012. Varios desarrolladores comunitarios
del proyecto Mer planeaban continuar con MeeGo sin la colaboracin de Intel y Nokia. Hasta el momento
no est claro si se les permitir seguir utilizando la marca de MeeGo.

EJERCICIO 2. Tabla de Sistemas.


Instrucciones para el alumno: Complementa con una investigacin los diferentes sistemas
operativos que hay en el marcado tanto de libre distribucin y de plataformas comerciales para
que se desarrolle de manera correcta la tabla comparativa que se muestra a continuacin.
Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad.

SISTEMA OPERATIVO

CARACTERISTICAS

QUIEN LO UTIIZA

MTI. Faustino Peraza Rodriguez

PRACTICA 1.
Instrucciones para el alumno: Con el apoyo y asesora del facilitador realiza una investigacin
sobre los requisitos mnimos para la instalacin en la computadora de Android Studio para
9

MTI. Faustino Peraza Rodriguez

eclipse. Realizar la instalacin paso a paso segn el manual de instalacin y elaborar un


reporte de la instalacin finalizada con copiar la pantalla.
Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad.

Manual Instalacin/configuracin de Eclipse para android


Instalando Eclipse Standard
Descargamos el eclipse standard de la pagina oficial de Eclipse siguiendo el siguiente enlace.
https://www.eclipse.org/downloads/

Agregando Soporte para Android ADT


https://dl-ssl.google.com/android/eclipse/

Iniciamos Eclipse, nos vamos en el menu Help > Install New Software.
Le damos clic en agregar (Add), en la esquina superior derecha.
Agregamos un repositorio agregando un nombre descriptivo p.e. ADT Plugin que apunte a la
siguiente direccin:

https://dl-sl.google.com/android/eclipse/

Nota: el The Android Developer Tools


requiere una conexin segura (https).

Aceptamos las condiciones de la


licencia y le damos finalizar.

Al finalizar nos va a pedir reiniciar eclipse, lo damos aceptar, una vez reiniciado nos va a pedir la ruta
en donde agregara el sdk:

10

MTI. Faustino Peraza Rodriguez

Dejamos la ruta por defecto la cual es C:\Users\<user>\android-sdks donde <user> sera nuestro
usuario en cuestin.

11

MTI. Faustino Peraza Rodriguez

Seleccionamos el paquete raz


y aceptamos la licencia:

Le damos instalar (install), nos va a descargar los paquetes seleccionados.


A continuacin nos va a salir un manejador de paquetes SDK, seleccionamos instalar algunos, del cual
seleccionamos:

12

MTI. Faustino Peraza Rodriguez

Tools
o

Android SDK build-tools (la versin mas actual disponible)


Android Api
o Documentation for Android SDK
o SDK Platform
o Samples for SDK
o Android Wear System image
o ARM EABI System image
o Source for Android SDK

13

MTI. Faustino Peraza Rodriguez

Una vez que le demos install nos esperamos un rato a que descargue E instale todos los paquetes
seleccionados.

Creando Proyecto para Android


Finalmente nos vamos a nuevo, de ah personalizado
extendemos la opcin de Android y creamos un
proyecto para Android o corremos algn ejemplo(si
instalaste ejemplos).

14

MTI. Faustino Peraza Rodriguez

.EJERICICIO 2
Instrucciones para el alumno: Despus de haber instalado en la computadora el Android
studio para eclipse, elabora a mano como un cuadernillo, los pasos de instalacin de Android
Studio, de forma creativa y limpia, puedes pegar la pantallas como apoyo.

Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad.

15

MTI. Faustino Peraza Rodriguez

PRACTICA 2.
:

Instrucciones para el alumno Elaborar la prctica mi primer programa, como proyecto


Hola Cecyteh en Android Developer Studio, posteriormente entregar un reporte paso a paso
de la pantalla de ejecucin del programa como funcionando en un dispositivo mvil.
Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad.

PRACTICA: MI PRIMER PROGRAMA HOLA CECYTEH


1.- Abrir eclipse con ADT de Android Ver.21
y posteriormente, actualizar la ruta donde se
guardara los proyectos de Android.

2.- Primero verificacin que los SDKs estn


instalados de preferencia la versin 4.2, 3.2
y/o 2.2. Entra al men de WINDOW y
selecciona la opcin Android SDK Manager.

Nota: Preferencia guardalos en tu memoria flash, o en


carpeta de Documentos.
Nota: Preferencia guardalos en tu memoria flash, o en
carpeta de Documentos.

3.- Tambin observa que estn instalados las utileras de


android Tools : Android SDK Tools y Android SDK
Platadorms-tools

Si no estn instalados tendras que seleccionarlo; en caso de


los APIs de los SDKs, solo selecciona la opcin SDK
16

MTI. Faustino Peraza Rodriguez


Plataformo. Acuerdate de estar conectado a internet ya que
la aplicacin los descarga de la pagina oficial.
1. A continuacin debes verificar o instalar
el emulador o dispositivo genrico que ya
contiene el ADT; nuevamente entra al
men WINDOW y selecciona la orden
Android Virtual Manager.

Si ya se encuentra instalado un dispositivo,


verifica las propiedades del mismo ,
haciendo clic en el botn Edit...

5.- Se recomienda que el nombre AVD: Android;


selecciona un Dispositivo estndar DEVICE y el TARGET
sea algo actual al momento de compilar para tener un
estndar de dispositivo en caso de montarlo a una posible
Tableta.
Si te da opcin aumenta al memoria segn te recomienda el
mismo emulador; en caso de error te marcara un mensaje de
advertencia y te recomendara que rango de valor podrs
asignar. Escribe el valor hasta que desaparezca el mensaje.

PRACTICA 3. Operacin Sumar


:

Instrucciones para el alumno Realizar la carga de dos nmeros en controles de tipo


EditText. Mostrar un mensaje que solicite la carga de los valores. Disponer un Button para
sumar los dos valores ingresados. Mostrar el resultado en un tercer TextView.
Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad.

17

MTI. Faustino Peraza Rodriguez


1. Primero nos dirigimos al Disco local, en la capeta adt-bundle-windows-x86\eclipse y

despus ejecutaos el eclipse.

2. El segundo paso es crear una aplicacin Android para eso presionamos en File / New

/ Android Application Project, como se muestra en la siguiente imagen:

3. El tercer paso es anotar los datos siguientes como el nombre de la aplicacin entre

otras, despus presionamos seguidamente el botn Next, hasta que nos aparezca el
botn Finish y lo presionamos.

18

MTI. Faustino Peraza Rodriguez

4. Ya creada la aplicacin, el siguiente paso es comenzar a aadir los Widgets:

TextView, abc y Button, despus respectivamente los ordenamos como se muestra en


la siguiente imagen:

5. El siguiente paso es cambiar su Texto y su ID a los tres TextView: Al primero su

Texto como Ingrese el Valor 1:, su ID como tv1, al segundo su Texto como
Ingrese el Valor 2:, su ID como tv2 y al tercero su Texto como Resultado, su ID
como tv3.

19

MTI. Faustino Peraza Rodriguez

6.-El siguiente paso es cambiar su ID a los dos EditText: Al primero se le va a cambiar


su ID como et1, y al segundo se le va cambiar su ID como et2.

20

MTI. Faustino Peraza Rodriguez

7.- El siguiente paso es cambiar su Texto y su ID a el Button: Al Texto se cambia


como Operar:, su ID como b1.

8.- El paso ocho es ingresar el cdigo de la aplicacin

21

MTI. Faustino Peraza Rodriguez

9.-Ya terminada la aplicacin, ahora es solo ejecutar en un dispositivo Android.

PRACTICA 4. Mayor de Edad


Instrucciones para el alumno: El alumno elaborara un programa que determine si es mayor
de edad, es decir ms de 17 aos, en caso contrario determinar que es menor de edad. El
programa debe comprobar mediante un botn de orden y limpiar los datos tambin. Adems
debe de verificar si la captura esta vaca o nula mencionar que no hay datos que verificar.
Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad
22

MTI. Faustino Peraza Rodriguez


Aqu se muestra la app.

Para comenzar creamos una nueva actividad llamada EstasViejo.

Nos dirigimos a el documento .xml en donde


agregaremos dos botones, un TextView y un
EditText, a los botones les pondremos de nombre
COMPROBAR y LIMPIAR-

El documento xml quedara de la siguiente forma:

23

MTI. Faustino Peraza Rodriguez

Despus nos dirigimos a el documento .java en el cual les mostrare las libreras que vamos a utilizar.

Despus empezamos a definir las variables para que esto funcione.

24

MTI. Faustino Peraza Rodriguez

Por ultimo damos la indicacin de que cuando haga clic o touch a cualquier botn realice su funcin.

25

MTI. Faustino Peraza Rodriguez

PRACTICA 5. Calculadora Radio


Instrucciones para el alumno: El objetivo de este concepto es practicar la implementacin
de un programa que requiera controles de tipo RadioButton para seleccionar una actividad.
Aprenderemos como agrupar un conjunto de RadioButton y verificar cual est seleccionado.
Problema:
Realizar una captura de dos nmeros en controles de tipo EditText. Mostrar un mensaje que
solicite la captura de los valores. Disponer dos controles de tipo RadioButton para seleccionar
si queremos sumar o restar dichos valores.
Finalmente mediante un control de tipo Button efectuamos la operacin respectiva. Mostramos
el resultado en un TextView.
El problema es similar al de la suma anterior. Para disponer los controles de tipo RadioButton
debemos en realidad primero insertar un control de tipo RadioGroup (este control se encuentra
en la paleta de componentes en

Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad

26

MTI. Faustino Peraza Rodriguez

PRACTICA 6. Consumo
Instrucciones para el alumno: Crear una Aplicacin en Android para una tienda que ofrece
20% de descuento siempre que el monto del consumo supere los 30 pesos, de lo contrario
solamente ofrecen 10% de descuento. Sabiendo que por impuestos se debe cancelar el 18%
del valor venta que resulte de restar el descuento al monto consumido, se desea mostrar el
importe consumido, el descuento, el valor venta, el impuesto y el valor de la factura que se
debe pagar por alguna compra. Realizar un reporte de la aplicacin funcionando en un
dispositivo mvil. (nota: Tomar foto del funcionamiento).
Crear un proyecto llamado Prog_If_Consumo, tal como se muestra en la siguiente imagen:

Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad

27

MTI. Faustino Peraza Rodriguez

PRACTICA 7. Control ImageButton .


Instrucciones para el alumno: Disponer un objeto de la clase ImageButton que muestre una
imagen de un telfono. Cuando se presione mostrar en un control TextView el mensaje
"Llamando". Realizar un reporte del desarrollo de la prctica agregando una imagen de la
aplicacin funcionando en un dispositivo mvil.

Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad

Primero crearemos un proyecto llamado Pro_llamada y luego debemos buscar una imagen
en formato .png que represente un telefono de 50*50 pxeles (nota: Utilizar Photoshop para
redisear la imagen). Nombre del archivo:
telefono.png. Ahora copiamos el archivo a la
carpeta de recursos de nuestro proyecto:
res\drawable-mdpi Desde el Eclipse en la ventana
"Package Explorer" navegamos hasta la carpeta res y
entramos al directorio drawable-mdpi y vemos que
todava no est el archivo que acabamos de copiar.
Para que se actualice el proyecto presionamos el botn
derecho del mouse sobre esta carpeta y
seleccionamos la opcin "Refresh".

Vemos que se actualiz el contenido de la carpeta


y aparece la imagen que copiamos previamente.
Ahora insertaremos el objeto de la clase
ImageButton en el formulario de nuestra aplicacin.
La clase ImageButton se encuentra en la pestaa
"Image & Media":

28

MTI. Faustino Peraza Rodriguez

Posteriormente a greguemos un TextView a nuestra aplicacin y configuremos sus propiedades ID


(con tv1) y text. Luego la interfaz visual debe ser similar a:

29

MTI. Faustino Peraza Rodriguez

Definimos los dos atributos:


TextView tv1;

Enlazamos el control definido en el archivo XML y la variable de java:


tv1=(TextView)findViewById(R.id.tv1);

Implementamos el mtodo que se ejecutar cuando se presione el el objeto de la clase


ImageButton:
public void llamar(View view) {
tv1.setText("Llamando");
}

No olvidemos inicializar la propiedad OnClick del objeto ib1 con el nombre del mtodo "llamar"
(recordemos que esto lo hacemos presionando el botn derecho del mouse sobre la imagen del
objeto de la clase ImageButton y desde la opcin properties accedemos a la propiedad OnClick).

COMPETENCIA 2
Desarrolla aplicaciones para dispositivos mviles sobre
plataformas cerradas .
SABER 1. Windows Phone.
El 15 de Febrero de 2010, durante el Mobile World Congress celebrado en Barcelona, Microsoft
present al mundo su nuevo sistema operativo para smartphones: Windows Phone 7.
Su desarrollo comenz en 2008 tras la reorganizacin del equipo de Windows Mobile y la
cancelacin del proyecto Photon, la versin del sistema en la que Microsoft trabajaba desde
2004 con pocos resultados. Originalmente se plante su salida al mercado en 2009, pero una
serie de retrasos obligaron a preparar una versin de transicin de Windows Mobile (WM 6.5)
y retrasar el lanzamiento de Windows Phone 7 hasta Octubre de 2010 en Europa, Noviembre
de 2010 en USA y 2011 para Asia.
Una de sus ms aclamadas novedades es la interface de usuario, denominada Metro, basada
en unos simples pero efectivos mosaicos dinmicos que muestran informacin til al usuario.
30

MTI. Faustino Peraza Rodriguez

Tambin se estrena un nuevo concepto llamado HUB, un lugar donde centralizar acciones y
agrupar aplicaciones por la actividad a la que se destinan As, podemos encontrar el HUB de
Imgenes, Zune, Office o Xbox Live, cada uno de los cuales nos dar acceso a tareas
especficas como msica, documentos o juegos.
Un ao despus de su presentacin, de nuevo en el marco del Mobile World Congress,
Windows Phone 7, con apenas unos meses de vida, presenta importantes novedades. A su
primera actualizacin en Marzo de 2011, que incluye mejoras en el rendimiento general as
como la inclusin de copiar y pegar, se une una nueva actualizacin, llamada Mango que
incluye el motor de Internet Explorer 9, con su soporte para HTML5, Multitarea en aplicaciones
de terceros e integracin con Xbox 360 y Kinect. En Mayo de 2011 Microsoft puso a disposicin
de los desarrolladores la primera versin beta de las nuevas herramientas de desarrollo de la
versin Mango de Windows Phone.

Ejercicio 1. Linea del tiempo.


Instrucciones para el alumno: Investiga en internet sobre el sistema operativo de Microsoft
WIndowa Phone; sus antecedentes y el futuro de esta plataforma cerrada; para elaborar una
lnea de tiempo de manera manual como actividad ldica, desarrollando su imaginacin y
creatividad como: colores, hoja, recortes de imgenes, etc.

Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad

Ejercicio 2. Cuestionario
Estudiar lo referente a la plataforma Android y desarrolle los siguientes cuestiones.
Tambin busque informacin en Internet y libros.
1) Qu es Windows Phone?
2) Describir brevemente las caractersticas de Windows Phone
3) Explicar la arquitectura pde Windows Phone?
4) Explicar brevemente que es Silverlight?
5) Nombre las herramientas ms importantes utilizadas para desarrollar tal Microsoft Visual
Studio 2010, XAML y Blend
6) Explicar brevemente la mquina virtual SDK y su emulador?
31

MTI. Faustino Peraza Rodriguez

7). Hacer un mapa conceptual o mental de Android y sus caractersticas, con algn software
en especial o en power point
8) Explicar cmo se crea un proyecto para Windows Phone 7 o 8?

Entregar un archivo documento en Word con las siguientes caracterisiticas:


1.-una hoja de presentacin,
2.- tipo de letra arial 12, los margenes superior, inferior, derecho e izquierdo; deben ser de
2cm.
3. De manera detallada con imgenes, dibujos, pantallas si es necesario, en cada una de las
respuestas.

Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad

Practica 1. Installation de Visual Studio for Windows


phone Express
Instrucciones para el alumno: El alumno debera instalar el sofotware de Visual Studio
express para windows phone de la pagina official del Microsoft con la siguiente
direccion de URL : https://www.visualstudio.com/es-es/products/visual-studio-expressvs#2010-Visual-Phone. Posteriormente elaborar un manual de instalacin en un
documento en WORD de cada paso de instalacin.

Actitudes:
1. Orden.
2. Puntualidad.
3. Responsabilidad

32

MTI. Faustino Peraza Rodriguez

Practica 2. Hola CECyTEH WinPhone


CREAR UN ROGRAMA EN EL CUAL APARESCA UN MENSAJE DE BIENVENIDA

1.- Creamos un nuevo proyecto al que pondremos Hola Cecyteh elegimos la ruta en donde se guardara y
presionamos guarda e inmediatamente nos mostrara el programa listo para su modificacin.

NOTA: EXISTEN DOS OPCIONES PARA ELEGIR EL LENGUAJE QUE SE VA A UTILIZAR SON:

Lenguaje Visual Basic


Lenguaje Visual C # (C Sharp)

Seleccionamos Visual C#

2.- Seleccionamos la plataforma de Windos Phone que se desea usar.

33

MTI. Faustino Peraza Rodriguez


3.- Aparecer la ventana donde se encuentra el archivo xaml del diseo el de la interface.

4.- Utilizaremos Text block es un archivo te texto lo arrastramos el rea de trabajo, Cambiaremos el Texto que
se encuentra por de faul en la parte de arriba con el cdigo que se encuentra a un costado modificando la
propiedad Text.

5.- Para modificar el Text block daremos doble clic a la pantalla e inmediata mente nos mandara al evento
Loaded de el formulario y es ah en donde cambiaremos el texto de el Text block o de igual forma se puede
desde sus propiedades.

34

MTI. Faustino Peraza Rodriguez

6.- Escribimos este pequeo cdigo que bastara para poder modificar el texto cada vez que entre a la aplicacin.

textBlock1.Text = "HOLA CECyTEH";

7.- Por ultimo modificaremos la propiedad orientacin modificando el xaml a PortraitOrLandscapede esta
manera.

35

MTI. Faustino Peraza Rodriguez


8.- Presionamos el botn Iniciar Depuracin
inmediatamente cargara el emulador.

o presionamos F5 para correr el programa e

36

También podría gustarte