jueves, 22 de mayo de 2014

Primeros pasos con Appinventor

Para poder realizar una aplicación hemos utilizado el programa Appinventor, siguiendo unos sencillos pasos que explicaré a continuación:






Como podéis ver en la imagen de la izquierda esa es la entrada principal de la página web de Appinventor. Una vez dentro nos vamos a la opción de "Create"




Una vez pulsamos "Create" hacemos nuestro proyecto poniéndole el nombre que queramos. Como podéis ver yo tengo más de un proyecto. Todo esto queda guardado con la cuenta de gmail que accedas.








 Para realizar las primeras partes del proyecto hemos utilizado estas dos pantallas que encontramos en la pagina principal. De aquí hemos escogido "TableArrangement" y 
en ella hemos introducido
 "TextBox", "Label", "Slider" y 
"Clock".

 









Como veis en la imagen de la derecha añadiendo las partes anteriores hemos conseguido tener todos estos componentes en la aplicación ahora solo quedaría realizar la otra parte que requiere más trabajo.






En la imagen de la izquierda aparecen las casillas para editar los diferentes elementos que hemos añadido. Pudiendo mejorar el tamaño, el tipo de texto, el color, etc.

Una vez organizada la primera parte con los anteriores procedimientos pasamos "blocks", en este apartado se mejora la vista que tenemos de la aplicación desde el móvil o la tablet.

Lo que podemos ver en la siguiente imagen son los diferentes apartados que hemos ido enlazando para darle la forma que queremos a la aplicación y que esta responda a dichas ordenes:
 En esta otra imagen os enseño la ampliación que hemos realizado en la aplicación para mejorar el funcionamiento y poder realizar más tareas. Se realiza de la misma forma que la anterior pero utilizando algunos términos distintos.

 Al finalizar todos estos pasos podemos ver lo siguiente una vez que accedamos a la aplicación:


 



  El color del recuadro de abajo irá cambiando según sea la variación de los valores en Rojo, Azul y Verde.


Aparte del inicio que ya he explicado de mezcla de colores he creado otras aplicaciones siguiendo los mismo criterios, estas son:

-Operaciones matemáticas:



-Mapa sensible:


-El inglés en más de 8 palabras:

https://drive.google.com/file/d/0B4NzeNABnV80MDdhVzZFeG5ieDQ/edit?usp=sharing

A través de estos enlaces podéis acceder a la descarga de las aplicaciones.
En las imágenes podéis ver los bloques creados para que funcione correctamente la aplicación.