PicCall

PicCall et mostra com utilitzar App Inventor per fer aplicacions per utilitzar funcions reals del telèfon, com trucar als amics.

Abans de començar

Per executar PicCall, el teu telèfon estigui configurat i activat per fer trucades. Si no és així, pots encara construir PicCall per practicar, però el telèfon no podreu fer trucades.

Atenció: PicCall no funciona en tots els telèfons Android en la implementació actual de App Inventor: tindràs un avís d’error en alguns telèfons quan es tracti de triar un número de telèfon. A més, no podràs veure tots els teus contactes només aquells creats a partir de Gmail. Aquestes limitacions s’eliminaran en el futur.

En aquest tutorial, a diferència de a HelloPurr, se li donen noms als components, en comptes d’utilitzar els noms predeterminats que App Inventor ofereix (com “Button1”). L’ús de noms significatius és una bona pràctica de programació: t’ajuda a mantenir els programes ordenats al teu cap, i ajuda a altres a entendre teus programes.

El teu telèfon ha de contenir també alguns contactes amb fotos. Pots utilitzar l’aplicació Contactes per guardar les imatges dels teus contactes. També pots fer clic a Contactes al teu compte de Gmail en el teu ordinador i afegir fotos allà.

Assegura’t que el teu ordinador i el telèfon s’han configurat per utilitzar App Inventor, i navega fins al lloc web de App Inventor en beta.appinventor.mit.edu . Inicia un nou projecte a la finestra del Designer (dissenyador). Nómbralo PicCall i canvia el Title (títol) de la pantalla a PicCall. Obre l’Editor de blocs, fes clic a Connect to Phone, i comprova que el telèfon ha iniciat l’aplicació App Inventor.

Primers passos

Comença com a HelloPurr col·locant un botó a la pantalla. Fes que el botó tingui 150 píxels d’amplada i 150 píxels d’alt. Ajusta la propietat Image del botó a una imatge. Pots fer servir la imatge del gatet si la tens a mà – canviaràs aquesta imatge aviat. Ajusta la propietat Text del botó a “Press to Call”, encara que també canviarà això aviat.

Canvia el nom del component Button a TopButton (botó a dalt) (Crearàs 1 BottomButton (botó baix) més endavant en el tutorial.) Per canviar el nom, d’un component, fes clic al botó Rename al panell components i introdueix el nou nom.

En aquest tutorial, a diferència de a HelloPurr, se li donen noms als components, en comptes d’utilitzar els noms predeterminats que App Inventor ofereix (com “Button1”). L’ús de noms significatius és una bona pràctica de programació: t’ajuda a mantenir els programes ordenats al teu cap, i ajuda a altres a entendre teus programes. No confonguis name (el nom) d’un component amb text (el text) d’un component. Textés el text que apareix a la pantalla. Name és el nom que el teu programa fa servir per fer referència al component. Veuràs el nom en l’estructura de la llista Components al Designer (dissenyador) i en els calaixos de l’editor de blocs.

Fer trucades telefòniques

En HelloPurr, vas fer que el telèfon reproduís un so quan el botó era premut. En PicCall gairebé el mateix, excepte que en comptes de reproduir un so, el telèfon fa una trucada.

El component de App Inventor PhoneCall fa trucades telefòniques. Pots trobar PhoneCall a la secció Social de la Paleta. Obre la secció i arrossega un componentPhoneCall al visor. Es col · locarà a la zona Non-visible components. Nómbralo TopCall. La propietat PhoneNumber de PhoneCall determina el número que voleu marcar. Ajusteu a algun número de telèfon al que t’agradaria dir. Així és com el Dissenyador ha de quedar:

Ara canvia a l’Editor de blocs i arrossega el bloc when TopButton.Click do. A la ranura do, col · loca un bloc call TopCall.MakePhoneCall des del calaixTopPhoneCall, de manera que el controlador d’esdeveniments quedi així:

Prova el que hem fet fins ara al telèfon: Prem el botó i fes la trucada. Es pot empaquetar això com una aplicació. Seria una aplicació força limitada, sempre trucant al mateix número, encara que algunes persones poden trobar útil.

