pista de cars tarjeta

APP INVENTOR

¿QUE ES APP INVENTOR?

App Inventor es un entorno de desarrollo de software creado por Google Labs para la elaboración de aplicaciones destinadas al sistema operativo Android. El usuario puede, de forma visual y a partir de un conjunto de herramientas básicas, ir enlazando una serie de bloques para crear la aplicación. El sistema es gratuito y se puede descargar fácilmente de la web. Las aplicaciones creadas con App Inventor están limitadas por su simplicidad, aunque permiten cubrir un gran número de necesidades básicas en un dispositivo móvil.

Con Google App Inventor, se espera un incremento importante en el número de aplicaciones para Android debido a dos grandes factores: la simplicidad de uso, que facilitará la aparición de un gran número de nuevas aplicaciones; y Google Play, el centro de distribución de aplicaciones para Android donde cualquier usuario puede distribuir sus creaciones libremente.

CARACTERÍSTICAS Y FUNCIONES

1.- Basado en [httpy Blockly] de JavaScript para crear un lenguaje visual. Estas librerías están distribuidas por Massachusetts Institute of Technology bajo su licencia libre.

El compilador que traduce el lenguaje visual de los bloques para la aplicación en Android utiliza Kawa como lenguaje de programación, distribuido como parte del sistema operativo GNU de la Free Software Foundation

2.- Permite crear una aplicación en menos tiempo que otros. y se pueden programar aplicaciones más complejas en mucho menos tiempo que con los lenguajes más tradicionales, basados en texto.

Inicialmente desarrollado por el profesor Hal Abelson y un equipo de Google Educación, mientras que Hal pasaba un año sabático en Google, App Inventor se ejecuta como un servicio web administrado por personal del Centro del MIT para el aprendizaje móvil –una colaboración de MIT de Ciencia Computacional e Inteligencia Artificial de laboratorio (CSAIL) y el Laboratorio de Medios del MIT–. El App Inventor contaba en 2015 con una comunidad mundial de casi dos millones de usuarios que representaban a 195 países en todo el mundo. Más de 85 mil usuarios semanales activos de la herramienta han construido más de 4,7 millones de aplicaciones de Android. Una herramienta de código abierto que pretende realizar la programación y la creación de aplicaciones accesibles a una amplia gama de audiencias.

3.- La interfaz gráfica: permite al usuario crear aplicaciones con muchas funcionalidades.

Al alcance de unos cuantos clics, por lo tanto se abre una gran puerta para muchas personas indiscriminadas que deseen crear aplicaciones sin necesidad de ser programador.

¿QUE HERRAMIENTAS TIENE APP INVENTOR?

Componentes básicos, tabla de contenidos.

• Screen 

Como ya sabemos inicialmente Appinventor no nos permitía la opción de crear aplicaciones con múltiples pantallas, por que que teníamos que andar escondiendo organizadores de pantalla para simular múltiples pantallas. Esto aunque sigue siendo útil, para según lo que queramos hacer, hace mas pesada y mas lenta una aplicación.

Por lo tanto aconsejo utilizar múltiples pantallas.

Os dejaré algunos ejemplos de como hacerlo.

Este ejemplo no funciona en el emulador ni utilizando tu móvil como emulador, tienes que descargar la aplicación e instalarla.

• Boton 

Color de fondo del botón.

Habilitado

Si se establece, el usuario puede pulsar el botón para provocar la acción.

FontBold

Si se activa, el texto del botón se muestra en negrita.

FontItalic

Si se activa, el texto del botón aparece en cursiva.

FontSize

Punto de tamaño para el texto del botón.

FontTypeface

Familia de fuentes para el texto del botón.

Altura

la altura del botón (y de tamaño).

Ancho

Botón de ancho (x-size).

Imagen

Imagen para mostrar en el botón.

Texto

Texto para mostrar en el botón.

TextAlignment

Izquierda, centro o derecha.

TextColor

Color para el texto del botón.

