Trabajo

Practico
Los alumnos en equipos diversos, podrán
Identificar y analizar aplicaciones móviles y asumiendo una actitud
Constructiva de todo momento

Guadalupe Vázquez Gonzales

Desarrolla aplicaciones Móviles

4B

Matutino

Programación

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 Primer parcial

sonido de dinosaurio
Paso para la creación de una aplicación:
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate apps!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación, una vez hecho esto nos mandara a esta parte.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

a) Para empezar a crear la aplicación de sonido del Dinosaurio colocaremos un botón y en ese boto le colocaremos una
imagen que tendremos esa opción de lado izquierdo de colocar la imagen al botón.

b) Una vez hecho esto colocaremos una etiqueta y el sonido los cuales el sonido los encontraremos de lado izquierdo
en multimedia para poder tener el sonido de Dinosaurio, debemos de descargar el audio.

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Una vez teniendo todo elaborado tu aplicación te vas a Block y escogerán la opción de botón y sonido y te tiene que quedar
así.

Por ultimo le daremos en la sección de build y le daremos en la sección de guardar como apk en la computadora, una vez
hecho esto buscaremos la apk y la pasaremos al celular, lo instalaremos y checaremos si funciona adecuadamente.

Foto llamada
Paso para la creación de una aplicación:
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate apps!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

a) Para empezar a crear la aplicación llamada Foto llamada colocaremos una serie de botones, en estos botones
colocaremos las fotos de las personas a las que llamaremos (tamaño de pixeles 150 “Height y Width”).
b) Una vez hecho esto nos ubicaremos en la parte izquierda y buscaremos sociales, en ella buscaremos phonecall y la
ubicaremos en la foto de nuestro contacto, pero para buscar el número en nuestro contacto seleccionaremos
PhoneNumerPicker para buscarlo y saldrá como una especie de tipo de botón.
c) Por ultimo iremos en la parte superior izquierda en el botón llamado blocks, una vez ubicados hay empezaremos por
seleccionar el botón foto y la primera opción la arrastraremos hacia la izquierda y luego el buscaremos la opción de
llamar a nuestro contacto y colocaremos “call……MarkePhoneCall”, una vez hecho esto lo probaremos en el
emulador y ya que funcione lo descaremos como apk para el celular y lo instalaremos en el celular

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Por ultimo le daremos en la sección de build y le daremos en la sección de guardar como apk en la computadora, una vez
hecho esto buscaremos la apk y la pasaremos al celular, lo instalaremos y checaremos si funciona adecuadamente.

colocar botones con diferentes usos

Paso para la creación de una aplicación:
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate apps!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación.
Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018
Raziel Rosas Lozano
Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

a) Para crear una aplicación que tenga varios botones con diferente utilización debemos saber cuántos botones
colocaremos, en mi caso coloque 10 botones. para empezar colocar 5, el primero tendrá un letrero que saldrá al
momento que lo presionemos y con un fondo de color y tamaño aumentado, el segundo al presionarlo desaparecerá, el
tercero aparecerá un letrero pequeño, el cuarto tendrá diferente tipo de letra y el quinto aparecerá un letrero que diga
has presionado el botón 5.
b) Para que haga más cosas nuestra aplicación agregaremos cinco botones más los cuales el sexto botón nos abrirá la
cámara del celular, el séptimo al presionarlo nos saldrá un video en pantalla completa, el octavo una imagen con sonido
de fondo, el noveno salda imágenes normales y por último el décimo botón el cual es el más importante ya que nos
pondrá visible los demás botones y desaparecerá.
c) Para programar el botón principal tendremos que insertar 7 “poner como visibles” con 5 ciertos y 2 falsos.

d) Para su programación el botón 1 colocaremos los componentes “cuando clic ejecutar” y luego seleccionaremos 2
componentes “poner como” y poner un “cierto” al termino de las dos.

e) En el siguiente botón solo tendremos que poner un componente “cuando clic ejecutar” y dentro de ese un componente
de “poner como” solo un componente “cierto” al termino del componente “poner como”. Eso aremos en el botón 2, 3,
4,5,6

Diseño del botón:

El botón 1 tendrás que insertar un componente poner “tamaño de letra” como e insertar un componente para tamaño de
letra. Luego un componente poner “color de texto” como e insertar un componente para el color del texto. El siguiente
insertar un componente poner “texto” como e insertar un componente donde se escribirá lo que quieras poner. El siguiente
insertar un componente poner “Color de fondo” como e insertar un componente de color.

El botón 2 su diseño será insertar un componente poner “texto” como e insertar un componente donde puedas escribir
untexto. El siguiente insertar un componente poner “visible” como e insertar un componente de falso. El siguiente insertar
un componente poner “habilitado” como e insertar un componente falso.

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
El botón 3 su diseño será insertar un componente poner “texto” como e insertar un componente donde se escriba un texto

El botón 4su diseño será insertar un componente poner “texto” como e insertar un componente donde escriba un texto

El boton 5 su diseño sera insertar un componente poner “hiblitado” como e insertar un componente de “cierto”. El
siguiente insertar un componente poner “visible” como e insertar un componente “cierto”. El siguiente insertar un
componente poner “texto” como e insertar un componente donde se inserte texto.

