Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Curso App Inventor Archivos - Programador Novato

¿Que es appinventor?
¿Que es appinventor?
App inventor es un entorno de desarrollo de aplicaciones móviles que facilita la creación de aplicaciones forma muy sencilla, por lo que es accesible a todo el mundo.
App …

Appinventor mi primer app
En este tutorial vamos a crear nuestra primer aplicación en App Inventor y procederemos instalarla en nuestro teléfono.
- Ingresamos a appinventor y nos logueamos.
- La aplicación que vamos a c

Appinventor probar app emulador
En este tutorial crear una aplicación en App Inventor y procederemos probarla en nuestro teléfono vía emulador.
- Instalamos “App Inventor Software” en nuestra PC.
- Ingresamos a appinventor

Appinventor probar app vía USB
En este tutorial crear una aplicación en App Inventor y procederemos probarla en nuestro teléfono vía USB.
- Instalamos “App Inventor Software” en nuestra PC.
- Conectamos nuestro teléfono ví

Appinventor propiedades de screen
En este tutorial vamos a analizar los atributos del screen principal de nuestra aplicación, entre algunos otros atributos analizaremos estos.
- PantallaAcercaDe
- DispHorizontal
- DispVert

Botones en Appinventor
En este tutorial analizaremos el funcionamiento de un botón en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- Habilitado
- Alto y ancho
- Imagen
- Forma

Casilla de verificación en Appinventor
En este tutorial analizaremos el funcionamiento una casilla de verificación en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- Verificado
- Habili

Selector de fecha en Appinventor
En este tutorial analizaremos el funcionamiento una casilla de verificación en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- Habilitado
- Alto y a

Appinventor probar app via wifi
En este tutorial crear una aplicación en App Inventor y procederemos probarla en nuestro teléfono vía App Inventor.
- Instalamos “MIT AI2 Companion” en nuestro teléfono.
- Ingresamos a appinv

Imagen en Appinventor
En este tutorial analizaremos el funcionamiento una imagen en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- AlternateText
- Clickable
- Alto y anch

Etiquetas en Appinventor
En este tutorial analizaremos el funcionamiento una etiqueta en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- ColorDeFondo
- Negrita
- Cursiva
- Tam

Selector de lista en Appinventor
En este tutorial analizaremos el funcionamiento un Selector de lista en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- ElementosDesdeCadena
- Hab

Visor de lista en Appinventor
En este tutorial analizaremos el funcionamiento un Visor de lista en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- ColorDeFondo
- ElementosDesde

Visor de lista (Detalles) en Appinventor
Ahora le daremos continuidad al visor de lista pero ahora con los detalles y analizaremos
Propiedades:
- ElementosDesdeCadena
- FontSizeDetail
- TipoDeLetra
- FontTypefaceDetail
- SelectionC

Notificador (notifier) en Appinventor
En este tutorial analizaremos el funcionamiento de Notificador en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- BackgroundColor
- NotifierLeng

Campo de contraseña (PasswordTextBox) en Appinventor
En este tutorial analizaremos el funcionamiento Campo de contraseña en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- Habilitado
- Alto y ancho
- Pis

Deslizador (Slider) en Appinventor
En este tutorial analizaremos el funcionamiento Deslizador en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- ColorIzquierda
- ColorDerecha
- Anch

Desplegable (Spinner) en Appinventor
En este tutorial analizaremos el funcionamiento Desplegable en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- ElementosDesdeCadena
- Ancho
- Prom

Switch en Appinventor
En este tutorial analizaremos el funcionamiento Switch en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- Alto y Ancho
- On
- Texto
- ColorDeTexto
- Thumb

Campo de Texto (TextBox) en Appinventor
En este tutorial analizaremos el funcionamiento del Campo de Texto en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- Habilitado
- Alto y Ancho
- Pista

Condicional IF en Appinventor
Los condicionales nos permite realizar bifurcaciones en el código en base a una condición establecida.
Para entender las condicionales realizaremos un sencillo ejercicio. Le pedimos al h…

Ejercicio 2.- Llenar un VisorDeLista (ListView) en Appinventor
En este tutorial llenaremos un visor de lista con el texto de un CampoDeTexto de la siguiente manera:
- En el área de diseño:
- Creamos un campo de texto, una botón y un visor de lista.
- En el área de blo

Selector de hora (TimePickeren) Appinventor
En este tutorial analizaremos el funcionamiento Selector de hora en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- Alto y Ancho
- Imagen
- Texto
Accio…

Visor Web (WebView) en Appinventor (Mi propio navegador en android)
En este tutorial analizaremos el funcionamiento Visor Web en appinventor así como algunas de sus propiedades realizamos los siguiente:
Propiedades:
- SeguirEnlaces
- Alto y Ancho
- UrlInicia

Condicional IF,ELSE IF y ELSE en Appinventor
Vamos a hacer este ejercicio:
- Pedir al humano que ingrese una calificación.
- Redondear la calificación.
- Si la calificación es entre 0 y 5 mostrar un mensaje donde diga que el estudiante reprob

