APP INVENTOR: Nueva APP: Dibujamos en la pantalla

 

¿Cómo lo hacemos?

¡La mejoramos!

1) Vamos a agregarle 3 botones para poder dibujar en 3 colores distintos

¡Miren cómo se ve en el celular!

2) Le agregamos una imagen de fondo, un LABERINTO por ejemplo. Sólo es necesario modificar la propiedad Imagen de Fondo del LIENZO. 

3) Agregamos  un botón  BORRAR que cumpla la función de una Goma de Borrar. Investiga las opciones del lienzo para hacer que la línea pueda ser más gruesa.

APP INVENTOR - ¡Programamos una APP!

 Tomando como base el ejemplo de nuestra primera clase, realizamos las modificaciones necesarias para:

- Mostrar 4 imágenes

- Provocar un sonido distinto al tocar cada una de  las imágenes.

¡Mirá los videos!👇👀

ASÍ SE VE TAL CUAL la HICIMOS. 

¡HAY DETALLES PARA MEJORAR!

¡A PROGRAMAR!

Les dejo el enlace a una página con archivos mp3 para descargar.

SONIDOS MP3 GRATIS 👉http://www.sonidosmp3gratis.com/index.php

APP Inventor - Introducción

 

¿Qué es AppInventor?

AppInventor es un entorno de desarrollo de software creado por Google para la elaboración de aplicaciones destinadas al sistema operativo Android e IOS. 

El lenguaje es gratuito y se puede acceder fácilmente de la web.

Ventajas e inconvenientes de AppInventor

Como ventajas a la hora de programar con AppInventor, encontramos las siguientes:.

• Se pueden crear aplicaciones por medio de bloques de manera intuitiva y gráfica, sin necesidad de saber código de programación.
• Se puede acceder en cualquier momento y cualquier lugar siempre que estemos conectados a internet.
• Nos ofrece varias formas de conectividad: directa, o wi fi o por medio del emulador.

Como desventajas:

• No genera código Java para desarrollos más profundos.

Cómo Acceder: https://appinventor.mit.edu/

Seleccionamos GET STARTED - Debemos prepararnos ANTES de comenzar a programar

Luego, SETUP INSTRUCTIONS.

Tendremos 4 opciones para probar nuestra futura app.

¡En gran mayoría, usaremos la 1ra!

PROGRAMAREMOS en la COMPUTADORA

PROBAREMOS la APP EN EL CELULAR 👈Para este paso NECESITAMOS INSTALAR LA APP: 

 APP MIT AI2 COMPANION.

Esto muestra la app al abrirla: 👇

¡EMPEZAMOS!

https://appinventor.mit.edu/explore/ai2/beginner-videos

Seleccionamos el PRIMER TUTORIAL (HELLO CODI)

(Cuando pida iniciar sesión, nos registramos con nuestra cuenta GOOGLE)

Esta es la pantalla inicial:

AHORA, Vamos a programar. Esta es la pantalla o Interfase de App INVENTOR:

Hay un panel de DISEÑO y otro de BLOQUES.

Diseño permite agregar los componentes y definir cómo se verán, Bloques permite programar la aplicación.

Siguiendo los pasos del tutorial, podremos completar nuestra primera APP.

Para probarla en el telefono: Debemos seleccionar CONECTAR.

Aparecerá un código QR y un código, ambos sirven para cargar la app en el celular.

¡MIREN LOS VIDEOS!

¡ASÍ SE VE EN MI TELÉFONO!👇