El diseño es el siguiente:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 Segundo parcial

Calculadora
Paso para la creación de la aplicación de una calculadora:
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate apps!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación, una vez hecho esto nos mandara a esta parte.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

c) Para empezar a crear la aplicación de calculadora colocaremos un label y en ese boto le colocaremos el nombre
“calculadora “que tendremos esa opción de lado derecho.
d) Una vez hecho esto colocaremos dos etiquetas textbox.
Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018
Raziel Rosas Lozano
 e) Lo siguiente será colocar una tabla y dentro de ella 4 botones a las cuales se nombrara, suma, resta, multiplicación y
división.
f) Por ultimo fuera de la tabla pondremos un label en donde salda los resultados de las operaciones.

El diseño que severa será así:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Una vez teniendo todo elaborado te vas a Block y escogerás el botón 1 y le pondrás los componentes que se muestran en la
imagen. Esto se repetirá en los siguientes botones.

Por ultimo le daremos en la sección de build y le daremos en la sección de guardar como apk en la computadora, una vez
hecho esto buscaremos la apk y la pasaremos al celular, lo instalaremos y checaremos si funciona adecuadamente.

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Practica 5: Tablas de multiplicar
Paso para la creación de la aplicación tablas de multiplicar:
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate apps!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

d) Para empezar a crear la aplicación tablas de multiplicar colocaremos un label con el nombre “tablas de multiplicar”
luego colocaremos otro que este escrito “inserte un número”.
e) Después pondremos un textbox, después un botón el cual tendrá escrito “ver tabla”.
f) Por ultimo tendremos que poner label dependiendo hasta que numero queremos que llegue nuestra tabla de
multiplicar.

Quedara asi:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Una vez teniendo todo elaborado te vas a Block y pondremos este componente para que funcione todo.

Luego seleccionamos el botón 1 y le pondrás los componentes que se muestran en la imagen.

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Por ultimo le daremos en la sección de build y le daremos en la sección de guardar como apk en la computadora, una vez
hecho esto buscaremos la apk y la pasaremos al celular, lo instalaremos y checaremos si funciona adecuadamente.

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Practica 6: calculadora científica
Paso para la creación de la aplicación calculadora científica:
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate apps!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

a) Para empezar a crear la aplicación calculadora científica colocaremos un

b) Después pondremos una tabla, después en la tabla insertaremos dos botones uno se llamara “on” y el otro “off”.
Fuera de la tabla pondremos un textbox.
c) Lo siguiente será insertar otra tabla en posición vertical y dentro de ella pondremos dos tablas la primera se
ingresará tres botones con los siguientes nombres: “=” otro “raíz cuadrada” y “ac” (su acción es borrar).
En la otra tabla se le insertara los demás componentes, le agregaremos 20 botones de los cuales 11 se les pondrán
los nombres del 0 al 10 .Uno de los botones tendrá un punto “.” como símbolo. 4 de ellos tendrán las operaciones
básicas suma “+”, multiplicación “*”, resta “-”, división “/”.Otros 4 tendrán como nombre tangente “tan”, consiente
“cos“, seno “sin”, exponente “exp”.
d) Por ultimo fuera de las tablas pondremos tres textbox allí es donde se hará todo el procedimiento en los cuales
tendremos que seleccionar el textbox y desmarcaremos la opción
del lado de propiedades

Quedara asi:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Una vez teniendo todo elaborado te vas a Block y pondremos estos componentes que serán los números que se insertaran
en las operaciones:

Luego seleccionamos los botones de las operaciones para que puedan realizar su acción

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Luego seleccionamos el botón de “igual” y pondremos todas las operaciones dentro momo en la siguiente imagen.

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018
Raziel Rosas Lozano
Por ultimo le daremos en la sección de build y le daremos en la sección de guardar como apk en la computadora, una vez
hecho esto buscaremos la apk y la pasaremos al celular, lo instalaremos y checaremos si funciona adecuadamente.

Practica 7: Contraseña
Paso para la creación de la aplicación de contraseña
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate App!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación, una vez hecho esto nos mandara a esta parte.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

Colocaremos estos componentes en el screen1 los cuales encontraremos en la parte derecha.

a) Para empezar a crear la aplicación contraseña colocaremos un con el nombre “contraseña”

b) Pondremos 3 label uno tendrá que estar desmarcado el visible.
c) Lo siguiente será poner un textbox luego pondremos un PasswordTextBox
d) Por ultimo agregaremos un botón y un notificador

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
El diseño de la screen1 sería el siguiente:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Daremos clic en bloques y pondremos la siguiente estructura

En la screen2 podrán poner lo que deseen en este caso nosotros pusimos en componente una foto, en el block nosotros no
pusimos nada porque no es necesario

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Esto es lo que aparecerá si es correcto el usuario y la contraseña.

Si es incorrecto el usuario o la contraseña aparecerá la siguiente pantalla:

Tercer parcial

Practica 8: Uso de mapas