• Lienzo 

Es una imagen sensible al tacto en la que se puede dibujar y sprites se pueden mover.

El BackgroundColor , PaintColor , BackgroundImage , ancho y altura de la lona se puede establecer ya sea en el diseño o en el Editor de bloques. La anchura y la altura se mide en píxeles y debe ser positivo.

Cualquier lugar en el lienzo se puede especificar como un par de (X, Y) los valores, donde

• X es el número de píxeles de distancia desde el borde izquierdo del lienzo
• Y es el número de píxeles del borde superior de la lona

Hay eventos para saber cuando y donde un lienzo ha sido tocado o un Sprite ( ImageSprite o bola ) se ha arrastrado. También hay métodos para dibujar puntos, líneas y círculos.

Propiedades

BackgroundColor

El color del fondo del lienzo.

BackgroundImage

El nombre de un archivo que contiene la imagen de fondo de la tela

Altura

LineWidth

La anchura de las líneas dibujadas en la tela.

PaintColor

El color en el que las líneas se dibujan

Visible

Si el componente es visible

Ancho

Eventos

Arrastrado (número startx, StartY número, número prevx, prevY número, número CurrentX, CurrentY número, draggedSprite booleana)

Cuando el usuario hace un arrastre de un punto (prevx, prevY) a otro (x, y). El par (startx, StartY) indica que el primer usuario toca la pantalla, y "draggedSprite" indica si un duende se está arrastrando.

Tocado (número x, y número, touchedSprite booleana)

Cuando el usuario toca un lienzo, proporcionando la posición (x, y) de tacto en relación a la esquina superior izquierda del lienzo. El valor "touchedSprite" es verdadero si un sprite también estaba en esta posición.

Métodos

Clear ()

Borra el lienzo, sin quitar la imagen de fondo, si se ha proporcionado.

DrawCircle (número x, y número, número r)

Dibuja un círculo (llenado) en las coordenadas dadas en el lienzo, con el radio dado.

DrawLine (número x1, y1 número, número de x2, número y2)

Dibuja una línea entre las coordenadas dadas en el lienzo.

DrawPoint (número x, el número y)

Dibuja un punto en las coordenadas dadas en el lienzo.

    Checkbox  

El componente CheckBox de App Inventor nos sirve para seleccionar opciones, habilitar o deshabilitar, etc... 

Clock

El Reloj es uno de los componentes mas importantes en la programación y por lo tanto uno de los que mas utilizarás, por lo tanto tendrás que aprender bien como utilizarlo en App Inventor.

Image

Un simple ejemplo de como poner una imagen en el componente imagen de Appinventor pulsando un botón, y como poner una imagen en un botón al iniciar la pantalla. 

Label.

 Silder

Spinner

El MIT ha agregado un nuevo componente a AppInventor 2.
Este lo podemos encontrar en Palette-User interface.

Este componente nos permite crear una lista y seleccionar uno de ellos para usarlo a nuestra necesidad.
Veamos como usarlo.

• Agregamos el componte Spinner.
• En ElementsFromString podemos agregarle la lista separando cada elemento por comas.
• En Prompt podemos ponerle el nombre de la lista.
• En Selection Puedes poner el componente que deseas que aparezca de primera hora.

Abrimos el editor de bloques y en los bloques de Spinner seleccionamos Afterselecting.

• Lo que agreguemos dentro será lo que hará despues de selecionar un elemento de la lista.
• En este ejemplo se seleccionan mediante los elementos pero se puede seleccionar por el numero de lista.
• Al seleccionar un elemento, el label que he agregado cambiará el texto

ListView


Bien, vamos a aprender a crear una lista en este nuevo componente agregado por el MIT, a AppInventor 2.

