+ All Categories
Home > Documents > Taller app inventor

Taller app inventor

Date post: 03-Jul-2015
Category:
Upload: lluis-nater
View: 385 times
Download: 4 times
Share this document with a friend
23
Transcript
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ó vil MIT AI2 Companion

.

Ara fes coincidir la WIFI del teu mó vil i la del teu ordinador i connecta amb AI Companion

.

Page 9: Taller  app inventor

Quan obris l’app del teu mó vil tens 2 opcions o escriure el codi o

escanejar el codi QR (amb el botó scan)

.

Page 10: Taller  app inventor

EXEMPLES DE PROGRAMACIÓ:

La imatge contesta saludant amb un àudio.

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.

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.

EXEMPLES DE PROGRAMACIÓ:

La imatge contesta saludant amb un àudio.

Page 12: Taller  app inventor

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

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

EXEMPLES DE PROGRAMACIÓ:

La imatge contesta saludant amb un àudio.

Page 13: Taller  app inventor

Una podria ser que el programa faci preguntas.

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

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

Possibles millores

EXEMPLES DE PROGRAMACIÓ:

La imatge contesta saludant amb un àudio.

Page 14: Taller  app inventor

EXEMPLES DE PROGRAMACIÓ

Envia SMS per mitjà de veu.

Previament cal convertir l’àudio en text.

Botó 1

Label1

Per dictar la frase.

La frase dictada es visualizará aquí.

Botó 2Per enviar el missage per SMS

Page 15: Taller  app inventor

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

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

Converteix en text la veu.

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

Identificar el mó vil.

Envia el mensaje.

EXEMPLES DE PROGRAMACIÓ

Envia SMS per mitjà de veu.

Page 16: Taller  app inventor

Roger Rey

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

El component Texting també permet el control dels SMS rebuts en el dispositiu mó vil. 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

EXEMPLES DE PROGRAMACIÓ

Envia 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

EXEMPLES DE PROGRAMACIÓ

Frases amb síntesi de veu, i que un cop escrites es pugui comprovar el resultat.

Page 18: Taller  app inventor

Quan es carrega la 1ª pantalla configura el pais i l’idioma.

Programa el botó n1 per dictar la frase

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

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

Si no és correcte...

Si és correcte...

Converteix en veu la frase.

Compara.

EXEMPLES DE PROGRAMACIÓ

Frases amb síntesi de veu, i que un cop escrites es pugui comprovar el resultat.

Page 19: Taller  app inventor

EXEMPLES DE PROGRAMACIÓ

Sensor d’orientació

Es tractaria de crear una aplicació que simuli els movimients d’una bola sobre un plà inclinat (mó vil). Inclinant en diferents direccions el mó vil, un objete bola s’anià orientant en direcció a la inclinació .

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

Ball

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

Page 20: Taller  app inventor

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

EXEMPLES DE PROGRAMACIÓ

Sensor d’orientació

Page 21: Taller  app inventor

EXEMPLES DE PROGRAMACIÓ

Sensor d’orientació

Page 22: Taller  app inventor

Mesura en graus on està orientat el dispositiu (norte, sur, este u oeste).

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

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

Orientem la bola segons l’orientació del mó vilTorna un nº entre 0 y 1,

que indica la intensitat de la inclinació

Velocidad de movimiento de la bola.

EXEMPLES DE PROGRAMACIÓ

Sensor d’orientació

Page 23: Taller  app inventor

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

EXEMPLES DE PROGRAMACIÓ

Com fer un llibre amb App inventor


Recommended