SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
Creación de APP para móviles Android
• Actividad: MI PERÙ
Mg. María Luisa Quispe Chávez
Creación de APP para móviles Android
Actividad 1 : MI PERÙ
Funcionamiento general:
En esta actividad crearemos una aplicación que nos muestre varias pantallas con los datos
de nuestro país: historia, geografía, bailes, comidas, etc
Existen dos ampliaciones:
- Mejora: En la primera ampliación crearemos un cuadro de texto que permitirá variar
el mensaje de texto cada vez que queramos. Así podremos ir escribiendo mensajes
que el móvil irá retransmitiendo en voz alta
- Amplia: En la segunda ampliación, se irá un poco más allá. Introduciremos un
acelerómetro que detectará el movimiento del móvil. Así cuando lo movamos, el
móvil nos responderá con una frase, ya veremos cuál.
Material para esta aplicación:
- Foto o Imagen en formato digital para utilizar como fondo para la ventana principal,
y para las demás que se crearan, así como información al respecto.
Resultado final
Así queda la aplicación se te muestra una imagen del resultado final del diseño
Creación de APP para móviles Android
¡¡Empezamos!!
Objetivo: Crear una aplicación donde al apretar un botón nos enviara a una ventana con
la información determina, y que al apretar otro botón debe volver a la ventana principal.
Cambiar el idioma:
Pasos:
I. Clicar El botón de New Project y nombrar el proyecto como “Mi PERÙ”
II. Una vez nombrado el nuevo proyecto estaremos dentro del programa en el apartado de DISEÑO
(Designer)
Creación de APP para móviles Android
1. Lo primero que debemos hacer es crear una ETIQUETA: para colocar un rotulo o titulo de nuestro
programa.
Para crear un ETIQUETA hay que ir a la Paleta, y dentro del apartado “Interfase del usuario” coger
la ETIQUETA y arrastrarlo al visor (Viewer)
2. Cambiar las propiedades de la ETIQUETA. Damos clic en la ETIQUETA, nos ubicamos en el
apartado PROPIEDADES donde encontramos todas las propiedades de la etiqueta.
Creación de APP para móviles Android
a) Darle color de fondo, dando clic en COLOR DE FONDO, se despliegan los diversos colores.
b) Activar NEGRITA
c) Cambiar TAMAÑO DE LETRA a 30.
d) Si desea cambia el TIPO DE LETRA.
e) En ALTO y ANCHO dejarlo en automático.
f) Modificar el apartado “Texto” y escribir “MI PERÙ”. En esta parte sí que nos permite
escribir con espacios.
3. Seguimos en SCREEN1. Ahora colocaremos una imagen a nuestra pantalla principal. Para ello
buscaremos una imagen según nuestro proyecto, lo descargamos en nuestra carpeta.
Seguidamente nos ubicamos en IMAGEN DE FONDO, SUBIR IMAGEN DE FONDO, nos aparece una
ventana, damos SELECCIONAR ARCHIVO, y buscamos la imagen en nuestro pc, damos ACEPTAR,
ACEPTAR. Ya tenemos nuestra mascara de Perú.
Creación de APP para móviles Android
4. Ahora diseñaremos los BOTONES de nuestra aplicación para interactuar con los contenidos de
MI PERU. Nos ubicamos en la PALETA, INTERFAZ DE USUARIO, arrastramos los BOTONES
necesarios para nuestra aplicación, y lo soltamos en el SCREEN1, lo hacemos uno por uno.
5. Nos ubicamos en el primer BOTON, y en PROPIEDADES, cambiaremos el color y el tamaño de
letra, color de fondo, cambiaremos el nombre del BOTON, posición, forma.
Una vez hecho esto con el primer BOTON, lo realizamos con cada uno de los botones.
Creación de APP para móviles Android
III. Una vez que hemos realizado el DISEÑO de nuestra aplicación, daremos acciones a los BOTONES,
de forma que al darle clic nos envíen a otra ventana con la información requerida, y una vez
terminado retornemos a la pantalla principal. Ahora cambiaremos DISEÑADOR a BLOQUES
1. Nos ubicamos en la columna de BLOQUES, damos clic al BOTON1, y aparecen los controles, y
seleccionamos el bloque de control
Lo arrastramos al visor.
Creación de APP para móviles Android
2.- Nuevamente damos clic en CONTROL y ubicamos
Y encajamos en el anterior CONTROL, así también ubicamos en TEXTO el siguiente control
3.- Damos clic en el TEXTO y escribimos el nombre HISTORIA que corresponde al BOTON1 así
como lo hemos escrito en el diseñador, caso contrario no lo reconoce y no funcionara, quedando
el primer BLOQUE de la siguiente manera:
4. Realizamos el mismo proceso con los demás botones.
IV.- Regresamos al DISEÑADOR, para agregar ventanas para colocar la información que deben
tener con referencia a los BOTONES.
1.- Damos clic en el primer botón HISTORIA, luego AÑADIR VENTANA, se despliega una ventana
donde colocamos el nombre HISTORIA y aceptamos.
Creación de APP para móviles Android
2. Ahora diseñaremos la ventana HISTORIA, colocaremos una imagen y un texto al respecto, para
ello nos situamos en DISEÑADOR, desplegamos en las ventanas creadas y damos clic en
HISTORIA. Jalamos 01 IMAGEN y 01 ETIQUETA donde colocaremos la imagen y texto
seleccionados, también jalamos 01 BOTON que me permitirá REGRESAR a la ventana principal.
3. En la IMAGEN subimos una imagen seleccionada. Tenemos que dar propiedades a la ETIQUETA,
renombrando el TEXTO con la información sobre la Historia. Al BOTON, también le damos
propiedades y lo renombramos REGRESAR. Y seleccionamos un ENROLLABLE.
Creación de APP para móviles Android
4.- Regresamos a BLOQUES, para dar las acciones al BOTON REGRESAR.
5.- Los pasos 1, 2, 3 y 4 se realiza con cada uno de los BOTONES que hemos colocado en la ventana
principal o visor.
V.- Probaremos nuestra aplicación, revisaremos si los controles funcionan, si hay alguna dificultad
en el desarrollo de esta.
1.- Para ello, hay que ir a la opción CONECTAR del menú superior. Dentro de esta opción hay que
dar clic en ALL COMPANION, se abre una ventana donde hay un código QR y un código
Creación de APP para móviles Android
2.-. En nuestro celular descargamos la aplicación MIT APP INVENTOR, una vez instalado, lo abrimos
y leemos el código QR. Una vez escaneado el código o escrito el dígito, en nuestra pantalla de
móvil aparecerá lo mismo que vemos en el simulador de móvil en el ordenador. Y carga nuestra
app en el celular, ahí probaremos su funcionalidad.
4. Una vez que hemos verificado que nuestra aplicación función le daos Guardar el proyecto.
Como siempre acuérdate de guardar el proyecto dando clic en el menú superior PROYECTOS >
GUARDAR PROYECTOS.
Creación de APP para móviles Android
5. Para que nuestros estudiantes puedan usar el aplicativo, tienen que instalar la aplicación MIT
APP INVENTOR. Luego, en nuestro pc, damos clic en GENERAR, seleccionar un QR o un APK, es
decir una aplicación para instalar en el celular, el cual podemos enviar por el WhatsApp.

