Trabajo

1. Aplicaciones Móviles
Juan Carlos Vargas IbáñezJuan Carlos Vargas Ibáñez
Grupo: 402Grupo: 402
Rene Domínguez EscalonaRene Domínguez Escalona
ProfesorProfesor

2. Índice
Hola mundo ……………………………………………………………………………………3
Operaciones……………………………………………………………………………………7
Imc………………………………………………………………………………………………11
Factorial………………………………………………………………………………………...14
AlbumDroid………………………………………………………………………………..……17
Color Hex…………………………………………………………………………………..…...21
Reboso Droid…………………………………………………………………………………..25
Phone gap…………………………………………….………………………………………..29
TabHost…………………………………..…………………………………………………….30
Canvas………………...………………………………………………………………………..33
Notifications…………...……………………………………………………………………….36
RadioButton………...………………………………………………………………………….39
Date Picker……………………………………………………………………………………..43
Time Picker……………………………………………………………………………………..45

3. Hola Mundo
Esta aplicación trata de mostrar el famoso mensaje “Hola mundo”, comencemos.
1-Lo primero que haremos será crear una nueva aplicación android, daremos file, new,
android Applicaction y nos aparecerá este recuadro
Le pondremos en “Application Name” el nombre de nuestra aplicación, en este caso
será Hola mundo. Oprimiremos Next repetidamente y por ultimo de daremos finish.

4. Una vez hecho lo anterior se creara la siguiente vista:
En ella podemos observar que su lleva un nombre en la barra superior de la imagen,
llamada MainActivity, y a su lado otra llamada activity_main.xml.
Estas dos pestañas nos sirven para poder programar en android. En el MainActivity se
programa el código Java y en el activity_main.xml se crea la interfaz gráfica.

5. Vista de activity_main.xml
En esta sección existen dos sub pestañas, Graphical Layout y activitymain.xml, se
podría decir que estas pestañas son lo mismo solo que en una se muesta en forma de
código y en la otra en forma grafica.

6. En este ejemplo de Hola mundo lo único que se tiene que cambiar es el TextView
Para que muestre el hola mundo y poner una imagen de fondo. Para hacer esto lo que
se tiene que hacer es lo siguiente:
Escribir la línea de código android:background="@drawable/xd". Cabe destacar que xd es
el nombre un imagen que se guarda en la siguiente dirección:
workspacenombreproyectoresdrawable-mdpinombreimagen
Y para poner Hola mundo se tiene que sustituir lo que viene por defecto en el
“android:text=” y cambiarlo por android:text=”android:tex=’Hola mundo’ ”.

7. Operaciones
Esta aplicación trata de mostrar las operaciones de suma, resta, multiplicación y
división, mostrándolas en un TextView. Para hacerlo Creamos un nuevo proyecto
android.

8. Lo primero que haremos será modificar el activity_main.xml agregándole las siguientes
características como EditText, Botones, y TextView.

9. Recordemos que un TextView sirve para poder mostrar texto, en este caso la línea
Android:text= ”” está vacía para que al ejecutar el código java se muestren las
operaciones. Además de eso un Button es un botón que es solo funcional si se
programan las funciones de dicho botón en un código java, Por último cabe destacar
que un TextView es aquello que nos permite insertar datos en nuestro dispositivo, es decir una caja.
A continuación se muestra el Graphical Layout que interpretan estas líneas.
La primera flecha indica un EditText, la segunda un Button y la tercera flecha un
TextView.

10. Nos pasamos al código java y escribimos lo siguiente, Declaramos las variables según
su tipo en el primer paso, en el segundo paso implementamos el método
OnclickListener y por ultimo mandamos a llamar el activity_main y asignamos variables.
Por último el siguiente código nos permite hacer las operaciones necesarias para poder
Efectuar el objetivo de la aplicación:

11. Se utiliza: switch (v.getId()){ } en caso de que apriete uno de los botones de borrar o
calcular se efectué su respectivo código. Por medio de un .getText ().toString (); se
convierte el contenido del EditText a un valor tipo String, además de que con un
Integer.parseInt(String); se convierte a Float el valor tipo String. Por ultimo por medio
de .setText() se imprime un el resultado de las operaciones en el TextView

12. Índice de Masa Corporal
Esta aplicación te permite por medio de cálculos programados en java hacerte saber tu
índice de masa corporal introduciendo los datos de altura y peso.
1-Lo primero que haremos será crear una nueva aplicación android, daremos file, new,
android Aplicación y nos aparecerá este recuadro
Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica el la
interfaz gráfica.

13. Se crean dos EditText así como dos botones y un TextView, con sus respectivos id’s
(“altura, peso, talla, calcular, borrar, resultado”). Además de ser alineados dentro del
LinearLayout verticalmente y poner un Backgroud. Su aspecto en el Graphical es el
anterior.

14. El código java es el siguiente:
En la primera imagen se declaran las variables tipo Button, TextView y EditText,
además de crearse implementarse el método OnClickListener.

15. En la siguiente imagen dentro del método OnClick se crea un switch el cual según el
botón que presionemos se accionara una serie de código, en caso de que se apriete
calcular se harán las operaciones correspondientes al cálculo del Imc, y en caso de
que presione borrar se limpiaran los EditText y los TextView. Podemos ver funcionando
el código en la siguiente imagen.
Factorial
Esta aplicación te permite por medio de cálculos programados en java hacerte la
factorial de un número cualquiera, debido a esto es casi código Java.
1-Lo primero que haremos será crear una nueva aplicación android, daremos file, new,
android Aplicación y nos aparecerá este recuadro

16. Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica el la
interfaz gráfica.

17. Se crean un EditText así como dos botones y un TextView, con sus respectivos id’s
(“a, factorial, borrar, resultado”). Además de ser alineados dentro del LinearLayout
verticalmente y poner un Backgroud. Su aspecto en el Graphical es el anterior.
El código java es el siguiente:

18. En la primera imagen se declaran las variables tipo Button, TextView y EditText,
además de crearse implementarse el método OnClickListener.
En la siguiente imagen dentro del método OnClick se crea un switch el cual según el
botón que presionemos se accionara una serie de código, en caso de que se apriete
Factorial lo primero que hará será compara si lo que introducimos al EditText es igual a
uno o dos o si en caso que sea mayor que dos se iniciara un for que nos permitirá
calcular el factorial de dicho numero por medio de una condición hasta sacar el factor,
y en caso de que presione borrar se limpiaran los EditText y los TextView. Podemos
ver el resultado del código en la siguiente imagen.

19. AlbumDroid
Esta aplicación te permite por medio de su interfaz gráfica elegir un Wallpaper y
ponerlo como fondo.
1-Lo primero que haremos será crear una nueva aplicación android, daremos file, new,
android Aplicación y nos aparecerá este recuadro

20. Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica el la
interfaz gráfica.

21. Se crean un ImageView así como debajo de este un LinearLayout y un
HorizontalScrollView, dentro de estos se ponen otros ImageView que son mas
pequeños y con la ayuda del LinearLayout y HorizontalScrollView se deslicen las
imágenes, con sus respectivos id’s (“a, b, c, d”). Además de ser alineados dentro del
LinearLayout verticalmente y poner un Backgroud negro. Su aspecto en el Graphical es
el anterior.

22. El código java es el siguiente:

24. En la primera imagen se declaran las variables tipo ImageView, Button, además de
crearse e implementarse el método OnClickListener.
En la siguiente imagen dentro del método OnClick se crea un switch el cual según el
botón que presionemos se accionara una serie de código; en caso de que presione un
ImageView este se mostrara en el ImageView superior y así sucesivamente, en caso
de que presione el botón cambiar este por medio de un Toast informara que se ha
cambiado el Wallpaper por medio del código en pantalla. Además esta aplicación
necesita permisos especiales para poder hacer esto, por medio del siguiente código se
puede cambiar el Wallpaper, esto va en el android manifest.
Por último el resultado de la aplicación:

