dilluns, 6 d’octubre del 2014

MIT App inventor

Bona tarda avui us ho ensenyaré crear una aplicació per dispositius mòbils bastant senzilla gràcies el programa MIT App Inventor.

Nosaltres crearem l'aplicació de calcular la densitat. En la classe ens han ensenyat com calcular la velocitat amb el mateix programa però nosaltres ho modifiquem i creem el programa de calcular la densitat.

Fases:

1 fase: Disseny
Hem de crear la plantilla inicial que és la única pantalla que tindrà la nostra aplicació. Per crear aquesta pantalla necessitarem uns quants elements.

- Label (escriure petits textos).
- Text Box ( per esciure el número que vols dividir massa/volum).
- ListPicker ( és la finestra que hi hauran tot el desplegament d'unitats i per això haurem d'anar al costat que hi posa ElementsFromString i escriure les unitats que hi toca però sempre separades amb comes).
- TableArrangement (està a l'apartat layout, que serveix per fer el recruada principal, és a dir, el que hi posa indica massa, indica volum etc. )
- Button
- Image

* Sempre que volguem treballar amb algun apartat abans haurem de clicar al damunt (seleccionat) per veure tots els diferents conceptes que hi han al costat.
* Una cosa també important és fica la icona ja que el nostra mòbil ens sortirà la icona que haurem afegit i això és fa: seleccionar Screen1 i anar a Icone i buscar la imatge que vulguem perquè ens surti al nostra dispositiu mòbil.



2 fase: Programació
És la fase més important per crear la nostra aplicació al mòbil. I per això hem de seguir uns passos, aquest passos els veurem a la imatge ja que mirant a la imatge es poden trobar fàcilment.


ListPicker_massa.AfterPicking = és el que controla l'esdeveniment quan cliquem el desplegable.
ListPicker_espai.Text = controla el text que ens mostra el desplegable.
ListPicker_espai.Selection = és la que conté el valor del desplegable.
Button_calcular.Click = esdeveniment que es produeix en clicar el botó.
Etiqueta_resultat.Text = text que ens mostra l'etiqueta.
Bloc join = és la que ens permet enllaçar les diverses cadenes de text.
Bloc de divisió = és un bloc que el trobem a l'àmbit Math i ens permet dividir la massa/volum.
TextBox_espai.Text = és el que ens permet escriure el valor de la distància recorreguda.
TextBox_temps.Text = és el que ens permet escriure el valor del temps recorregut.
Bloc de text = ens permet indicar una cadena de text.
ListPicker_espai.Text = ens mostrarà la unitat d'espai escollida en el desplegable.
Bloc de text = l'utilitzem per incloure la barra separadora de les unitats.
ListPicker_espai.Text = ens mostrarà la unitat de temps escollida en el desplegable.


3 fase: Instal·lació de l'apk al dispositiu Android
Quan ja tenim l'aplicació creada ja ens la podem descarregar al mòbil, per descarregar-la al mòbil necessitarem el codi QR ja que ens llegirà el codi.

1- Com podem veure el color vermell serveix pel codi QR que cliquerem al damunt i surtira al codi i agafarem l'aplicació del mòbil (codi QR) i ens descarregarem el nostra propi programa.
2- I en el color verd serveix pel ordinador.


Aquest és el codi QR de l'aplicació que he creat:


Així ha quedat la meva aplicació en el dispositiu mòbil: