Taller app inventor

23

Transcript of Taller app inventor

Page 1: Taller  app inventor
Page 2: Taller  app inventor

Enllaç per App Inventor II: http://dev-explore.appinventor.mit.edu

Page 3: Taller  app inventor
Page 4: Taller  app inventor

Pots provar de crear una app en que al tocar la foto en el teu móvil faci Miau!

.

Arrossega un botó i a la dreta a la columna de propietats puja una imatge des

de Upload File .

Page 5: Taller  app inventor

Després pots pujar un àudio Miauuuu

http://recursostic.educacion.es/bancoimagenes/web

Page 6: Taller  app inventor

Fes un click a l’editor de Blocs per programar

.

I s’obrirà

.

Page 7: Taller  app inventor

Fes un click al botó que has creat en l’editor i podràs arrossegar els blocs

per programar-ho When botogat Click

Després fes un clic a l’àudio i arrossega el bloc call play

.

Page 8: Taller  app inventor

Descarrega’t en el teu mòbil MIT AI2 Companion

.

Ara fes coincidir la WIFI del teu mòbil i la del teu ordinador i connecta amb AI Companion

.

Page 9: Taller  app inventor

Quan obris l’app del teu mòbil tens 2 opcions o escriure el codi o

escanejar el codi QR (amb el botó scan)

.

Page 10: Taller  app inventor

Botó1

Has de crear primer un botó i assignar-li una imatge.

En el tauler de propietats afeix la imatge que previament has pujat.

La imatge saluda amb un La imatge saluda amb un ÀÀudioudio.

Page 11: Taller  app inventor

Arrossega el component TextToSpeech a l’escenari per afegir la funcionalitat de lectura de text amb síntesi de voz.

La imatge saluda amb un La imatge saluda amb un ÀÀudioudio.

Page 12: Taller  app inventor

Després amb l’editor de blocs de codi fas un clic i trias arrossega el bloc TextToSpeech.Speak.

Para afegir un bloc de text fem clic al mig en un espai buit del mateix editor de blocs.

L imatge saluda amb un L imatge saluda amb un ÀÀudioudio.

Page 13: Taller  app inventor

Una podria ser… que el programa faci preguntas.

P. Ex: - Com et dius?. I el programa contesti dient el nom de l’usuari. P.Ex.:- Hola Joan, espero que estiguis bé.

Per aconseguir aquesta nova millora caldria introducir un nou component per reconèixer l’ àudio emés per tu.

La imatge saluda amb un La imatge saluda amb un ÀÀudioudio.

Page 14: Taller  app inventor

Botó1

Label1

Per dictar la frase.

La frase dictada es visualizará aquí.

Botó2Per enviar el missage per SMS

Envia SMS per mitjà de veuEnvia SMS per mitjà de veu.

Page 15: Taller  app inventor

Prem el botó1 i s’ incia el teu reconeixement de veu.

Després del reconeixement de veu es visualitza el missatge en la etiqueta label1 perquè comprovi s si es correcte. Posteriorment s’estableix el text com missatge SMS.

Converteix en text la veu.

Programa el botó2 per enviar el missatge a un número de telèfon.

Identifica el mòbil.

Envia el mensaje.

Envia SMS per mitjEnvia SMS per mitjÀÀ de veu de veu.

Page 16: Taller  app inventor

Una de las millores sería permetre’t triar amb un menú un número de telèfon o contacte avanst d’ enviar l’SMS.

El component Texting també permet el control dels SMS rebuts en el dispositiu mòbil. Es podrien crear per exemple aplicacions de respostes automàtiques. Quan estem conduïnt un cotxe o en una reunió.

El bloc de codi que gestiona aquestes funcions es el següent:

Possibles millores

Envia SMS per mitjà de veuEnvia SMS per mitjà de veu.

Page 17: Taller  app inventor

Botó1

TexBox1

Per generar frases.

Per escriure la frase

Botón2Para comprovar

Label1Para visualizar el missatge de comprovació en una etiqueta (label1)

El teclat s’activa automàticament en el moment de tocar el TextBox1

Frases amb síntesi de veuFrases amb síntesi de veu

Page 18: Taller  app inventor

Quan es carrega la 1ª pantalla configura el país i l’idioma.

Programa el botó1 per dictar la frase

Programa el botó2 per comprovar si està ben escrita la frase.

Crea un bloc condicional per comparar la frase escrita per l’usuari amb la frase que correspon a la síntesi de veu generada pel dispositiu.

Si no és correcte...

Si és correcte...

Converteix en veu la frase.

Compara.

Sensor d’ orientacióSensor d’ orientació

Page 19: Taller  app inventor

Crea una aplicació que simuli els movimients d’una bola sobre un plà inclinat mòbil. Inclinant en diferents direccions el mòbil, un objete bola s’anirà orientant en direcció a la inclinació.

Canvas

Afegim un component gràfic anomenat Canvas (lienç).

Ball

Afegim un 2n component gràfic dins del Canvas anomenat Ball (bola)

Sensor d’ orientacióSensor d’ orientació

Page 20: Taller  app inventor

Afegeix el component d’Orientation Sensor a l’escenari per afegir la funció moviment i orientació.Amb aquest component pots determinar la inclinació i orientació del mòbil.

Sensor d’ orientacióSensor d’ orientació

Page 21: Taller  app inventor

Sensor d’ orientacióSensor d’ orientació

Page 22: Taller  app inventor

Mesura en graus on està orientat el dispositiu (nord, sud, est oest).

És l’ àngul d’ inclinació del dispositiu des de la part superior a la part inferior (a dalt o a baix).

Ángul de gir del dispositiu que va d’esquerra a dreta,

Orientem la bola segons la orientació del mòbilTria un nº entre 0 i 1,

que indica la intensitat de la inclinació.

Velocitat de movimiento de la bola.

Sensor d’ orientacióSensor d’ orientació

Page 23: Taller  app inventor

https://docs.google.com/a/genmagic.net/viewer?a=v&pid=sites&srcid=Z2VubWFnaWMubmV0fHRlY25vbG9naWFzLW1vdmlsZXMtcGFyYS1sYS1lZHVjYWNpb258Z3g6MzFmNzEzYjBiMjQ1YjI3MA

Com fer un llibreCom fer un llibre