Mais conteúdo relacionado

Mais procurados

Manual para hacer una aplicación móvil en net beans versión 7
Manual para hacer una aplicación móvil en net beans versión 7Manual para hacer una aplicación móvil en net beans versión 7
Manual para hacer una aplicación móvil en net beans versión 7
Chuyito Alvarado
 

Mais procurados (17)

App inventor
App inventorApp inventor
App inventor
 
Tutorial Operaciones Aritmeticas Utilizaondo Spinner
Tutorial Operaciones Aritmeticas Utilizaondo SpinnerTutorial Operaciones Aritmeticas Utilizaondo Spinner
Tutorial Operaciones Aritmeticas Utilizaondo Spinner
 
Manual aplicacion movil
Manual aplicacion movilManual aplicacion movil
Manual aplicacion movil
 
Taller app inventor
Taller app inventorTaller app inventor
Taller app inventor
 
Aplicaciones android
Aplicaciones androidAplicaciones android
Aplicaciones android
 
Interfaces increibles en Android
Interfaces increibles en AndroidInterfaces increibles en Android
Interfaces increibles en Android
 
Aplicacion sencilla en AppInventor
Aplicacion sencilla en AppInventorAplicacion sencilla en AppInventor
Aplicacion sencilla en AppInventor
 
Google goggles
Google gogglesGoogle goggles
Google goggles
 
