Este documento proporciona instrucciones paso a paso para desarrollar una aplicación en App Inventor. Explica cómo abrir App Inventor en el navegador, crear un nuevo proyecto, agregar botones, cajas de texto y funciones de voz a la interfaz de usuario, asignar funciones a los componentes usando bloques de programación, y probar la aplicación en un emulador.

1. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE
ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA
INFORMACIÓN Y COMUNICACIÓN
ELOY CONTRERAS DE LIRA
DESARROLLO DE APLICACIONES III
DOCUMENTACIÓN DE UNA APLICACIÓN (diga lo que coloque en el
recuadro)
RUBÍ CITLALLY PÉREZ GALAVÍZ
5º CUATRIMESTRE

2. Lo primero que tenemos que hacer es abrir el navegador (el de su preferencia) y
teclear lo siguiente: app inventor.
Escogemos la primera opción
Nos aparecera una pagina a si, selecionaremos create
Importante:para realizar una aplicación en app inventor se debe de contar con una
cuenta de correo electronico de gmail
App
inventor

3. Despues de esto nos aparecera una pagina donde seleccionaremos el boton de
continuar
Despues de esto seleccionamos el boton de projects, star new projects,le
colocamos un nombre y presionamos el boton ok.
Despuesde haverpuestoestonosvamosalaseccionde Userinterface yseleccionamosdondediga
button y lo arrastramos hasta la seccion donde esta la pantalla de celular, se hace el mismo
procedimieto para colocar el textbox
Hacemos lo mismo con TextToSpeech este último estará donde dice media, este
último no se pondrá dónde están las demás cosas, se colocara a fuera de la
pantalla blanca

4. Despues de esto nos colocamos en el boton que dice blocks seleccionamos y nos
mandara a otra pagina ahí le daremos vida a la aplicación colocandole las
herramientas que necesita para que funcione
Estando ahi seleccionaremos donde diga botton1 y nos desplegara un menu ahí
seleccionaremos el primero, lo seleccionamos.
Nota: si te equivocas al escoger la herramienta la puedes borrar arrastrandola al
bote que aparece en la pantalla, o si esta seleccionada borrarla con la tecla de la
computadora borrar(backspace o delete).

5. Despues ahí mismo seleccionamos donde diga textToSpeech y nos desplegara un
menu escogeremos el de color morado que dice call TextToSpeech
Despues de esto nos vamos a donde dice TextBox1 y seleccionamos la herramienta
de color verde que diga TextBox Text
Y ya esta lista para que funcione, para saber si funciono nos posisionamos en el
boton desinger

6. Cuando seleccionemos la opcion de emulador nos aparesca un codigo que se
podra leer con el emulador que instalamos en nuestro celular previamente o en un
emulador virtual que podremos descargar en la pagina de app inventor.
Eso seria todo!!!