APP INVENTOR

 https://appinventor.mit.edu/

Hacer login con su cuenta de Gmail

PASOS GENERALES EN CADA PROYECTO:


  1. Ir al menu PROYECTOS - Crear un proyecto nuevo
  2. Agregar elementos del panel izquierdo
  3. Modificar el nombre de cada elemento (para relacionarlos al programarlos)
  4. Modificar las propiedades de los elementos
  5. Ir al modo BLOQUES

6. Elegir los elementos y sus bloques de codigo
7. Elegir los bloques integrados si es necesario

Cuando terminen de programar, ir al menu Generar App de Android (APK) 
Esperar a que termine la barra de compilacion al 100%
Descargar el archivo APK ó escanear el codigo QR

PROYECTOS INICIALES:

ACEPTAR TERMINOS Y CONDICIONES:

-Crear nuevo proyecto

-Interfaz, Casilla de verificacion ”Acepto terminos y condiciones”

-Interfaz, Boton “Continuar” +Deshabilitarlo en MODO Diseñador

-Ir a BLOQUES

-En Screen1, Clic en Casilla deV y arrastrar el Dorado “cuando CASILLA1 .Cambiado, ejecutar”

-En Screen1, Clic en Boton y arrastrar el Verde fuerte “poner Continuar .Habilitado como”

-En screen1, Clic en Boton y arrastrar el verde “Casilla1” .Verificado


IMAGEN CLICKABLE

Poner imagen, check propiedad

Poner etiqueta

en BLOQUES:

-Cuando imagen1 .Clic ejecutar

-poner Etiqueta1 .Texto como

-”Click2” (rosa)


GIRO DE PANTALLA

Agregar etiqueta

En bloques:

-Cuando Screen1 .CambioOrientacionDePantalla ejecutar

-poner Etiqueta1 .Texto como

-”Pantalla horizontal” (rosa)


PROYECTOS NIVEL 2:

https://appinventor.mit.edu/explore/app-building-guides

1) Mood Ring
happyButton- When happyButton .Clic do (golden color)
happyLabel - set happyLabel .Text do (dark green color)
(Built-in) Add the __ + ___ (Math blue)
happyLabel - happyLabel .Text (light green)
(Built in) Add the 1 (Math blue)

Right clic in the Golden block, Duplicate blocks
Change happyButton to angryButton (golden color)
Change happyLabel to angryLabel (dark green)
Change happyLabel to angryLabel (light green)

REPEAT THE SAME FOR sadButton
Test it out!!!

2) Translation App


Comentarios

Entradas más populares de este blog

LEARN BASIC CSS - Building a Cafe Menu

HTML class