App inventor
App inventorApp inventor
App inventor
 
Manual para hacer una aplicación móvil en net beans versión 7
Manual para hacer una aplicación móvil en net beans versión 7Manual para hacer una aplicación móvil en net beans versión 7
Manual para hacer una aplicación móvil en net beans versión 7
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica7
Practica7Practica7
Practica7
 
Agenda de contactos en Android
Agenda de contactos en AndroidAgenda de contactos en Android
Agenda de contactos en Android
 
Todas las apps
Todas las appsTodas las apps
Todas las apps
 
Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)
 
Integrando publicidad de AdDuplex en WP8.1
Integrando publicidad de AdDuplex en WP8.1Integrando publicidad de AdDuplex en WP8.1
Integrando publicidad de AdDuplex en WP8.1
 
Iniciacion programacion-ap ps-webinar
Iniciacion programacion-ap ps-webinarIniciacion programacion-ap ps-webinar
Iniciacion programacion-ap ps-webinar
 

Semelhante a Tutorial actividad MI PERÙ - Mg Maria Luisa Quispe Chàvez

266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventor266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventor
xavazque2
 
Mannual de moviles
Mannual de movilesMannual de moviles
Mannual de moviles
oscarin2013
 
Manual para Aplicacion Movil
Manual para Aplicacion MovilManual para Aplicacion Movil
Manual para Aplicacion Movil
Gustavo Beltran
 

Semelhante a Tutorial actividad MI PERÙ - Mg Maria Luisa Quispe Chàvez (20)

266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventor266521557 apuntes-unidad-formativa-app-inventor
266521557 apuntes-unidad-formativa-app-inventor
 
Android studio
Android studioAndroid studio
Android studio
 
Guia 2 app inventor
Guia 2 app inventorGuia 2 app inventor
Guia 2 app inventor
 
Mannual de moviles
Mannual de movilesMannual de moviles
Mannual de moviles
 
Practica de Domotica con Logo! de Siemens
Practica de Domotica con Logo! de SiemensPractica de Domotica con Logo! de Siemens
Practica de Domotica con Logo! de Siemens
 
Manual para Aplicacion Movil
Manual para Aplicacion MovilManual para Aplicacion Movil
Manual para Aplicacion Movil
 
APLICACIONES ANDROID
APLICACIONES ANDROIDAPLICACIONES ANDROID
APLICACIONES ANDROID
 
Aplicacion android
Aplicacion androidAplicacion android
Aplicacion android
 
Programa 6(Calculadora con Spinner)
Programa 6(Calculadora con Spinner)Programa 6(Calculadora con Spinner)
Programa 6(Calculadora con Spinner)
 
Manual aplicaciones moviles cristian
Manual aplicaciones moviles cristianManual aplicaciones moviles cristian
Manual aplicaciones moviles cristian
 
Crear aplicaciones para Android en Google
Crear aplicaciones para Android en GoogleCrear aplicaciones para Android en Google
Crear aplicaciones para Android en Google
 
APLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROIDAPLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROID
 