Ejercicio 3.- Crear un sistema de registro en AppInventor
En este ejercicio vamos a aprender a crear la lógica de un registro donde vamos a validar que los datos ingresados sean válidos.
- Agregamos dos CamposDeTexto.
- txtNombre y txtEmail.
- Un Passwor

Ciclo for en AppInventor
Los ciclos for son lo que se conoce como estructuras de control de flujo cíclicas o simplemente estructuras cíclicas, estos ciclos, como su nombre lo sugiere, nos permiten ejecutar una o vari…

Ejercicio 4.- Unidades decenas y centenas (Condicionales anidadas) en appInventor
Decimos que una estructura condicional es anidada cuando por la rama del verdadero o el falso de una estructura condicional hay otra estructura condicional.
Pedir al humano que ingrese un nu…

Ciclos anidados en Appinventor
Un bucle anidado es un bucle que se encuentra incluido en el bloque de sentencias de otro bloque. Los bucles pueden tener cualquier nivel de anidamiento (un bucle dentro de otro bucle dentro de …

Variables en appinventor
En programación, una variable está formada por un espacio en el sistema de almacenaje (memoria principal de un ordenador) y un nombre simbólico (un identificador) que está asociado a dicho e…

Listas en appinventor
En ciencias de la computación, una lista o secuencia es un dato abstracto que representa una secuencia ordenada de valores, donde el mismo valor puede ocurrir más de una vez. Un caso de una list…

Variables locales y globales en appinventor
Las variables pueden ser globales o locales. Una variable es global a no ser que esté declarada dentro de una definición de función. Las variables globales resultan visibles y disponibles pa…

Bloques de matemáticas en appinventor
Los bloques de matemáticas nos ofrecen una gran variedad de operadores matemáticos así como otras funciones avanzadas. En este ejercicio trabajaremos con las funciones más básicas que son…

Número mágico (Adivina el numero) en AppInventor
En este ejercicio vamos a hacer un juegopara burlarnos del humano, se trata de hacer que el humano ingrese numero al azar hasta que adivine el numero que estamos pensando haremos el juego de la s…

Disposición horizontal y Disposición horizontal con Scroll en AppInventor
Ahora en este tutorial analizaremos la propiedad disposición horizontal y horizontal con scroll. Lo que hemos estado haciendo es colocar componentes en nuestr screen esperando a que el com…

Disposición vertical y Disposición vertical con Scroll en AppInventor
Ahora en este tutorial analizaremos la propiedad disposición vertical y vertical con scroll. Lo que hemos estado haciendo es colocar componentes en nuestro screen esperando a que el compon…

Disposición tabular en AppInventor
La Disposición tabular una la Disposición vertical y la Disposición horizontal de tal suerte que tenemos una tabla y los elementos elemento que coloquemos se ordenarán como una tabla además …

Calculadora en AppInventor
Ahora crearemos una calculadora sencilla con AppInventor, para crearla usaremos todo lo aprendido anteriormente.
- Disposición tabular.
- Disposición horizontal.
- Bloques matemáticas.
- B

Bluetooth en AppInventor
En este tutorial leeremos la lista de dispositivos bluetooth cercanos y nos conectaremos a alguno de esos dispositivos para lograr ese objetivo realizaremos estas acciones:
- Insertamos un

Reproductor de video en AppInventor
En este tutorial usaremos el componente “ReproductorDeVideo” y lo colocaremos en nuestra aplicación Android con botones de reproducción.
- Insertamos un ReproductorDeVideo.
- Agregamos u

Tomar una foto con la cámara en AppInventor
En este tutorial usaremos la cámara del teléfono para tomar fotografías y mostrarlas en la misma aplicación, para lograr este objetivo seguiremos esto pasos:
- Insertamos una imagen: imgMos

Texto a voz en AppInventor
En este tutorial leeremos el texto que ingresamos en un campoDeTexto además lo podremos leer con diferentes variantes como, como, velocidad, idioma y país. Para entender a profundidad la fu…

Grabador de sonidos en AppInventor
En este tutorial grabaremos audios con nuestro teléfono con el componente “GrabadorDeSonidos” para lograr nuestro objetivo haremos los siguiente:
- Insertamos tres botones btnIniciar, b

Grabador de video en AppInventor
En este tutorial grabaremos videos con nuestro teléfono con el componente “GrabadorDeVideo” para lograr nuestro objetivo haremos los siguiente:
- Insertamos un botón btnIniciar, un Graba

Reproductor de Sonido en AppInventor
En este tutorial reproduciremos audios pequeños y manipularemos sus eventos como: Reproducir, Pausar, Continuar, Detener y Vibrar. Para entender más a detalle este componente realizare…

Reproductor en AppInventor
En este tutorial reproduciremos audios medianos y grandes y manipularemos sus eventos como: Reproducir, Pausar, Continuar, Detener y Vibrar. Para entender más a detalle este componente r…

Traductor Yandex en AppInventor
Que es Yandex
Traductor de Yandex (en inglés: Yandex Translate) es un servicio gratuito multilingüe de traducción automática lanzado el 22 de marzo de 2011,12 desarrollado y proporciona…

Reconocimiento de voz en AppInventor
En este tutorial vamos escuchar la voz del humano y escribiremos lo que nos diga con la ayuda del componente reconocimientos de voz. Para realizar este objetivo vamos a seguir los siguientes p…

Selector de imagen en AppInventor
En este tutorial vamos a buscar una imagen dentro de nuestro teléfono con el componente SelectorDeImagen, para entender esto vamos a seguir estos pasos:
- Insertamos un SelectorDeImagen, un

Ejercicio 6.- Enviar comandos de voz para activar la cámara y el grabador en AppInventor
En este ejercicio vamos a activar la cámara o el grabador de video con la voz para lograr este objetivo seguiremos los siguientes pasos:
- Insertamos un boton btnIniciaReconocimiento, una ima

Ejercicio 7.- Escuchar al usuario, traducirlo al inglés y convertir a voz en AppInventor
En este ejercicio vamos a hacer un traductor de español a ingles pero escucharemos en español y hablaremos en ingles la traduccion, para lograr este objetivo seguiremos estos pasos:
- Inserta

Dibujar Circulos y Lineas en Lienzo en AppInventor
En este tutorial vamos a dibujar unas líneas y unos círculos apoyados por el componente lienzo para lograr este objetivo haremos los siguientes pasos:
- Dibujaremos una linea asi:
- Insertamos

Ejercicio 8.-Dibujar en Lienzo en AppInventor
En este tutorial vamos a dibujar unos puntos y unas líneas en nuestro lienzo, para lograr este objetivo realizaremos estos pasos:
- Insertaremos un botón btnBorrar y un lienzo.
- Cuando arrastr

Pelota en AppInventor
En este tutorial vamos analizar el componente pelota y algunas de sus propiedades:
- Habilitado
- Dirección
- Intervalo
- OriginAtCenter
- ColorDePintura
- Radio
- Velocidad
- Visible
- X
- Y
- Z
Para entend…

Ejercicio 10.- Juego de Ping Pong en Appinventor.
En este ejercicio vamos a hacer un juego de mesa de ping pong donde golpeamos la pelota de arriba hacia abajo, además colocaremos un botón para reiniciar el juego. Para lograr este objetivo vam…

Ejercicio 11.- Juego de Flappy Bird en Appinventor
En este ejercicio vamos a hacer el juego de Flappy Bird. El juego trata de hacer que un pajarito vuele y pase entre unos tubos que se están desplazando a la derecha. Para lograr este objetivo real…

Ejercicio 11.- Juego de Flappy Bird en Appinventor 2da parte
Ya que hemos logrado que los obstáculos se mueven hacia el pajaro ahora detectaremos cuando los tubos toquen al pájaro o al lienzo. Si tocan el lienzo es un punto extra si tocan al paro se pierde u…

Componente Reloj en Appinventor
En este tutorial vamos analizar el componente reloj sus propiedades, eventos y procedimientos.
- TemporizadorHabilitado hace que cuando la aplicación inicie el reloj va estar avanzando.
- I

Ejercicio 12.- Crear un Cronometro con el Componente Reloj en Appinventor
En este tutorial vamos a hacer un cronometro. Este cronómetro vamos a colocarle tres botones, Iniciar, Detener y Reiniciar. Para lograr este objetivo realizaremos los siguientes pasos:
- In

TinyBD en Appinventor
En este tutorial vamos a guardar datos dentro de la bd que nos ofrece appinventor llamada TinyBD. Para entender a detalle vamos a guardar un dato y después lo recuperaremos. Para lograr este ob…

Ejercicio 14.- Lista de productos con TinyBD en Appinventor
En este Ejercicio vamos crear una lista de productos y la vamos a almacenar en nuestra base de datos TinyBD, para lograr este objetivo vamos a seguir estos pasos:
- Insertamos un label, un campoD

FireBase en Appinventor
En este tutorial vamos a insertar dos etiquetas con sus respectivos valores, para lograr este objetivo vamos a seguir estos pasos:
- Insertamos dos labels lblValor1,lblValor2; dos camposDe

Ejercicio 15.- Lista de alumnos con TinyDB en Appinventor
En este Ejercicio vamos crear una lista de alumnos y la vamos a almacenar en nuestra base de datos TinyDB. Nuestros Alumnos tendrán, nombre, apellido y calificacion, para lograr este objetiv…

Ejercicio 15.- Editar y Borrar Lista de alumnos con TinyDB en Appinventor
En esta segunda parte continuaremos editando y borrando nuestros datos de la siguiente forma:
- Al hacer click en btnBorrar
- Borraremos el elemento seleccionado delVisorDeLista de la lista a

Ejercicio 16.- Lista de alumnos con FireBase en Appinventor
En este Ejercicio vamos crear una lista de alumnos y la vamos a almacenar en nuestra base de datos FireBase. Nuestros Alumnos tendrán, nombre, apellido y calificacion, para lograr este objet…

Ejercicio 16.- Editar y Borrar alumnos con FireBase en Appinventor
En esta segunda parte continuaremos editando y borrando nuestros datos de la siguiente forma:
- Al hacer click en btnBorrar
- Borraremos el elemento seleccionado del VisorDeLista de la lista a
Ave que vuela, a la cazuela.