Paso para la creación de la aplicación de contraseña
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate App!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.
Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018
Raziel Rosas Lozano
3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación, una vez hecho esto nos mandara a esta parte.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

Colocaremos estos componentes en el los cuales encontraremos en la parte derecha.

a) Para empezar a crear la aplicación mapa colocaremos un con el nombre “mapas”

b) Pondremos 2 label que tendrá escrito el nombre del conjunto que representan los mapas nosotros en este caso le
pusimos “conoce Tlaxcala ” y oro con “pulsa el botón del lugar elegido”
c) Lo siguiente será poner 6 botones los cuales 3 de ellos tendrán que estar invisibles ,los 3 que son visibles le pondrán
el nombre del lugar que les mandara el botón
d) Por ultimo agregaremos imágenes de los lugares donde ira el botón

Los componentes que darán como lo siguiente:

Estas propiedades son las que se tendran que cambiar

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 android.intent.action.VIEW
android.intent.action.VIEW

android.intent.action.VIEW

Aquí pondremos las cordenadas del

lugar al que seleccionamos.VIEW

Daremos clic en bloques y pondremos la siguiente estructura

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Pantallas de ejecución:
Mapa de atlangatepec. Mapa de Acuamanala.

Mapa de Apizaco

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Practica 9: cohete
Paso para la creación de la aplicación del cohete
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate App!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación, una vez hecho esto nos mandara a esta parte.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

Colocaremos estos componentes en el los cuales encontraremos en la parte derecha.

a) Para empezar a crear la aplicación cohete colocaremos un con el nombre “cohete”

b) Pondremos 5 screen uno será el “menú” otra se llamara “tiempo”, otro llamara “alcance máximo”, otro de ellos se
llamara “altura máxima” y el ultimo tendrá el nombre de “velocidad”.
c) Lo siguiente será poner en el menú o la primera screen 1 label que escrito tendrá “cohetes de agua” y 4 botones los
cuales que tendrán escritos: Calcular altura máxima, Calcular el tiempo en el aire, Calcular la velocidad y Calcular el
alcance máximo.

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 d) En la screen tiempo utilizaras una tabla con label escrito tiempo en el aire. Luego otra tabla que contenga 2 botones
y un label, un botón tendrá escrito “regresar al menú”. Fuera de las tablas pondrás 6 label escrito valor de la
velocidad inicial, valor del Angulo, valor de la gravedad, 9.81, resultado. 1 botón escrito “calcular” 2 texbox

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 La screen alcance máximo utilizaras una tabla con label escrito “alcance máximo”. Luego otra tabla que contenga 2
botones y un label, un botón tendrá escrito “regresar al menú”. Fuera de las tablas pondrás 6 label escrito valor de
alcance máximo, valor del Angulo, valor de la gravedad, 9.81, resultado. 1 botón escrito “calcular” 2 texbox

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 En la Screen altura máxima utilizaras una tabla con label escrito altura máxima. Luego otra tabla que contenga 2
botones y un label, un botón tendrá escrito “regresar al menú”. Fuera de las tablas pondrás 6 label escrito valor de
la velocidad inicial, valor del Angulo, valor de la gravedad, 9.81, resultado. 1 botón escrito “calcular” 2 texbox

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 En la Screen velocidad utilizaras una tabla con label escrito velocidad inicial. Luego otra tabla que contenga 2
botones y un label, un botón tendrá escrito “regresar al menú”. Fuera de las tablas pondrás 6 label escrito valor de
alcance máximo, valor del Angulo, valor de la gravedad, 9.81, resultado. 1 botón escrito “calcular” 2 texbox

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Pantallas de ejecución:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018
Raziel Rosas Lozano
Practica 10: Juego
Paso para la creación de la aplicación de contraseña
1. Primero entramos a la http://appinventor.mit.edu/explore/, en donde daremos un clic en “créate App!”.

2. Después de eso nos pedirá un correo electrónico y aceptaremos todos los términos que nos den.

3. Para crear una aplicación daremos clic en “start new Project” y daremos un nombre de cómo se quiere llamar nuestra
aplicación, una vez hecho esto nos mandara a esta parte.

Al lado izquierdo encontraremos los comandos que utilizaremos para crear nuestra aplicación, a la derecha encontraremos
las características de cada uno de los comandos.

Colocaremos estos componentes en el los cuales encontraremos en la parte derecha.

a) Para empezar a crear la aplicación juego, colocaremos un con el nombre “juego”

b) Pondremos 1 botón que tendrá escrito “pulsa aquí para jugar” podrás poner una imagen para el diseño
c) Lo siguiente será poner una tabla y adentro tendrá un label con el nombre de “Lblpuntos” y un botón con el nombre
“BtnEmpezar”
d) Por ultimo agregaremos un comida y dentro un ball y 3 img con los siguientes nombres: “imggato” “imgperro” “
imageSprite1”

Los componentes y el diseño que darán como las siguientes imágenes:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano
 El bock quedara como la siguente imagen:

Pantallas de ejecución:

Luis Enrique Santiago Pérez semestre 4 Febrero-Julio 2018

Raziel Rosas Lozano