Informació de contacte del telèfon

A més de fer trucades telefòniques, les aplicacions de App Inventor també poden obtenir informació de la llista de contactes del telèfon. Això es fa amb el componentPhoneNumberPicker (Selector de número de telèfon).

Arrossega un component PhoneNumberPicker de la secció Social de la Paleta, col · loca sota TopButton i Canvia-li el nom a TopPick. PhoneNumberPicker és n tipus de botó: quan el pressiones, porta al capdavant teva llista de contactes del telèfon i et permet triar algun. Cámbai el nom del PhoneNumberPicker a TopPick, i canvia la seva Text a “Press to pick a number to call”. Prova prement el selector al telèfon: has de veure aparèixer teus contactes, i podràs triar un. Res passarà després de triar, perquè encara no has indiacado als components que facin res. Això serà el següent.

Utilitzant el selector

Canvia a la finestra de blocs i obre el calaix TopPick. Arrossega el bloc when TopPick.AfterPicking do. Aquest et permet definir un controlador d’esdeveniments que diu el que s’ha de fer després d’haver escollit un nombre dels teus contactes.

Ara obre el calaix TopCall i arrossega setembre TopCall.PhoneNumber to i introdueix a la ranura del bloc when TopPick.AfterPicking do. Ara arrossegaTopPick.PhoneNumber del calaix TopPick a la presa buida. Així és com el controlador d’esdeveniments ha de quedar:

Prova-ho al telèfon: Prem el botó selector, seleccioneu un contacte i un número de telèfon. A continuació, prem el botó de trucada de telèfon per fer la trucada. Afegeix una ordre al controlador d’esdeveniments per establir la propietat de TopButton Text a TopPick.PhoneNumber:

Imatges

Si tens una imatge emmagatzemada amb els teus contactes, pots fer que el botó la mostri, juntament amb el número de telèfon, en lloc d’utilitzar sempre la imatge del gatet. Per això, afegeix una ordre al controlador d’esdeveniments, per establir la propietat Image de TopButton perquè sigui la propietat Picture de TopPick:

PhoneNumberPicker té dues propietats que són fàcils de confondre: Picture i Image. Picture és la imatge associada amb el contacte que s’ha seleccionat. Image és la imatge del component PhoneNumberPicker tal com apareix en el Designer (dissenyador) i al telèfon.

Millores

Aquí hi ha algunes variacions que pots provar:

• Afegeix un segon botó, BottomButton i un segon PhoneNumberPicker, perquè la teva aplicació ofereixi l’opció de dos nombres.
• Afegeix una etiqueta amb instruccions sobre com utilitzar l’aplicació.
• Mostra el nom de la persona a qui es diu a més del número de telèfon. Utilitza altra etiqueta més per mostrar la informació addicional.

Usant PicCall

Pots empaquetar PicCall i descarregar-lo al telèfon perquè puguis utilitzar-lo quan no estiguis connectat a l’ordinador. Però hi ha una gran limitació: Cada vegada que es reinicia PicCall, comença de nou i no recorda el que has triat l’última vegada. Més endavant, veurem com utilitzar el component TinyDB per crear aplicacions que puguin recordar informació d’una vegada a una altra. Aquesta informació se li crida dades persistents.

Revisió

Aquestes són les idees principals tractades en aquest tutorial:

• Pots nomenar els components mitjançant el botó Rename.
• App Inventor té components que poden utilitzar la informació emmagatzemada al telèfon. PhoneNumberPicker pot obtenir números de telèfon i fotos dels teus contactes, i PhoneCall pot fer trucades.

Atenció: En alguns sistemes Android, la llista que apareix en executar el selector de número de telèfon no mostra les imatges associades amb els seus contactes. Tot i que la imatge no es mostra, la propietat “imatge” seguirà retornant una imatge que es mostrarà quan s’executi l’aplicació, sempre que el telèfon tingui una imatge per a aquest contacte.