Manual 1
Manual 1Manual 1
Manual 1
 
Hola mundo
Hola mundoHola mundo
Hola mundo
 
programacion.en android.joseluis.yama.may.isc.j4
programacion.en android.joseluis.yama.may.isc.j4programacion.en android.joseluis.yama.may.isc.j4
programacion.en android.joseluis.yama.may.isc.j4
 
Manual aplicacion movil
Manual aplicacion movilManual aplicacion movil
Manual aplicacion movil
 
Control de proyectos app arduino I
Control de proyectos app arduino IControl de proyectos app arduino I
Control de proyectos app arduino I
 
Imperial math -_expo
Imperial math -_expoImperial math -_expo
Imperial math -_expo
 
Imperial math- Presentacion
Imperial math- PresentacionImperial math- Presentacion
Imperial math- Presentacion
 
Aplicacion
AplicacionAplicacion
Aplicacion
 

Mais de Maria Quispe

Mais de Maria Quispe (15)

Mit app inventor - app Alarma con fechador
Mit app inventor - app Alarma con fechadorMit app inventor - app Alarma con fechador
Mit app inventor - app Alarma con fechador
 
Exelearning Actividades interactivas tutor cdd_maria quispe-16set
Exelearning Actividades interactivas tutor cdd_maria quispe-16setExelearning Actividades interactivas tutor cdd_maria quispe-16set
Exelearning Actividades interactivas tutor cdd_maria quispe-16set
 
Exelearning webquest tutor cdd_maria quispe-16set
Exelearning webquest tutor cdd_maria quispe-16setExelearning webquest tutor cdd_maria quispe-16set
Exelearning webquest tutor cdd_maria quispe-16set
 
Exelearning Miniquest tutor cdd_Maria Quispe-09set
Exelearning Miniquest tutor cdd_Maria Quispe-09setExelearning Miniquest tutor cdd_Maria Quispe-09set
Exelearning Miniquest tutor cdd_Maria Quispe-09set
 
Exelearning - Facilitadora CDD_Maria Quispe
Exelearning - Facilitadora CDD_Maria QuispeExelearning - Facilitadora CDD_Maria Quispe
Exelearning - Facilitadora CDD_Maria Quispe
 
Clase 01 Exelearning- Maria Quispe- 01 setiembre
Clase 01 Exelearning- Maria Quispe- 01 setiembreClase 01 Exelearning- Maria Quispe- 01 setiembre
Clase 01 Exelearning- Maria Quispe- 01 setiembre
 
Coronavirus
CoronavirusCoronavirus
Coronavirus
 
Juntos frenaremos al covid 19
Juntos frenaremos al covid 19Juntos frenaremos al covid 19
Juntos frenaremos al covid 19
 
Coronavirus :Síntomas y prevención
Coronavirus :Síntomas y prevenciónCoronavirus :Síntomas y prevención
Coronavirus :Síntomas y prevención
 
Trabajofinal mariaquispe
Trabajofinal mariaquispeTrabajofinal mariaquispe
Trabajofinal mariaquispe
 
CORONAVIRUS JUNTOS LOS LOGRAREMOS
CORONAVIRUS JUNTOS LOS LOGRAREMOSCORONAVIRUS JUNTOS LOS LOGRAREMOS
CORONAVIRUS JUNTOS LOS LOGRAREMOS
 
Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
Problemas sistema de ecuaciones con 03 incognitas
Problemas sistema de ecuaciones con 03 incognitasProblemas sistema de ecuaciones con 03 incognitas
Problemas sistema de ecuaciones con 03 incognitas
 
Caza del tesoro matematica 5_to _ft_medio_condorieloy
Caza del tesoro matematica 5_to _ft_medio_condorieloyCaza del tesoro matematica 5_to _ft_medio_condorieloy
Caza del tesoro matematica 5_to _ft_medio_condorieloy
 