Antes ya teníamos el Componente ListPIcker, pero este nos aparecía en una ventana aparte, ahora listview podemos utilizarlo en la misma pantalla en la que estemos trabajando.
• Bueno como siempre creamos un proyecto. En este agregamos el componente ListView.
• Podemos checkear en sus propiedades, la propiedad ShowFilterBar, con este marcado nos aparecerá un campo de búsqueda en nuestro listview.
• Ponemos el largo del listview en fill parent para que nos coja todo el largo de pantalla. (ojo....tenemos que poner la Screen en modo sin scrooll para que nos aparezca bien el listview, probadlo de todas formas).
• Agregamos un textbox y un botón para agregar elementos a la lista. 

Bien, vamos a aprender a crear una lista en este nuevo componente agregado por el MIT, a AppInventor 2.


Antes ya teníamos el Componente ListPIcker, pero este nos aparecía en una ventana aparte, ahora listview podemos utilizarlo en la misma pantalla en la que estemos trabajando.

• Bueno como siempre creamos un proyecto. En este agregamos el componente ListView.
• Podemos checkear en sus propiedades, la propiedad ShowFilterBar, con este marcado nos aparecerá un campo de búsqueda en nuestro listview.
• Ponemos el largo del listview en fill parent para que nos coja todo el largo de pantalla. (ojo....tenemos que poner la Screen en modo sin scrooll para que nos aparezca bien el listview, probadlo de todas formas).
• Agregamos un textbox y un botón para agregar elementos a la lista.
  

PasswordTextbox 

Este componente se utiliza normalmente para crear registros de usuarios con contraseña.

Veamos un ejemplo en el que utilizaremos un textbox para el nombre, un passwordtextbox para la contraseña, y un TinyDB para guardarlo y después poder recuperarlo.   

• TextBox

El componente TextBox de App Inventor es un componente que nos permite introducir texto y números, para después poder utilizarlos según nos interese.

Por ejemplo para llamar por teléfono, introducir nombre y contraseña, etc... 

• TinyDb  

 Utilizar un componente TinyDB para almacenar los datos que estarán disponibles cada vez que la aplicación se ejecuta.

TinyDB es un componente no visible.

Aplicaciones creadas con la aplicación Inventor se inicializan cada vez que se ejecute.Si una aplicación establece el valor de una variable y el usuario sale de la aplicación, el valor de esa variable no será recordado la próxima vez que se ejecute la aplicación.TinyDB es un persistente almacenar los datos de la aplicación, es decir, los datos almacenados no estará disponible cada vez que se ejecute la aplicación.Un ejemplo podría ser un juego que guarda la puntuación más alta, y se recupera cada vez que se juega el juego.

Los elementos de datos se almacenan en las etiquetas .Para almacenar un elemento de datos, se especifica la etiqueta debe ser almacenado bajo.Posteriormente, se puede recuperar el elemento de datos que se almacena en una etiqueta determinada.Si no hay ningún valor almacenado en una etiqueta, el valor devuelto es el texto vacío.En consecuencia, para ver si una variable tiene un valor almacenado en ella, comprobar si el valor de retorno es igual a la de texto vacío (es decir, un cuadro de texto, sin texto en blanco).

Sólo hay un almacén de datos por aplicación.Si usted tiene múltiples componentes TinyDB, se utilizará el mismo almacén de datos.Para obtener el efecto de las tiendas independientes, utilice las teclas diferentes.Además, cada aplicación tiene su propio almacén de datos.No se puede utilizar TinyDB para pasar datos entre dos aplicaciones diferentes en el teléfono.

Propiedades

ninguno

Eventos

ninguno

Métodos

StoreValue (etiqueta de texto, valueToStore)

Almacenar el valor en la etiqueta dada.La etiqueta debe ser una cadena de texto, el valor puede ser una cadena o una lista.

GetValue (etiqueta de texto)

Obtiene el valor que se almacena en la etiqueta dada.Si no hay ningún valor se almacena, se devuelve el texto vacío.