25. ColorHex
Esta aplicación te permite por medio de la numeración Hexadecimal cambiar el color de
un EditText que actúa como un fondo
1-Lo primero que haremos será crear una nueva aplicación android, daremos file, new,
android Aplicación y nos aparecerá este recuadro
Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica el la
interfaz gráfica.

26. Se crean un LinearLayout así como adentro de este dos TextView, debajo del
LinearLayout se crea otro que contenga un SeekBar que es lo que dará los colores

27. Además de ser alineados dentro del LinearLayout verticalmente y poner un Backgroud
de una moto. Su aspecto en el Graphical es el anterior. Cabe destacar que esto solo es
una parte del código completo.
El código java es el siguiente:

29. En la primera imagen se declaran las variables tipo TextView, SeekBar, además de
crearse e implementarse el método OnSeekBarChangeListener
En la siguiente imagen dentro del método onProgressChanged se crea un switch el
cual según por medio del avance del SeekBar se registrara dentro de tres variable tipo
int. Tenemos que el siguiente método String ColorHex se convierte este progreso en
Hexadecimal y por último se registra esto y se manda el avance ya convertido en
Hexadecimal y se crean los colores, además los métodos onStartTrackingTouch y
onStopTrackingTouch permiten saber en dónde se inicia y termina el deslice.

30. RebosoDroid
Esta aplicación te permite intercambiar datos entre Activitys, en el ejemplo de esta
aplicación se ingresa un nombre y se le da la bienvenida en el otro Activity
1-Lo primero que haremos será crear una nueva aplicación android, daremos file, new,
android Aplicación y nos aparecerá este recuadro
Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica el la
interfaz gráfica.

31. Existen dos Activitys, dentro de la primera se encuentra un EditText y un Button y en
la otra dos TextView. Además de ser alineados dentro del LinearLayout verticalmente y
poner un Backgroud de un color negro y amarillo respectivamente. Su aspecto en el
Graphical son los anteriores.

32. Código Java:
Activity 1: En esta se declaran las variables tipo EditText, Button, además de crearse e
implementarse el método OnClickListener.
Dentro del método OnClick se crea un switch el cual cuando se toca el botón
inmediatamente se activa el código Intent el cual te envía a la otra actividad llevando
consigo la variable String donde se guardó lo introducido en el EditText.
Activity 2: Se declaran las variables tipo EditText. Se recibe el nombre por medio del
código en pantalla y se imprime en el EditText por medio del .setText.

33. Así es como quedaría

34. Phone Gap
Esta aplicación no requiere de código Java para su funcionamiento por lo tanto lo único
que se tiene que hacer es crear una carpeta llamada www y colocarla en la carpeta
assets. Dentro de la carpeta www se guardan las paginas HTML por lo tanto solo se
requiere conocimientos de HTML.

35. TabHost
Esta aplicación te permite tener un TabHost es decir algo así como un menú en el cual
te puedes desplazar y tener más espacio de trabajo.
1-Lo primero que haremos será crear una nueva aplicación android, daremos file, new,
android Aplicación y nos aparecerá este recuadro

36. Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica el la
interfaz gráfica.

37. Existen un TabHost, dentro de esta se encuentra un LinearLayout, dentro de la cual
hay un TabWidget y un FrameLayout, que esta a su vez tiene 2 linear Layout que tiene
el contenido de cada TabHost, dentro ambos hay imágenes. Además de ser alineados
dentro del LinearLayout verticalmente.
Su aspecto en el Graphical es el siguiente.
Código Java:
En este Activity se declara el TabHost y a su vez las pestañas y el nombre de cada 1,
como arriba se muestra. Aplicación Terminada:

38. Canvas
Esta aplicación te permite dibujar en un lienzo algunas figuras como cuadrados,
círculos y rectángulos.
1-Lo primero que haremos será crear una nueva aplicación android, daremos clic
En file, new, android Aplicación y nos aparecerá este recuadro

39. Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar.
Lo primero que haremos será crear un archivo llamado colors en la carpeta valúes,