Caza del tesoro
Caza  del  tesoroCaza  del  tesoro
Caza del tesoro
 

Último

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 

Último (20)

prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Educacion Basada en Evidencias SM5 Ccesa007.pdf
Educacion Basada en Evidencias  SM5  Ccesa007.pdfEducacion Basada en Evidencias  SM5  Ccesa007.pdf
Educacion Basada en Evidencias SM5 Ccesa007.pdf
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docxUNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 

Tutorial actividad MI PERÙ - Mg Maria Luisa Quispe Chàvez

  • 1. Creación de APP para móviles Android • Actividad: MI PERÙ Mg. María Luisa Quispe Chávez
  • 2. Creación de APP para móviles Android Actividad 1 : MI PERÙ Funcionamiento general: En esta actividad crearemos una aplicación que nos muestre varias pantallas con los datos de nuestro país: historia, geografía, bailes, comidas, etc Existen dos ampliaciones: - Mejora: En la primera ampliación crearemos un cuadro de texto que permitirá variar el mensaje de texto cada vez que queramos. Así podremos ir escribiendo mensajes que el móvil irá retransmitiendo en voz alta - Amplia: En la segunda ampliación, se irá un poco más allá. Introduciremos un acelerómetro que detectará el movimiento del móvil. Así cuando lo movamos, el móvil nos responderá con una frase, ya veremos cuál. Material para esta aplicación: - Foto o Imagen en formato digital para utilizar como fondo para la ventana principal, y para las demás que se crearan, así como información al respecto. Resultado final Así queda la aplicación se te muestra una imagen del resultado final del diseño
  • 3. Creación de APP para móviles Android ¡¡Empezamos!! Objetivo: Crear una aplicación donde al apretar un botón nos enviara a una ventana con la información determina, y que al apretar otro botón debe volver a la ventana principal. Cambiar el idioma: Pasos: I. Clicar El botón de New Project y nombrar el proyecto como “Mi PERÙ” II. Una vez nombrado el nuevo proyecto estaremos dentro del programa en el apartado de DISEÑO (Designer)
  • 4. Creación de APP para móviles Android 1. Lo primero que debemos hacer es crear una ETIQUETA: para colocar un rotulo o titulo de nuestro programa. Para crear un ETIQUETA hay que ir a la Paleta, y dentro del apartado “Interfase del usuario” coger la ETIQUETA y arrastrarlo al visor (Viewer) 2. Cambiar las propiedades de la ETIQUETA. Damos clic en la ETIQUETA, nos ubicamos en el apartado PROPIEDADES donde encontramos todas las propiedades de la etiqueta.
  • 5. Creación de APP para móviles Android a) Darle color de fondo, dando clic en COLOR DE FONDO, se despliegan los diversos colores. b) Activar NEGRITA c) Cambiar TAMAÑO DE LETRA a 30. d) Si desea cambia el TIPO DE LETRA. e) En ALTO y ANCHO dejarlo en automático. f) Modificar el apartado “Texto” y escribir “MI PERÙ”. En esta parte sí que nos permite escribir con espacios. 3. Seguimos en SCREEN1. Ahora colocaremos una imagen a nuestra pantalla principal. Para ello buscaremos una imagen según nuestro proyecto, lo descargamos en nuestra carpeta. Seguidamente nos ubicamos en IMAGEN DE FONDO, SUBIR IMAGEN DE FONDO, nos aparece una ventana, damos SELECCIONAR ARCHIVO, y buscamos la imagen en nuestro pc, damos ACEPTAR, ACEPTAR. Ya tenemos nuestra mascara de Perú.
  • 6. Creación de APP para móviles Android 4. Ahora diseñaremos los BOTONES de nuestra aplicación para interactuar con los contenidos de MI PERU. Nos ubicamos en la PALETA, INTERFAZ DE USUARIO, arrastramos los BOTONES necesarios para nuestra aplicación, y lo soltamos en el SCREEN1, lo hacemos uno por uno. 5. Nos ubicamos en el primer BOTON, y en PROPIEDADES, cambiaremos el color y el tamaño de letra, color de fondo, cambiaremos el nombre del BOTON, posición, forma. Una vez hecho esto con el primer BOTON, lo realizamos con cada uno de los botones.
  • 7. Creación de APP para móviles Android III. Una vez que hemos realizado el DISEÑO de nuestra aplicación, daremos acciones a los BOTONES, de forma que al darle clic nos envíen a otra ventana con la información requerida, y una vez terminado retornemos a la pantalla principal. Ahora cambiaremos DISEÑADOR a BLOQUES 1. Nos ubicamos en la columna de BLOQUES, damos clic al BOTON1, y aparecen los controles, y seleccionamos el bloque de control Lo arrastramos al visor.
  • 8. Creación de APP para móviles Android 2.- Nuevamente damos clic en CONTROL y ubicamos Y encajamos en el anterior CONTROL, así también ubicamos en TEXTO el siguiente control 3.- Damos clic en el TEXTO y escribimos el nombre HISTORIA que corresponde al BOTON1 así como lo hemos escrito en el diseñador, caso contrario no lo reconoce y no funcionara, quedando el primer BLOQUE de la siguiente manera: 4. Realizamos el mismo proceso con los demás botones. IV.- Regresamos al DISEÑADOR, para agregar ventanas para colocar la información que deben tener con referencia a los BOTONES. 1.- Damos clic en el primer botón HISTORIA, luego AÑADIR VENTANA, se despliega una ventana donde colocamos el nombre HISTORIA y aceptamos.
  • 9. Creación de APP para móviles Android 2. Ahora diseñaremos la ventana HISTORIA, colocaremos una imagen y un texto al respecto, para ello nos situamos en DISEÑADOR, desplegamos en las ventanas creadas y damos clic en HISTORIA. Jalamos 01 IMAGEN y 01 ETIQUETA donde colocaremos la imagen y texto seleccionados, también jalamos 01 BOTON que me permitirá REGRESAR a la ventana principal. 3. En la IMAGEN subimos una imagen seleccionada. Tenemos que dar propiedades a la ETIQUETA, renombrando el TEXTO con la información sobre la Historia. Al BOTON, también le damos propiedades y lo renombramos REGRESAR. Y seleccionamos un ENROLLABLE.
  • 10. Creación de APP para móviles Android 4.- Regresamos a BLOQUES, para dar las acciones al BOTON REGRESAR. 5.- Los pasos 1, 2, 3 y 4 se realiza con cada uno de los BOTONES que hemos colocado en la ventana principal o visor. V.- Probaremos nuestra aplicación, revisaremos si los controles funcionan, si hay alguna dificultad en el desarrollo de esta. 1.- Para ello, hay que ir a la opción CONECTAR del menú superior. Dentro de esta opción hay que dar clic en ALL COMPANION, se abre una ventana donde hay un código QR y un código
  • 11. Creación de APP para móviles Android 2.-. En nuestro celular descargamos la aplicación MIT APP INVENTOR, una vez instalado, lo abrimos y leemos el código QR. Una vez escaneado el código o escrito el dígito, en nuestra pantalla de móvil aparecerá lo mismo que vemos en el simulador de móvil en el ordenador. Y carga nuestra app en el celular, ahí probaremos su funcionalidad. 4. Una vez que hemos verificado que nuestra aplicación función le daos Guardar el proyecto. Como siempre acuérdate de guardar el proyecto dando clic en el menú superior PROYECTOS > GUARDAR PROYECTOS.
  • 12. Creación de APP para móviles Android 5. Para que nuestros estudiantes puedan usar el aplicativo, tienen que instalar la aplicación MIT APP INVENTOR. Luego, en nuestro pc, damos clic en GENERAR, seleccionar un QR o un APK, es decir una aplicación para instalar en el celular, el cual podemos enviar por el WhatsApp.