Para limpiar la base de datos para una aplicación, vaya en el teléfono bajo Configuración → Aplicaciones → Administrar aplicaciones, la selección de la aplicación y pulse "Borrar datos".
Los datos de TinyDB es persistente sólo cuando se han empaquetado y la descarga de su aplicación.Si está desarrollando conectado al teléfono, y reiniciar la aplicación AppInventor, o si se desconecta y volver a conectar el teléfono, la base de datos será empezar de nuevo.Este es un caso donde la aplicación no es más que ser detenido y reiniciado, sino que se está eliminando el teléfono y luego vuelve a cargar. 

• MEDIA 

• Camera 

El componente camera el el que nos permite abrir la camara de nuestro dispositivo para poder hacer fotos, ademas despues 
podemos utilizar esas fotos realizadas.

• ImagePicker 

En este tutorial veremos un ejemplo de utilización del componente de App Inventor ImagePicker eon el cual abriremos la galería de imágenes de nuestro móvil y escogeremos una imagen y la utilizaremos en un componente Image.

• Player 

• sound 

Sonido

Puede utilizar un componente de sonido para reproducir un archivo de audio, o para que vibre el teléfono.
El sonido es un componente no visible, que reproduce archivos de sonido y vibra por el número de milisegundos (milésimas de segundo) que se indica en el Editor de bloques. El nombre del archivo de sonido se puede especificar en el diseño o en el Editor de bloques.
Ver Android Formatos de los medios de comunicación  para obtener más información sobre los tipos de archivos que puede utilizar.
Este componente es el mejor para archivos de sonido cortos, tales como efectos de sonido, mientras que el componente Player es más eficiente para más sonidos, tales como las canciones.

Propiedades

Source

Archivo de audio asociado a este sonido.

MinimumInterval

Tiempo mínimo antes de sonido se repite.

Métodos

pausa ()

Detiene la reproducción del archivo de audio.

Reproducir ()

Comienza la reproducción del archivo de audio.

Reanudar ()

Reanuda la reproducción de un archivo de audio se detuvo.

Stop ()

Detiene la reproducción del archivo de audio.

Vibrar (millisecs número)

Activar el motor de vibración del teléfono para el número de milisegundos.

 Aqui tenemos un ejemplo de utilización de este componente de App inventor.  

• videoplayer  

Puedes utilizar un componente VideoPlayer para reproducir un archivo de vídeo.
Reproductor de vídeo es un componente multimedia que reproduce vídeos. Un reproductor de vídeo aparece en su aplicación como un rectángulo. Si el usuario pulsa el rectángulo, los controles de los medios de comunicación aparecen: reproducción / pausa, saltar hacia delante y saltar hacia atrás. Su aplicación puede controlar el comportamiento de la reproducción mediante una llamada al inicio , pausa , y ir a: métodos.
Los archivos de vídeo deberán ser, Windows Media Video (. Wmv), 3GPP (.3 gp), o MPEG-4 (. Mp4). Para obtener más información acerca de los formatos, consulte 
App Inventor acepta archivos de vídeo de hasta 1 MB de tamaño y limita el tamaño total de una aplicación de 5 MB. Si sus archivos de medios de comunicación son demasiado grandes, es posible que obtenga errores al empaquetar o instalar su aplicación, en cuyo caso se debe reducir el número de archivos de medios o sus tamaños. Puede utilizar Software de edición de vídeo, como Windows Movie Maker o iMovie de Apple, para reducir el tamaño de los vídeos, acortandolos o volver a codificarlos en formatos más compactos.

Propiedades

Devuelve la duración del vídeo en milisegundos.

Aqui tenemos un ejemplo de utilización de este componente de App inventor. 

• ANIMATION 

• Ball 

• En este videotutorial se explica como hacer la programación con app inventor para controlar el movimiento de una bola utilizando botones. 

• ImageSpire 

Videotutorial creado por tu app inventor explicando como crear con app inventor una animación con imágenes.

En mi caso he creado una sorpresa de cumpleaños. Pero ya cada uno puede dejar volar la imaginación. 

• SOCIAL. 

• ContactPicker
• EmailPicke

