Curso App Inventor Archivos - Programador Novato

01

¿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 …

maxresdefault

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

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

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

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

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

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

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

maxresdefault 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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,1​2​ desarrollado y proporciona…

Reconocimiento de voz en AppInventor

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

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

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

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

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

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

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.

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

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

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

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

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

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

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

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

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

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

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

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