40. Dentro de ese archivo colocaremos lo siguiente:
Esto nos servirá para colorear las figuras.
Abrimos el Activity y haremos lo siguiente

41. En la imagen de arriba tenemos que la clase Ondraw nos permitirá crear un nuevo
pincel y a este le agregaremos los colores, para eso mandamos a llamar a colors.xml
que es el lugar donde tenemos los colores. Y por último dibujamos las figuras, en el
caso del círculo:
Tenemos que el primer número indica el radio de este y los otros 2 numeros la
posición <X Y> y el pinceloo es el pincel.
En el caso de las líneas
Tenemos que los 2 primeros números indican la posición <X Y> donde inicia el punto y
los otros 2 números indican la posición <X Y> donde finaliza la línea.
El código anterior genera la siguiente figura:

42. Notificación
Esta App usa un botón que al ser presionado te manda una notificación la cual tiene
también consigo una imagen.
1-Lo primero que haremos será crear una nueva aplicación android, daremos clic file,
new, android Aplicación y nos aparecerá este recuadro

43. Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica la interfaz
gráfica de la siguiente manera.
Lo único que pondremos será un botón, y le pondremos un fondo:

44. Después crearemos otro archivo XML que tendrá el siguiente código:
Solo un ImageView y un TextView.
Nos pasamos al Main_Activity y pondremos lo siguiente:

45. Crearemos un Método llamado triggerNotificación el cual definirá las características del
mismo. Este método mandara a llamar el archivo XML que creamos y lo utilizara como
notificación además de ser capaz de establecer la información de esta.
Enseguida con el método OnClick definiremos el tiempo de aparición de la notificación
además de mandar a llamar el método triggerNotificación el cual lanzara el XML de la
notificación.
La aplicación funcionando seria así:

46. RadioButton
Esta aplicación te da a escoger quien es el mejor jugador del mundo para ti, lo hace
con un radio Button.
1-Lo primero que haremos será crear una nueva aplicación android, daremos clic file,
new, android Aplicación y nos aparecerá este recuadro

47. Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica la interfaz
gráfica de la siguiente manera.
Se crea un radio grup con las siguientes características

48. Colocamos una imagen de fondo y el Graphical Layout se vería así:

49. Código Java:

50. Primero implementamos el método OnCheckedChangeListener y declaramos el radio
Button y el RadioGrup, después inicializamos las variables. Hecho lo anterior utilizamos
el método OnCheckedChangeListener y ponemos 3 condiciones tipo if por cada radio
Button, al tocar cualquier opción está de acuerdo a su if te llevara a otra Activity.
Vista Final:

52. Date Picker
Esta aplicación es como un calendario que te permitirá consultar fechas
1-Lo primero que haremos será crear una nueva aplicación android, daremos clic file,
new, android Aplicación y nos aparecerá este recuadro
Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica la interfaz
gráfica de la siguiente manera.

53. Se escribe el código de esta manera, solo un botón y un Date Picker
Después se escribe el código java:
Se inicializan y declaran las variables tipo Date Picker y Button, dentro del método
OnClick se pone un Toast que muestra la fecha escogida.
La aplicación se vería así:

54. Time Picker
Esta aplicación es un reloj, en este ejemplo te permitirá cambiar el horario de 24 horas
a un cómodo y fácil de entender de 12 horas.
1-Lo primero que haremos será crear una nueva aplicación android, daremos clic file,
new, android Aplicación y nos aparecerá este recuadro

55. Pondremos el nombre de nuestra aplicación y el paquete. Una vez hecho se tendrá que
darle siguiente a todo hasta finalizar. Una vez creado el proyecto se modifica la interfaz
gráfica de la siguiente manera.

56. Se escribe el código de esta manera, solo un botón, un TextView y un Time Picker
Después se escribe el código java:

57. Se inicializan y declaran las variables tipo Time Picker y Button, dentro del método
OnClick se pone un Toast en el que se cambian las horas de 24 a 12.
La aplicación se vería así: