UNIDAD EDUCATIVA PARTICULAR

“ALEJANDRO HUMBOLDT”

MATERIA

DOCENTE
Lcd. Ivàn

ALUMNA
Carla Elizabeth
Azùa Villacreses

CURSO
9no “A”

AÑO LECTIVO
 2024-2025

¿Qué es App Inventor?

App Inventor es una plataforma de desarrollo de aplicaciones
móviles gratuita y de código abierto creada por Google y
actualmente mantenida por el MIT (Instituto Tecnológico de
Massachusetts). La plataforma permite a los usuarios crear
aplicaciones móviles para dispositivos Android sin necesidad de
tener experiencia en programación.
App Inventor utiliza una interfaz gráfica de usuario y bloques de
código que los usuarios pueden arrastrar y soltar para crear
aplicaciones móviles. Los usuarios pueden crear aplicaciones
que interactúen con el hardware del dispositivo, como la
cámara, el GPS, el acelerómetro y el almacenamiento interno.
App Inventor es una herramienta ideal para principiantes en
programación, educadores y aquellos que desean crear
aplicaciones móviles simples para uso personal o empresarial.
Además, la plataforma cuenta con una comunidad activa de
desarrolladores y usuarios que comparten recursos y brindan
soporte para el desarrollo de aplicaciones.

Principales características de App

Inventor
App Inventor tiene varias características interesantes que lo
diferencian de otras herramientas para el desarrollo de
aplicaciones.
 Interfaz gráfica de usuario: App Inventor utiliza
una interfaz gráfica de usuario que permite a los usuarios
crear aplicaciones móviles mediante la selección y
colocación de componentes y bloques de código.
 Bloques de código: App Inventor utiliza bloques de
código que los usuarios pueden arrastrar y soltar para
crear aplicaciones móviles. Los bloques son fáciles de usar
y no requieren que los usuarios tengan experiencia en
programación.

 Integración con servicios de Google: App

Inventor está integrado con varios servicios de Google,
como Google Maps, Google Drive y Google Fusion Tables,
lo que permite a los usuarios integrar fácilmente estas
herramientas en sus aplicaciones.
 Acceso a hardware del dispositivo: App
Inventor permite a los usuarios acceder al hardware del
dispositivo, como la cámara, el GPS y el acelerómetro, lo
que permite la creación de aplicaciones móviles
interactivas y personalizadas.
 Código abierto: App Inventor es una plataforma de
código abierto, lo que significa que el código fuente está
disponible para que cualquier persona lo use, modifique y
distribuya libremente.

 Comunidad activa: App Inventor tiene una

comunidad activa de desarrolladores y usuarios que
comparten recursos y brindan soporte para el desarrollo
de aplicaciones.
 Multiplataforma: Las aplicaciones creadas con App
Inventor se pueden ejecutar en dispositivos Android y
también en emuladores de Android para PC.
 Fácil depuración: App Inventor permite a los
usuarios depurar sus aplicaciones móviles en tiempo real,
lo que facilita la detección y corrección de errores.

Ventajas de usar App Inventor

 Esta herramienta no solo permite desarrollar la lógica,
también tiene otras ventajas para quienes deciden
utilizarla en sus trabajos educativos, como son:
 Es muy fácil de usar: App Inventor utiliza una interfaz
gráfica de usuario y bloques de código que los usuarios
pueden arrastrar y soltar, lo que facilita la creación de
aplicaciones móviles para aquellos sin experiencia en
programación.
 Plataforma de código abierto: App Inventor es una
plataforma de código abierto, lo que significa que el
código fuente está disponible para que cualquier persona
lo use, modifique y distribuya libremente.
 Tiene una comunidad de desarrolladores muy activa: App
Inventor tiene una comunidad muy activa de
desarrolladores y usuarios que comparten recursos y
brindan soporte para el desarrollo de aplicaciones.
Aquellos menos experimentados pueden plantear sus
dudas y los expertos les ayudarán a resolver cualquier
inquietud.
 Tiene integración con Google: App Inventor está integrado
