App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

_________________________________________________
72.- Imágenes en Internet a Imagen. Foto.

p72_imagenes_internet.aia

- Inicio:

- Vamos a visualizar fotos en un componente de Imagen.Foto.

- Pero esta vez las fotos no se encuentran en el móvil, sino que están en internet, por ejemplo...

http://kio4.com/appinventor/imagenes/pr/5.jpg

- Para hacer estas pruebas necesitaremos un servidor web externo, en mi tutorial puedes ver como darte de alta en un hosting gratuito...

317.- Hosting gratuito. Crea base de datos MySQL en hosting.

- Una vez que ya estemos dados de alta en ese hosting, subimos una carpeta con archivos, por ejemplo...

Fotos: pr.zip

- En el servidor 000webhost sería... http://androide.net23.net/pr/6.jpg

- Fíjate que las imágenes son de poco tamaño y de dimensiones medianas.

- Si tienes fotos de 3 MB y grandes dimensiones por ejemplo 1600x800, con el MsPaint puedes reducirles el tamaño ya que si las dejas con gran tamaño tardará mucho en bajar y podrá bloquear la aplicación, consulta este tutorial, en cuanto a las dimensiones de las imágenes...

125.- App inventor 2 Ultimate. Instala App inventor en tu ordenador.

- Supongamos que ya hemos reducido el tamaño de las imágenes y que las hemos subido a nuestro servidor web (hosting), antes de subirlas debemos renombrarlas secuencialmente, 1.jpg, 2.jpg, 3.jpg, 4.jpg, 5.jpg, 6.jpg, 7.jpg, 8.jpg, 9.jpg

- Ahora vamos a realizar la aplicación...
________________________________________

- Diseño.

________________________________________________________________

- Bloques.

________________________________________________________________

- Comentarios.

- Fíjate que en Imagen1.Foto he puesto la dirección web donde se encuentra la foto, en este caso...

http://kio4.com/appinventor/imagenes/pr/

- Luego agrego el número de foto: X

- Y luego .jpg

- Para formar: http://kio4.com/appinventor/imagenes/pr/7.jpg

- La x, que será el número de foto se irá incrementando según pulsemos el Botón.

- Si x es 10
entonces x vuelve a ser 1, para que vuelva a comenzar.

- En caso que utilices el servidor gratuito de 000webhost, sería...

http://androide.net23.net/pr/7.jpg

________________________________________________________________

- Propuestas.

- Crea otro Botón para que cada vez que lo pulses gire la imagen en la pantalla 90º.

__________________________________