• phonecall 

• Phonecall es un componente que nos permite hacer llamadas con nuestro movil, en este apartado os dejaremos algunos ejemplos de como utilizarlo.

• PhoneNumberPicker

• texting 

• El componente Texting nos sirve para enviar mensajes de texto y en este apartado pondremos ejemplos de utilización. 

• twitter

• sharing 

Veamos un pequeño ejemplo de como podemos compartir archivos con el nuevo componente "Sharing" agregado a App Inventor en su última actualización.
 En el diseñador agregaremos los componentes necesarios. En este caso agregaremos tres botones y el componente sharing.
En este caso he agregado una imagen que será la que voy a compartir.  

Ahora abriremos el editor de bloques:

Agregaremos el bloque when.click de cada botón.
Seleccionamos el componente Sharing para escoger los bloques, agregándolos de esta forma. 

• 

El primer ejemplo compartirá archivo, en este caso una imagen, donde le darémos la dirección donde se encuentra la imagen. Y en message escribimos el texto que queramos enviar.

En el siguiente ejemplo enviaremos solo un archivo.

Y en el tercer ejemplo solo un texto.

• SENSORS

• Acelerometrosensor  

Este componente de los sentidos de Android el acelerómetro del dispositivo, que detecta temblores y aceleración medidas en tres dimensiones. La aceleración se mide en unidades del SI (m / s ² ). Si el dispositivo es un descanso acostado sobre su espalda, la aceleración Z será de aproximadamente 9.8.El componente produce tres valores.

• XAccel : positivo cuando el dispositivo está inclinada hacia la derecha (es decir, su lado izquierdo se levanta), y negativos cuando el dispositivo está inclinada hacia la izquierda (su tamaño correcto es elevado).
• YAccel : positivo cuando el fondo se levanta, y negativos cuando su parte superior se levanta.
• ZAccel : positivo cuando la pantalla esté hacia arriba, y negativos cuando la pantalla quede hacia abajo.

Propiedades

Disponible

Indica si el acelerómetro está presente en el dispositivo Android.

Habilitado

Si se establece, acelerómetro está habilitado.

XAccel

Aceleración en la dimensión X.

YAccel

Aceleración en la Y-dimensión.

ZAccel

La aceleración en el Z-dimensión.

Eventos

AccelerationChanged (xAccel número, yAccel número, zAccel número)

Se llama cuando la aceleración ha cambiado.

Agitación ()

Pedido en varias ocasiones cuando el dispositivo Android está siendo sacudida. 

 LocationSensor 

OrientationSensor 

Utilizar un componente de orientación del sensor para determinar la orientación espacial del teléfono.
Un sensor de orientación es un componente no visible que da los informes de los siguientes tres valores, en grados:

• Roll : 0 grados cuando el dispositivo esté a nivel, aumentando a los 90 grados el dispositivo está inclinado hacia arriba en su lado izquierdo, y la disminución de hasta -90 grados cuando el dispositivo está inclinado hacia arriba en su lado derecho.
• Terreno de juego : 0 grados cuando el dispositivo esté a nivel, aumentando a 90 grados como el dispositivo se inclina por lo que su superior es hacia abajo, aumentando aún más a 180 grados a medida que se entregó. Del mismo modo, ya que el dispositivo se inclina por lo que sus puntos inferior hacia abajo, disminuye el tono a -90 grados, para luego bajar a -180 grados a medida que se gira a la vez.
• Desvío : 0 grados cuando la parte superior del dispositivo está apuntando al norte, 90 grados cuando se está apuntando al este, 180 grados cuando se está apuntando al sur, 270 grados cuando se está apuntando al oeste, etc

 

• Screen Arragement
• Horizontal Arragement
• Table Arragement
• Vertical Arragement

• Lego MindStorms
• Other Stuff

• ActivityStater 

ActivityStarted es un componente que puede iniciar otra actividad de su aplicación.