con varios servicios de Google, como Google Maps,
Google Drive y Google Fusion Tables, lo que permite a los
usuarios integrar fácilmente estas herramientas en sus
aplicaciones.
 Se puede tener acceso al hardware del dispositivo en el
que se trabaja: App Inventor permite a los usuarios
acceder al hardware del dispositivo, como la cámara, el
GPS y el acelerómetro, lo que permite la creación de
aplicaciones móviles interactivas y personalizadas.
 Es una herramienta de uso gratuito: App Inventor es una
plataforma gratuita, lo que la hace accesible para aquellos
con presupuestos limitados o sin recursos para invertir en
herramientas de desarrollo de aplicaciones móviles.
 EJEMPLO PASO A PASO DE COMO
CREAR UN TRADUCTOR EN
APP INVENTOR
Primero, buscar en Google MIT APP INVENTOR, así como se
muestra en la imagen.
Se va a
ingresar a la primera página web que aparecerá con el nombre
de MIT APP INVENTOR

Después de ingresar a la pagina web nos va a parecer la opción

de “Create apps” y también nos van a dar otra opción de
seleccionar el idioma de inglés o español, eso depende en que
idioma deseas trabajar
Al ingresar vamos a tener que esperar, para que luego nos de la
bienvenida a APP INVENTOR así como en la imagen

Le vamos a dar click en donde dice “Continuar” luego nos va a

salir que tenemos agregada nuestra ventana y va a salir en
forma de un dispositivo Android arriba del dispositiva nos
saldrá “Mostrar en el Visor los componentes ocultos”, “Tamaño
de teléfono” es una opción que nos brinda para cambiar el
tamaño del teléfono si le damos click nos va a salir las opciones
de TAMAÑO DE TABLET o TAMAÑO DE MONITOR son opciones
que podrías utilizar depende como quieras trabajar, también
nos saldrá el dispositivo Android se lo puede cambiar por
DISPOSITIVO ANDROID 3.0-4.4.2 y DISPOSITIVO IOS 13

Segundo, en la parte izquierda tenemos varias opciones y

vamos a dar click en donde dice etiqueta, cuando tengamos
nuestra etiqueta a lado sale “todos los componentes” ahí nos va
a salir la opción de “cambiar de nombre” y “borrar” le vamos a
dar click en cambiar nombre y lo vamos a llamar TRADUCTOR
también lo vamos a poner en el ancho completo, y ¿cómo se
pone el ancho completo? Es sencillo nos vamos a dirigir a la
parte derecha y nos va a salir ANCHO y nos va a salir varias
opciones en cuales vamos a seleccionar la que dice AJUSTAR AL
ANCHO DEL CONTEXTO más o menos nos tiene que ir quedando
así
Lo siguiente que se va a realizar es poner un campo de texto.
Para aplicar un campo de texto debemos fijarnos en el interfaz
de usurario que se encuentra en el lado izquierdo bajamos un
poquito y vamos a encontrar el campo de texto, lo debemos
color debajo de el titulo de nuestra aplicacion llamada
TRADUCTOR y lo vamos a colocar todo el ancho del contexto
esto nos va a ayudar para poner el texto que vallamos a traducir
del idioma que queramos
Asi nos tiene que ir quedando para poder ingresar el texto que
vallamos a traducir de un idioma a otro, luego que tengamos
hasta ahí vamos a tener que poner dos botones que se va a
poner uno al lado del otro y lo que necesitaríamos seria una
disposición horizontal que se lo va a poner al ancho del
contexto de ahí se ele incluye los botones que en este caso
serian el botón 1 y el botón 2 y si el usuario quiere cambiar de
posición los botones para que los dos queden en el centro lo
que tendría que hacer es ir al lado derecho y le tiene que salir
posición de texto que se lo pondría en el centro 1

Asi nos tiene que ir quedando.

Luego a los botones le vamos a quitar el nombre porque lo que
vamos a poner es una imagen nos dirigimos a texto y quitamos
el nombre de botón 1 y botón 2 despues del mismo lado
derecho nos va a salir imagen donde vamos a darle click y nos
tenemos que ir al archivo y seleccionar la imagen de tu bandera
en este caso yo voy a utilizar la bandera de corea y Francia esos
van a ser los dos países que voy a utilizar para mi traductor
Despues de esto vamos a poner una etiqueta que es donde nos
va a salir nuestro texto traducido sacamos nuestra etiqueta y
haremos el mismo procedimiento que es de poner al ancho del
contexto vamos a cambiar de nombre a la etiqueta o solamente
no le ponemos nombre que tendríamos en cuenta que ahí nos
va a salir nuestro texto traducido mas o menos nos tiene que ir
quedando asi
Luego del lado izquierdo nos va a aparecer MEDIOS ahí le
vamos dar click y nos va a salir la opción de traductor y vamos a
seleccionar y nos va a aparecer en la parte de debajo de nuestro
tefelofono

Depues de esto vamos al lado derecho y nos va a aprecer en la

parte de arriba BLOQUE que esta al lado de diseñador

Damos click y nos va a llevar aquí

Luego del lado izquierdo tenemos que bajar un poquito y nos va
a aparecer CAMPO DE TEXTO le das click y va a aparecer varias
opciones

Vamos a agregar nuestro bloque 1lo primero q nos sale y lo

vamos a agrandar y para poder traducir nos vamos a traductor
que nos a aparece mas abajito y lo vamos a poner en medio de
nuestro campo de texto es como unir las piezas de un
rompecabezas luego ahí nos aparece como unos cuadraditos de
colores y tiene lo que representa nos vamos al que dice TEXTO y
lo ponemos en unos de los espacios y ahí le vamos a poner un
código como por ejemplo “es-co”

Asi nos tiene que ir quedando

Luego nos vamos a campo de texto 1 que fue que pusimos en el
incio nos va a aparecer opciones y vamos a buscar la que diga
CAMPO DE TEXTO 1PISTA los vamos a colocar abajo del código
de acceso
Para no repetir ese procedimiento se lo va duplicar pero ¿Cómo
se duplica? Pues es muy sencillo vamos a tener que presionar el
bloque 1 que lo hemos llamado COREANO y nos va a salir
opciones y en la primera sale la opción de duplicar y se va
duplicar de manera automática y nos va a aparecer que hay un
error solo cambiamos el coreano al francés

Asi nos tiene que ir quedando solo que al francés le tenemos

que cambiar el código la diferencia no es mucha solo vamos a
cambiar un numero o letrayo en coreano tenia “es-co” lo único
que voy a cambiar son números y me quedaría asi “es-fra”
Teniendo eso podemos seguir con lo que es la traducción ya
esta listo para poner lo q vas a traducir solo q mas a delante
estaré explicando esto ahora lo que vamos hacer es ir donde
esta traducción y vamos a sacar el primer bloque luego de
haber puesto aquel bloque vamosa ir donde dice texto a
tarducir vas a dar click y va a aparecer varios bloques u
opciones vamos a arrastra el primero el [Link]
luego vamos a tomar a tomar troduccion justo asi
Luego que tengamos hecho esto ya podemos traducir sin ningún
problema ahora lo que vamos a coger es nuestro teléfono y
vamos a instala la aplicación de MIT AI2 Companion que es la
que voy a mostrar a continuación

Luego de eso vamos a entrar y tiene que verse asi

Despues de eso vamos a ir de nuevo a nuestro traductor y

vamos ahí arribita donde dice conectar
Le damos click y nos va a aparecer varias opciones y en esas
esta la opción de conecta le vamos a apretar y desde tu celular
hay que tener abierta la aplicación que instalamos hacer un rato

Asi nos tiene que salir cuando apretamos en conectar y sale AI

companion y ya vamos a poder utilizar nuestro traductor
Al momento de traducir seria desde el celular y lo puedes susar
cuando quieras y en cualquier momento cada vez que tengas
conexión a intertnet.