App Inventor: Magic Eight Ball (modificada)

Hola de nou! Aquesta setmana, a part d'acabar l'aplicació del TalkToMe, també he estat treballant en una altra: Magic Eight Ball.

La funció bàsica de l'aplicació és que a partir de tocar un botó (la imatge d'una bola de billar amb número 8, en l'original) se't crea una resposta aleatoria a una pregunta que tu fas.

En el meu cas, he decidit posar d'imatge un home que realitza prediccions amb una bona base científica i rigurosa: Sandro Rey.

Els elements que he necessitat són molt senzills: un LabelText on aparegui el text inicial quan s'obra l'app i la resposta aleatoria; un Button des del qual donar l'ordre de demanar una resposta; un TextToSpeech que servirà per a que a més et sorti una veu que et digui la resposta, i el Sound que permetrà reproduir un so cada cop que s'obtingui una resposta.

Les respostes es recopilaran en un llistat que escull una opció de manera random. També he aplicat les mateixes funcions, no només al fet de tocar la imatge de Sandro Rey, sino també quan es mou el mòbil.

Doncs bé, ja es pot descarregar l'aplicació des d'aquí!

Espero que us hagi agradat!! Fins aviat!!

App Inventor: Talk To Me - Opcions avançades

Hola de nou! Després d'acabar el Talk To Me, teníem la possibilitat i llibertat d'afegir opcions que doni l'aplicació per a poder aplicar els sistemes de conversió de veu a text i a l'inrevés.

Encara que no ho tinc tot acabat, les idees eren poder compartir el text (WhatsApp, Facebook, Twitter...), posar-lo en format d'imatge i traduir-lo a un altre idioma. De moment, he sapigut com començar a fer l'última cosa.

A l'estil de la llista que funcionava com paleta de colors al PaintPot, l'opció per traduir un text l'he construit de la mateixa manera, només que en comptes de colors, una llista serviria per mostrar els idiomes i l'altra que contingués els codis corresponents per a que l'aplicació ho pogués entendre. El servei de traducció, per cert, és YandexTranslate.

Com he dit, no està enllestit i pot ser que hi hagi errors que hagués de solucionar després, però és més o menys el procediment bàsic que s'hauria de seguir per a que el text es traduís.

Fins aviat!!

App Inventor: Talk To Me

Hola de nou! Aquesta setmana havíem de desenvolupar una petita però curiosa aplicació: Talk To Me. Aquesta app et permet escriure text i que el mòbil que t'ho digui, i a l'inversa, que tu recitis el text i el mòbil t'ho converteixi a text.

Els elements indispensables per a construir-la eren el Text Box (on s'escriuria i llegiria el text), l'Speech Recognizer (que et transforma el que dius en text) i el Text To Speech (que converteix el que escrius en veu).

Bàsicament, el que he fet és crear un botó que iniciés l'Speech Recognizer, i que després de parlar, he posat un comandament de que el text que mostrés el TextBox havia de ser el resultat del que s'havia obtingut de la veu.

Per a que, de manera opcional, s'escoltés el que s'havia introduït només he hagut de crear un altre botó que accionés el TextToSpeech i el missatge que faria parlar al mòbil fos el text del TextBox.

Des d'aquí us podeu descarregar l'aplicació. Espero que us hagi servit d'ajuda. Fins aviat!!

MIT App Inventor: PaintPot

Hola de nou!

Aquestes últimes setmanes, després d'acabar l'aplicació en què qualsevol animal feia un so al tocar la seva imatge, hem estat treballant en una nova que permet dibuixar a sobre d'una fotografia qualsevol.

El Making-Of:

L'inici de tot és el canvas. Aquest element és el que permet mostrar la fotografia que vulguis i dibuixar-hi a damunt d'ella. Per a fer possible que per la pantalla apareguessin punts i línies, calia posar-hi les ordres necessàries per a que interpretés que al tocar o arrastrar el dit volíem que es dibuixessin aquestes formes.

Després vaig crear quatre botons: dos per a dibuixar cercles petits i grans, i dos més per a la mateixa funció aplicada a les línies petites i grans. Vaig crear tres noms: petit, gran i pinzell, cadascún dels quals tenia assignat un valor diferent. El pinzell va ser utilitzat per donar un valor inicial a la grossor del pinzell quan encara no s'havia seleccionat res, és a dir, quan s'obria l'aplicació.

Els botons de punts grans i petits tenien l'acció de convertir el valor inicial del pinzell en el valor del gran o del petit, ja que pinzell era el que definia el radi dels punts (com es veu en la primera imatge de dalt).

Respecte a les línies, només va caldre afegir una senzilla acció als seus botons respectius per a que la grossor del pinzell tingués diferents valors en les línies.



Però, per dibuixar, cal que existeixi una paleta de colors de la qual escollir-ne qualsevol. Després de fer recerca per Internet, vaig trobar la manera més fàcil en què es podia fer.

Inicialment, els colors els havia agrupat un per un amb el seu corresponent botó; és a dir, a dalt de la pantalla, sortien el roig, groc, blau, taronja, etc. No obstant, ocupava gran part de la pantalla i estèticament no quedava bé.

La solució va ser crear dos llistes paral·leles: una en la qual estaven escrits els noms dels colors (que seria la llista que es veuria a la pantalla) i una altra en la que estaven els mateixos colors en si ordenats de la mateixa manera (que serviria per a que l'aplicació relacionés cada nom amb el color i entengués quin color s'està seleccionant).

Vaig haver de fer tres procediments: en el primer, indicava que quan es tocava el botó de la llista, aquesta s'obrís i donés un missatge en el qual avisés que s'ha de tocar dos cops en un color per seleccionar-lo, ja que per un problema de programació s'havia de fer així. En el segon, indicava que la llista que s'havia de visualitzar era la dels textos (els noms dels colors), i en el tercer, que s'havia de canviar el color del pinzell del canvas cap al seleccionat, ara sí, en la llista dels propis colors.

Finalment, vaig afegir funcions extra com poder desar el dibuix al teu mòbil, borrar tot el que s'hagués dibuixat i deixar la fotografia neta, i fer fotografies amb la càmera o seleccionar-ne una ja existent per a posar-la a l'aplicació i també dibuixar-hi.

Bé, doncs això és tot! Si us voleu descarregar l'app, feu clic aquí. Espero que us hagi ajudat a crear la mateixa o la vostra personalitzada aplicació. Fins aviat!!