Usted se comunica con la actividad de arranque mediante el ajuste de las propiedades del componente para pasar la información relacionada con la actividad, incluyendo la acción y la clase de actividad. 
Actividades que pueden ser lanzados incluyen:

• Comenzando otro inventor de la aplicación de aplicación para Android. Para ello, primero se determina la clase de la otra solicitud al descargar el código fuente y el uso de un explorador de archivos o la herramienta de descompresión para encontrar un archivo llamado "youngandroidproject / project.properties". La primera línea del archivo comenzará con "main =" y seguir por el nombre de la clase, por ejemplo,principal = com.gmail.Bitdiddle.Ben.HelloPurr.Screen1
  Para hacer que su ActivityStarter lance esta aplicación, establezca las siguientes propiedades:
  
  • ActivityPackage al nombre de clase, dejando caer el último componente (por ejemplo, com.gmail.Bitdiddle.Ben.HelloPurr )
  • ActivityClass al nombre de clase completo (por ejemplo, com.gmail.Bitdiddle.Ben.HelloPurr.Screen1 )
• Inicio de una actividad que está integrada en el sistema operativo Android, como el uso de la cámara, o realizando una búsqueda en la Web. Puede iniciar la cámara mediante el establecimiento de las siguientes propiedades:
  • Acción: android.intent.action.MAIN
  • ActivityPackage: com.android.camera
  • ActivityClass: com.android.camera.Camera
• Realizar búsqueda en la Web: Suponiendo que el término que desea buscar es "vampiro" (no dude en sustituir su propia elección), establezca las propiedades a:
  • Acción: android.intent.action.WEB_SEARCH
  • ExtraKey: consulta
  • ExtraValue: vampiro
  • ActivityPackage: com.google.android.providers.enhancedgooglesearch
  • ActivityClass: com.google.android.providers.enhancedgooglesearch.Launcher
• La apertura de un navegador a una página web especificada. Suponiendo que la página a la que desea ir es "www.facebook.com" (no dude en sustituir su propia elección), establezca las propiedades a:
  • Acción: android.intent.action.VIEW
  • DataUri: http://www.facebook.com
  • Ejemplos

También puede ejecutar aplicaciones de otros fabricantes instalados en el teléfono, siempre y cuando se conoce el caso intentos para invocar, y también se puede poner en marcha actividades que producen resultados de texto y hacer que vuelva a utilizar en su aplicación. La forma en que se extrae de estos datos depende de cómo la aplicación se ha implementado.

Propiedades

Acción : texto

Acción de la actividad que se puso en marcha.

ActivityClass : texto

Nombre de clase de la actividad que se puso en marcha.

ActivityPackage : texto

Nombre del paquete de la actividad que se puso en marcha.

DataUri : texto

URI pasado a la actividad que se iniciará.

ExtraKey : texto

Nombre de clave de texto pasa a la actividad.

ExtraValue : texto

Valor de texto pasa a la actividad.

Resultado : texto

Valor devuelto por la actividad que se inició.

ResultName : texto

El nombre utilizado para extraer el resultado devuelto por la actividad que se inició.

ResultType : texto

Escriba información de regresar de la actividad que se inició.

ResultUri : texto

URI (o datos) de información de regresar de la actividad que se inició.

Eventos

ActivityError (mensaje de texto) >

Indica que se ha producido un error al usar este ActivityStarter.

AfterActivity (resultado de texto)

Llamado después de que termina la actividad.

Métodos

texto ResolveActivity ()

Devuelve el nombre de la actividad que corresponde a este ActivityStarter, o una cadena vacía si no hay actividad correspondiente se puede encontrar. Usted puede usar esto antes de iniciar una aplicación externa para garantizar que la aplicación está instalada en el teléfono.

StartActivity ()

Iniciar la actividad asociada con este componente. 

BarcoDeScaner 

