Title: Programació amb AppInventor2
Course: Gestió administrativa - Activitats comercials > Section: 3. PROGRAMACIÓ DE L'APP

Materials de consulta

Què és AppInventor?

Per poder utilitzar App Inventor heu de tenir un compte de gmail. L'enllaç és el següent: http://appinventor.mit.edu/ - botó CREATE - L'aplicació us sol·licitarà permís per accedir al vostre Compte de Google. Seleccioneu un compte que vulgueu utilitzar - Ja sou dins!!

A programar només se n'aprén programant, fent i defent, practicant, provant, errant, descobrir l'error i tornant-hi...

Seria ideal poder fer petites pràctiques abans d'endinsar-nos a fer la nostra app, però degut a la minsa duració de la nova UF, segurament no serà possible. Aquest curs veurem què som capaços de fer i no fer amb les hores que tenim.

Aquests tutorials que us poden anar molt bé:

- http://appinventor.mit.edu/explore/ai2/tutorials?
- http://www.appinventor.org/
- https://sites.google.com/site/appinventormegusta/
- http://appinventor.blogs.upv.es/ejemplos-de-programacion/
- http://blogromerojacfsmr.blogspot.com.es/
- Fusion tables: http://ateneu.xtec.cat/wikiform/wikiexport/cmd/tac/computacional/b15_ai_fusiontables/index

Nocions bàsiques de programació i AI2

Variable

Una variable és un element al qual li donem un nom i li atribuïm un determinat tipus d’informació. El valor d’una variable va canviant. Una variable pot contenir diferents tipus d’informació: nombres, text, llistes,…
Hi ha dos tipus de variables segons el lloc del programa on s’usa: variables locals i variables globals.

Variables locals i variables globals

Les globals, es poden utilitzar en tot el programa i es declaren o defineixen i s’inicialitzen de la següent manera:

name – el podem canviar i posarem el nom de la variable global

Falta indicar quin tipus de dades tindrà:

Assignar o canviar el valor de la variable amb AI2:

Veure o "agafar" el valor de la variable amb AI2:

Constant

Una constant és un element al qual li donem un nom i li atribuïm un determinat tipus d’informació. El valor d’una constant no canvia, sempre té el mateix valor.

Amb AI2, les constants es defineixen com les variables, però no els hi anem assignant valors nous

Funció i Procediment

Funció:

Conjunt d’instruccions amb un objectiu en particular, i que s’executa quan és cridada. Pot rebre valors de fora (paràmetres) i retornen un resultat

Procediment:

Exactament com la funció, amb la única diferència que no retorna cap resultat.

Pas de la nostra app al dispositiu de visualització

Atenció: per poder instal·lar la vostra app (codi .apk) al vostre dispositiu de visualització, primer heu de “configurar-lo” per tal que permeti la instal·lació d’aplicacions d’origens que no siguin Play Store.

Ajustaments – Seguretat – Administració del dispositiu – Orígens desconeguts activat

El Dissenyador i Editor de blocs s'executen completament en el navegador (també conegut com el núvol). Per veure i provar l’aplicació en el dispositiu hi ha varies maneres:

- Passant l’executable al dispositiu: per veure les modificacions que es realitzen, cada vegada s’ha de generar l’.apk, passar-lo al dispositiu de visualització, i executar-lo (1,2)
- Realitzant proves en viu: tot el es fa a l'app des d’AI2, es veu reflectit al dispositiu de visualització (3,4)

1. Generant codi QR

Des d’AI2 – Menú Build – App (provide QR code for .apk)

Al dispositiu de visualització, i mitjançant un lector de codis QR, llegir el codi QR generat. Aquest codi QR només és vàlid durant 2 hores. Recordeu que heu de tenir activat Origens Desconeguts al vostre disposittiu de visualització per tal que us pogueu instal·lar la vostra app, no provinent del playStore

2. Generant el codi executable .apk, passant-lo al mòbil, i executant-lo.

Des d’AI2 – Menú Build – App (save .apk to my computer)

Ara ens hauríem de passar aquest codi executable .apk al nostre dispositiu de visualització, via USB o via mail. El procés d’instal·lació de l'app és exactament igual que l’anterior.

3.Via USB (no necessari connexió Wi-Fi)

Des d’AI2 – Menú Connect – USB

http://appinventor.mit.edu/explore/ai2/setup-device-usb.html

4. Al Companion (necessari connexió Wi-Fi)

En aquest cas, ens hem d’instal·lar MIT AI2 Companion App al nostre dispositiu mòbil. Aquest component el podem trobar a la Play Store.

A aquest enllaç està tot explicat: http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html

Pas del codi font (.aia) al nostre PC

Exportar codi compil·lat o exectuable (.apk) al nostre PC

Combinar dos projectes d'App Inventor en un

Per poder combinar o unir dos projectes d'app inventor, s'ha d'instal·lar un mòdul. Més informació aquí.

Aquest eina serà molt útil ja que es realitzarà un únic projecte col·laboratiu de tots els alumnes, o tants projectes com grups de 3-4 alumnes es facin. Amb ambdues opcions, cada alumne, amb el consens del grup, pot realitzar una part del projecte, és a dir alguna pàgina de l'app. Mitjançant aquesta eïna, Merger Tool, es podran anant a unint o combinant els diferents projectes en un de sol.