Este componente no visible utiliza la cámara del teléfono para leer un código de barras 1-dimensional o dos dimensiones de código de barras (código QR).Para que este componente funcione, la aplicación de códigos de barras escáner de ZXing debe estar instalado en el teléfono.Esta aplicación está disponible de forma gratuita en el Android Market.

Propiedades

Resultado

El resultado de texto de la exploración exitosa pasado.Este estará disponible después de AfterScan ha sido señalado. Este valor también se devuelve comoresultado el valor.

Métodos

Doscan ()

Iniciar un análisis

Eventos

AfterScan (resultado de texto)

Llamado después de la exploración termina.

Aqui tenemos un ejemplo de utilización de este componente de App inventor. 

• BluetoothClient 

Utilizando App Inventor y electrónica. 
En este vídeo cedido por Edison Viveros veremos como implementar app y placas electrónicas mediante el componente bluetooth de App inventor. 

• BluetoothServer 

Utilizando App Inventor y electrónica. 
En este vídeo cedido por Edison Viveros veremos como implementar app y placas electrónicas mediante el componente bluetooth de App inventor. (vídeo no encontrado)

• Notifier 

SpeechRecognizer

• TextToSpeech 

• TinyWebDB

 En este vídeo veremos como descargar los archivos necesarios, instalarlos, y confirurarlos, para crearnos nuestra base de datos web para trabajar con ella en nuestras aplicaciones creadas con App Inventor.

Web 

• Not ready for prime time
• Fusión Tables Control
• GAme Client
• SoundRecorder
• Voting

• Webviewer  

Componente para ver páginas Web. La URL de inicio se puede especificar en el diseñador o en el Editor de bloques. El punto de vista se puede configurar para seguir los enlaces cuando están intervenidos, y los usuarios pueden rellenar formularios web. Advertencia: Esto no es un navegador completo. Por ejemplo, pulsando la tecla del teléfono de hardware Volver a salir de la aplicación, en lugar de retroceder en el historial del navegador.


Propiedades

CurrentPageTitle

Título de la página actual en el buscador

CurrentUrl

URL de la página que está viendo actualmente. Esto podría ser diferente de la URL de inicio, si las nuevas páginas fueron visitadas por los enlaces siguientes.

FollowLinks

Determina si se debe seguir los enlaces cuando se golpeó en el WebViewer. Si sigues los enlaces, puede utilizar GoBack y GoForward para navegar por el historial del navegador.

Altura

HomeUrl

URL de la página del WebViewer principio debería abrir. Al establecer esta se carga la página.

Visible

Tanto si el componente es visible

Ancho

Eventos

ninguno

Métodos

boolean CanGoBack ()

Devuelve true si el WebViewer puede volver atrás en la lista de la historia.

boolean CanGoForward ()

Devuelve true si el WebViewer puede ir hacia adelante en la lista de la historia.

GoBack ()

Volver a la página anterior en la lista de la historia. No hace nada si no hay ninguna página anterior.

GoForward ()

Avanzar a la siguiente página en la lista de la historia. No hace nada si no hay página siguiente.

GoHome ()

Carga el URL de la página de origen. Esto sucede automáticamente cuando la dirección URL de su casa se cambia.

GotoUrl (url de texto)

Cargue la página en la URL.

Aqui tenemos un ejemplo de utilización de este componente de App inventor. 

• Bloques 

• Listas 

make a list Crea una lista. Si no se proporciona ningún argumento, se crea una lista vacía, que se pueden agregar elementos a la tarde. select list item Selecciona en la lista establecida en list el elemento que ocupa la posición definida en index. El primer elemento de lista en el índice 1. replace list item Sustituye con el valor figura en replacement,el valor del elemento de la lista list en la posición definida enindex. remove list item Quita el elemento en la posición especificada de la lista. insert list item Inserta un elemento en una lista en la posición especificada. length of list Devuelve el número de elementos de la lista. append to list Agrega los elementos de la segunda lista  list2 al final de la primera lista list1 add items to list Agrega los elementos establecidos en item (se expande) a la final de la lista. La diferencia entre este y el anterior estriba en que aquí se adjuntan elementos de uno en uno y en la anterior se adjunta una lista completa de elementos. is in list? Si thing es uno de los elementos de la lista list, devuelve verdadero, de lo contrario, devuelve falso. Tenga en cuenta que si una lista contiene sublistas, los miembros de la sublistas mismos no son miembros de la lista. Por ejemplo, los miembros de la lista (1 2 (3 4)) son 1, 2, y la lista (3 4), 3 y 4 de ellos no son miembros de la lista. position in list Devuelve la posición de thing en la lista, o 0 si no está en la lista. pick random item Devuleve un elemento de la lista al azar. is list empty? Si la lista no tiene elementos, devuelve true, en caso contrario, devuelve false. copy list Hace una copia de una lista, incluida la copia todas las sublistas. is a list? Si thing es una lista, devuelve verdadero, de lo contrario, devuelve false. list to/from csv  ¿COMO INSTALAR APP INVENTOR? App Inventor se ejecuta a través de un navegador Web. Si estás usando un teléfono, se trabaja con el teléfono conectado al ordenador mediante un cable USB. Tu aplicación aparecerá en la pantalla del teléfono poco a poco, a medida que la vayas creando. Si no dispones de un teléfono, hay un emulador de teléfono Android incluido en el paquete de instalación de App Inventor, que se puede utilizar en su lugar. Cuando hayas terminado el desarrollo puedes "empaquetar" tu aplicación terminada como un "paquete de aplicación" (un archivo Android con extensión APK) que se puede compartir e instalar en cualquier teléfono Android, de igual modo que se haría con cualquier otra aplicación Android. Antes de comenzar conviene que te asegures que tu software y equipos son los adecuados. Comprueba los requisitos del sistema. Para empezar es necesario realizar los siguientes pasos: Paso 1: Configura tu equipo Paso 2: Dependiendo de si se va a desarrollar la aplicación con un teléfono con Android o con el emulador: Configura tu teléfono Android , y  crea tu primera aplicación en el teléfono , o bien, Crea tu primera aplicación con el emulador Configurar el equipo Requisitos del sistema: PC y sistema operativo Macintosh (con procesador Intel): Mac OS X 10.5, 10.6 Windows: Windows XP, Windows Vista, Windows 7 GNU / Linux: Ubuntu 8 +, 5 + Debian Navegador Mozilla Firefox 3.6 o superior Nota: Si estás utilizando Firefox con el complemento NoScript, deberás desactivarlo, ya que App Inventor utiliza Javascript. Mira la nota en la página de solución de problemas . Apple Safari 5.0 o superior Google Chrome 4.0 o superior Microsoft Internet Explorer 7 o superior Pon a prueba tu configuración de Java Tu ordenador debe ejecutar Java 6 (también conocido como Java 1.6) o superior. Puedes descargar Java desde www.java.com . Pon a prueba tu configuración de Java mediante la realización de las dos pruebas siguientes: Visite la página de prueba de Java . Usted debe ver un mensaje que Java está funcionando y que es la versión Java 1.6 o posterior. Ejecute la prueba de AppInventor de Java haciendo clic en este enlace . Esto comprueba que tu navegador está configurado correctamente para ejecutar Java, y que tu equipo puede ejecutar aplicaciones con Java Web Start. App Inventor no va a funcionar en tu ordenador si estas pruebas no tienen éxito. No intentes usar App Inventor hasta que no hayas resuelto este problema.. Ejecuta el software de instalación de App Inventor Antes de poder utilizar App Inventor es necesario instalar algún software en tu ordenador. El software necesario se proporciona en un paquete llamado Configuración de App Inventor . Sigue las instrucciones para tu sistema operativo con el fin de hacer la instalación, y luego pasar a construir la aplicación de demostración (Hello Purr) con el teléfono o con el emulador. Instrucciones para Mac OS X Instrucciones para GNU / Linux Instrucciones para Windows